¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <view class="rework"> |
| | | <view class="rework_list"> |
| | | <view class="rework_list_item"> |
| | | <text><b>*</b>åæ®ç±»å</text> |
| | | <view class="rework_list_item_right"> |
| | | <text :class="form.typeName ? 'black' : ''">{{form.typeName ? form.typeName : 'è¯·éæ©'}}</text> |
| | | <van-icon name="arrow" size="20" color="#999999" /> |
| | | </view> |
| | | </view> |
| | | <view class="rework_list_item"> |
| | | <text><b>*</b>å
¥åºä»åº</text> |
| | | <view class="rework_list_item_right"> |
| | | <text :class="form.warehouseName ? 'black' : ''">{{form.warehouseName ? form.warehouseName : 'è¯·éæ©'}}</text> |
| | | <van-icon name="arrow" size="20" color="#999999" /> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="rework_qd"> |
| | | <view class="rework_qd_title"> |
| | | <view class="rework_qd_title_left"> |
| | | <view class="x"></view> |
| | | <text>{{`å
¥åºç©ææ¸
å${list.length}`}}</text> |
| | | </view> |
| | | <view class="rework_qd_title_right" @click="addItem()"> |
| | | <image src="@/static/gongdan_ic_shoudong@2x.png" mode="widthFix"></image> |
| | | <text>å¢å å
¥åº</text> |
| | | </view> |
| | | </view> |
| | | <van-swipe-cell v-for="(item, index) in list" :key="index"> |
| | | <view class="rework_qd_list"> |
| | | <view class="rework_qd_item"> |
| | | <text><b>*</b>å
¥åºè´§ä½</text> |
| | | <view class="rework_qd_item_right"> |
| | | <text :class="item.locationName ? 'black' : ''">{{item.locationName ? item.locationName : 'è¯·éæ©'}}</text> |
| | | <van-icon name="arrow" size="20" color="#999999" /> |
| | | </view> |
| | | </view> |
| | | <view class="rework_qd_item"> |
| | | <text><b>*</b>å
¥åºç©æ</text> |
| | | <view class="rework_qd_item_right"> |
| | | <text :class="item.materialName ? 'black' : ''">{{item.materialName ? item.materialName : 'è¯·éæ©'}}</text> |
| | | <van-icon name="arrow" size="20" color="#999999" /> |
| | | </view> |
| | | </view> |
| | | <template v-if="form.type !== 25"> |
| | | <view class="rework_qd_item"> |
| | | <text>ç产工åº</text> |
| | | <view class="rework_qd_item_right"> |
| | | <text :class="item.procedureName ? 'black' : ''">{{item.procedureName ? item.procedureName : 'è¯·éæ©'}}</text> |
| | | <van-icon name="arrow" size="20" color="#999999" /> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | <view class="rework_qd_item"> |
| | | <text><b>*</b>è´¨é屿§</text> |
| | | <view class="rework_qd_item_right"> |
| | | <text :class="item.qualityTypeName ? 'black' : ''">{{item.qualityTypeName ? item.qualityTypeName : 'è¯·éæ©'}}</text> |
| | | <van-icon name="arrow" size="20" color="#999999" /> |
| | | </view> |
| | | </view> |
| | | <view class="rework_qd_item"> |
| | | <text>æ¹æ¬¡å·</text> |
| | | <view class="rework_qd_item_right"> |
| | | <input type="text" v-model="item.batch" placeholder="请è¾å
¥" /> |
| | | </view> |
| | | </view> |
| | | <view class="rework_qd_item"> |
| | | <text><b>*</b>å
¥åºæ°é<template v-if="item.unitName">({{ item.unitName }})</template></text> |
| | | <view class="rework_qd_item_right"> |
| | | <input type="text" v-model="item.num" placeholder="0" /> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <template #right> |
| | | <van-button style="height: 100%;" square type="danger" text="å é¤" @click="dele(index)" /> |
| | | </template> |
| | | </van-swipe-cell> |
| | | </view> |
| | | <view class="rework_zw"></view> |
| | | <view class="rework_footer"> |
| | | <button class="rework_footer_submit">æäº¤</button> |
| | | </view> |
| | | <u-toast ref="uToast"></u-toast> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | form: { |
| | | warehouseName: '', |
| | | warehouseId: '', |
| | | type: '', |
| | | typeName: '' |
| | | }, |
| | | list: [] |
| | | }; |
| | | }, |
| | | methods: { |
| | | addItem() { |
| | | if (!this.form.warehouseId) return this.$refs.uToast.show({ type: 'default', message: "è¯·éæ©å
¥åºä»åº" }) |
| | | this.list.push({ |
| | | batch: '', |
| | | locationId: this.list[this.list.length - 1].locationId, |
| | | locationName: this.list[this.list.length - 1].locationName, |
| | | locationIdLabel: this.list[this.list.length - 1].locationIdLabel, |
| | | materialId: '', |
| | | materialName: '', |
| | | num: '', |
| | | hasBom: '', |
| | | procedureId: '', |
| | | procedureName: '', |
| | | qualityType: this.list[this.list.length - 1].qualityType, |
| | | qualityTypeName: this.list[this.list.length - 1].qualityTypeName, |
| | | unitId: '', |
| | | unitName: '' |
| | | }) |
| | | }, |
| | | // å é¤ |
| | | dele(index) { |
| | | if (this.list.length === 1) { |
| | | this.$refs.uToast.show({ type: 'default', message: "è³å°ä¿ç䏿¡å·¥è£
ä¿¡æ¯" }) |
| | | return |
| | | } |
| | | this.list.splice(index, 1) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .rework { |
| | | width: 100%; |
| | | height: 100%; |
| | | position: absolute; |
| | | .rework_list { |
| | | display: flex; |
| | | flex-direction: column; |
| | | background: white; |
| | | padding: 0 30rpx; |
| | | box-sizing: border-box; |
| | | .rework_list_item { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | height: 98rpx; |
| | | border-bottom: 1rrpx solid #E5E5E5; |
| | | &:last-child { |
| | | border: none; |
| | | } |
| | | text { |
| | | font-size: 30rpx; |
| | | font-weight: 400; |
| | | color: #222222; |
| | | flex-shrink: 0; |
| | | b { |
| | | font-size: 30rpx; |
| | | color: red; |
| | | margin-right: 5rpx; |
| | | } |
| | | } |
| | | .rework_list_item_right { |
| | | flex: 1; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: flex-end; |
| | | text { |
| | | font-size: 28rpx; |
| | | font-weight: 400; |
| | | color: #999999; |
| | | } |
| | | .black { |
| | | color: black !important; |
| | | } |
| | | input { |
| | | width: 230rpx; |
| | | height: 60rpx; |
| | | font-size: 28rpx; |
| | | border-radius: 8rpx; |
| | | padding: 0 30rpx; |
| | | text-align: right; |
| | | box-sizing: border-box; |
| | | border: 1rpx solid #CCCCCC; |
| | | } |
| | | input::-webkit-input-placeholder { |
| | | font-size: 28rpx; |
| | | font-weight: 400; |
| | | color: #B2B2B2; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .rework_qd { |
| | | margin-top: 40rpx; |
| | | width: 100%; |
| | | background: #F7F7F7; |
| | | .rework_qd_title { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | padding: 0 30rpx 30rpx 30rpx; |
| | | .rework_qd_title_left { |
| | | display: flex; |
| | | align-items: center; |
| | | text { |
| | | font-size: 32rpx; |
| | | font-weight: 500; |
| | | color: #222222; |
| | | } |
| | | .x { |
| | | width: 8rpx; |
| | | height: 30rpx; |
| | | background: #4275FC; |
| | | border-radius: 2rpx; |
| | | margin-right: 12rpx; |
| | | } |
| | | } |
| | | .rework_qd_title_right { |
| | | display: flex; |
| | | align-items: center; |
| | | image { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | margin-right: 12rpx; |
| | | } |
| | | text { |
| | | font-size: 28rpx; |
| | | font-family: PingFangSC-Regular, PingFang SC; |
| | | font-weight: 400; |
| | | color: #4275FC; |
| | | } |
| | | } |
| | | } |
| | | .rework_qd_list { |
| | | display: flex; |
| | | flex-direction: column; |
| | | padding: 0 30rpx; |
| | | background: #FFFFFF; |
| | | box-sizing: border-box; |
| | | margin-bottom: 30rpx; |
| | | .rework_qd_item { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | height: 98rpx; |
| | | border-bottom: 1rpx solid #E5E5E5; |
| | | &:last-child { |
| | | border: none; |
| | | } |
| | | text { |
| | | font-size: 30rpx; |
| | | font-weight: 400; |
| | | color: #222222; |
| | | flex-shrink: 0; |
| | | b { |
| | | font-size: 30rpx; |
| | | color: red; |
| | | margin-right: 5rpx; |
| | | } |
| | | } |
| | | .rework_qd_item_right { |
| | | display: flex; |
| | | align-items: center; |
| | | text { |
| | | font-size: 28rpx; |
| | | font-weight: 400; |
| | | color: #999999; |
| | | } |
| | | .black { |
| | | color: black !important; |
| | | } |
| | | input { |
| | | width: 230rpx; |
| | | height: 60rpx; |
| | | font-size: 28rpx; |
| | | border-radius: 8rpx; |
| | | padding: 0 30rpx; |
| | | text-align: right; |
| | | box-sizing: border-box; |
| | | border: 1rpx solid #CCCCCC; |
| | | } |
| | | input::-webkit-input-placeholder { /* WebKit browsers */ |
| | | font-size: 28rpx; |
| | | font-weight: 400; |
| | | color: #B2B2B2; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .rework_zw { |
| | | height: 168rpx; |
| | | } |
| | | .rework_footer { |
| | | width: calc(100% - 60rpx); |
| | | position: fixed; |
| | | bottom: 0; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | padding: 0 30rpx 68rpx 30rpx; |
| | | .rework_footer_add { |
| | | flex: 1; |
| | | height: 88rpx; |
| | | font-size: 30rpx; |
| | | font-weight: 500; |
| | | color: $nav-color; |
| | | background: #FFFFFF; |
| | | box-shadow: 0 0 12rpx 0 rgba(0,0,0,0.0800); |
| | | border-radius: 8rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .rework_footer_submit { |
| | | flex: 1; |
| | | height: 88rpx; |
| | | font-size: 30rpx; |
| | | font-weight: 500; |
| | | color: #ffffff; |
| | | background: $nav-color; |
| | | box-shadow: 0 0 12rpx 0 rgba(0,0,0,0.0800); |
| | | border-radius: 8rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border: none; |
| | | } |
| | | } |
| | | } |
| | | </style> |