<template>
|
<view class="page">
|
<view class="operation-task-info-index-bg" />
|
<u-navbar title="工单详情" :background="background" :border-bottom="false" :title-bold="true" title-color="#000"
|
back-icon-color="#000" />
|
<view class="wrap">
|
<uni-list>
|
<uni-list-item title="销售订单:" :rightText="operationTaskInfo.customerOrderNo" />
|
<uni-list-item title="主计划号:" :rightText="operationTaskInfo.mpsNo" />
|
<uni-list-item title="零件编号:" :rightText="operationTaskInfo.partNo" />
|
<uni-list-item title="零件名称:" :note="operationTaskInfo.partName" />
|
<uni-list-item title="车间订单:" :rightText="operationTaskInfo.moNo" />
|
<uni-list-item title="工序名称:" :rightText="operationTaskInfo.operationName" />
|
<uni-list-item title="成品名称:" :note="operationTaskInfo.productName" />
|
<uni-list-item title="计划数量:" :rightText="operationTaskInfo.plannedQuantity.toString()" />
|
</uni-list>
|
</view>
|
</view>
|
</template>
|
<script>
|
import content_bg from '@/static/custom/product/productBg.png'
|
export default {
|
components: {},
|
data() {
|
return {
|
background: {
|
backgroundImage: `url(${content_bg})`,
|
backgroundAttachment: 'fixed',
|
backgroundSize: '100% auto',
|
backgroundRepeat: 'no-repeat',
|
},
|
operationTaskInfo: {}
|
};
|
},
|
onLoad(option) {
|
if (option.item) {
|
this.operationTaskInfo = JSON.parse(decodeURIComponent(option.item));
|
}
|
},
|
onShow() {
|
|
},
|
methods: {
|
}
|
};
|
</script>
|
<style lang="scss" scoped>
|
.operation-task-info-index-bg {
|
background-color: #F6F9FF;
|
background-image: url('~@/static/custom/product/productBg.png');
|
// background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0));
|
padding: 0 20rpx;
|
background-attachment: fixed;
|
background-size: 100% auto;
|
background-repeat: no-repeat;
|
position: fixed;
|
top: 0;
|
bottom: 0;
|
width: 100%;
|
z-index: -1;
|
}
|
|
.wrap {
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
padding: 20px 10px;
|
}
|
|
</style>
|
