| | |
| | | <view class="section-title">选择信息</view> |
| | | <view class="form-row"> |
| | | <label class="form-label required">工作车间:</label> |
| | | <superwei-combox :candidates="departmentList" placeholder="请选择车间" v-model="formData.workShop" |
| | | @select="onDepartmentChange" class="form-select"></superwei-combox> |
| | | <superwei-combox |
| | | :candidates="departmentList" |
| | | placeholder="请输入或选择车间" |
| | | v-model="formData.workShop" |
| | | @select="onDepartmentChange" |
| | | :filter="true" |
| | | :filterKeys="['value']" |
| | | class="form-select"> |
| | | </superwei-combox> |
| | | </view> |
| | | |
| | | <view class="form-row"> |
| | | <label class="form-label required">生产线别:</label> |
| | | <superwei-combox v-if="formData.workShop" :candidates="DAA020List" placeholder="请选择线体" |
| | | v-model="formData.lineName" @select="onDaa020Change" class="form-select"></superwei-combox> |
| | | <superwei-combox |
| | | v-if="formData.workShop" |
| | | :candidates="DAA020List" |
| | | placeholder="请输入或选择线体" |
| | | v-model="formData.lineName" |
| | | @select="onDaa020Change" |
| | | :filter="true" |
| | | :filterKeys="['value']" |
| | | class="form-select"> |
| | | </superwei-combox> |
| | | <span v-else class="form-hint">请先选择工作车间</span> |
| | | </view> |
| | | |
| | | <view class="form-row"> |
| | | <label class="form-label required">生产工单:</label> |
| | | <superwei-combox v-if="formData.lineName" :candidates="DAA001List" placeholder="请选择工单" |
| | | v-model="formData.rBillNo" @select="onDaa001Change" class="form-select"></superwei-combox> |
| | | <superwei-combox |
| | | v-if="formData.lineName" |
| | | :candidates="filteredDAA001List" |
| | | placeholder="请输入或选择工单" |
| | | v-model="formData.rBillNo" |
| | | @select="onDaa001Change" |
| | | @input="filterDAA001List" |
| | | class="form-select"> |
| | | </superwei-combox> |
| | | <span v-else class="form-hint">请先选择生产线别</span> |
| | | </view> |
| | | |
| | |
| | | DAA020List: [], |
| | | |
| | | DAA001List: [], |
| | | filteredDAA001List: [], // 过滤后的工单列表 |
| | | |
| | | BillNoList: [], |
| | | |
| | |
| | | this.$post({ |
| | | url: "/RKJ/GetDepartmentsWithLines" |
| | | }).then(res => { |
| | | this.departmentList = res.data.tbBillList.map(item => item.departmentname); |
| | | // 确保车间列表是字符串数组格式 |
| | | this.departmentList = res.data.tbBillList.map(item => String(item.departmentname)); |
| | | console.log('车间列表:', this.departmentList); // 调试日志 |
| | | }) |
| | | } |
| | | }, |
| | |
| | | } |
| | | }).then(res => { |
| | | this.BillNoList = res.data.tbBillList; |
| | | // 工单号去重,只显示唯一 |
| | | this.DAA001List = Array.from(new Set(res.data.tbBillList.map(s => s.daa001))); |
| | | // 工单号去重,只显示唯一值,并确保是字符串数组格式 |
| | | const uniqueList = Array.from(new Set(res.data.tbBillList.map(s => s.daa001))); |
| | | // 转换为字符串数组,确保模糊搜索正常工作 |
| | | this.DAA001List = uniqueList.map(item => String(item)); |
| | | // 初始化过滤后的列表,显示所有工单 |
| | | this.filteredDAA001List = [...this.DAA001List]; |
| | | console.log('工单列表:', this.DAA001List); // 调试日志 |
| | | this.formData.rBillNo = ""; |
| | | // 不清空送检数量,保持用户已输入的值 |
| | | this.formData.itemName = ""; |
| | |
| | | this.formData.rbillNo = ""; // 清空送检批次号 |
| | | this.tableData = []; |
| | | }) |
| | | }, |
| | | // 工单号过滤方法(包含匹配) |
| | | filterDAA001List(value) { |
| | | if (!value || value.trim() === '') { |
| | | // 如果输入为空,显示所有工单 |
| | | this.filteredDAA001List = [...this.DAA001List]; |
| | | } else { |
| | | // 包含匹配:过滤出包含输入关键字的工单号 |
| | | const keyword = value.toLowerCase(); |
| | | this.filteredDAA001List = this.DAA001List.filter(item => |
| | | String(item).toLowerCase().includes(keyword) |
| | | ); |
| | | } |
| | | console.log('过滤关键字:', value, '过滤后的工单:', this.filteredDAA001List); |
| | | }, |
| | | // 车间选择事件 |
| | | onDepartmentChange(event) { |
| | |
| | | }).then(lineRes => { |
| | | console.log("线体数据:", lineRes.data.tbBillList); // 添加调试日志 |
| | | this.lineList = lineRes.data.tbBillList; |
| | | this.DAA020List = lineRes.data.tbBillList.map(item => item.linename); |
| | | // 确保线体列表是字符串数组格式 |
| | | this.DAA020List = lineRes.data.tbBillList.map(item => String(item.linename)); |
| | | console.log('线体列表:', this.DAA020List); // 调试日志 |
| | | |
| | | // 清空相关数据 |
| | | this.formData.lineName = ""; |
| | | this.formData.lineNo = ""; // 清空生产线编号 |
| | | this.formData.rBillNo = ""; |
| | | this.formData.billNo = ""; // 清空工单号 |
| | | // 清空工单列表 |
| | | this.DAA001List = []; |
| | | this.filteredDAA001List = []; |
| | | // 不清空送检数量,保持用户已输入的值 |
| | | this.formData.itemName = ""; |
| | | this.formData.itemNo = ""; |
| | |
| | | } |
| | | }).then(workOrderRes => { |
| | | this.BillNoList = workOrderRes.data.tbBillList; |
| | | this.DAA001List = Array.from(new Set(workOrderRes.data.tbBillList.map(s => s.daa001))); |
| | | const uniqueList = Array.from(new Set(workOrderRes.data.tbBillList.map(s => s.daa001))); |
| | | this.DAA001List = uniqueList.map(item => String(item)); |
| | | // 初始化过滤后的列表 |
| | | this.filteredDAA001List = [...this.DAA001List]; |
| | | }); |
| | | } |
| | | }, |