2022-3-28 吴卿华

gassafetyprogress-web/src/views/regulation/device/index.vue

@@ -159,6 +159,7 @@
       @pagination="getList"
     />
 
+
     <!--选择关联设备弹出框-->
    <el-dialog title="选择关联设备"  width="1100px"  :visible.sync="dialogTableVisible"   formLabelWidth="160px">
     <template>
@@ -269,6 +270,7 @@
     </template>
     </el-dialog>
 
+
     <!--添加关联设备弹出框-->
     <el-dialog title="添加关联设备"  :visible.sync="dialogFormVisible">
       <el-form ref="formDetailInfo" :model="formDetailInfo" :rules="formDetailInfoRules" label-width="95px" style="height: 230px">
@@ -469,7 +471,10 @@
           </el-col>
         </el-row>
       </el-form>
-      <h3>关联设备</h3>
+      <div class="tableTitle">
+        <img :src="relationImg" style="width: 24px; height: 25px;position: relative; left: -339px; top: -12px;"/>
+        <span class="midText">关联设备</span>
+      </div>
       <el-table v-loading="loadings" ref="multipleTable" :data="DetailInfoList" tooltip-effect="dark" style="width: 100%" max-height="250" @selection-change="tableDataSelectionChange">
         <el-table-column label="设备名称" align="center" prop="deviceName" />
         <el-table-column label="设备型号" align="center" prop="deviceModel" />
@@ -518,6 +523,7 @@ export default {
   },
   data() {
     return {
+      relationImg: require('@/assets/project/relation.png'),
       //头像
       fileList: [],
       /**弹出层*/
@@ -1072,4 +1078,21 @@ export default {
     border-width: 1px;
     border-color: rgb(48, 180, 107);
   }
+  .tableTitle {
+    position: relative;
+    margin: 24px  auto;
+    width: 600px;
+    height: 2px;
+    background-color: #d4d4d4;
+    text-align: center;
+    font-size: 16px;
+    color: rgba(101, 101, 101, 1);
+  }
+  .midText {
+    position: absolute;
+    left: 3%;
+    background-color: #ffffff;
+    padding: 0 15px;
+    transform: translateX(-50%) translateY(-50%);
+  }
 </style>

gassafetyprogress-web/src/views/regulation/station/index.vue

@@ -277,7 +277,10 @@
           </el-col>
         </el-row>
       </el-form>
-      <h3>关联设备</h3>
+      <div class="tableTitle">
+        <img :src="relationImg" style="width: 24px; height: 25px;position: relative; left: -339px; top: -12px;"/>
+        <span class="midText">关联设备</span>
+      </div>
       <el-table v-loading="loadings" ref="multipleTable" :data="DetailInfoList" tooltip-effect="dark" style="width: 100%" max-height="250" @selection-change="tableDataSelectionChange">
         <el-table-column label="设备名称" align="center" prop="deviceName" />
         <el-table-column label="设备型号" align="center" prop="deviceModel" />
@@ -475,6 +478,7 @@ export default {
   },
   data() {
     return {
+      relationImg: require('@/assets/project/relation.png'),
       //头像
       fileList: [],
       /**-------------------弹出框所用数据-------------------------------*/
@@ -1009,4 +1013,21 @@ export default {
     border-width: 1px;
     border-color: rgb(48, 180, 107);
   }
+  .tableTitle {
+    position: relative;
+    margin: 24px  auto;
+    width: 600px;
+    height: 2px;
+    background-color: #d4d4d4;
+    text-align: center;
+    font-size: 16px;
+    color: rgba(101, 101, 101, 1);
+  }
+  .midText {
+    position: absolute;
+    left: 3%;
+    background-color: #ffffff;
+    padding: 0 15px;
+    transform: translateX(-50%) translateY(-50%);
+  }
 </style>