fix：修复了显示问题

src/views/archi-ele-list/index.vue

@@ -111,73 +111,60 @@
         border
       >
         <el-table-column
-          type="selection"
-          width="55"
-          :selectable="selectable"
+            type="selection"
+            width="55"
+            :selectable="selectable"
         ></el-table-column>
         <el-table-column
-          type="index"
-          label="序号"
-          width="80"
-          align="center"
-          :index="indexMethod"
+            type="index"
+            label="序号"
+            width="50"
+            align="center"
+            :index="indexMethod"
         ></el-table-column>
         <el-table-column
-          prop="elementName"
-          label="元素名称"
-          align="center"
-          width="120"
-          show-overflow-tooltip
+            prop="elementName"
+            label="元素名称"
+            align="center"
+            width="160"
         ></el-table-column>
         <el-table-column
-          prop="archiLevelName"
-          label="架构层次"
-          align="center"
+            prop="archiLevelName"
+            label="架构层次"
+            align="center"
         ></el-table-column>
         <el-table-column
-          prop="archiBelongName"
-          label="架构归属"
-          align="center"
+            prop="archiBelongName"
+            label="架构归属"
+            align="center"
         ></el-table-column>
-<!--        <el-table-column-->
-<!--          prop="eaLevel"-->
-<!--          label="元素层级"-->
-<!--          align="center"-->
-<!--        ></el-table-column>-->
-        <!-- <el-table-column
-          prop="content"
-          label="描述"
-          align="center"
-          width="200"
-          :show-overflow-tooltip="true"
-        ></el-table-column> -->
         <el-table-column
-          prop="definition"
-          label="定义"
-          align="center"
-          width="200"
-          :show-overflow-tooltip="true"
+            prop="definition"
+            label="定义"
+            align="center"
+            width="150"
+            :show-overflow-tooltip="true"
         ></el-table-column>
         <el-table-column
-          prop="referenceRelationship"
-          label="引用关系"
-          align="center"
-          width="200"
-          :show-overflow-tooltip="true"
+            prop="referenceRelationship"
+            label="引用关系"
+            align="center"
+            width="150"
+            :show-overflow-tooltip="true"
         ></el-table-column>
         <el-table-column
-          prop="example"
-          label="示例"
-          align="center"
-          width="200"
-          :show-overflow-tooltip="true"
+            prop="example"
+            label="示例"
+            align="center"
+            width="150"
+            :show-overflow-tooltip="true"
         ></el-table-column>
         <el-table-column width="100" label="图标" align="center">
           <template slot-scope="scope">
             <img
-              :src="scope.row.icon"
-              alt=""
-              :style="{ width: scope.row.width, height: scope.row.height }"
+                :src="scope.row.icon"
+                alt=""
+                :style="{ width: scope.row.width, height: scope.row.height }"
             />
             <!-- <div v-html="scope.row.icon" style="display: flex;justify-content: center;"></div> -->
           </template>
@@ -815,7 +802,7 @@ import {
 } from '@/api/index.js'
 import { MessageBox, Message } from 'element-ui'
 import $ from 'jquery'
-import { getDictTypeOptions, svgToBase64 } from '@/utils'
+import { getDictTypuueOptions, svgToBase64 } from '@/utils'
 import { archiEleColor } from '@/config'
 export default {
   name: 'ArchiEleList',