|
|
@@ -3,12 +3,60 @@
|
|
|
<view class="title_box rx-bc">
|
|
|
<view class="name">工单信息</view>
|
|
|
|
|
|
- <view class="btn_box rx-bc">
|
|
|
+ <view class="btn_box rx-bc" @click="handleScan(item.workOrderId)">
|
|
|
<image class="scan" src="@/static/pda/ScanIt.svg"></image>
|
|
|
更换工单
|
|
|
</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ <view class="material ">
|
|
|
+
|
|
|
+ <view class="content_table">
|
|
|
+ <view class="item">
|
|
|
+ <view class="lable rx-cc">工单编号</view>
|
|
|
+ <view class="content">
|
|
|
+ {{item.code}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="item">
|
|
|
+ <view class="lable rx-cc">产品编码</view>
|
|
|
+ <view class="content">{{ item.productCode }}</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="item">
|
|
|
+ <view class="lable rx-cc">产品名称</view>
|
|
|
+ <view class="content">{{ item.produceRoutingName }}</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="item rx-sc">
|
|
|
+ <view class="rx ww55 ">
|
|
|
+ <view class="lable lable150 rx-cc">要求成型数量</view>
|
|
|
+ <view class="content rx-sc">
|
|
|
+ <view>{{item.formingNum}}</view>
|
|
|
+ <view class="unit">{{item.unit}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="rx ww45">
|
|
|
+ <view class="lable rx-cc ww80">重量</view>
|
|
|
+ <view class="content content_num">
|
|
|
+ <view>{{item.formingWeight}}</view>
|
|
|
+ <view class="unit">{{item.weightUnit}}</view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
|
+
|
|
|
+
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -26,7 +74,9 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
-
|
|
|
+ handleScan(id) {
|
|
|
+ this.$emit('handleScan', id, 'wordOrder')
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -59,21 +109,112 @@
|
|
|
|
|
|
.btn_box {
|
|
|
padding: 0 18rpx;
|
|
|
- height: 40rpx;
|
|
|
+ height: 60rpx;
|
|
|
background: $theme-color;
|
|
|
- font-size: 24rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
font-style: normal;
|
|
|
font-weight: 400;
|
|
|
font-size: 24rpx;
|
|
|
color: #fff;
|
|
|
border-radius: 4rpx;
|
|
|
- .scan{
|
|
|
- width: 28rpx;
|
|
|
- height: 28rpx;
|
|
|
+
|
|
|
+ .scan {
|
|
|
+ width: 34rpx;
|
|
|
+ height: 34rpx;
|
|
|
margin-right: 12rpx;
|
|
|
-
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .material {
|
|
|
+ margin-top: 10rpx;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ .content_table {
|
|
|
+ width: 100%;
|
|
|
+ border: 2rpx solid $border-color;
|
|
|
+
|
|
|
+ .item {
|
|
|
+ display: flex;
|
|
|
+ border-bottom: 2rpx solid $border-color;
|
|
|
+
|
|
|
+
|
|
|
+ .lable {
|
|
|
+ width: 132rpx;
|
|
|
+ text-align: center;
|
|
|
+ background-color: #F7F9FA;
|
|
|
+ font-size: 26rpx;
|
|
|
+ border-right: 2rpx solid $border-color;
|
|
|
+ flex-shrink: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .lable150 {
|
|
|
+ width: 156rpx !important;
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ww80 {
|
|
|
+ width: 80rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ width: 518rpx;
|
|
|
+ min-height: 64rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ line-height: 28rpx;
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: 400;
|
|
|
+ padding: 18rpx 8rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ word-wrap: break-word;
|
|
|
+ flex-grow: 1 !important;
|
|
|
+
|
|
|
+
|
|
|
+ .unit {
|
|
|
+ padding: 0 4rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #404446;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .content_num {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0 4rpx;
|
|
|
+
|
|
|
+ /deep/ .uni-input-input {
|
|
|
+ border: 2rpx solid #F0F8F2;
|
|
|
+ background: #F0F8F2;
|
|
|
+ color: $theme-color;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .pd4 {
|
|
|
+ padding: 4rpx 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ &:last-child {
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
+ .ww55 {
|
|
|
+ width: 55%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ww45 {
|
|
|
+ width: 45%;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|