工单小程序2024-11-20
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

138 lines
2.3 KiB

<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>