小程序

jiangping

2023-10-16 9ab4955166b7b1370fc2a49b152353241ca9e64a

 minipro_standard/pages_adjust/pages/addReceipt/addReceipt.vue

@@ -1,333 +0,0 @@
<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>