5.0.4：关于ip过多的优化展示

src/modules/oe/views/alreadyAudited.vue

@@ -373,7 +373,11 @@
               prop="paperAuditTime"
               width="180"
             ></el-table-column>
-            <el-table-column label="IP" prop="ip" width="125"></el-table-column>
+            <el-table-column label="IP" prop="ip" width="125">
+              <template slot-scope="scope">
+                {{ showShortIpsStr(scope.row.ip, ",") }}
+              </template>
+            </el-table-column>
             <el-table-column
               fixed="right"
               label="审核结果"
@@ -466,11 +470,13 @@ import commonFormVue from "../component/commonForm.vue";
 import { AUDIT_EXPLAIN_LIST } from "../constants/constants";
 import pagePrivilege from "../mixin/pagePrivilege.js";
 import _ from "lodash";
+import { showShortIpsStr } from "@/utils/utils.js";
 export default {
   components: { commonFormVue },
   mixins: [pagePrivilege],
   data() {
     return {
+      showShortIpsStr,
       curSelectedExamRecordDataId: null,
       curSelectedShowAuditButton: false,
       needLoading: false,

src/modules/oe/views/awaitingAudit.vue

@@ -300,7 +300,11 @@
               prop="paperSubmitTime"
               width="180"
             ></el-table-column>
-            <el-table-column label="IP" prop="ip" width="125"></el-table-column>
+            <el-table-column label="IP" prop="ip" width="125">
+              <template slot-scope="scope">
+                {{ showShortIpsStr(scope.row.ip, ";") }}
+              </template>
+            </el-table-column>
             <el-table-column
               label="虚拟设备"
               prop="virtualCameraNames"
@@ -493,6 +497,7 @@
 import { mapState } from "vuex";
 import pagePrivilege from "../mixin/pagePrivilege.js";
 import commonFormVue from "../component/commonForm.vue";
+import { showShortIpsStr } from "@/utils/utils.js";
 import _ from "lodash";
 export default {
   components: { commonFormVue },
@@ -520,6 +525,7 @@ export default {
   // },
   data() {
     return {
+      showShortIpsStr,
       curSelectedExamRecordDataId: null,
       curSelectedShowAuditButton: false,
       needLoading: false,

src/modules/oe/views/examDetail.vue

@@ -352,7 +352,11 @@
               prop="auditUserName"
               width="120"
             ></el-table-column>
-            <el-table-column label="IP" prop="ip" width="125"></el-table-column>
+            <el-table-column label="IP" prop="ip" width="125">
+              <template slot-scope="scope">
+                {{ showShortIpsStr(scope.row.ip, ";") }}
+              </template>
+            </el-table-column>
             <el-table-column
               label="虚拟设备"
               prop="virtualCameraNames"
@@ -576,6 +580,7 @@
 import { mapState } from "vuex";
 import commonFormVue from "../component/commonForm.vue";
 import pagePrivilege from "../mixin/pagePrivilege.js";
+import { showShortIpsStr } from "@/utils/utils.js";
 import _ from "lodash";
 export default {
   components: { commonFormVue },
@@ -603,6 +608,7 @@ export default {
   },
   data() {
     return {
+      showShortIpsStr,
       curSelectedExamRecordDataId: null,
       curSelectedShowAuditButton: false,
       needLoading: false,

src/modules/oe/views/illegalityNameList.vue

@@ -172,7 +172,11 @@
               prop="faceSuccessPercent"
               width="100"
             ></el-table-column>
-            <el-table-column label="IP" prop="ip" width="125"></el-table-column>
+            <el-table-column label="IP" prop="ip" width="125">
+              <template slot-scope="scope">
+                {{ showShortIpsStr(scope.row.ip, ",") }}
+              </template>
+            </el-table-column>
             <el-table-column
               label="违纪描述"
               prop="disciplineDetail"
@@ -226,12 +230,14 @@ import { mapState } from "vuex";
 import commonFormVue from "../component/commonForm.vue";
 import commonExportVue from "../component/commonExport.vue";
 import pagePrivilege from "../mixin/pagePrivilege.js";
+import { showShortIpsStr } from "@/utils/utils.js";
 import _ from "lodash";
 export default {
   components: { commonFormVue, commonExportVue },
   mixins: [pagePrivilege],
   data() {
     return {
+      showShortIpsStr,
       curSelectedExamRecordDataId: null,
       curSelectedShowAuditButton: false,
       needLoading: false,

src/utils/utils.js

@@ -3,3 +3,9 @@ import queryString from "qs";
 export function object2QueryString(obj) {
   return queryString.stringify(obj);
 }
+
+export function showShortIpsStr(ip, splitStr) {
+  let arr = (ip || "").split(splitStr);
+  let ipsArr = arr[arr.length - 1] ? arr : arr.slice(0, -1);
+  return ipsArr.length > 3 ? ipsArr.slice(0, 3).join(splitStr) + " ..." : ip;
+}