#

whycq

2024-04-15 b61230baefb5ea270f6c1d8e0dc4a781f1b93dad

 pages/phyz/checkLocDetl/checkLocDetl.vue

@@ -32,6 +32,24 @@
         </view>
      </view>
      
      <!-- 弹窗 -->
      <view>
         <uni-popup ref="check" type="dialog">
            <view class="popup">
               <!-- 标题 -->
               <view class="title">当前库位货架码</view>
               <view class="popup-item">
                  <view class="popup-item-left">货架码:</view>
                  <view class="popup-item-right"><input type="text" v-model="barcode"></view>
               </view>
               <view class="btn">
                  <view class="btn-left" @click="checkClose">取消</view>
                  <view class="btn-right" @click="checkConfirm()">确认</view>
               </view>
            </view>
         </uni-popup>
      </view>
		
   </view>
</template>

@@ -41,11 +59,13 @@
         return {
            baseUrl: '',
            token: '',
            barcode: '',
            locNo: '123123',
            row1: '',
            bay1: '',
            lev1: '',
            dataList: []
            dataList: [],
				
         }
      },
      onLoad() {
@@ -117,6 +137,9 @@
                  } 
               }
            })
         },
         goToLocDetl() {
            this.$refs.check.open()
         }
         
      }
@@ -165,4 +188,70 @@
   .locSts-X {
      background-color: #767676;
   }
	
   .popup {
      width: 80vw;
      min-height: 100rpx;
      background-color: #FFF;
      border-radius: 25rpx;
      position: relative;
   }
   .title {
      height: 100rpx;
      line-height: 100rpx;
      width: 100%;
      color: #606266;
      text-align: center;
      font-size: 16px;
   }
   .popup-item {
      position: relative;
      height: 80rpx;
      line-height: 80rpx;
      display: flex;
      align-items: center;
      font-size: 14px;
   }
   .popup-item-left {
      width: 16vw;
      padding-right: 20rpx;
      text-align: right;
      color: #606266;
   }
   .popup-item-right {
      display: flex;
      align-items: center;
      width: 50vw;
      height: 50rpx;
      padding: 2px 5px;
      border: 1px solid #E4E7ED;
      border-radius: 5rpx;
   }
   .popup-item-right input{
      color: #606266;
   }
   .btn {
      display: flex;
      height: 90rpx;
      margin-top: 20rpx;
      border-top: 1px solid #DCDFE6;
      justify-content: center;
      align-items: center;
   }
   .btn-left {
      display: flex;
      flex: 1;
      height: 100%;
      justify-content: center;
      align-items: center;
      color: #606266;
      border-right: 1px solid #DCDFE6;
   }
   .btn-right {
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
      color: #409EFF;
   }
</style>