工单小程序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.
 
 
 

163 lines
2.9 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">
88
</view>
</view>
<view class="work-box">
<view class="works">
状态
</view>
<view class="index">
本体加工
</view>
</view>
<view class="work-boxx">
<view class="workss">
备注
</view>
<view class="indexx">
备料已完成等待本体加工进入下一步气
密检测55555555
</view>
</view>
</view>
<view class="working-procedure">
<view class="working" @click="$utils.navigateTo('/pages_order/order/ProcessCardOne')">
中试压缩机试作工序卡1选配
</view>
<view class="working" @click="$utils.navigateTo('/pages_order/order/ProcessCardTo')">
中试压缩机试作工序卡2
</view>
<view class="working" @click="$utils.navigateTo('/pages_order/order/ProcessCardThree')">
中试压缩机试作工序卡2
</view>
<view class="working" @click="$utils.navigateTo('/pages_order/order/ProcessCardFour')">
中试压缩机试作工序卡4(总成)
</view>
</view>
<view class="modify">
<view class="modi"
@click="$utils.navigateTo('/pages_order/order/ModifyWorkOrder')">
修改
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style scoped lang="scss">
.page {
background-color: #fff;
height: 100vh;
.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 {
width: 170rpx;
font-size: 35rpx;
}
}
}
.working-procedure {
text-align: center;
margin-top: 150rpx;
font-size: 35rpx;
.working {
margin: 25rpx 0rpx;
color: rgb(83, 125, 180);
}
}
.modify{
text-align: center;
margin-top: 380rpx;
display: flex;
align-items: center;
justify-content: center;
.modi{
padding: 20rpx 60rpx;
background-color:rgb(2 ,167, 240) ;
border-radius: 15rpx;
color: #fff;
}
}
}
</style>