#

whycq

2023-04-04 d69d595fbe35a024c46848f0df1ab0f5472e87cf

 pages/basics/outPakin.vue

@@ -41,11 +41,12 @@
         <checkbox-group >
            <view v-for="(item,index) in matList" :key="index" class="data-list bg-false" :class="'bg-'+item.checked" >
               <view class="data-list-left">
                  <view class="matnr">No:{{listLen-index}}</view>
                  <view class="matnr">No:{{listLen-index}} <text style="margin-left: 4em;font-size: 10px;">{{item.memo}}</text></view>
                  <view class="matnr">{{item.matnr}}-{{item.batch}}</view>
               </view>
               <view class="data-list-right">
                  <uni-icons type="trash" size="20" color="#a5a5a5" @click="remove(item,index)"></uni-icons>
                  <label><uni-icons type="compose" size="20" color="#a5a5a5" @click="revise(item,index)"></uni-icons></label>
                  <label style="margin-left: 10%;"><uni-icons type="trash" size="21" color="#a5a5a5" @click="remove(item,index)"></uni-icons></label>
               </view>
            </view>
         </checkbox-group>
@@ -87,6 +88,27 @@
            </view>
         </uni-popup>
      </view>
		
      <!-- 弹窗 -->
      <!-- 修改数量 -->
      <uni-popup ref="revise" background-color="#fff">
         <view class="revise-box ">
            <view class="revise-box-top">
               <view class="color-block-blue"></view>
               <text class="title">修改</text>
            </view>
            <view class="" style="position: relative;left: 40px;margin-bottom: 20px;">
               <text style="display: inline-block;float: left;width: 45px;line-height: 21px;height: 21px;">翻包：</text>
               <input type="text" style="width: 100px;border-bottom: 1px solid #9e9e9e;float: left;" v-model="memo">
            </view>
            <view class="revise-box-buttom">
               <view>
                  <button class="cu-btn bg-blue" @click="confirm()">确认</button>
               </view>
            </view>
         </view>
      </uni-popup>

   </view>
</template>

@@ -112,7 +134,10 @@
            origins: [{value:'1288'},{value:'5055'}],
            origin: null, // 仓库
            current: 0,
            isNum:false
            isNum:false,
            memo:'',
            hide:true
				
         }
      },
      mounted(){
@@ -127,7 +152,11 @@
      onLoad() {
         // #ifdef APP
         setInterval(()=>{
            uni.hideKeyboard()
            if (this.hide) {
               uni.hideKeyboard()
            } else {
					
            }
         },20)
         // #endif
      },
@@ -146,6 +175,7 @@
         },
         // 确认出库口
         check() {
            console.log(this.matList);
            let that = this
            if (this.current == 0) {
               this.origin = 1288
@@ -424,6 +454,30 @@
         change(e) {
            console.log('当前模式：' + e.type + ',状态：' + e.show);
         },
         revise(item,index) {
            this.memo = this.matList[index].memo
            // var maxCount = this.matList[index].maxCount
            // if (maxCount == undefined ) {
            //    this.matList[index]["maxCount"] = item.enableQty
            // } 
            // this.enableQty = item.enableQty
            // this.count = this.minCount
            // this.maxCount = item.maxCount
            this.rowNum = index
            this.eject()
         },
         eject(type) {
            this.hide = false
            this.type = type
            // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
            this.$refs.revise.open(type)
         },
         confirm() {
            this.matList[this.rowNum].memo = this.memo 
            this.hide = true
            this.$refs.revise.close()
            this.$forceUpdate() // 强制刷新
         },
         
      }
   }
@@ -437,6 +491,102 @@
   /* 
   
    */
   .revise-box {
      position: relative;
      width: 500rpx;
      height: 400rpx;
      border-radius: 25px;
   }
   .revise-box-top {
      width: 400rpx;
      height: 120rpx;
      border-radius: 25px;
   }
   .changeBox {
      width: 400rpx;
      height: 100rpx;
   }
   .num-box {
      margin-left: 100rpx;
   }
   .revise-box-buttom{
      margin-left: 190rpx;
      margin-top: 200rpx;
   }
   .pak-seach-box {
      background-color: #FFFFFF;
      margin: 15rpx 15rpx 0rpx 15rpx;
      width: 96%;
      height: 150rpx;
      border-radius: 20rpx;
   }
   .box-top{
      display: block;
      height: 60rpx;
      width: 720rpx;
   }
   .color-block-blue {
      background-color: #1E9FFF;
      display: inline-block;
      float: left;
      margin: 15rpx 15rpx 0 15rpx;
      width: 12rpx;
      height: 40rpx;
      border: 5rpx solid #1E9FFF;
      border-radius: 20rpx;
   }
   .title {
      display: inline-block;
      float: left;
      font-size: 34rpx;
      font-weight: 700;
      height: 50rpx;
      line-height: 50rpx;
      margin-top: 10rpx;
   }
   .box-buttom {
      display: inline-block;
      background-color: #ededed;
      width: 65%;
      height: 60rpx;
      border-radius: 20rpx;
      margin: 15rpx 15rpx 0rpx 15rpx;
   }
   .box-buttom input {
      width: 75%;
      float: left;
      margin: 8rpx 10rpx 0rpx 25rpx;
   }
   .box-buttom .search-icon{
      width: 60rpx;
      height: 60rpx;
      float: right;
      margin-top: 5rpx;
      margin-right: 10rpx;
   }
   /* .pak-seach-box input {
      background-color: #ededed;
      border: 1rpx solid #d8d8d8;
      display: inline-block;
      border-radius: 20rpx;
      float: left;
      width: 70%;
      height: 60rpx;
      line-height: 60rpx;
      margin: 15rpx 15rpx 0rpx 15rpx;
      padding-left: 20rpx;
   } */
   .pak-seach-box button {
      background-color: #1E9FFF;
      color: #ffffff;
      display: inline-block;
      float: right;
      width: 180rpx;
      height: 60rpx;
      margin: 15rpx 15rpx 0rpx 15rpx;
      line-height: 60rpx;
   }
	
   .pop-btn {
      position: absolute;
      width: 100%;
@@ -575,6 +725,8 @@
      float: right;
      height: 130rpx;
      line-height: 130rpx;
      margin-right: 10%;
      margin-right: 2%;
      width: 20%;
   }
	
</style>