更新 船舶安检审核项目;通过项目

src/views/shipSecurityManage/checkShipExamine.vue

@@ -1,10 +1,15 @@
 <template>
   <el-card class="pl30 pt20 mt30" style="width: 1000px">
-    <div v-if="templateDetail.id">
+    <div class="df aic jcsb" v-if="templateDetail.id">
       <div class="df aic">
         <div class="c6 mr30">安检名称:</div>
         <div class="c6 mr30">{{ templateDetail.securityCheckName }}</div>
       </div>
+      <div class="c6 mr30">
+        <span class="mr20">通过项目:</span>
+        {{ templateDetail.finishCheckItem }} /
+        {{ templateDetail.totalCheckItem }}
+      </div>
     </div>
     <el-divider />
     <div>
@@ -49,6 +54,16 @@
         </div>
       </div>
     </div>
+    <el-divider />
+    <div class="mt40 fs16 c6">安检项目</div>
+    <div class="mb20 mt20 df aic fs14 c6" v-for="item in templateDetail.items">
+      <div class="ml20 mr10 item-title">检查项目名称:</div>
+      <div class="mr30 item-text">{{ item.checkItemName }}</div>
+      <div class="mr10 item-title">检查项目类型:</div>
+      <div class="mr30 item-text">{{ item.checkItemTypeName }}</div>
+      <div class="mr10 item-title">检查项目备注:</div>
+      <div class="mr10 item-text">{{ item.checkItemRemark }}</div>
+    </div>
   </el-card>
 </template>
 <script setup>
@@ -98,4 +113,12 @@ onMounted(() => {
   color: #333;
   font-size: 14px;
 }
+
+.item-title {
+  width: 100px;
+}
+
+.item-text {
+  width: 100px;
+}
 </style>