下拉框选择状态

快乐的昕的电脑

2025-09-29 aad9bab143364b614d469535c97596b2d43b04cf

 pages/index.vue

@@ -46,15 +46,14 @@
                     <view>
                        <!-- <label style="float: left;font-family: fantasy;font-size: 33px;margin-top: 20px">第一步选择机台:</label> -->
                        <!-- <superwei-combox :candidates="machineList" placeholder="请选择" v-model="machineName"
                           @select="onMachineChange" class="picker"></superwei-combox> -->
                        @select="onMachineChange" class="picker"></superwei-combox> -->
                        <input v-model="machineName" disabled="true" type="text" style="float: left;font-family: fantasy;font-size: 33px;margin-top: 20px" />
                     </view>
                  </view>

                  <view class="form-row">
                     <view>
                        <label
                           style="float: left;font-family: fantasy;font-size: 33px;margin-top: 20px;">第一步选择工单:</label>
                        <label style="float: left;font-family: fantasy;font-size: 33px;margin-top: 20px;">第一步选择工单:</label>
                        <button class="print-btn" @click="isShowTab">选择工单</button>
                     </view>
                  </view>
@@ -137,7 +136,7 @@
         </view>
         <view v-if="currentTab === 0" class="tab-content">
            <WorkOrder :orderId="orderId" :orderNo="selectedOrder" :machineNo="machineNo"
               :deviceNumber="machineName" />
                     :deviceNumber="machineName" />
         </view>
         <view v-if="currentTab === 1" class="tab-content">
            <!--        &lt;!&ndash; 调用 WorkOrderStatus 组件 &ndash;&gt;-->
@@ -168,20 +167,20 @@
      </scroll-view>


      <!-- 弹窗下拉框只显示工单状态 -->
      <view v-if="isShow" class="overlay">
         <view class="popup">
            <!--筛选工单状态-->
            <view class="form-row">
               <view>
                  <label style="float: left;margin-top: 18px;">选择工单状态:</label>
                  <superwei-combox :candidates="engineeringNoMapList" placeholder="请选择" v-model="engineeringNo"
                     @select="onEngineeringNoChange" class="picker"
                     style="padding: 7px 46px;width: 650px;"></superwei-combox>
                               @select="onEngineeringNoChange" class="picker"
                               style="padding: 7px 46px;width: 650px;"></superwei-combox>
               </view>
            </view>
            <view class="section card">
               <uni-table ref="table" type="selection" border stripe emptyText="暂无更多数据"
                  @selection-change="selectionChange">
                        @selection-change="selectionChange">
                  <uni-tr>
                     <uni-th align="center" class="th" style="color: #FFFFFF">工序</uni-th>
                     <uni-th align="center" class="th" style="color: #FFFFFF">工单号</uni-th>
@@ -647,11 +646,16 @@

            this.engineeringNo = null;
            this.tableData = [];
                // 筛选工单状态
            this.GetWomdaasByEngineeringNo();
            this.getWomdaa();
                // 下拉框只显示工单状态
                this.engineeringNoMapList = ['待开工', '未开工', '完工', '暂停'];
                // 默认显示全部工单
                this.getWomdaa();
         },

            // 下拉框选中后，按状态筛选工单
            onEngineeringNoChange(status) {
                this.engineeringNo = status;
                this.getWomdaaByStatus();
            },
         getWomdaa() {

            let editDate = this.formatDate(new Date());
@@ -660,27 +664,26 @@
               url: "/Womdaa/GetWomdaasByMachine",
               data: {
                  machineNo: this.machineNo,
                  //engineeringNo: this.engineeringNo,
                  editDate: editDate
               }
            }).then(res => {
               this.tableData = res.data.tbBillList;
            })
         },
            // 筛选工单状态
         GetWomdaasByEngineeringNo() {

            this.$post({
               url: "/Womdaa/GetWomdaasByEngineeringNo",
               data: {
                  machineNo: this.machineNo,
                  orderStatus: ['待开工', '未开工', '完工', '暂停'] // 新增状态筛选条件
               }
            }).then(res => {
                    this.engineeringNoList = res.data.tbBillList;
                    // 直接映射，不分组
                    this.engineeringNoMapList = this.engineeringNoList.map(s => s.moldId + ":" + s.moldName + ":" + s.moldModel);
            // 按工单状态筛选工单
            getWomdaaByStatus() {
                let editDate = this.formatDate(new Date());
                this.$post({
                    url: "/Womdaa/GetWomdaasByEngineeringNo",
                    data: {
                        machineNo: this.machineNo,
                        orderStatus: [this.engineeringNo], // 只传选中的状态
                        editDate: editDate
                    }
                }).then(res => {
                    this.tableData = res.data.tbBillList;
                });
            },
         },
         toDetail(item) {
            this.orderId = item.id;