修改

public/config.js

@@ -7,5 +7,6 @@ window.SERVICE_ID = {
   authTreeId: 18126, //获取表头
   roleListId: 10024,//角色列表
   userAuthorizationId: 10027,//用户授权
-  depTableId: 185, //机器维护表头
+  depTableId: 204, //机器维护表头
+  serTableId: 203, //服务设置表头
 };

src/views/newTable/index.vue

@@ -332,7 +332,7 @@ export default {
             "left": "(",
             "column": "serviceOutPutId",
             "comparator": "=",
-            "value": `${this.dataId}`,
+            "value": `${SERVICE_ID.serTableId}`,
             "right": ")",
             "connector": "and"
           }],

src/views/systemSettings/views/newMachine/css/index.scss

@@ -68,6 +68,10 @@
           height: 42px;
           line-height: 42px;
           .left {
+            max-width: 240px;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            overflow: hidden;
             .box {
               width: 16px;
               height: 16px;

src/views/systemSettings/views/newMachine/index.vue

@@ -36,7 +36,9 @@
                 <div v-for="(item,index) in dataList" :key="index" @click.stop="handleClick(item,index)" :class="index == activeIndex ? 'active':''" class="contents flex">
                   <div class="left">
                     <span :class="item.runState ? 'success' : 'error'" class="box"></span>
-                    <span class="txt">{{ item.deployNodeName }}</span>
+                    <el-tooltip class="item" effect="dark" :content="item.deployNodeName" placement="top">
+                      <span class="txt">{{ item.deployNodeName }}</span>
+                    </el-tooltip>
                   </div>
                   <div v-show="activeIndex == index" class="right">
                     <!-- <template v-if="!flag && item.deployNodeID">

src/views/systemSettings/views/newService/css/index.scss

@@ -68,6 +68,10 @@
           height: 42px;
           line-height: 42px;
           .left {
+            max-width: 230px;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            overflow: hidden;
             .box {
               width: 16px;
               height: 16px;

src/views/systemSettings/views/newService/index.vue

@@ -36,7 +36,9 @@
                 <div v-for="(item,index) in dataList" :key="index" @click.stop="handleClick(item,index)" :class="index == activeIndex ? 'active':''" class="contents flex">
                   <div class="left">
                     <span :class="item.runState ? 'success' : 'error'" class="box"></span>
-                    <span class="txt">{{ item.serviceName }}</span>
+                    <el-tooltip class="item" effect="dark" :content="item.serviceName" placement="top">
+                      <span class="txt">{{ item.serviceName }}</span>
+                    </el-tooltip>
                   </div>
                   <div v-show="activeIndex == index" class="right">
                     <template v-if="!flag && item.serviceID">