From e5454b769d44a34af423bf87ac8a740bf8c20341 Mon Sep 17 00:00:00 2001
From: Crunchy <3114200645@qq.com>
Date: 星期二, 29 四月 2025 13:25:29 +0800
Subject: [PATCH] Merge branch 'dev' into dev_tides

---
 src/views/CNAS/resourceDemand/device/component/quantityValueTraceabilityPlan.vue |   58 ++++++++++++++++++++++++++++++++++++----------------------
 1 files changed, 36 insertions(+), 22 deletions(-)

diff --git a/src/views/CNAS/resourceDemand/device/component/quantityValueTraceabilityPlan.vue b/src/views/CNAS/resourceDemand/device/component/quantityValueTraceabilityPlan.vue
index e3775fe..c91deac 100644
--- a/src/views/CNAS/resourceDemand/device/component/quantityValueTraceabilityPlan.vue
+++ b/src/views/CNAS/resourceDemand/device/component/quantityValueTraceabilityPlan.vue
@@ -7,6 +7,7 @@
       </div>
       <div>
         <el-table ref="yearTable" v-loading="yearTableDetailDataLoading" :data="yearTableDetailData"
+                  :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border
           height="calc(100vh - 18em)" style="width: 100% ;">
           <!-- 琛ㄦ牸鍒� -->
           <el-table-column align="center" header-align="center" label="搴忓彿" prop="prop" type="index"
@@ -14,7 +15,7 @@
           <el-table-column label="骞翠唤" min-width="80" prop="planYear"></el-table-column>
           <el-table-column label="鏂囦欢鍚嶇О" min-width="120" prop="compiler"></el-table-column>
           <el-table-column label="缂栧埗浜�" min-width="150" prop="compiler"></el-table-column>
-          <el-table-column label="缂栧埗鏃堕棿" min-width="150" prop="datePreparation"></el-table-column>
+          <el-table-column label="缂栧埗鏃堕棿" min-width="160" prop="datePreparation"></el-table-column>
           <el-table-column label="鎵瑰噯浜�" min-width="180" prop="audit"></el-table-column>
           <el-table-column label="鎵瑰噯鐘舵��" min-width="180" prop="status">
             <template slot-scope="scope">
@@ -24,10 +25,11 @@
           </el-table-column>
           <el-table-column label="鎵瑰噯鏃堕棿" min-width="180" prop="auditDate"></el-table-column>
           <!-- 鎿嶄綔鎸夐挳 -->
-          <el-table-column align="center" fixed="right" label="鎿嶄綔" min-width="240">
+          <el-table-column align="center" fixed="right" label="鎿嶄綔" min-width="270">
             <template slot-scope="scope">
               <el-button :disabled="scope.row.status === 1" size="small" type="text"
                 @click="handleForm('edit', scope.row)">缂栬緫</el-button>
+              <el-button size="small" type="text" @click="handleForm('view', scope.row)">鏌ョ湅</el-button>
               <el-button :disabled="scope.row.status === 1" size="small" type="text"
                 @click="tellApprove(scope.row.traceabilityManagementId)">鎵瑰噯閫氱煡</el-button>
               <el-button :disabled="scope.row.status === 1 || userId != scope.row.auditId" size="small" type="text"
@@ -40,7 +42,7 @@
           </el-table-column>
         </el-table>
         <el-pagination :current-page="1" :page-size="pagination1.size" :page-sizes="[10, 20, 30, 50, 100]"
-          :total="pagination1.total" layout="->,total, sizes, prev, pager, next, jumper"
+          :total="pagination1.total" layout="->,total, sizes, prev, pager, next, jumper" background
           @size-change="handleSizeChange1" @current-change="handleCurrentChange1">
         </el-pagination>
       </div>
@@ -48,65 +50,66 @@
     <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" :visible.sync="applicationForm"
       title="浠櫒璁惧閲忓�兼函婧愮鐞嗘�讳綋璁″垝" width="80%" @close="closeDialog">
       <div style="display: flex;align-items: center;">
-        <el-button v-if="operationType !== 'check'" size="small" type="primary" @click="addTableRow">娣诲姞</el-button>
-        <span style="width: 60px">骞翠唤锛�</span>
+        <el-button v-if="operationType === 'edit' || operationType === 'add'" size="small" type="primary" @click="addTableRow">娣诲姞</el-button>
+        <span style="width: 60px;margin-left: 10px">骞翠唤锛�</span>
         <el-date-picker v-model="form.planYear" type="year" value-format="yyyy" clearable size="small" format="yyyy"
-          placeholder="閫夋嫨骞�">
+          placeholder="閫夋嫨骞�" :disabled="operationType !== 'edit' && operationType !== 'add'">
         </el-date-picker>
       </div>
       <div style="margin: 10px 0">
-        <el-table ref="yearTable" :data="deviceTraceabilityManagementDetails" height="300px" id="templateParamTable"
-          row-key="deviceId" border style="width: 100% ;">
+        <el-table ref="yearTable" :data="deviceTraceabilityManagementDetails" height="560px" id="templateParamTable"
+                  :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border
+                  row-key="deviceId" v-loading="yearTableLoading">
           <el-table-column align="center" header-align="center" label="搴忓彿" type="index" width="60"></el-table-column>
           <el-table-column label="璁惧鍚嶇О" min-width="170" prop="deviceId">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.deviceName" :disabled="operationType === 'check'" clearable
+              <el-input v-model="scope.row.deviceName" :disabled="operationType !== 'edit' && operationType !== 'add'" clearable
                 size="small"></el-input>
             </template>
           </el-table-column>
           <el-table-column label="鍨嬪彿" min-width="140" prop="specificationModel">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.specificationModel" :disabled="operationType === 'check'" clearable
+              <el-input v-model="scope.row.specificationModel" :disabled="operationType !== 'edit' && operationType !== 'add'" clearable
                 size="small"></el-input>
             </template>
           </el-table-column>
           <el-table-column label="璁惧缂栧彿" min-width="140" prop="managementNumber">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.managementNumber" :disabled="operationType === 'check'" clearable
+              <el-input v-model="scope.row.managementNumber" :disabled="operationType !== 'edit' && operationType !== 'add'" clearable
                 size="small"></el-input>
             </template>
           </el-table-column>
           <el-table-column label="鎶�鏈寚鏍囧弬鏁�" min-width="150" prop="technicalIndexParameters">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.technicalIndexParameters" :disabled="operationType === 'check'" clearable
+              <el-input v-model="scope.row.technicalIndexParameters" :disabled="operationType !== 'edit' && operationType !== 'add'" clearable
                 size="small" type="textarea"></el-input>
             </template>
           </el-table-column>
           <el-table-column label="鎶�鏈寚鏍囪姹�" min-width="150" prop="technicalRequirements">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.technicalRequirements" :disabled="operationType === 'check'" clearable
+              <el-input v-model="scope.row.technicalRequirements" :disabled="operationType !== 'edit' && operationType !== 'add'" clearable
                 size="small" type="textarea"></el-input>
             </template>
           </el-table-column>
           <el-table-column label="妫�瀹氬懆鏈�" min-width="120" prop="verificationCycle">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.verificationCycle" :disabled="operationType === 'check'" clearable
+              <el-input v-model="scope.row.verificationCycle" :disabled="operationType !== 'edit' && operationType !== 'add'" clearable
                 size="small" type="textarea"></el-input>
             </template>
           </el-table-column>
           <el-table-column label="妫�瀹氬崟浣�" min-width="90" prop="verificationUnit">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.verificationUnit" :disabled="operationType === 'check'" clearable
+              <el-input v-model="scope.row.verificationUnit" :disabled="operationType !== 'edit' && operationType !== 'add'" clearable
                 size="small" type="textarea"></el-input>
             </template>
           </el-table-column>
           <el-table-column label="澶囨敞" min-width="90" prop="remark">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.remark" :disabled="operationType === 'check'" clearable size="small"
+              <el-input v-model="scope.row.remark" :disabled="operationType !== 'edit' && operationType !== 'add'" clearable size="small"
                 type="textarea"></el-input>
             </template>
           </el-table-column>
-          <el-table-column fixed="right" label="鎿嶄綔" width="80" align="center" v-if="operationType !== 'check'">
+          <el-table-column label="鎿嶄綔" width="80" align="center" v-if="operationType === 'edit' || operationType === 'add'">
             <template slot-scope="scope">
               <el-button style="color: #f56c6c" type="text" @click="deleteRow(scope.$index)">鍒犻櫎</el-button>
             </template>
@@ -115,7 +118,7 @@
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="closeDialog">鍙� 娑�</el-button>
-        <el-button v-if="operationType !== 'check'" :loading="submitFormLoading" type="primary" @click="submitForm">纭�
+        <el-button v-if="operationType === 'edit' || operationType === 'add'" :loading="submitFormLoading" type="primary" @click="submitForm">纭�
           璁�</el-button>
         <el-button v-if="operationType === 'check'" :loading="submitFormLoading" type="primary"
           @click="checkStatus(0)">涓嶉�氳繃</el-button>
@@ -135,7 +138,7 @@
       </el-table>
       <span slot="footer" class="dialog-footer">
         <el-button @click="addEquipDia = false">鍙� 娑�</el-button>
-        <el-button v-if="operationType !== 'check'" :loading="submitFormLoading" type="primary"
+        <el-button v-if="operationType === 'edit' || operationType === 'add'" :loading="submitFormLoading" type="primary"
           @click="changeMachineName">纭�
           璁�</el-button>
       </span>
@@ -209,6 +212,7 @@
       notificationLoading: false,
       auditId: '',
       traceabilityManagementId: '',
+      yearTableLoading: false
     }
   },
   mounted() {
@@ -270,17 +274,20 @@
       this.form = {
         planYear: '',
         deviceTraceabilityManagementDetails: []
-      },
-        this.deviceTraceabilityManagementDetails = []
+      }
+      this.deviceTraceabilityManagementDetails = []
       if (row) {
         this.traceabilityManagementId = row.traceabilityManagementId
+        this.yearTableLoading = true
         getTraceabilityManagementDetail({ traceabilityManagementId: this.traceabilityManagementId }).then(res => {
+          this.yearTableLoading = false
           if (res.code === 200) {
             this.form = res.data
             this.deviceTraceabilityManagementDetails = this.form.deviceTraceabilityManagementDetails
           }
         }).catch(error => {
           console.error(error)
+          this.yearTableLoading = false
         })
       }
     },
@@ -296,7 +303,14 @@
     changeMachineName() {
       this.deviceTraceabilityManagementDetails = []
       this.selectionRows.map(val => {
-        this.deviceTraceabilityManagementDetails.push({ deviceId: val.id, managementNumber: val.value, deviceName: val.label, specificationModel: val.specificationModel })
+        this.deviceTraceabilityManagementDetails.push({
+          deviceId: val.id,
+          managementNumber: val.value,
+          deviceName: val.label,
+          specificationModel: val.specificationModel,
+          verificationUnit: val.calibrationServices,
+          verificationCycle: val.calibrationDate
+        })
       })
       this.addEquipDia = false
       this.rowDrop()

--
Gitblit v1.9.3