检查主体 太多时 显示“...”

src/views/safetycheck/plan/dialog.detail.vue

@@ -41,21 +41,27 @@
             formData.count
           }}
         </el-descriptions-item>
-        <el-descriptions-item
+        <!-- <el-descriptions-item
           label="检查主体"
           :span="4"
           v-if="formData.execOrgList && formData.execOrgList.length > 0"
         >{{
             formData.execOrgList.map((org) => org.shortName).join("、")
           }}
-        </el-descriptions-item
-        >
+        </el-descriptions-item> -->
+        <el-descriptions-item label="检查主体" :span="4" v-if="formData.execOrgList && formData.execOrgList.length > 0">
+          <el-tooltip class="item" effect="dark" :content="getExecOrgListContent()" placement="top">
+            <div class="ellipsis-tooltip">{{ getExecOrgListContent() }}</div>
+          </el-tooltip>
+          <div v-if="formData.execOrgList" class="count">（{{ formData.execOrgList.length }}）</div>
+        </el-descriptions-item>
+
 
         <el-descriptions-item label="受检机构" :span="4" v-if="formData.checkOrgList && formData.checkOrgList.length > 0">
           <el-tooltip class="item" effect="dark" :content="getCheckOrgListContent()" placement="top">
             <div class="ellipsis-tooltip">{{ getCheckOrgListContent() }}</div>
           </el-tooltip>
-          <div class="count">（{{ formData.checkOrgList.length }}）</div>
+          <div v-if="formData.checkOrgList" class="count">（{{ formData.checkOrgList.length }}）</div>
         </el-descriptions-item>
 
 
@@ -144,6 +150,9 @@ export default {
     getCheckOrgListContent() {
       return this.formData.checkOrgList.map((org) => org.shortName).join('、');
     },
+    getExecOrgListContent() {
+      return this.formData.execOrgList.map((org) => org.shortName).join('、');
+    },
   },
 };
 </script>