<template>
|
|
<!-- 工单详情 -->
|
|
<view class="page">
|
|
|
|
<navbar title="工单详情" leftClick @leftClick="$utils.navigateBack" />
|
|
|
|
<view class="Box">
|
|
<view class="work-box">
|
|
<view class="works">
|
|
任务号:
|
|
</view>
|
|
<view class="index">
|
|
GY1269103AC0
|
|
</view>
|
|
</view>
|
|
<view class="work-box">
|
|
<view class="works">
|
|
担当信息:
|
|
</view>
|
|
<view class="index">
|
|
李林珠-15197216688
|
|
</view>
|
|
</view>
|
|
<view class="work-box">
|
|
<view class="works">
|
|
机型信息:
|
|
</view>
|
|
<view class="index">
|
|
BSZ24861768
|
|
</view>
|
|
</view>
|
|
<view class="work-box">
|
|
<view class="works">
|
|
数量:
|
|
</view>
|
|
<view class="index">
|
|
<uv-input placeholder="88" border="surround" v-model="value" @change="change"></uv-input>
|
|
</view>
|
|
</view>
|
|
<view class="work-box">
|
|
<view class="works">
|
|
状态:
|
|
</view>
|
|
<view class="index">
|
|
<uv-input placeholder="本体加工" border="surround" v-model="value" @change="change"></uv-input>
|
|
</view>
|
|
</view>
|
|
<view class="work-boxx">
|
|
<view class="workss">
|
|
备注:
|
|
</view>
|
|
<view class="indexx">
|
|
<uv-input placeholder="备料已完成,等待本体加工,进入下一步气密检测" border="surround"
|
|
v-model="value" @change="change"
|
|
|
|
color="#fff" ></uv-input>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<view class="modify">
|
|
<view class="modi">
|
|
保存
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
value: ''
|
|
}
|
|
},
|
|
methods: {
|
|
change(e) {
|
|
console.log('change', e);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.page {
|
|
.Box {
|
|
margin-top: 40rpx;
|
|
|
|
.work-box {
|
|
padding: 0rpx 30rpx;
|
|
margin: 15rpx 0rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 35rpx;
|
|
|
|
}
|
|
|
|
.work-boxx {
|
|
padding: 0rpx 30rpx;
|
|
margin: 15rpx 0rpx;
|
|
display: flex;
|
|
font-size: 35rpx;
|
|
|
|
.indexx {
|
|
margin-top: 3rpx;
|
|
}
|
|
|
|
.workss {
|
|
|
|
font-size: 35rpx;
|
|
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.modify {
|
|
text-align: center;
|
|
margin-top: 790rpx;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
.modi {
|
|
padding: 20rpx 60rpx;
|
|
background-color: rgb(2, 167, 240);
|
|
border-radius: 15rpx;
|
|
}
|
|
|
|
}
|
|
}
|
|
</style>
|