1

huangxiaoqiang

8 天以前 7195016afc472307e4db0b415e45c9d4275bdb02

 ÏîÄ¿´úÂë/PDA/pages/Allocate/AllocateOutorderboxing.vue

@@ -13,29 +13,42 @@
            <uni-forms label-width="50">
               <uni-forms-item label="出库区域"><uni-data-select v-model="value"
                     :localdata="range"></uni-data-select></uni-forms-item>
               <uni-forms-item label="调拨仓库">
               <uni-forms-item label="调拨仓库"><uni-data-select v-model="Warehouse"
                     :localdata="allocateArea"></uni-data-select></uni-forms-item>
               <!-- <uni-forms-item label="调拨仓库">
                  <uni-easyinput type="text" :focus="!istrue" v-model="Warehouse" placeholder="请输入调拨仓库"
                     ref='midInput' />
               </uni-forms-item>
               </uni-forms-item> -->
            </uni-forms>
            <uni-list :border="true">
               <uni-list-item direction="column" v-for="(item,index) in orderInfo" :key="item.dtlId">
            <uni-list :border="true" class="order-list">
               <uni-list-item v-for="item in orderInfo" :key="item.id" class="list-item">
                  <template v-slot:body>
                     <view class="uni-list-box">
                        <button type="primary" style="position: absolute;right: 1%;" size="mini"
                           @click="OutBound(item.id)">出库</button>
                        <view class="uni-content">
                           <view style="font-size: 18px;">单据编号：{{orderNo}}</view>
                           <view style="font-size: 18px;">物料编码：{{item.materielCode}}</view>
                           <view style="font-size: 18px;">物料名称：{{item.materielName}}</view>
                           <view style="font-size: 18px;">单据数量：{{item.orderQuantity}}</view>
                           <!-- <view style="font-size: 18px;">已分配数量：{{item.processQty}}</view> -->
                           <view style="font-size: 18px;">出库数量：{{item.overOutQuantity}}</view>
                     <view class="item-content">
                        <view class="info-section">
                           <text class="info-label">单据编号：</text>
                           <text class="info-value">{{ orderNo }}</text>

                           <text class="info-label">物料编码：</text>
                           <text class="info-value">{{ item.materielCode }}</text>

                           <text class="info-label">物料名称：</text>
                           <text class="info-value">{{ item.materielName }}</text>

                           <text class="info-label">单据数量：</text>
                           <text class="info-value">{{ item.orderQuantity }}</text>

                           <text class="info-label">出库数量：</text>
                           <text class="info-value">{{ item.overOutQuantity }}</text>
                        </view>

                        <button class="action-btn" type="primary" size="mini" @click="handleOutbound(item.id)">
                           å‡ºåº“
                        </button>
                     </view>
                  </template>
               </uni-list-item>
            </uni-list>

         </view>
         <u-toast ref="uToast" />
         <!-- </view> -->
@@ -61,9 +74,10 @@
            orderInfo: [],
            searchValue: "",
            value: "2",
            Warehouse:"",
            Warehouse: "",
            label: "",
            range: [],
            allocateArea: [],
            orderDetail: {},
            focus: false,
            key: [],
@@ -77,6 +91,7 @@
         this.Id = res.Id;
         this.orderNo = res.orderNo;
         this.range = config.OutArea;
         this.allocateArea = config.AllocateArea;
         this.getData();
      },
      methods: {
@@ -118,7 +133,7 @@
            var postData = {
               AreaId: this.value,
               orderIds: this.orderIds,
               Warehouse:this.Warehouse,
               Warehouse: this.Warehouse,
            };
            console.log(postData);
            this.$u.post('/api/AllocateOutboundOrder/GenerateAllocateOutboundTask', postData).then(res => {
@@ -181,4 +196,60 @@
      color: #333;
      font-weight: bold;
   }

   .container {
      padding: 20rpx;
   }

   .search-bar {
      background: #fff;
      padding: 15rpx 0;
      box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.1);
      z-index: 10;
   }

   .filter-section {
      margin: 20rpx 0;
   }

   .order-list {
      .list-item {
         margin-bottom: 15rpx;
         border-radius: 10rpx;
         overflow: hidden;
         box-shadow: 0 1rpx 3rpx rgba(0, 0, 0, 0.05);

         .item-content {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 20rpx;

            .info-section {
               flex: 1;
               display: grid;
               grid-template-columns: auto 1fr;
               gap: 10rpx 15rpx;

               .info-label {
                  color: #666;
                  font-size: 28rpx;
                  grid-column: 1;
               }

               .info-value {
                  color: #333;
                  font-size: 28rpx;
                  font-weight: 500;
                  grid-column: 2;
               }
            }

            .action-btn {
               margin-left: 150rpx;
               align-self: center;
            }
         }
      }
   }
</style>