#
whycq
2024-04-16 779ba53262c5af34dbd03feffbdd45b68f24314e
pages/phyz/checkLocDetl/locDetl.vue
@@ -27,8 +27,32 @@
         </view>
      </view>
      
      <!-- 弹窗 -->
      <view>
         <uni-popup ref="chageDetl" type="dialog">
            <view class="popup">
               <!-- 标题 -->
               <view class="title">修改库位状态</view>
               <view class="popup-item">
                  <view class="dropdown" @click="toggleDropdown()">
                     <input type="text" style="width: 270rpx;" v-model="locSts" placeholder="更改为">
                     <uni-icons :type="isOpen ? 'top' : 'bottom'" color="#c1c1c1" style="margin-left: 10rpx;"></uni-icons>
                     <scroll-view scroll-y="ture" class="dropdown-content" v-if="isOpen">
                        <view class="dropdown-item" v-for="option in locStss" @click="selected(option)">{{option.title}}</view>
                     </scroll-view>
                  </view>
               </view>
               <view class="btn">
                  <view class="btn-left" @click="remove()">取消</view>
                  <view class="btn-right" @click="changeCount()">修改</view>
               </view>
            </view>
         </uni-popup>
      </view>
      <!-- 底部操作按钮 -->
      <view class="buttom">
         <button size="mini" type="primary" @click="changeSts('warn')">更改库位状态</button>
         <button size="mini" type="primary" @click="agvStart('warn')">纠正库位</button>
      </view>
   </view>
@@ -55,7 +79,15 @@
               data: []
            },
            dataList: [],
            locDetlShow: false
            locDetlShow: false,
            isOpen: false,
            locSts: '',
            locStss: [
               {title: 'F.在库',val: 'F'},
               {title: 'D.空桶/空栈板',val: 'D'},
               {title: 'O.空库位',val: 'O'},
               {title: 'X.禁用',val: 'X'},
            ]
         }
      },
      onShow() {
@@ -128,6 +160,15 @@
                  }
               },
            });
         },
         toggleDropdown() {
            this.isOpen = !this.isOpen;
         },
         changeSts() {
            this.$refs.chageDetl.open()
         },
         selected(option) {
            this.locSts = option.title
         }
      }
   }
@@ -143,4 +184,68 @@
      color: #FFF;
      background-color: #55aaff;
   }
   .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 {
      height: 80rpx;
      line-height: 80rpx;
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .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: #e2231a;
      border-right: 1px solid #DCDFE6;
   }
   .btn-right {
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
      color: #409EFF;
   }
</style>