#站点

zhou zhou

2026-03-19 eea08904d36b4ede047f7f08709da5e9046fbde5

 pages/emptyTray/inBound.vue

@@ -3,26 +3,42 @@
      <form>
         <view class="cu-form-group margin-top">
            <view class="title">容器号</view>
            <input placeholder="请扫容器条码" v-model="container"></input>
            <input
               placeholder="请扫容器条码"
               v-model="container"
            />
            <!-- <text class='cuIcon-search text-blue' @click="search"></text> -->
         </view>
         <view class="cu-form-group ">
         <view class="cu-form-group">
            <view class="title">接驳站点</view>
            <input placeholder="请扫描接驳站点条码" v-model="agvStationInput" @input="checkAgvStation"></input>
            <input
               placeholder="请扫描接驳站点条码"
               v-model="agvStationInput"
               @input="checkAgvStation"
            />
         </view>
         <view class="cu-form-group">
            <view class="title">接驳站点名称</view>
            <input
               disabled
               placeholder="这里显示站点名称"
               v-model="agvStationName"
            />
         </view>
      </form>



      <view class="cu-list det menu sm-border  padding">
         <block v-for="(item, index) in list" :key="index">
      <view class="cu-list det menu sm-border padding">
         <block
            v-for="(item, index) in list"
            :key="index"
         >
            <view class="cu-bar bg-white solid-bottom margin-top-sm">
               <view class="action">
                  <view class="index">
                     {{index+1}}
                     {{ index + 1 }}
                  </view>
                  <view class="text-blue">
                     {{`${item.maktx}`}}
                     {{ `${item.maktx}` }}
                  </view>
               </view>
               <!--    <view class="action" >
@@ -35,269 +51,278 @@
                  <text class="text-black">ASN:</text>
               </view>
               <view class="action">
                  <text class="text-grey ">{{item.asnCode}}</text>
                  <text class="text-grey">{{ item.asnCode }}</text>
               </view>
            </view>

				

            <view class="cu-item">
               <view class="content">
                  <text class="text-black">批次:</text>
               </view>
               <view class="action">
                  <text class="text-grey ">{{item.batch}}</text>
                  <text class="text-grey">{{ item.batch }}</text>
               </view>
            </view>


            <view class="cu-item">
               <view class="content">
                  <text class="text-black">收货数量:</text>
               </view>
               <view class="action">
                  <text class="text-grey ">{{item.anfme}}</text>
                  <text class="text-grey">{{ item.anfme }}</text>
               </view>
            </view>

         </block>
      </view>


      <view class="cu-bar btn-group foot">
         <button v-if="hasButtonPermission('reset')" class="cu-btn text-blue line-blue shadow" @click="clear">清空</button>
         <button v-if="hasButtonPermission('submit')" class="cu-btn bg-blue shadow-blur" @click="confirm">回库</button>
         <button
            v-if="hasButtonPermission('reset')"
            class="cu-btn text-blue line-blue shadow"
            @click="clear"
         >
            清空
         </button>
         <button
            v-if="hasButtonPermission('submit')"
            class="cu-btn bg-blue shadow-blur"
            @click="confirm"
         >
            回库
         </button>
      </view>

      <uni-popup ref="popup" class="cu-popup">
      <uni-popup
         ref="popup"
         class="cu-popup"
      >
         <view class="popup-content">
            <view class="head">
               <text>推荐</text>
               <text class='cuIcon-close text-red close' @click="close"></text>
               <text
                  class="cuIcon-close text-red close"
                  @click="close"
               ></text>
            </view>

            <div class="body">
               <view class="cu-list grid col-3 no-border">
                  <view class="item" v-for="el in range">
                     <view class="cu-btn round  sm" :class="[el===curCode?'bg-blue':'line-blue']"
                        @click="itemChange(el)">{{el}}</view>
                  <view
                     class="item"
                     v-for="el in range"
                  >
                     <view
                        class="cu-btn round sm"
                        :class="[
                           el === curCode ? 'bg-blue' : 'line-blue'
                        ]"
                        @click="itemChange(el)"
                     >
                        {{ el }}
                     </view>
                  </view>
               </view>
            </div>

            <view class="cu-bar btn-group ">
               <button class="cu-btn bg-blue shadow-blur" @click="popupSubmit">提交</button>
            <view class="cu-bar btn-group">
               <button
                  class="cu-btn bg-blue shadow-blur"
                  @click="popupSubmit"
               >
                  提交
               </button>
            </view>
         </view>
      </uni-popup>

   </view>
</template>

<script>
   import {
      request
   } from '../../common/request.js'
   import {
      mapState,
      mapMutations,
      mapActions,
      mapGetters
   } from 'vuex';
   export default {
      data() {
         return {
            barcode: '',
            areaName: '',
            locCode: '',
            container: '',
            list: [],
            range: [],
            curCode: '',
            agvStationInput: '', // AGV站点输入值
            agvStationName: '',
            buttonPermissions: [] // 按钮权限列表
import { request } from '../../common/request.js'
import { mapState, mapMutations, mapActions, mapGetters } from 'vuex'
export default {
   data() {
      return {
         barcode: '',
         areaName: '',
         locCode: '',
         container: '',
         list: [],
         range: [],
         curCode: '',
         agvStationInput: '', // AGV站点输入值
         agvStationName: '',
         buttonPermissions: [] // 按钮权限列表
      }
   },
   computed: {
      ...mapState('user', ['dynamicFields'])
   },
   mounted() {
      // 获取按钮权限
      this.buttonPermissions = uni.getStorageSync('buttonPermissions') || []
      console.log('当前页面按钮权限:', this.buttonPermissions)
   },
   methods: {
      async checkAgvStation() {
         const that = this
         if (this.agvStationInput === '' || this.agvStationInput === null) {
            uni.showToast({
               title: '容器码为空',
               icon: 'none',
               position: 'top'
            })
            return
         }
         const { code, data, msg } = await request('/check/agvStation', {
            transferStationNo: this.agvStationInput
         })
         if (code === 200) {
            this.agvStationName = data.stationId
         } else {
            uni.showToast({
               title: msg,
               icon: 'none',
               position: 'top'
            })
            setTimeout(function () {
               that.agvStationName = ''
               that.agvStationInput = ''
            }, 200)
         }
      },
      computed: {
         ...mapState('user', ['dynamicFields']),
      async search() {
         const { code, data, msg } = await request('/stock/operate/list', {
            barcode: this.container,
            sta: this.barcode
         })
         if (code === 200) {
            // const find = this.list.find(el => el.id === data.id);
            // !find &&
            this.list = data
         } else {
            uni.showToast({
               title: msg,
               icon: 'none'
            })
         }
      },
      mounted() {
         // 获取按钮权限
         this.buttonPermissions = uni.getStorageSync('buttonPermissions') || [];
         console.log('当前页面按钮权限:', this.buttonPermissions);

      // 检查按钮权限
      hasButtonPermission(route) {
         return this.buttonPermissions.includes(route)
      },
      methods: {
         async checkAgvStation() {
            const that = this
            if (this.agvStationInput === '' || this.agvStationInput === null) {
               uni.showToast({
                  title: '容器码为空',
                  icon: 'none',
                  position: 'top'
               })
               return
            }
            const { code, data, msg } = await request('/check/agvStation', {

      remove(index) {
         this.list.splice(index, 1)
      },
      clear() {
         this.list = []

         this.container = ''
         this.barcode = ''
      },

      open() {
         this.$refs.popup.open()
      },

      close() {
         this.$refs.popup.close()
      },

      popupSubmit() {
         this.$refs.popup.close()
      },
      itemChange(el) {
         this.curCode = el
      },

      async confirm() {
         if (this.container === '' || this.container === null) {
            uni.showToast({
               title: '容器码不能为空',
               icon: 'none'
            })
            return
         }
         if (this.agvStationName === '' || this.agvStationName === null) {
            uni.showToast({
               title: '接驳站码不能为空',
               icon: 'none'
            })
            return
         }
         const { code, data, msg } = await request(
            '/in/emptyContainer/warehousing',
            {
               containerNo: this.container,
               transferStationNo: this.agvStationInput
            }
         )
         if (code === 200) {
            uni.showToast({
               title: '呼叫入库成功'
            })
            if (code === 200) {
               this.agvStationName = data.stationName
            } else {
               uni.showToast({
                  title: msg,
                  icon: 'none',
                  position: 'top'
               })
               setTimeout(function () {
                  that.agvStationName = ''
                  that.agvStationInput = ''
               }, 200)
            }
         },
         async search() {
            const {
               code,
               data,
               msg
            } = await request('/stock/operate/list', {					
               barcode: this.container,
               sta: this.barcode
            this.clear()
         } else {
            uni.showToast({
               title: msg,
               icon: 'none'
            })
            if (code === 200) {
               // const find = this.list.find(el => el.id === data.id);
               // !find &&
                this.list = data
            } else {
               uni.showToast({
                  title: msg,
                  icon: "none",
               })
            }
         },
			
         // 检查按钮权限
         hasButtonPermission(route) {
            return this.buttonPermissions.includes(route);
         },

         remove(index) {
            this.list.splice(index, 1);
         },
         clear() {
            this.list = []
				
            this.container = ''
            this.barcode = ''
         },

         open() {
            this.$refs.popup.open()
         },

         close() {
            this.$refs.popup.close()
         },

         popupSubmit() {
            this.$refs.popup.close()
         },
         itemChange(el) {
            this.curCode = el
         },

         async confirm() {
            if(this.container === '' || this.container ===null){
               uni.showToast({
                  title: "容器码不能为空",
                  icon: "none",
               })
               return ;
            }
            if(this.agvStationName === '' || this.agvStationName ===null){
               uni.showToast({
                  title: "接驳站码不能为空",
                  icon: "none",
               })
               return ;
            }
            const {
               code,
               data,
               msg
            } = await request('/in/emptyContainer/warehousing',{
                  containerNo: this.container,
                  transferStationNo: this.agvStationName
               }
            )
            if (code === 200) {
               uni.showToast({
                  title: '呼叫入库成功'
               })
               this.clear()
            } else {
               uni.showToast({
                  title: msg,
                  icon: "none",
               })
            }



         },

         }
      }
   }
}
</script>

<style>
   .index {
      border: 1px solid #e54d42;
      color: #e54d42;
      border-radius: 50%;
      display: block;
      width: 50rpx;
      height: 50rpx;
      line-height: 48rpx;
      text-align: center;
      margin-right: 20rpx;
      font-size: 30rpx;
   }
.index {
   border: 1px solid #e54d42;
   color: #e54d42;
   border-radius: 50%;
   display: block;
   width: 50rpx;
   height: 50rpx;
   line-height: 48rpx;
   text-align: center;
   margin-right: 20rpx;
   font-size: 30rpx;
}

   .text-blue {
      color: #0081ff !important;
.text-blue {
   color: #0081ff !important;
}

   }
.item {
   position: relative;
   display: flex;
   min-height: 80upx;
   align-items: center;
}

   .item {
      position: relative;
      display: flex;
      min-height: 80upx;
      align-items: center;
   }
.uni-file-picker {
   width: 100%;
   margin-bottom: 10px;
}

   .uni-file-picker {
      width: 100%;
      margin-bottom: 10px;
   }
.uni-select__selector {
   z-index: 999;
}

   .uni-select__selector {
      z-index: 999;
   }
.tj {
   height: auto;
   padding: 6px 8px;
   display: inline-block;
   border-radius: 6px;
}

   .tj {
      height: auto;
      padding: 6px 8px;
      display: inline-block;
      border-radius: 6px;
   }
.item {
   display: flex;
   justify-content: center;
}

   .item {
      display: flex;
      justify-content: center;
   }

   .item .cu-btn {
      font-size: 26upx;
   }
</style>
.item .cu-btn {
   font-size: 26upx;
}
</style>