周边分析设备样式

src/components/cus/CusTable.vue

@@ -20,7 +20,7 @@
             </div>
           </template>
         </el-table-column>
-        <el-table-column  v-if="showIndex" type="index" label="序号" align="center" fixed="left" width="60"/>
+        <el-table-column  v-if="showIndex" type="index" label="序号" align="center" fixed="left" width="40"/>
         <template v-for="(item, index) in tempTableHead" :key="index">
           <template v-if="item.children && item.children.length > 0">
             <el-table-column :label="item.label" v-if="item.show" align="center">
@@ -322,6 +322,7 @@ import {
                   font-family: Microsoft YaHei;
                   font-weight: 400;
                   color: #757575;
+                  padding: 0;
                 }
               }
               &:first-child {

src/views/gis/layout/tools/analysis.vue

@@ -72,6 +72,7 @@
           </div>
           <div class="table">
             <CusTable
+                class="device-table"
                 :tableData="deviceTableDataCpt"
                 :tableHead="cusTransfer.result.device.head"
                 :total="deviceTableFilterCpt.length"
@@ -160,8 +161,8 @@ export default defineComponent({
           },
           device: {
             head: [
-              {value: "name", label: "名称", show: true,},
-              {value: "status", label: "状态", show: true, width: 60},
+              {value: "name", label: "名称", show: true},
+              // {value: "status", label: "状态", show: true, width: 60},
               {value: "type", label: "类型", show: true, width: 90},
               {value: "distance", label: "距离", show: true, width: 90},
             ],
@@ -570,6 +571,22 @@ export default defineComponent({
           background: rgba(16,140,243,0.1);
         }
       }
+      :deep(.device-table) {
+        .el-table__row {
+          .el-table__cell:nth-child(2) {
+            .cell {
+              width: 80px;
+              -webkit-line-clamp: 2;
+              display: -webkit-box;
+              -webkit-box-orient: vertical;
+              overflow: hidden;
+              text-overflow: ellipsis !important;
+              word-break: break-all !important;
+              white-space: normal !important;
+            }
+          }
+        }
+      }
     }
   }
 }