From e642f80b8718f9315ff75edb1db773da239bf926 Mon Sep 17 00:00:00 2001
From: deslrey <deslre0381@gmail.com>
Date: 星期六, 10 一月 2026 11:30:59 +0800
Subject: [PATCH] 【物料属性】的回显和下拉列表

---
 src/views/business/outsourcingFinishProduct/index.vue |  227 ++++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 163 insertions(+), 64 deletions(-)

diff --git a/src/views/business/outsourcingFinishProduct/index.vue b/src/views/business/outsourcingFinishProduct/index.vue
index 89be8bc..1acea36 100644
--- a/src/views/business/outsourcingFinishProduct/index.vue
+++ b/src/views/business/outsourcingFinishProduct/index.vue
@@ -5,52 +5,60 @@
         <el-form :model="entity" ref="entity" size="small" :inline="true">
           <el-form-item label="鎵瑰彿" prop="updateBatchNo">
             <el-input v-model="entity.updateBatchNo" clearable placeholder="璇疯緭鍏�" size="small"
-                      @keyup.enter.native="goSearch">
+              @keyup.enter.native="goSearch">
             </el-input>
           </el-form-item>
           <el-form-item label="濮旀墭缂栧彿" prop="entrustCode" v-if="tabIndex !== 0">
             <el-input v-model="entity.entrustCode" clearable placeholder="璇疯緭鍏�" size="small"
-                      @keyup.enter.native="goSearch">
+              @keyup.enter.native="goSearch">
             </el-input>
           </el-form-item>
           <el-form-item label="闆朵欢鍙�" prop="partNo">
-            <el-input v-model="entity.partNo" clearable placeholder="璇疯緭鍏�" size="small"
-                      @keyup.enter.native="goSearch">
+            <el-input v-model="entity.partNo" clearable placeholder="璇疯緭鍏�" size="small" @keyup.enter.native="goSearch">
             </el-input>
           </el-form-item>
           <el-form-item label="闆朵欢鎻忚堪" prop="partDesc">
-            <el-input v-model="entity.partDesc" clearable placeholder="璇疯緭鍏�" size="small"
-                      @keyup.enter.native="goSearch">
+            <el-input v-model="entity.partDesc" clearable placeholder="璇疯緭鍏�" size="small" @keyup.enter.native="goSearch">
             </el-input>
           </el-form-item>
-          <el-form-item label="渚涘簲鍟嗗悕绉�" prop="supplierName" >
-            <el-input v-model="entity.supplierName" clearable placeholder="璇疯緭鍏�" size="small"
-                      @keyup.enter.native="goSearch">
-            </el-input>
+
+          <el-form-item label="鐗╂枡灞炴��" prop="materialProp">
+            <el-select clearable size="small" v-model="entity.materialProp" style="width: 100%">
+              <el-option v-for="dict in dict.type.material_prop_type" :key="dict.value" :label="dict.label"
+                :value="dict.value"">
+              </el-option>
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label=" 渚涘簲鍟嗗悕绉�" prop="supplierName">
+                <el-input v-model="entity.supplierName" clearable placeholder="璇疯緭鍏�" size="small"
+                  @keyup.enter.native="goSearch">
+                </el-input>
           </el-form-item>
           <el-form-item>
             <el-button v-if="tabIndex === 2 || tabIndex === 3 || tabIndex === 4"
-                       :icon="!more ? 'el-icon-arrow-down' : 'el-icon-arrow-up'" style="color: #3A7BFA;" type="text"
-                       @click="more = !more">{{ !more ? '鏇村' : '鏀惰捣' }}</el-button>
+              :icon="!more ? 'el-icon-arrow-down' : 'el-icon-arrow-up'" style="color: #3A7BFA;" type="text"
+              @click="more = !more">{{ !more ? '鏇村' : '鏀惰捣' }}</el-button>
             <el-button size="mini" type="primary" @click="goSearch">鏌ヨ</el-button>
             <el-button size="mini" @click="refresh()">閲嶇疆</el-button>
           </el-form-item>
 
           <el-form-item label="鏍峰搧鍨嬪彿" prop="sampleModel"
-                        v-if="(tabIndex === 2 || tabIndex === 3 || tabIndex === 4) && more">
+            v-if="(tabIndex === 2 || tabIndex === 3 || tabIndex === 4) && more">
             <el-input v-model="entity.sampleModel" clearable placeholder="璇疯緭鍏�" size="small"
-                      @keyup.enter.native="goSearch">
+              @keyup.enter.native="goSearch">
             </el-input>
           </el-form-item>
           <el-form-item label="妫�楠岀姸鎬�" prop="inspectStatus"
-                        v-if="(tabIndex === 2 || tabIndex === 3 || tabIndex === 4) && more">
+            v-if="(tabIndex === 2 || tabIndex === 3 || tabIndex === 4) && more">
             <el-select v-model="entity.inspectStatus" clearable size="small" @change="goSearch">
               <el-option v-for="(a, i) in inspectStatusList" :key="i" :label="a.label" :value="a.value"></el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="涓嬪彂鏃堕棿" prop="date" v-if="(tabIndex === 2 || tabIndex === 3 || tabIndex === 4) && more">
-            <el-date-picker v-model="entity.date" end-placeholder="缁撴潫鏃ユ湡" format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡" @change="goSearch"
-                            range-separator="鑷�" size="small" start-placeholder="寮�濮嬫棩鏈�" type="daterange" value-format="yyyy-MM-dd">
+            <el-date-picker v-model="entity.date" end-placeholder="缁撴潫鏃ユ湡" format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡"
+              @change="goSearch" range-separator="鑷�" size="small" start-placeholder="寮�濮嬫棩鏈�" type="daterange"
+              value-format="yyyy-MM-dd">
             </el-date-picker>
           </el-form-item>
         </el-form>
@@ -59,41 +67,44 @@
         <div class="table-tab">
           <div>
             <ul class="tab">
-              <li :class="{ active: tabIndex === 0 }" v-if="checkPermi(['get:raw:await'])" @click="handleTab(0)">寰呬笅鍗�</li>
-              <li :class="{ active: tabIndex === 1 }" v-if="checkPermi(['get:raw:testing'])" @click="handleTab(1)">妫�楠屼腑</li>
-              <li :class="{ active: tabIndex === 2 }" v-if="checkPermi(['get:raw:check'])" @click="handleTab(2)">宸叉楠�</li>
+              <li :class="{ active: tabIndex === 0 }" v-if="checkPermi(['get:raw:await'])" @click="handleTab(0)">寰呬笅鍗�
+              </li>
+              <li :class="{ active: tabIndex === 1 }" v-if="checkPermi(['get:raw:testing'])" @click="handleTab(1)">妫�楠屼腑
+              </li>
+              <li :class="{ active: tabIndex === 2 }" v-if="checkPermi(['get:raw:check'])" @click="handleTab(2)">宸叉楠�
+              </li>
               <li :class="{ active: tabIndex === 3 }" v-if="checkPermi(['get:Ifs:ByAll'])" @click="handleTab(3)">鍏ㄩ儴</li>
             </ul>
           </div>
           <div>
             <el-button v-show="tabIndex === 3" :loading="outLoading" size="small" type="primary"
-                       @click="handleOut">瀵煎嚭</el-button>
+              @click="handleOut">瀵煎嚭</el-button>
             <el-button v-if="tabIndex !== 0" size="small" type="primary" @click="openPrint">鏍囩鎵撳嵃</el-button>
           </div>
         </div>
         <!--寰呬笅鍗�-->
         <div class="table">
           <lims-table :tableData="tableData" :column="column" v-if="tabIndex === 0" @pagination="pagination"
-                      ref="tableData" :rowClassName="changeRowClass" :height="'calc(100vh - 290px)'"
-                      key="tableData" :page="page" :tableLoading="tableLoading"></lims-table>
+            ref="tableData" :rowClassName="changeRowClass" :height="'calc(100vh - 290px)'" key="tableData" :page="page"
+            :tableLoading="tableLoading"></lims-table>
         </div>
         <!--妫�楠屼腑-->
         <div class="table">
           <lims-table :tableData="tableData1" :column="column1" v-if="tabIndex === 1" :isSelection="true"
-                      :rowClassName="changeRowClass" :handleSelectionChange="selectMethod" @pagination="pagination1"
-                      :height="'calc(100vh - 290px)'" key="tableData1" :page="page1" :tableLoading="tableLoading1"></lims-table>
+            :rowClassName="changeRowClass" :handleSelectionChange="selectMethod" @pagination="pagination1"
+            :height="'calc(100vh - 290px)'" key="tableData1" :page="page1" :tableLoading="tableLoading1"></lims-table>
         </div>
         <!--宸叉楠�-->
         <div class="table">
           <lims-table :tableData="tableData2" :column="column2" v-if="tabIndex === 2" :isSelection="true"
-                      :rowClassName="changeRowClass" :handleSelectionChange="selectMethod" @pagination="pagination2"
-                      :height="'calc(100vh - 290px)'" key="tableData2" :page="page2" :tableLoading="tableLoading2"></lims-table>
+            :rowClassName="changeRowClass" :handleSelectionChange="selectMethod" @pagination="pagination2"
+            :height="'calc(100vh - 290px)'" key="tableData2" :page="page2" :tableLoading="tableLoading2"></lims-table>
         </div>
         <!--鍏ㄩ儴-->
         <div class="table">
           <lims-table :tableData="tableData3" :column="column3" v-if="tabIndex === 3" :isSelection="true"
-                      :rowClassName="changeRowClass" :handleSelectionChange="selectMethod" @pagination="pagination3"
-                      :height="'calc(100vh - 290px)'" key="tableData3" :page="page3" :tableLoading="tableLoading3"></lims-table>
+            :rowClassName="changeRowClass" :handleSelectionChange="selectMethod" @pagination="pagination3"
+            :height="'calc(100vh - 290px)'" key="tableData3" :page="page3" :tableLoading="tableLoading3"></lims-table>
         </div>
       </div>
     </div>
@@ -113,7 +124,7 @@
     <!-- 鎾ら攢鎶ユ -->
     <el-dialog :visible.sync="declareDialogVisible" title="鎶ユ鎾ら攢" width="30%">
       <p style="font-size:16px;color:#333333">鎵瑰彿<span style="color:#34BD66">{{ this.insOrderRow.updateBatchNo
-        }}</span>鐨勪俊鎭槸鍚�<span style="color: #FF4902">鎾ら攢鎶ユ</span>
+      }}</span>鐨勪俊鎭槸鍚�<span style="color: #FF4902">鎾ら攢鎶ユ</span>
       </p>
       <span slot="footer" class="dialog-footer">
         <el-row>
@@ -142,17 +153,17 @@
     </el-dialog>
     <!--鏍囩鎵撳嵃寮规-->
     <print-dialog v-if="printDialog" ref="printDialog" :printDialog="printDialog"
-                  @closePrintDialog="closePrintDialog"></print-dialog>
+      @closePrintDialog="closePrintDialog"></print-dialog>
     <!--鏁版嵁鏌ョ湅寮规-->
     <data-look-visible v-if="dataDialogVisible" ref="dataDialogVisible" :dataDialogVisible="dataDialogVisible"
-                       :dataLookInfo="dataLookInfo" @closeDataLook="closeDataLook"></data-look-visible>
+      :dataLookInfo="dataLookInfo" @closeDataLook="closeDataLook"></data-look-visible>
     <!--闄勪欢鏌ョ湅寮规-->
     <files-look-visible v-if="filesDialogVisible" ref="filesDialogVisible" :filesDialogVisible="filesDialogVisible"
-                        :filesLookInfo="filesLookInfo" @closeFilesLook="closeFilesLook"></files-look-visible>
+      :filesLookInfo="filesLookInfo" @closeFilesLook="closeFilesLook"></files-look-visible>
     <!--鎶ュ憡涓嬭浇寮规-->
     <down-file-dialog v-if="downFileDialogVisible" ref="downFileDialogVisible"
-                      :downFileDialogVisible="downFileDialogVisible" :downLoadInfo="downLoadInfo"
-                      @closeDownFileDialog="closeDownFileDialog"></down-file-dialog>
+      :downFileDialogVisible="downFileDialogVisible" :downLoadInfo="downLoadInfo"
+      @closeDownFileDialog="closeDownFileDialog"></down-file-dialog>
     <!--浜т笟閾句俊鎭煡鐪�-->
     <ShowInfo v-if="showInfoDialog" ref="showInfoDialog" :showInfoDialog="showInfoDialog"></ShowInfo>
     <!--妫�楠屼换鍔′俊鎭煡鐪�-->
@@ -160,12 +171,12 @@
       <div style="margin-bottom: 8px">
         <span style="font-size: 16px;">杩涘巶妫�楠屽師濮嬫暟鎹�</span>
         <el-link :disabled="!insInfo.enterOrderId" :underline="false" style="vertical-align: bottom;margin-left: 6px"
-                 type="primary" @click="viewInsInfo0">鏌ョ湅</el-link>
+          type="primary" @click="viewInsInfo0">鏌ョ湅</el-link>
       </div>
       <div>
         <span style="font-size: 16px;">瀛e害妫�楠屽師濮嬫暟鎹�</span>
         <el-link :disabled="!insInfo.quarterOrderId" :underline="false" style="vertical-align: bottom;margin-left: 6px"
-                 type="primary" @click="viewInsInfo1">鏌ョ湅</el-link>
+          type="primary" @click="viewInsInfo1">鏌ョ湅</el-link>
       </div>
     </el-dialog>
     <!--    <Inspection v-if="state>0" :key="InspectionKey" :inspectorList="inspectorList" :orderId="orderId"-->
@@ -192,13 +203,14 @@
   revokeInspectionReport,
   updateEntrustCode
 } from "@/api/business/rawMaterialOrder";
-import {getWarehouseSubmit,getIfsByStateOne,getIfsByOver,getIfsByAll} from "@/api/business/outsourcingFinishProductInspection";
-import {mapGetters} from "vuex";
+import { getWarehouseSubmit, getIfsByStateOne, getIfsByOver, getIfsByAll } from "@/api/business/outsourcingFinishProductInspection";
+import { mapGetters } from "vuex";
 
 export default {
   name: "MaterialOrder",
   // import 寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
   components: { limsTable, DownFileDialog, FilesLookVisible, DataLookVisible, ShowInfo, PrintDialog },
+  dicts: ['material_prop_type'],
   data() {
     // 杩欓噷瀛樻斁鏁版嵁
     return {
@@ -208,6 +220,21 @@
         { label: '鎵瑰彿', prop: 'updateBatchNo' },
         { label: '闆朵欢鍙�', prop: 'partNo' },
         { label: '闆朵欢鎻忚堪', prop: 'partDesc' },
+        {
+          label: '鐗╂枡灞炴��',
+          prop: 'materialProp',
+          formatData: (params) => {
+            if (!params) return null
+
+            for (let i = 0; i < this.dict.type.material_prop_type.length; i++) {
+              const item = this.dict.type.material_prop_type[i]
+              if (item.value == params) {
+                return item.label
+              }
+            }
+            return null
+          }
+        },
         {
           dataType: 'tag',
           label: '鐗╂枡绫诲瀷',
@@ -227,7 +254,7 @@
             }
           }
         },
-        { label: '鎶佃揪鐨勯噰璐暟閲�', prop: 'purQtyInStore',width: '130px' },
+        { label: '鎶佃揪鐨勯噰璐暟閲�', prop: 'purQtyInStore', width: '130px' },
         { label: '鍗曚綅', prop: 'buyUnitMeas' },
         { label: '璁㈠崟鍙�', prop: 'orderNo' },
         { label: '鎺ユ敹鏃堕棿', prop: 'receiverDate' },
@@ -289,6 +316,51 @@
         { label: '妫�楠屼汉', prop: 'userName' },
         { label: '涓嬪彂鏃堕棿', prop: 'sendTime' },
         {
+          label: '鐗╂枡灞炴��',
+          prop: 'materialProp',
+          formatData: (params) => {
+            if (!params) return null
+
+            for (let i = 0; i < this.dict.type.material_prop_type.length; i++) {
+              const item = this.dict.type.material_prop_type[i]
+              if (item.value == params) {
+                return item.label
+              }
+            }
+            return null
+          }
+        },
+        {
+          label: '鐗╂枡灞炴��',
+          prop: 'materialProp',
+          formatData: (params) => {
+            if (!params) return null
+
+            for (let i = 0; i < this.dict.type.material_prop_type.length; i++) {
+              const item = this.dict.type.material_prop_type[i]
+              if (item.value == params) {
+                return item.label
+              }
+            }
+            return null
+          }
+        },
+        {
+          label: '鐗╂枡灞炴��',
+          prop: 'materialProp',
+          formatData: (params) => {
+            if (!params) return null
+
+            for (let i = 0; i < this.dict.type.material_prop_type.length; i++) {
+              const item = this.dict.type.material_prop_type[i]
+              if (item.value == params) {
+                return item.label
+              }
+            }
+            return null
+          }
+        },
+        {
           dataType: 'tag',
           label: '鐗╂枡绫诲瀷',
           prop: 'isExpire',
@@ -307,7 +379,7 @@
             }
           }
         },
-        { label: '鎶佃揪鐨勯噰璐暟閲�', prop: 'purQtyInStore',width: '130px' },
+        { label: '鎶佃揪鐨勯噰璐暟閲�', prop: 'purQtyInStore', width: '130px' },
         { label: '鍗曚綅', prop: 'buyUnitMeas' },
         { label: '璁㈠崟鍙�', prop: 'orderNo' },
         { label: '鎺ユ敹鏃堕棿', prop: 'receiverDate' },
@@ -392,7 +464,7 @@
           }
         },
         { label: '璁㈠崟鍙�', prop: 'orderNo' },
-        { label: '鎶佃揪鐨勯噰璐暟閲�', prop: 'purQtyInStore',width: '130px' },
+        { label: '鎶佃揪鐨勯噰璐暟閲�', prop: 'purQtyInStore', width: '130px' },
         { label: '涓嬪彂鏃堕棿', prop: 'sendTime' },
         { label: '鎵瑰彿', prop: 'updateBatchNo' },
         { label: '闆朵欢鍙�', prop: 'partNo' },
@@ -428,22 +500,18 @@
         { label: '鏍峰搧鍨嬪彿', prop: 'sampleModel' },
         { label: '妫�楠屼汉', prop: 'userName' },
         {
-          dataType: 'tag',
-          label: '鐗╂枡绫诲瀷',
-          prop: 'isExpire',
+          label: '鐗╂枡灞炴��',
+          prop: 'materialProp',
           formatData: (params) => {
-            if (params == 1) {
-              return '杩囨湡鐗╂枡'
-            } else {
-              return null
+            if (!params) return null
+
+            for (let i = 0; i < this.dict.type.material_prop_type.length; i++) {
+              const item = this.dict.type.material_prop_type[i]
+              if (item.value == params) {
+                return item.label
+              }
             }
-          },
-          formatType: (params) => {
-            if (params == 1) {
-              return 'info'
-            } else {
-              return null
-            }
+            return null
           }
         },
         { label: '鍗曚綅', prop: 'buyUnitMeas' },
@@ -526,7 +594,7 @@
       tableData3: [],
       tableLoading3: false,
       column3: [
-        { label: '濮旀墭缂栧彿', prop: 'entrustCode',width: "160px", },
+        { label: '濮旀墭缂栧彿', prop: 'entrustCode', width: "160px", },
         {
           dataType: 'tag',
           label: '妫�楠岀姸鎬�',
@@ -563,7 +631,7 @@
           }
         },
         { label: '璁㈠崟鍙�', prop: 'orderNo' },
-        { label: '鎶佃揪鐨勯噰璐暟閲�', prop: 'purQtyInStore',width: '130px' },
+        { label: '鎶佃揪鐨勯噰璐暟閲�', prop: 'purQtyInStore', width: '130px' },
         { label: '涓嬪彂鏃堕棿', prop: 'sendTime' },
         { label: '鎵瑰彿', prop: 'updateBatchNo' },
         { label: '闆朵欢鍙�', prop: 'partNo' },
@@ -598,6 +666,36 @@
         },
         { label: '鏍峰搧鍨嬪彿', prop: 'sampleModel' },
         { label: '妫�楠屼汉', prop: 'userName' },
+        {
+          label: '鐗╂枡灞炴��',
+          prop: 'materialProp',
+          formatData: (params) => {
+            if (!params) return null
+
+            for (let i = 0; i < this.dict.type.material_prop_type.length; i++) {
+              const item = this.dict.type.material_prop_type[i]
+              if (item.value == params) {
+                return item.label
+              }
+            }
+            return null
+          }
+        },
+        {
+          label: '鐗╂枡灞炴��',
+          prop: 'materialProp',
+          formatData: (params) => {
+            if (!params) return null
+
+            for (let i = 0; i < this.dict.type.material_prop_type.length; i++) {
+              const item = this.dict.type.material_prop_type[i]
+              if (item.value == params) {
+                return item.label
+              }
+            }
+            return null
+          }
+        },
         {
           dataType: 'tag',
           label: '鐗╂枡绫诲瀷',
@@ -658,6 +756,7 @@
         date: null,
         beginDeclareDate: null,
         endDeclareDate: null,
+        materialProp: null
       },
       tabList: [
         {
@@ -734,7 +833,7 @@
     }
     this.refreshTable()
   },
-  activated () {
+  activated() {
     this.refreshTable()
   },
   // 鏂规硶闆嗗悎
@@ -797,7 +896,7 @@
     // 宸叉楠屾煡璇�
     getIfsByOverList() {
       this.tableLoading2 = true
-      if(null != this.entity.date){
+      if (null != this.entity.date) {
         this.entity.beginDeclareDate = this.entity.date[0]
         this.entity.endDeclareDate = this.entity.date[1]
       } else {
@@ -818,7 +917,7 @@
     // 鏌ヨ瀛e害妫�楠�
     getIfsByQuarterList() {
       this.tableLoading4 = true
-      if(null != this.entity.date){
+      if (null != this.entity.date) {
         this.entity.beginDeclareDate = this.entity.date[0]
         this.entity.endDeclareDate = this.entity.date[1]
       } else {
@@ -839,7 +938,7 @@
     // 鍏ㄩ儴
     getIfsByAllList() {
       this.tableLoading3 = true
-      if(null != this.entity.date){
+      if (null != this.entity.date) {
         this.entity.beginDeclareDate = this.entity.date[0]
         this.entity.endDeclareDate = this.entity.date[1]
       } else {
@@ -1021,7 +1120,7 @@
     },
     // 涓嬪崟
     playOrder(row) {
-      this.$router.push({ path: "/outsourcingFinishProduct/customsInspectionOrder", query: {isOutsourcing:'t', orderType: 0, customsInspection: row, active: 1 } });
+      this.$router.push({ path: "/outsourcingFinishProduct/customsInspectionOrder", query: { isOutsourcing: 't', orderType: 0, customsInspection: row, active: 1 } });
     },
     // 鐐瑰嚮鏍峰搧鍚嶇О鏌ョ湅璇︽儏
     selectAllByOne(row) {
@@ -1182,7 +1281,7 @@
       if (this.multipleSelection.length > 0) {
         params.ids = this.multipleSelection.map(item => item.id).join(',');
       } else {
-        params = {...this.entity}
+        params = { ...this.entity }
       }
       params.orderType = "02wg";
       rawAllExport(params).then(res => {

--
Gitblit v1.9.3