运维主站优化

README.md

@@ -1,3 +1,27 @@
 # ops-fronted
 
 运维
+
+## Project setup
+
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+
+```
+npm run build
+```
+
+### Lints and fixes files
+
+```
+npm run lint
+```

src/views/homePage/components/rowMsgDialog.vue

@@ -23,12 +23,15 @@
         ></el-table-column>
         <el-table-column prop="content" label="接收消息" class-name="msgClass">
           <template slot-scope="scope">
-            <el-tooltip popper-class="msgTootip" placement="top" effect="light">
-              <!-- <div slot="content">
-                <p v-for="(value, key) in JSON.parse(scope.row.content)">
-                  {{ key }}：{{ value }}
-                </p>
-              </div> -->
+            <el-tooltip
+              :open-delay="600"
+              popper-class="msgTootip"
+              placement="top"
+              effect="light"
+            >
+              <div slot="content">
+                <p v-html="cutout(scope.row)"></p>
+              </div>
               <p>
                 {{ scope.row.content }}
               </p>
@@ -67,7 +70,16 @@ export default {
   },
   methods: {
     //tootip提示
-
+    cutout(cellValue) {
+      console.log(cellValue);
+      var aString = cellValue.content
+        .replace(/\,/g, "</br>")
+        .replace(/{|}/g, "")
+        .replace(/"|"/g, "")
+        .replace(/msg:/g, "");
+      console.log(aString);
+      return aString;
+    },
     getQueryList() {
       this.girdloading = true;
       getqueryRawApi({
@@ -150,5 +162,9 @@ export default {
 }
 .msgTootip {
   color: #333;
+  p {
+    font-size: 14px;
+    line-height: 22px;
+  }
 }
 </style>

src/views/homePage/components/tableMain.vue

@@ -293,7 +293,7 @@
             scope.row.raw_report.msgs.length !== 0
           "
         >
-          <el-tooltip placement="top" effect="light">
+          <el-tooltip placement="top" effect="light" :open-delay="600">
             <div slot="content" class="contenBoxMsg">
               <p><b>I1:</b>{{ scope.row.raw_report.msgs.i1Version }}</p>
               <p><b>运维:</b>{{ scope.row.raw_report.msgs.maintainVersion }}</p>