From bfb10b42c5fb6bc9f751f88f9351bfc19c6380a4 Mon Sep 17 00:00:00 2001
From: 黄何裕 <1053952480@qq.com>
Date: 星期二, 16 七月 2024 14:57:50 +0800
Subject: [PATCH] 样式调整

---
 src/views/system/point/index.vue                    |    4 
 src/assets/styles/variables.scss                    |   16 
 src/views/system/data-manage/index.vue              |  391 ++++++++++++--
 src/views/system/check/rule/index.vue               |  368 +++++++++----
 src/views/system/unit/people/index.vue              |    2 
 src/layout/components/Navbar.vue                    |    6 
 src/views/system/monitor/face/index.vue             |    2 
 src/views/system/monitor/car/index.vue              |    2 
 src/views/screen/components/select-item/index.vue   |  148 +++--
 src/views/system/check/result/detail/index.vue      |    1 
 src/views/system/contract/contract-result/index.vue |  353 ++++++++-----
 src/views/system/monitor/video/index.vue            |    4 
 src/views/tool/gen/index.vue                        |    5 
 src/layout/components/Sidebar/index.vue             |   95 ++-
 src/layout/components/Sidebar/SidebarItem.vue       |   92 ++-
 src/views/system/unit/index.vue                     |    2 
 16 files changed, 1,015 insertions(+), 476 deletions(-)

diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss
index 34484d4..dfc2829 100644
--- a/src/assets/styles/variables.scss
+++ b/src/assets/styles/variables.scss
@@ -9,17 +9,17 @@
 $panGreen: #30B08F;
 
 // 榛樿鑿滃崟涓婚椋庢牸
-$base-menu-color:#bfcbd9;
-$base-menu-color-active:#f4f4f5;
-$base-menu-background:#304156;
-$base-logo-title-color: #ffffff;
+$base-menu-color:#1890FF;
+$base-menu-color-active:#1890FF;
+$base-menu-background:#ffffff;
+$base-logo-title-color: #1890FF;
 
-$base-menu-light-color:rgba(0,0,0,.70);
+$base-menu-light-color:rgba(101, 178, 233, 0.7);
 $base-menu-light-background:#ffffff;
-$base-logo-light-title-color: #001529;
+$base-logo-light-title-color: #4f94d5;
 
-$base-sub-menu-background:#1f2d3d;
-$base-sub-menu-hover:#001528;
+$base-sub-menu-background:#ffffff;
+$base-sub-menu-hover:#abceef;
 
 // 鑷畾涔夋殫鑹茶彍鍗曢鏍�
 /**
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 4b85178..2a5d731 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -39,13 +39,13 @@
 
     </div>
     <div class="button-container">
-      <el-button type="primary" @click="toScreen">鍙鍖栧ぇ灞�</el-button>
+      <el-button type="primary" @click="toScreen" size="small">鍙鍖栧ぇ灞�</el-button>
     </div>
     <div class="button-container">
-      <el-button type="primary" @click="toSystemB">璺宠浆B绯荤粺</el-button>
+      <el-button type="primary" @click="toSystemB" size="small">璺宠浆B绯荤粺</el-button>
     </div>
     <div class="button-container">
-      <el-button type="primary" @click="toSystemA">璺宠浆A绯荤粺</el-button>
+      <el-button type="primary" @click="toSystemA" size="small">璺宠浆A绯荤粺</el-button>
     </div>
   </div>
 </template>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 82ba407..058d557 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -1,16 +1,40 @@
 <template>
   <div v-if="!item.hidden">
-    <template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
-      <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path, onlyOneChild.query)">
-        <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
-          <item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
+    <template
+      v-if="
+        hasOneShowingChild(item.children, item) &&
+        (!onlyOneChild.children || onlyOneChild.noShowingChildren) &&
+        !item.alwaysShow
+      "
+    >
+      <app-link
+        v-if="onlyOneChild.meta"
+        :to="resolvePath(onlyOneChild.path, onlyOneChild.query)"
+      >
+        <el-menu-item
+          :index="resolvePath(onlyOneChild.path)"
+          :class="{ 'submenu-title-noDropdown': !isNest }"
+        >
+          <item
+            :icon="onlyOneChild.meta.icon || (item.meta && item.meta.icon)"
+            :title="onlyOneChild.meta.title"
+          />
         </el-menu-item>
       </app-link>
     </template>
 
-    <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
+    <el-submenu
+      v-else
+      ref="subMenu"
+      :index="resolvePath(item.path)"
+      popper-append-to-body
+    >
       <template slot="title">
-        <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
+        <item
+          v-if="item.meta"
+          :icon="item.meta && item.meta.icon"
+          :title="item.meta.title"
+        />
       </template>
       <sidebar-item
         v-for="(child, index) in item.children"
@@ -25,76 +49,76 @@
 </template>
 
 <script>
-import path from 'path'
-import { isExternal } from '@/utils/validate'
-import Item from './Item'
-import AppLink from './Link'
-import FixiOSBug from './FixiOSBug'
+import path from "path";
+import { isExternal } from "@/utils/validate";
+import Item from "./Item";
+import AppLink from "./Link";
+import FixiOSBug from "./FixiOSBug";
 
 export default {
-  name: 'SidebarItem',
+  name: "SidebarItem",
   components: { Item, AppLink },
   mixins: [FixiOSBug],
   props: {
     // route object
     item: {
       type: Object,
-      required: true
+      required: true,
     },
     isNest: {
       type: Boolean,
-      default: false
+      default: false,
     },
     basePath: {
       type: String,
-      default: ''
-    }
+      default: "",
+    },
   },
   data() {
-    this.onlyOneChild = null
-    return {}
+    this.onlyOneChild = null;
+    return {};
   },
   methods: {
     hasOneShowingChild(children = [], parent) {
       if (!children) {
         children = [];
       }
-      const showingChildren = children.filter(item => {
+      const showingChildren = children.filter((item) => {
         if (item.hidden) {
-          return false
+          return false;
         } else {
           // Temp set(will be used if only has one showing child)
-          this.onlyOneChild = item
-          return true
+          this.onlyOneChild = item;
+          return true;
         }
-      })
+      });
 
       // When there is only one child router, the child router is displayed by default
       if (showingChildren.length === 1) {
-        return true
+        return true;
       }
 
       // Show parent if there are no child router to display
       if (showingChildren.length === 0) {
-        this.onlyOneChild = { ... parent, path: '', noShowingChildren: true }
-        return true
+        this.onlyOneChild = { ...parent, path: "", noShowingChildren: true };
+        return true;
       }
 
-      return false
+      return false;
     },
     resolvePath(routePath, routeQuery) {
       if (isExternal(routePath)) {
-        return routePath
+        return routePath;
       }
       if (isExternal(this.basePath)) {
-        return this.basePath
+        return this.basePath;
       }
       if (routeQuery) {
         let query = JSON.parse(routeQuery);
-        return { path: path.resolve(this.basePath, routePath), query: query }
+        return { path: path.resolve(this.basePath, routePath), query: query };
       }
-      return path.resolve(this.basePath, routePath)
-    }
-  }
-}
+      return path.resolve(this.basePath, routePath);
+    },
+  },
+};
 </script>
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 51d0839..056aa5e 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -1,26 +1,31 @@
 <template>
-    <div :class="{'has-logo':showLogo}" :style="{ backgroundColor: settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
-        <logo v-if="showLogo" :collapse="isCollapse" />
-        <el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
-            <el-menu
-                :default-active="activeMenu"
-                :collapse="isCollapse"
-                :background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground"
-                :text-color="settings.sideTheme === 'theme-dark' ? variables.menuColor : variables.menuLightColor"
-                :unique-opened="true"
-                :active-text-color="settings.theme"
-                :collapse-transition="false"
-                mode="vertical"
-            >
-                <sidebar-item
-                    v-for="(route, index) in sidebarRouters"
-                    :key="route.path  + index"
-                    :item="route"
-                    :base-path="route.path"
-                />
-            </el-menu>
-        </el-scrollbar>
-    </div>
+  <div
+    :class="{ 'has-logo': showLogo }"
+    :style="{
+      backgroundColor:
+        settings.sideTheme === 'theme-dark'
+          ? variables.menuBackground
+          : variables.menuLightBackground,
+    }"
+  >
+    <logo v-if="showLogo" :collapse="isCollapse" />
+    <el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
+      <el-menu
+        :default-active="activeMenu"
+        :collapse="isCollapse"
+        :unique-opened="true"
+        :collapse-transition="false"
+        mode="vertical"
+      >
+        <sidebar-item
+          v-for="(route, index) in sidebarRouters"
+          :key="route.path + index"
+          :item="route"
+          :base-path="route.path"
+        />
+      </el-menu>
+    </el-scrollbar>
+  </div>
 </template>
 
 <script>
@@ -30,28 +35,28 @@
 import variables from "@/assets/styles/variables.scss";
 
 export default {
-    components: { SidebarItem, Logo },
-    computed: {
-        ...mapState(["settings"]),
-        ...mapGetters(["sidebarRouters", "sidebar"]),
-        activeMenu() {
-            const route = this.$route;
-            const { meta, path } = route;
-            // if set path, the sidebar will highlight the path you set
-            if (meta.activeMenu) {
-                return meta.activeMenu;
-            }
-            return path;
-        },
-        showLogo() {
-            return this.$store.state.settings.sidebarLogo;
-        },
-        variables() {
-            return variables;
-        },
-        isCollapse() {
-            return !this.sidebar.opened;
-        }
-    }
+  components: { SidebarItem, Logo },
+  computed: {
+    ...mapState(["settings"]),
+    ...mapGetters(["sidebarRouters", "sidebar"]),
+    activeMenu() {
+      const route = this.$route;
+      const { meta, path } = route;
+      // if set path, the sidebar will highlight the path you set
+      if (meta.activeMenu) {
+        return meta.activeMenu;
+      }
+      return path;
+    },
+    showLogo() {
+      return this.$store.state.settings.sidebarLogo;
+    },
+    variables() {
+      return variables;
+    },
+    isCollapse() {
+      return !this.sidebar.opened;
+    },
+  },
 };
 </script>
diff --git a/src/views/screen/components/select-item/index.vue b/src/views/screen/components/select-item/index.vue
index 75ee4bb..261d5f5 100644
--- a/src/views/screen/components/select-item/index.vue
+++ b/src/views/screen/components/select-item/index.vue
@@ -1,25 +1,64 @@
 <template>
   <div class="select-container">
-    <div class="type-select">
+    <div class="tabs-box">
+      <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane
+          v-for="item in testData1"
+          :label="item.name"
+          :name="item.value"
+        ></el-tab-pane>
+      </el-tabs>
+      <!-- <div>
+        <el-button>
+
+        </el-button>
+      </div> -->
+    </div>
+
+    <!-- <div class="type-select">
       <div class="select-label">鏁版嵁婧�</div>
-      <el-select v-model="typeValue" popper-class="type-select" class="select-style" @change="setConfig">
-        <el-option v-for="item in testData1" :key="item.name" :label="item.name" :value="item.value" />
+      <el-select
+        v-model="typeValue"
+        popper-class="type-select"
+        class="select-style"
+        @change="setConfig"
+      >
+        <el-option
+          v-for="item in testData1"
+          :key="item.name"
+          :label="item.name"
+          :value="item.value"
+        />
       </el-select>
-    </div>
-
-    <div class="local-select">
+    </div> -->
+    <!-- <div class="local-select">
       <div class="select-label">鍦板尯</div>
-      <el-select v-model="localValue" popper-class="type-select" class="select-style" @change="setConfig">
-        <el-option v-for="item in testData2" :key="item.name" :label="item.name" :value="item.value" />
+      <el-select
+        v-model="localValue"
+        popper-class="type-select"
+        class="select-style"
+        @change="setConfig"
+      >
+        <el-option
+          v-for="item in testData2"
+          :key="item.name"
+          :label="item.name"
+          :value="item.value"
+        />
       </el-select>
-    </div>
-
+    </div> -->
     <div class="date-select">
       <div class="select-label">鏃ユ湡</div>
-      <el-date-picker v-model="dateValue" type="daterange" range-separator="鑷�" start-placeholder="寮�濮嬫棩鏈�"
-        end-placeholder="缁撴潫鏃ユ湡" value-format="yyyy-MM-dd" @change="setConfig" />
+      <el-date-picker
+        v-model="dateValue"
+        type="daterange"
+        range-separator="鑷�"
+        start-placeholder="寮�濮嬫棩鏈�"
+        end-placeholder="缁撴潫鏃ユ湡"
+        value-format="yyyy-MM-dd"
+        @change="setConfig"
+      />
     </div>
-
   </div>
 </template>
 
@@ -30,68 +69,70 @@
       typeValue: 1,
       localValue: 1,
       dateValue: new Date(),
+      activeName: 1,
+
       testData1: [
         {
-          name: '鐪佸巺鏁版嵁',
-          value: 1
-        },
-        {
-          name: '甯傚眬鏁版嵁',
-          value: 2
-        },
-        {
-          name: '鍏畨閮ㄦ暟鎹�',
-          value: 3
-        }
-      ],
-      testData2: [
-      {
-          name: '瀵岄『鍘�',
+          name: "鐪佸巺鏁版嵁",
           value: 1,
         },
         {
-          name: '鑽ｅ幙',
+          name: "甯傚眬鏁版嵁",
           value: 2,
         },
         {
-          name: '楂樻柊鍖�',
+          name: "鍏畨閮ㄦ暟鎹�",
+          value: 3,
+        },
+      ],
+      testData2: [
+        {
+          name: "瀵岄『鍘�",
+          value: 1,
+        },
+        {
+          name: "鑽ｅ幙",
+          value: 2,
+        },
+        {
+          name: "楂樻柊鍖�",
           value: 3,
         },
         {
-          name: '鑷祦浜曞尯',
+          name: "鑷祦浜曞尯",
           value: 4,
         },
         {
-          name: '璐′簳鍖�',
+          name: "璐′簳鍖�",
           value: 5,
         },
         {
-          name: '澶у畨鍖�',
+          name: "澶у畨鍖�",
           value: 6,
         },
         {
-          name: '娌挎哗鍖�',
+          name: "娌挎哗鍖�",
           value: 7,
         },
-      ]
-    }
+      ],
+    };
   },
   methods: {
-    setConfig() {
-
-    }
-  }
-}
+    setConfig() {},
+    handleClick() {},
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .select-container {
   position: absolute;
-  top: 10px;
+  top: 0px;
   left: 20px;
   display: flex;
   align-items: center;
-
+  justify-content: space-between;
+  width: 90%;
   .select-label {
     font-size: 20px;
     margin-right: 10px;
@@ -126,19 +167,26 @@
     width: 320px;
   }
 }
+::v-deep .tabs-box {
+  width: 40%;
+  .el-tabs__item {
+    color: #ffffff !important;
+  }
+  .is-active{
+    color: #4481dd !important;
+  }
+}
 ::v-deep .el-input__inner {
   background: rgba(67, 102, 155, 0.4) !important;
-  color: #4481DD;
-  border-color: #4481DD !important;
+  color: #4481dd;
+  border-color: #4481dd !important;
 }
 
 ::v-deep .date-select .el-range-input {
   background-color: transparent !important;
-  color: #4481DD;
+  color: #4481dd;
 }
 ::v-deep .date-select .el-date-editor .el-range-separator {
-  color: #4481DD !important;
+  color: #4481dd !important;
 }
-
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/system/check/result/detail/index.vue b/src/views/system/check/result/detail/index.vue
index d6c65b4..227acca 100644
--- a/src/views/system/check/result/detail/index.vue
+++ b/src/views/system/check/result/detail/index.vue
@@ -126,7 +126,6 @@
   },
   created() {
     //鑰冩牳鎴愮哗璇︽儏璺宠浆鍙傛暟鎺ユ敹
-    console.log(this.$route.query.index)
     if (this.$route.query.index) {
       this.queryParams.deptId = this.$route.query.index
       this.queryParamsList.deptId = this.$route.query.index
diff --git a/src/views/system/check/rule/index.vue b/src/views/system/check/rule/index.vue
index 1e09d0c..ca39460 100644
--- a/src/views/system/check/rule/index.vue
+++ b/src/views/system/check/rule/index.vue
@@ -1,23 +1,51 @@
 <template>
   <div>
-
     <div class="container">
       <el-row type="flex" justify="start">
         <el-col :span="24">
-          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">瑙嗛鑰冩牳瑙勫垯</h3>
+          <h3
+            style="
+              color: rgb(104, 104, 103);
+              padding-top: 20px;
+              padding-bottom: 20px;
+            "
+          >
+            瑙嗛鑰冩牳瑙勫垯
+          </h3>
         </el-col>
       </el-row>
 
-      <el-row type="flex" justify="start" v-for="(items, index) in groupData(videoData)">
-        <el-col :span="4" v-for="item in items" :key="item.id">
-            <el-card style="width:150px;height: 150px;text-align: center;border-bottom-width: 3px;">
-              <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
-              <div style="font-size:12px; text-align: center; height: 25px;">{{ item.ruleName }} </div>
-              <div class="bottom clearfix">
-                <el-button type="text" class="button" @click="handleUpdate(item)">淇敼</el-button>
-              </div>
-            </el-card>
-          <br/>
+      <el-row :gutter="20">
+        <el-col
+          :xl="4"
+          :lg="4"
+          :md="6"
+          :sm="6"
+          :xs="12"
+          v-for="item in videoData"
+          :key="item.id"
+          class="col-margin"
+        >
+          <el-card
+            style="
+              min-width: 150px;
+              width: 100%;
+              height: 150px;
+              text-align: center;
+              border-bottom-width: 3px;
+            "
+          >
+            <i style="font-size: 40px; padding: 15px" :class="item.icon"></i>
+            <div style="font-size: 12px; text-align: center; height: 25px">
+              {{ item.ruleName }}
+            </div>
+            <div class="bottom clearfix">
+              <el-button type="text" class="button" @click="handleUpdate(item)"
+                >淇敼</el-button
+              >
+            </div>
+          </el-card>
+          <br />
         </el-col>
       </el-row>
     </div>
@@ -25,20 +53,49 @@
     <div class="container">
       <el-row type="flex" justify="center">
         <el-col :span="24">
-          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">杞﹁締鑰冩牳瑙勫垯</h3>
+          <h3
+            style="
+              color: rgb(104, 104, 103);
+              padding-top: 20px;
+              padding-bottom: 20px;
+            "
+          >
+            杞﹁締鑰冩牳瑙勫垯
+          </h3>
         </el-col>
       </el-row>
 
-      <el-row type="flex" justify="start" v-for="(items, index) in groupData(carData)">
-        <el-col :span="4" v-for="item in items" :key="item.id">
-          <el-card style="width:150px;height: 150px;text-align: center;border-bottom-width: 3px;">
-            <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
-            <div style="font-size:12px; text-align: center; height: 25px;">{{ item.ruleName }} </div>
+      <el-row :gutter="20">
+        <el-col
+          :xl="4"
+          :lg="4"
+          :md="6"
+          :sm="6"
+          :xs="12"
+          v-for="item in carData"
+          :key="item.id"
+          class="col-margin"
+        >
+          <el-card
+            style="
+              min-width: 150px;
+              width: 100%;
+              height: 150px;
+              text-align: center;
+              border-bottom-width: 3px;
+            "
+          >
+            <i style="font-size: 40px; padding: 15px" :class="item.icon"></i>
+            <div style="font-size: 12px; text-align: center; height: 25px">
+              {{ item.ruleName }}
+            </div>
             <div class="bottom clearfix">
-              <el-button type="text" class="button" @click="handleUpdate(item)">淇敼</el-button>
+              <el-button type="text" class="button" @click="handleUpdate(item)"
+                >淇敼</el-button
+              >
             </div>
           </el-card>
-          <br/>
+          <br />
         </el-col>
       </el-row>
     </div>
@@ -46,30 +103,58 @@
     <div class="container">
       <el-row type="flex" justify="center">
         <el-col :span="24">
-          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">浜鸿劯鑰冩牳瑙勫垯</h3>
+          <h3
+            style="
+              color: rgb(104, 104, 103);
+              padding-top: 20px;
+              padding-bottom: 20px;
+            "
+          >
+            浜鸿劯鑰冩牳瑙勫垯
+          </h3>
         </el-col>
       </el-row>
-
-      <el-row type="flex" justify="start" v-for="(items, index) in groupData(faceData)">
-        <el-col :span="4" v-for="item in items" :key="item.id">
-          <el-card style="width:150px;height: 150px;text-align: center;border-bottom-width: 3px;">
-            <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
-            <div style="font-size:12px; text-align: center; height: 25px;">{{ item.ruleName }} </div>
+      <el-row :gutter="20">
+        <el-col
+          :xl="4"
+          :lg="4"
+          :md="6"
+          :sm="6"
+          :xs="12"
+          v-for="item in faceData"
+          :key="item.id"
+          class="col-margin"
+        >
+          <el-card
+            style="
+              min-width: 150px;
+              width: 100%;
+              height: 150px;
+              text-align: center;
+              border-bottom-width: 3px;
+            "
+          >
+            <i style="font-size: 40px; padding: 15px" :class="item.icon"></i>
+            <div style="font-size: 12px; text-align: center; height: 25px">
+              {{ item.ruleName }}
+            </div>
             <div class="bottom clearfix">
-              <el-button type="text" class="button" @click="handleUpdate(item)">淇敼</el-button>
+              <el-button type="text" class="button" @click="handleUpdate(item)"
+                >淇敼</el-button
+              >
             </div>
           </el-card>
-          <br/>
+          <br />
         </el-col>
       </el-row>
     </div>
-    <br/><br/><br/><br/>
+    <br /><br /><br /><br />
 
     <!-- 娣诲姞鎴栦慨鏀硅�冩牳瑙勫垯瀵硅瘽妗� -->
     <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="瑙勫垯鍚嶇О" prop="ruleName">
-          <el-input v-model="form.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�"/>
+          <el-input v-model="form.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" />
         </el-form-item>
         <el-form-item label="瑙勫垯绫诲瀷" prop="ruleCategory">
           <el-select v-model="form.ruleCategory" placeholder="瑙勫垯绫诲瀷">
@@ -82,7 +167,12 @@
           </el-select>
         </el-form-item>
         <el-form-item label="瑙勫垯鎻忚堪" prop="ruleDescription">
-          <el-input v-model="form.ruleDescription" type="textarea" :autosize="{ minRows: 4, maxRows: 6}" placeholder="璇疯緭鍏ヨ鍒欏悕绉�"/>
+          <el-input
+            v-model="form.ruleDescription"
+            type="textarea"
+            :autosize="{ minRows: 4, maxRows: 6 }"
+            placeholder="璇疯緭鍏ヨ鍒欏悕绉�"
+          />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -91,62 +181,92 @@
       </div>
     </el-dialog>
 
-
-  <!-- 瀹℃牳鑰冩牳瑙勫垯瀵硅瘽妗� -->
-  <el-dialog :title="title" :visible.sync="auditOpen" width="600px" append-to-body>
-    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-      <el-form-item label="瑙勫垯鍚嶇О" prop="ruleName">
-        <el-input v-model="form.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" disabled/>
-      </el-form-item>
-      <el-form-item label="鑰冩牳绫诲瀷" prop="examineCategory">
-        <el-select v-model="form.examineCategory" placeholder="鑰冩牳绫诲瀷" disabled>
-          <el-option
-            v-for="dict in dict.type.platform_examine_category"
-            :key="dict.value"
-            :label="dict.label"
-            :value="parseInt(dict.value)"
+    <!-- 瀹℃牳鑰冩牳瑙勫垯瀵硅瘽妗� -->
+    <el-dialog
+      :title="title"
+      :visible.sync="auditOpen"
+      width="600px"
+      append-to-body
+    >
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="瑙勫垯鍚嶇О" prop="ruleName">
+          <el-input
+            v-model="form.ruleName"
+            placeholder="璇疯緭鍏ヨ鍒欏悕绉�"
+            disabled
           />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="瑙勫垯绫诲瀷" prop="ruleCategory">
-        <el-select v-model="form.ruleCategory" placeholder="鑰冩牳绫诲瀷" disabled>
-          <el-option
-            v-for="dict in dict.type.platform_rule_category"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
+        </el-form-item>
+        <el-form-item label="鑰冩牳绫诲瀷" prop="examineCategory">
+          <el-select
+            v-model="form.examineCategory"
+            placeholder="鑰冩牳绫诲瀷"
+            disabled
+          >
+            <el-option
+              v-for="dict in dict.type.platform_examine_category"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="瑙勫垯绫诲瀷" prop="ruleCategory">
+          <el-select
+            v-model="form.ruleCategory"
+            placeholder="鑰冩牳绫诲瀷"
+            disabled
+          >
+            <el-option
+              v-for="dict in dict.type.platform_rule_category"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="瑙勫垯鎻忚堪" prop="ruleDescription">
+          <el-input
+            v-model="form.ruleDescription"
+            type="textarea"
+            placeholder="璇疯緭鍏ヨ鍒欏悕绉�"
+            disabled
           />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="瑙勫垯鎻忚堪" prop="ruleDescription">
-        <el-input v-model="form.ruleDescription" type="textarea" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" disabled/>
-      </el-form-item>
+        </el-form-item>
 
-
-      <el-form-item label="瀹℃牳缁撴灉" prop="auditState" >
-        <el-radio-group v-model="form.auditState">
-        <el-radio :label="1">閫氳繃</el-radio>
-        <el-radio :label="2">椹冲洖</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item label="瀹℃牳璇存槑" prop="auditDescription" >
-        <el-input v-model="form.auditDescription" type="textarea" show-word-limit maxlength="100" />
-      </el-form-item>
-    </el-form>
-    <div slot="footer" class="dialog-footer">
-      <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
-      <el-button @click="cancel">鍙� 娑�</el-button>
-    </div>
-  </el-dialog>
-
+        <el-form-item label="瀹℃牳缁撴灉" prop="auditState">
+          <el-radio-group v-model="form.auditState">
+            <el-radio :label="1">閫氳繃</el-radio>
+            <el-radio :label="2">椹冲洖</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="瀹℃牳璇存槑" prop="auditDescription">
+          <el-input
+            v-model="form.auditDescription"
+            type="textarea"
+            show-word-limit
+            maxlength="100"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
+        <el-button @click="cancel">鍙� 娑�</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import { listCheckRule, getCheckRule, delCheckRule, addCheckRule, updateCheckRule } from "@/api/platform/check-rule";
+import {
+  listCheckRule,
+  getCheckRule,
+  delCheckRule,
+  addCheckRule,
+  updateCheckRule,
+} from "@/api/platform/check-rule";
 export default {
   name: "CheckRule",
-  dicts: ['platform_audit_state','platform_rule_category'],
+  dicts: ["platform_audit_state", "platform_rule_category"],
   data() {
     return {
       // 閬僵灞�
@@ -161,7 +281,7 @@
       showSearch: true,
       // 鎬绘潯鏁�
       total: 0,
-      templateList:[],
+      templateList: [],
       // 鑰冩牳瑙勫垯琛ㄦ牸鏁版嵁
       checkRuleList: [],
       daterangeCreateTime: [],
@@ -183,38 +303,30 @@
       videoData: [],
       carData: [],
       faceData: [],
-      activeIndex: '0',
+      activeIndex: "0",
       // 琛ㄥ崟鍙傛暟
       form: {},
       // 琛ㄥ崟鏍￠獙
       rules: {
         ruleName: [
-          { required: true, message: "瑙勫垯鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }
+          { required: true, message: "瑙勫垯鍚嶇О涓嶈兘涓虹┖", trigger: "blur" },
         ],
-      }
+      },
     };
   },
   created() {
     this.getList();
   },
   methods: {
-    groupData(data) {
-      // 灏嗘暟鎹寜姣忓叚涓竴缁勮繘琛屽垎缁�
-      const groupedData = [];
-      for (let i = 0; i < data.length; i += 6) {
-        groupedData.push(data.slice(i, i + 6));
-      }
-      return groupedData;
-    },
 
     /** 鏌ヨ鑰冩牳瑙勫垯鍒楄〃 */
     getList() {
       this.loading = true;
-      if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+      if (null != this.daterangeCreateTime && "" != this.daterangeCreateTime) {
         this.queryParams["start"] = this.daterangeCreateTime[0];
         this.queryParams["end"] = this.daterangeCreateTime[1];
       }
-      listCheckRule(this.queryParams).then(response => {
+      listCheckRule(this.queryParams).then((response) => {
         this.videoData = response.data.videoRules;
         this.faceData = response.data.faceRules;
         this.carData = response.data.carRules;
@@ -239,7 +351,7 @@
         faceCheckpointNum: null,
         createTime: null,
         updateTime: null,
-        deleted: null
+        deleted: null,
       };
       this.resetForm("form");
     },
@@ -248,22 +360,22 @@
     },
     getStatusColor(status) {
       switch (status) {
-        case 'pending':
-          return '#ffffff'; // '#00a1d6'钃濊壊锛岃〃绀哄緟瀹℃牳
-        case 'approved':
-          return '#ffffff'; // '#00e297'缁胯壊锛岃〃绀哄凡瀹℃牳
-        case 'rejected':
-          return '#f56c6c'; // 绾㈣壊锛岃〃绀哄鏍告湭閫氳繃
+        case "pending":
+          return "#ffffff"; // '#00a1d6'钃濊壊锛岃〃绀哄緟瀹℃牳
+        case "approved":
+          return "#ffffff"; // '#00e297'缁胯壊锛岃〃绀哄凡瀹℃牳
+        case "rejected":
+          return "#f56c6c"; // 绾㈣壊锛岃〃绀哄鏍告湭閫氳繃
         default:
-          return '#ffffff'; // 鐧借壊锛岄粯璁ょ姸鎬�
+          return "#ffffff"; // 鐧借壊锛岄粯璁ょ姸鎬�
       }
     },
 
     // 澶氶�夋閫変腑鏁版嵁
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
-      this.multiple = !selection.length
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
     },
     /** 鏂板鎸夐挳鎿嶄綔 */
     handleAdd() {
@@ -274,7 +386,7 @@
     /** 淇敼鎸夐挳鎿嶄綔 */
     handleUpdate(item) {
       this.reset();
-      const id = item.id || this.ids
+      const id = item.id || this.ids;
       this.form = item;
       this.open = true;
       this.title = "淇敼鑰冩牳瑙勫垯";
@@ -282,8 +394,8 @@
     /** 瀹℃牳鎸夐挳鎿嶄綔 */
     handleAudit(row) {
       this.reset();
-      const id = row.id || this.ids
-      getCheckRule(id).then(response => {
+      const id = row.id || this.ids;
+      getCheckRule(id).then((response) => {
         this.form = response.data;
         this.auditOpen = true;
         this.title = "瀹℃牳鑰冩牳瑙勫垯";
@@ -291,17 +403,17 @@
     },
     /** 鎻愪氦鎸夐挳 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.form.id != null) {
-            updateCheckRule(this.form).then(response => {
+            updateCheckRule(this.form).then((response) => {
               this.$modal.msgSuccess("淇敼鎴愬姛");
               this.open = false;
               this.auditOpen = false;
               this.getList();
             });
           } else {
-            addCheckRule(this.form).then(response => {
+            addCheckRule(this.form).then((response) => {
               this.$modal.msgSuccess("鏂板鎴愬姛");
               this.open = false;
               this.auditOpen = false;
@@ -314,21 +426,29 @@
     /** 鍒犻櫎鎸夐挳鎿嶄綔 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('鏄惁纭鍒犻櫎鑰冩牳瑙勫垯缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() {
-        return delCheckRule(ids);
-      }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-      }).catch(() => {});
+      this.$modal
+        .confirm('鏄惁纭鍒犻櫎鑰冩牳瑙勫垯缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�')
+        .then(function () {
+          return delCheckRule(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+        })
+        .catch(() => {});
     },
 
     /** 瀵煎嚭鎸夐挳鎿嶄綔 */
     handleExport() {
-      this.download('system/checkRule/export', {
-        ...this.queryParams
-      }, `checkRule_${new Date().getTime()}.xlsx`)
-    }
-  }
+      this.download(
+        "system/checkRule/export",
+        {
+          ...this.queryParams,
+        },
+        `checkRule_${new Date().getTime()}.xlsx`
+      );
+    },
+  },
 };
 </script>
 
@@ -337,8 +457,10 @@
   width: 90%;
   margin: 10px auto;
 }
-.el-menu{
+.el-menu {
   margin: 10px auto;
 }
-
+.col-margin {
+  padding-right: 20px;
+}
 </style>
diff --git a/src/views/system/contract/contract-result/index.vue b/src/views/system/contract/contract-result/index.vue
index 77e0c5e..20c0f51 100644
--- a/src/views/system/contract/contract-result/index.vue
+++ b/src/views/system/contract/contract-result/index.vue
@@ -1,14 +1,36 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="100px"
+    >
       <el-form-item label="鑰冩牳瀵硅薄" prop="unitId">
-        <el-select v-model="queryParams.unitId" @change="handleQuery" clearable placeholder="鑰冩牳瀵硅薄">
-          <el-option v-for="item in unitList" :key="item.id" :label="item.value" :value="item.id">
+        <el-select
+          v-model="queryParams.unitId"
+          @change="handleQuery"
+          clearable
+          placeholder="鑰冩牳瀵硅薄"
+        >
+          <el-option
+            v-for="item in unitList"
+            :key="item.id"
+            :label="item.value"
+            :value="item.id"
+          >
           </el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="鍙戝竷鐘舵��" prop="unitId">
-        <el-select v-model="queryParams.publish" @change="handleQuery" clearable placeholder="鍙戝竷鐘舵��">
+        <el-select
+          v-model="queryParams.publish"
+          @change="handleQuery"
+          clearable
+          placeholder="鍙戝竷鐘舵��"
+        >
           <el-option label="鏈彂甯�" :value="0" />
           <el-option label="宸插彂甯�" :value="1" />
         </el-select>
@@ -25,22 +47,30 @@
         ></el-date-picker>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >鎼滅储</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >閲嶇疆</el-button
+        >
       </el-form-item>
     </el-form>
 
     <el-row :gutter="10" class="mb8">
-<!--      <el-col :span="1.5">-->
-<!--        <el-button-->
-<!--          type="primary"-->
-<!--          plain-->
-<!--          icon="el-icon-plus"-->
-<!--          size="mini"-->
-<!--          @click="handleAdd"-->
-<!--          v-hasPermi="['system:checkResult:add']"-->
-<!--        >鏂板</el-button>-->
-<!--      </el-col>-->
+      <!--      <el-col :span="1.5">-->
+      <!--        <el-button-->
+      <!--          type="primary"-->
+      <!--          plain-->
+      <!--          icon="el-icon-plus"-->
+      <!--          size="mini"-->
+      <!--          @click="handleAdd"-->
+      <!--          v-hasPermi="['system:checkResult:add']"-->
+      <!--        >鏂板</el-button>-->
+      <!--      </el-col>-->
       <el-col :span="1.5">
         <el-button
           type="danger"
@@ -50,7 +80,8 @@
           :disabled="multiple"
           v-hasPermi="['system:result:remove']"
           @click="handleDelete"
-        >鍒犻櫎</el-button>
+          >鍒犻櫎</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -60,95 +91,139 @@
           size="mini"
           v-hasPermi="['system:result:export']"
           @click="handleExport"
-        >瀵煎嚭</el-button>
+          >瀵煎嚭</el-button
+        >
       </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
     </el-row>
 
     <el-row v-loading="loading">
-      <el-col :span="8" v-for="(item, index) in checkResultList" :key="index">
+      <el-col
+        :xl="8"
+        :lg="8"
+        :md="12"
+        :sm="12"
+        :xs="12"
+        v-for="(item, index) in checkResultList"
+        :key="index"
+      >
         <el-card class="box-card">
           <div slot="header" class="clearfix">
             <span>{{ item.contractName }}</span>
-            <el-button style="float: right; padding: 3px 6px" type="text" @click="handleDetail(item)">璇︽儏</el-button>
+            <el-button
+              style="float: right; padding: 3px 6px"
+              type="text"
+              @click="handleDetail(item)"
+              >璇︽儏</el-button
+            >
           </div>
-          <div class="text item">鑰冩牳瀵硅薄<span class="time">{{ item.unitName }}</span></div>
-          <div class="text item">鑰冩牳鍒嗘暟<span class="time">{{ item.score }}</span></div>
-          <div class="text item">鑰冩牳鏃堕棿
+          <div class="text item">
+            鑰冩牳瀵硅薄<span class="time">{{ item.unitName }}</span>
+          </div>
+          <div class="text item">
+            鑰冩牳鍒嗘暟<span class="time">{{ item.score }}</span>
+          </div>
+          <div class="text item">
+            鑰冩牳鏃堕棿
             <span class="time">{{ item.checkTime }}</span>
-            <el-button size="small" round style="float: right;" @click="handlePublish(item)" v-show="item.publish != 1"  v-hasPermi="['result:contract:publish']">纭鍙戝竷</el-button>
-            <el-button size="small" round style="float: right;" disabled v-show="item.publish == 1"  v-hasPermi="['result:contract:publish']">宸插彂甯�</el-button>
+            <el-button
+              size="small"
+              round
+              style="float: right"
+              @click="handlePublish(item)"
+              v-show="item.publish != 1"
+              v-hasPermi="['result:contract:publish']"
+              >纭鍙戝竷</el-button
+            >
+            <el-button
+              size="small"
+              round
+              style="float: right"
+              disabled
+              v-show="item.publish == 1"
+              v-hasPermi="['result:contract:publish']"
+              >宸插彂甯�</el-button
+            >
           </div>
         </el-card>
       </el-col>
     </el-row>
 
-
     <pagination
-      v-show="total>0"
+      v-show="total > 0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
     />
 
-    <el-dialog :title="manualScoreTitle" :visible.sync="manualScoreOpen" width="500px" append-to-body>
-      <el-input v-model="manualScoreForm.manualScore" type="number" placeholder="璇蜂负璇ュ崟浣嶆墦鍒�"/>
+    <el-dialog
+      :title="manualScoreTitle"
+      :visible.sync="manualScoreOpen"
+      width="500px"
+      append-to-body
+    >
+      <el-input
+        v-model="manualScoreForm.manualScore"
+        type="number"
+        placeholder="璇蜂负璇ュ崟浣嶆墦鍒�"
+      />
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitManualScore">纭� 瀹�</el-button>
         <el-button @click="cancelManualScore">鍙� 娑�</el-button>
       </div>
     </el-dialog>
 
-    <el-dialog :title="detailTitle" :visible.sync="detailOpen" width="700px" append-to-body>
+    <el-dialog
+      :title="detailTitle"
+      :visible.sync="detailOpen"
+      width="700px"
+      append-to-body
+    >
       <el-descriptions class="margin-top" :column="3" border>
         <el-descriptions-item>
           <template slot="label">
             <i class="el-icon-user"></i>
             鑰冩牳瀵硅薄
           </template>
-          {{detail.unitName}}
+          {{ detail.unitName }}
         </el-descriptions-item>
         <el-descriptions-item>
           <template slot="label">
             <i class="el-icon-s-management"></i>
             鍚堝悓鍚嶇О
           </template>
-          {{detail.contractName}}
+          {{ detail.contractName }}
         </el-descriptions-item>
         <el-descriptions-item>
           <template slot="label">
             <i class="el-icon-medal"></i>
             缁煎悎鍒嗘暟
           </template>
-          <el-tag type="danger" size="small">{{detail.score}}</el-tag>
+          <el-tag type="danger" size="small">{{ detail.score }}</el-tag>
         </el-descriptions-item>
       </el-descriptions>
-        <el-table
-          :data="tableData"
-          show-summary
-          style="width: 100%">
-          <el-table-column
-            prop="ruleName"
-            label="瑙勫垯鍚�"
-            :show-overflow-tooltip="true"
-            width="300">
-          </el-table-column>
-          <el-table-column
-           label="鎵ｅ噺鏂瑰紡"
-            align="center"
-            prop="deductCategory"
-            width="180px">
-          </el-table-column>
-          <el-table-column
-            prop="num"
-            label="鎸囨爣">
-          </el-table-column>
-          <el-table-column
-            prop="score"
-            label="鎵ｅ垎">
-          </el-table-column>
-        </el-table>
+      <el-table :data="tableData" show-summary style="width: 100%">
+        <el-table-column
+          prop="ruleName"
+          label="瑙勫垯鍚�"
+          :show-overflow-tooltip="true"
+          width="300"
+        >
+        </el-table-column>
+        <el-table-column
+          label="鎵ｅ噺鏂瑰紡"
+          align="center"
+          prop="deductCategory"
+          width="180px"
+        >
+        </el-table-column>
+        <el-table-column prop="num" label="鎸囨爣"> </el-table-column>
+        <el-table-column prop="score" label="鎵ｅ垎"> </el-table-column>
+      </el-table>
     </el-dialog>
 
     <!-- 娣诲姞鎴栦慨鏀硅�冩牳缁撴灉瀵硅瘽妗� -->
@@ -164,22 +239,29 @@
 </template>
 
 <script>
-import { resultRecord, listCheckResult, getCheckResult, delCheckResult, addCheckResult, updateCheckResult,manualScore, publishCheckResult } from "@/api/platform/contract-result";
+import {
+  resultRecord,
+  listCheckResult,
+  getCheckResult,
+  delCheckResult,
+  addCheckResult,
+  updateCheckResult,
+  manualScore,
+  publishCheckResult,
+} from "@/api/platform/contract-result";
 import { unitSelect } from "@/api/platform/unit";
 
 export default {
   name: "CheckResult",
   data() {
     return {
-      detailTitle: '',
+      detailTitle: "",
       detailOpen: false,
-      detail:{
-
-      },
+      detail: {},
       tableData: [],
       manualScoreOpen: false,
       manualScoreForm: {},
-      manualScoreTitle: '',
+      manualScoreTitle: "",
       // 閬僵灞�
       loading: true,
       // 閫変腑鏁扮粍
@@ -210,9 +292,8 @@
       // 琛ㄥ崟鍙傛暟
       form: {},
       // 琛ㄥ崟鏍￠獙
-      rules: {
-      },
-      unitList: []
+      rules: {},
+      unitList: [],
     };
   },
   created() {
@@ -224,17 +305,17 @@
       // 杩愮淮鍗曚綅涓嬫媺鍒楄〃
       unitSelect().then((res) => {
         this.unitList = res.data;
-      })
+      });
     },
     /** 鏌ヨ鑰冩牳缁撴灉鍒楄〃 */
     getList() {
       this.loading = true;
-      if (null != this.daterangeCheckTime && '' != this.daterangeCheckTime) {
+      if (null != this.daterangeCheckTime && "" != this.daterangeCheckTime) {
         this.queryParams["createStartTime"] = this.daterangeCheckTime[0];
         this.queryParams["createEndTime"] = this.daterangeCheckTime[1];
       }
-      console.log("this.queryParams", this.queryParams)
-      listCheckResult(this.queryParams).then(response => {
+      console.log("this.queryParams", this.queryParams);
+      listCheckResult(this.queryParams).then((response) => {
         this.checkResultList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -257,7 +338,7 @@
         checkTime: null,
         createTime: null,
         updateTime: null,
-        deleted: null
+        deleted: null,
       };
       this.resetForm("form");
     },
@@ -267,40 +348,43 @@
       this.manualScoreOpen = false;
     },
     submitManualScore() {
-      if (! this.manualScoreForm.manualScore) {
+      if (!this.manualScoreForm.manualScore) {
         this.$modal.msgWarning("璇峰～鍐欏垎鏁�");
-        return
+        return;
       }
-      manualScore(this.manualScoreForm).then(res => {
+      manualScore(this.manualScoreForm).then((res) => {
         this.$modal.msgSuccess("鎿嶄綔鎴愬姛");
         this.cancelManualScore();
         this.getList();
-      })
+      });
     },
     handleSetManualScore(row) {
       this.manualScoreForm.id = row.id;
       this.manualScoreForm.manualScore = parseInt(row.manualScore);
-      this.manualScoreTitle = row.checkUnitName + '浜哄伐鎵撳垎'
+      this.manualScoreTitle = row.checkUnitName + "浜哄伐鎵撳垎";
       this.manualScoreOpen = true;
     },
     handleDetail(row) {
-      resultRecord(row.id).then(res => {
+      resultRecord(row.id).then((res) => {
         this.tableData = res.rows;
-      })
+      });
       this.detail = row;
-      this.detailTitle = '鑰冩牳缁撴灉璇︽儏';
+      this.detailTitle = "鑰冩牳缁撴灉璇︽儏";
       this.detailOpen = true;
     },
     handlePublish(row) {
-      let text = row.publish == 1 ? '鍙栨秷鍙戝竷' : '鍙戝竷';
+      let text = row.publish == 1 ? "鍙栨秷鍙戝竷" : "鍙戝竷";
       const ids = row.id || this.ids;
-      this.$modal.confirm('鏄惁纭' + text + '鑰冩牳缁撴灉缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() {
-        return publishCheckResult(ids);
-      }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess(text + "鎴愬姛");
-      }).catch(() => {});
-
+      this.$modal
+        .confirm("鏄惁纭" + text + '鑰冩牳缁撴灉缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�')
+        .then(function () {
+          return publishCheckResult(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess(text + "鎴愬姛");
+        })
+        .catch(() => {});
     },
     /** 鎼滅储鎸夐挳鎿嶄綔 */
     handleQuery() {
@@ -315,9 +399,9 @@
     },
     // 澶氶�夋閫変腑鏁版嵁
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
-      this.multiple = !selection.length
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
     },
     /** 鏂板鎸夐挳鎿嶄綔 */
     handleAdd() {
@@ -328,8 +412,8 @@
     /** 淇敼鎸夐挳鎿嶄綔 */
     handleUpdate(row) {
       this.reset();
-      const id = row.id || this.ids
-      getCheckResult(id).then(response => {
+      const id = row.id || this.ids;
+      getCheckResult(id).then((response) => {
         this.form = response.data;
         this.open = true;
         this.title = "淇敼鑰冩牳缁撴灉";
@@ -337,16 +421,16 @@
     },
     /** 鎻愪氦鎸夐挳 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.form.id != null) {
-            updateCheckResult(this.form).then(response => {
+            updateCheckResult(this.form).then((response) => {
               this.$modal.msgSuccess("淇敼鎴愬姛");
               this.open = false;
               this.getList();
             });
           } else {
-            addCheckResult(this.form).then(response => {
+            addCheckResult(this.form).then((response) => {
               this.$modal.msgSuccess("鏂板鎴愬姛");
               this.open = false;
               this.getList();
@@ -358,45 +442,52 @@
     /** 鍒犻櫎鎸夐挳鎿嶄綔 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('鏄惁纭鍒犻櫎鑰冩牳缁撴灉缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() {
-        return delCheckResult(ids);
-      }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-      }).catch(() => {});
+      this.$modal
+        .confirm('鏄惁纭鍒犻櫎鑰冩牳缁撴灉缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�')
+        .then(function () {
+          return delCheckResult(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+        })
+        .catch(() => {});
     },
     /** 瀵煎嚭鎸夐挳鎿嶄綔 */
     handleExport() {
-      this.download('check/result/export', {
-        ...this.queryParams
-      }, `鍚堝悓鑰冩牳缁撴灉_${new Date().getTime()}.xlsx`)
+      this.download(
+        "check/result/export",
+        {
+          ...this.queryParams,
+        },
+        `鍚堝悓鑰冩牳缁撴灉_${new Date().getTime()}.xlsx`
+      );
     },
-
-  }
+  },
 };
 </script>
 <style>
-  .text {
-    font-size: 14px;
-  }
-  .time {
-    font-size: 13px;
-    color: #999;
-    margin-left: 10px;
-  }
-  .item {
-    margin-bottom: 18px;
-  }
-  .clearfix:before,
-  .clearfix:after {
-    display: table;
-    content: "";
-  }
-  .clearfix:after {
-    clear: both
-  }
-  .box-card {
-    width: 400px;
-    margin-bottom: 20px;
-  }
+.text {
+  font-size: 14px;
+}
+.time {
+  font-size: 13px;
+  color: #999;
+  margin-left: 10px;
+}
+.item {
+  margin-bottom: 18px;
+}
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+}
+.clearfix:after {
+  clear: both;
+}
+.box-card {
+  width: 400px;
+  margin-bottom: 20px;
+}
 </style>
diff --git a/src/views/system/data-manage/index.vue b/src/views/system/data-manage/index.vue
index 616165a..7544896 100644
--- a/src/views/system/data-manage/index.vue
+++ b/src/views/system/data-manage/index.vue
@@ -3,16 +3,35 @@
     <div class="container">
       <el-row type="flex" justify="center">
         <el-col :span="24">
-          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">瑙嗛杩愯鐩戞帶</h3>
+          <h3
+            style="
+              color: rgb(104, 104, 103);
+              padding-top: 20px;
+              padding-bottom: 20px;
+            "
+          >
+            瑙嗛杩愯鐩戞帶
+          </h3>
         </el-col>
       </el-row>
 
       <el-row :gutter="20">
-        <el-col :xl="4" :lg="4" :md="6" :sm="6" :xs="12" v-for="(item, index) in videoData" :key="index"
-          :style="item.name == '' ? 'display:none' : ''" class="col-margin">
-          <el-link @click="handleDetail(item, index)">
-            <el-card style="width:150px;height: 150px;text-align: center;">
-              <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
+        <el-col
+          :xl="4"
+          :lg="4"
+          :md="6"
+          :sm="6"
+          :xs="12"
+          v-for="(item, index) in videoData"
+          :key="index"
+          :style="item.name == '' ? 'display:none' : ''"
+          class="col-margin"
+        >
+          <el-link @click="handleDetail(item, index)" style="width: 100%">
+            <el-card
+              style="min-width: 150px;width:100%; height: 150px; text-align: center"
+            >
+              <i style="font-size: 40px; padding: 15px" :class="item.icon"></i>
               <div>{{ item.name }}</div>
             </el-card>
           </el-link>
@@ -23,16 +42,33 @@
     <div class="container">
       <el-row type="flex" justify="center">
         <el-col :span="24">
-          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">杞﹁締杩愯鐩戞帶</h3>
+          <h3
+            style="
+              color: rgb(104, 104, 103);
+              padding-top: 20px;
+              padding-bottom: 20px;
+            "
+          >
+            杞﹁締杩愯鐩戞帶
+          </h3>
         </el-col>
       </el-row>
 
       <el-row :gutter="20">
-        <el-col :xl="4" :lg="4" :md="6" :sm="6" :xs="12" v-for="(item, index) in carData" :key="index"
-          :style="item.name == '' ? 'display:none' : ''" class="col-margin">
-          <el-link @click="handleDetail(item, index)">
-            <el-card style="width:150px;height: 150px;text-align: center;">
-              <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
+        <el-col
+          :xl="4"
+          :lg="4"
+          :md="6"
+          :sm="6"
+          :xs="12"
+          v-for="(item, index) in carData"
+          :key="index"
+          :style="item.name == '' ? 'display:none' : ''"
+          class="col-margin"
+        >
+          <el-link @click="handleDetail(item, index)" style="width: 100%">
+            <el-card style="min-width: 150px;width:100%; height: 150px; text-align: center">
+              <i style="font-size: 40px; padding: 15px" :class="item.icon"></i>
               <div>{{ item.name }}</div>
             </el-card>
           </el-link>
@@ -43,16 +79,33 @@
     <div class="container">
       <el-row type="flex" justify="center">
         <el-col :span="24">
-          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">浜鸿劯杩愯鐩戞帶</h3>
+          <h3
+            style="
+              color: rgb(104, 104, 103);
+              padding-top: 20px;
+              padding-bottom: 20px;
+            "
+          >
+            浜鸿劯杩愯鐩戞帶
+          </h3>
         </el-col>
       </el-row>
 
       <el-row :gutter="20">
-        <el-col :xl="4" :lg="4" :md="6" :sm="6" :xs="12" v-for="(item, index) in faceData" :key="index"
-          :style="item.name == '' ? 'display:none' : ''" class="col-margin">
-          <el-link @click="handleDetail(item, index)">
-            <el-card style="width:150px;height: 150px;text-align: center;">
-              <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
+        <el-col
+          :xl="4"
+          :lg="4"
+          :md="6"
+          :sm="6"
+          :xs="12"
+          v-for="(item, index) in faceData"
+          :key="index"
+          :style="item.name == '' ? 'display:none' : ''"
+          class="col-margin"
+        >
+          <el-link @click="handleDetail(item, index)" style="width: 100%">
+            <el-card style="min-width: 150px;width:100%; height: 150px; text-align: center">
+              <i style="font-size: 40px; padding: 15px" :class="item.icon"></i>
               <div>{{ item.name }}</div>
             </el-card>
           </el-link>
@@ -63,16 +116,33 @@
     <div class="container">
       <el-row type="flex" justify="center">
         <el-col :span="24">
-          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">璧勪骇绠＄悊</h3>
+          <h3
+            style="
+              color: rgb(104, 104, 103);
+              padding-top: 20px;
+              padding-bottom: 20px;
+            "
+          >
+            璧勪骇绠＄悊
+          </h3>
         </el-col>
       </el-row>
 
       <el-row :gutter="20">
-        <el-col :xl="4" :lg="4" :md="6" :sm="6" :xs="12" v-for="(item, index) in equipment" :key="index"
-          :style="item.name == '' ? 'display:none' : ''" class="col-margin">
-          <el-link @click="handleDetail(item, index)">
-            <el-card style="width:150px;height: 150px;text-align: center;">
-              <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
+        <el-col
+          :xl="4"
+          :lg="4"
+          :md="6"
+          :sm="6"
+          :xs="12"
+          v-for="(item, index) in equipment"
+          :key="index"
+          :style="item.name == '' ? 'display:none' : ''"
+          class="col-margin"
+        >
+          <el-link @click="handleDetail(item, index)" style="width: 100%">
+            <el-card style="min-width: 150px;width:100%; height: 150px; text-align: center">
+              <i style="font-size: 40px; padding: 15px" :class="item.icon"></i>
               <div>{{ item.name }}</div>
             </el-card>
           </el-link>
@@ -89,55 +159,235 @@
   data() {
     return {
       videoData: [
-        { name: '骞冲彴鍦ㄧ嚎', icon: 'el-icon-connection', description: '鎻忚堪淇℃伅', type: '1' },
-        { name: '涓�鏈轰竴妗�', icon: 'el-icon-folder', description: '鎻忚堪淇℃伅', type: '1' },
-        { name: '鐐逛綅鍦ㄧ嚎', icon: 'el-icon-search', description: '鎻忚堪淇℃伅', type: '1' },
-        { name: '褰曞儚鍙敤', icon: 'el-icon-turn-off', description: '鎻忚堪淇℃伅', type: '1' },
-        { name: '瑙嗛鏍囨敞', icon: 'el-icon-place', description: '鎻忚堪淇℃伅', type: '1' },
-        { name: '閲嶇偣鎸囨尌鍥惧儚鍦ㄧ嚎鐜�', icon: 'el-icon-film', description: '鎻忚堪淇℃伅', type: '1' },
-        { name: '瑙嗛鍥惧儚璧勬簮瀹夊叏绠＄悊', icon: 'el-icon-house', description: '鎻忚堪淇℃伅', type: '1' },
-        { name: '瑙嗛鍥惧儚璐ㄩ噺', icon: 'el-icon-set-up', description: '鎻忚堪淇℃伅', type: '1' },
-        { name: '', icon: 'el-icon-connection', description: '鎻忚堪淇℃伅', type: '1' },
-        { name: '', icon: 'el-icon-connection', description: '鎻忚堪淇℃伅', type: '1' },
-        { name: '', icon: 'el-icon-connection', description: '鎻忚堪淇℃伅', type: '1' },
-        { name: '', icon: 'el-icon-connection', description: '鎻忚堪淇℃伅', type: '1' }
+        {
+          name: "骞冲彴鍦ㄧ嚎",
+          icon: "el-icon-connection",
+          description: "鎻忚堪淇℃伅",
+          type: "1",
+        },
+        {
+          name: "涓�鏈轰竴妗�",
+          icon: "el-icon-folder",
+          description: "鎻忚堪淇℃伅",
+          type: "1",
+        },
+        {
+          name: "鐐逛綅鍦ㄧ嚎",
+          icon: "el-icon-search",
+          description: "鎻忚堪淇℃伅",
+          type: "1",
+        },
+        {
+          name: "褰曞儚鍙敤",
+          icon: "el-icon-turn-off",
+          description: "鎻忚堪淇℃伅",
+          type: "1",
+        },
+        {
+          name: "瑙嗛鏍囨敞",
+          icon: "el-icon-place",
+          description: "鎻忚堪淇℃伅",
+          type: "1",
+        },
+        {
+          name: "閲嶇偣鎸囨尌鍥惧儚鍦ㄧ嚎鐜�",
+          icon: "el-icon-film",
+          description: "鎻忚堪淇℃伅",
+          type: "1",
+        },
+        {
+          name: "瑙嗛鍥惧儚璧勬簮瀹夊叏绠＄悊",
+          icon: "el-icon-house",
+          description: "鎻忚堪淇℃伅",
+          type: "1",
+        },
+        {
+          name: "瑙嗛鍥惧儚璐ㄩ噺",
+          icon: "el-icon-set-up",
+          description: "鎻忚堪淇℃伅",
+          type: "1",
+        },
+        {
+          name: "",
+          icon: "el-icon-connection",
+          description: "鎻忚堪淇℃伅",
+          type: "1",
+        },
+        {
+          name: "",
+          icon: "el-icon-connection",
+          description: "鎻忚堪淇℃伅",
+          type: "1",
+        },
+        {
+          name: "",
+          icon: "el-icon-connection",
+          description: "鎻忚堪淇℃伅",
+          type: "1",
+        },
+        {
+          name: "",
+          icon: "el-icon-connection",
+          description: "鎻忚堪淇℃伅",
+          type: "1",
+        },
       ],
       carData: [
-        { name: '瑙嗗浘搴撳鎺ョǔ瀹氭��', icon: 'el-icon-truck', description: '鎻忚堪淇℃伅', type: '2' },
-        { name: '鐐逛綅鍦ㄧ嚎鐜�', icon: 'el-icon-truck', description: '鎻忚堪淇℃伅', type: '2' },
-        { name: '鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼', icon: 'el-icon-truck', description: '鎻忚堪淇℃伅', type: '2' },
-        { name: '杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�', icon: 'el-icon-truck', description: '鎻忚堪淇℃伅', type: '2' },
-        { name: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�', icon: 'el-icon-truck', description: '鎻忚堪淇℃伅', type: '2' },
-        { name: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�', icon: 'el-icon-truck', description: '鎻忚堪淇℃伅', type: '2' },
-        { name: '杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�', icon: 'el-icon-truck', description: '鎻忚堪淇℃伅', type: '2' },
-        { name: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�', icon: 'el-icon-truck', description: '鎻忚堪淇℃伅', type: '2' },
-        { name: '杞﹁締鍗″彛璁惧url鍙敤鎬�', icon: 'el-icon-truck', description: '鎻忚堪淇℃伅', type: '2' },
-        { name: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�', icon: 'el-icon-truck', description: '鎻忚堪淇℃伅', type: '2' },
-        { name: '', icon: 'el-icon-truck', description: '鎻忚堪淇℃伅', type: '2' },
-        { name: '', icon: 'el-icon-truck', description: '鎻忚堪淇℃伅', type: '2' }
+        {
+          name: "瑙嗗浘搴撳鎺ョǔ瀹氭��",
+          icon: "el-icon-truck",
+          description: "鎻忚堪淇℃伅",
+          type: "2",
+        },
+        {
+          name: "鐐逛綅鍦ㄧ嚎鐜�",
+          icon: "el-icon-truck",
+          description: "鎻忚堪淇℃伅",
+          type: "2",
+        },
+        {
+          name: "鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼",
+          icon: "el-icon-truck",
+          description: "鎻忚堪淇℃伅",
+          type: "2",
+        },
+        {
+          name: "杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�",
+          icon: "el-icon-truck",
+          description: "鎻忚堪淇℃伅",
+          type: "2",
+        },
+        {
+          name: "杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�",
+          icon: "el-icon-truck",
+          description: "鎻忚堪淇℃伅",
+          type: "2",
+        },
+        {
+          name: "杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�",
+          icon: "el-icon-truck",
+          description: "鎻忚堪淇℃伅",
+          type: "2",
+        },
+        {
+          name: "杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�",
+          icon: "el-icon-truck",
+          description: "鎻忚堪淇℃伅",
+          type: "2",
+        },
+        {
+          name: "杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�",
+          icon: "el-icon-truck",
+          description: "鎻忚堪淇℃伅",
+          type: "2",
+        },
+        {
+          name: "杞﹁締鍗″彛璁惧url鍙敤鎬�",
+          icon: "el-icon-truck",
+          description: "鎻忚堪淇℃伅",
+          type: "2",
+        },
+        {
+          name: "杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�",
+          icon: "el-icon-truck",
+          description: "鎻忚堪淇℃伅",
+          type: "2",
+        },
+        { name: "", icon: "el-icon-truck", description: "鎻忚堪淇℃伅", type: "2" },
+        { name: "", icon: "el-icon-truck", description: "鎻忚堪淇℃伅", type: "2" },
       ],
       faceData: [
-        { name: '瑙嗗浘搴撳鎺ョǔ瀹氭��', icon: 'el-icon-alarm-clock', description: '鎻忚堪淇℃伅', type: '3' },
-        { name: '鐐逛綅鍦ㄧ嚎鐜�', icon: 'el-icon-user', description: '鎻忚堪淇℃伅', type: '3' },
-        { name: '鐩綍涓�鑷寸巼', icon: 'el-icon-data-line', description: '鎻忚堪淇℃伅', type: '3' },
-        { name: '浜鸿劯鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�', icon: 'el-icon-timer', description: '鎻忚堪淇℃伅', type: '3' },
-        { name: '璁惧鎶撴媿鍥剧墖鍚堟牸鎬�', icon: 'el-icon-money', description: '鎻忚堪淇℃伅', type: '3' },
-        { name: '璁惧鎶撴媿鍥剧墖鏃堕挓鍑嗙‘鎬�', icon: 'el-icon-data-analysis', description: '鎻忚堪淇℃伅', type: '3' },
-        { name: '鎶撴媿浜鸿劯鏁版嵁涓婁紶鍙婃椂鎬�', icon: 'el-icon-thumb', description: '鎻忚堪淇℃伅', type: '3' },
-        { name: '浜鸿劯鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�', icon: 'el-icon-pie-chart', description: '鎻忚堪淇℃伅', type: '3' },
-        { name: '', icon: 'el-icon-data-line', description: '鎻忚堪淇℃伅', type: '3' },
-        { name: '', icon: 'el-icon-timer', description: '鎻忚堪淇℃伅', type: '3' },
-        { name: '', icon: 'el-icon-money', description: '鎻忚堪淇℃伅', type: '3' },
-        { name: '', icon: 'el-icon-data-analysis', description: '鎻忚堪淇℃伅', type: '3' },
+        {
+          name: "瑙嗗浘搴撳鎺ョǔ瀹氭��",
+          icon: "el-icon-alarm-clock",
+          description: "鎻忚堪淇℃伅",
+          type: "3",
+        },
+        {
+          name: "鐐逛綅鍦ㄧ嚎鐜�",
+          icon: "el-icon-user",
+          description: "鎻忚堪淇℃伅",
+          type: "3",
+        },
+        {
+          name: "鐩綍涓�鑷寸巼",
+          icon: "el-icon-data-line",
+          description: "鎻忚堪淇℃伅",
+          type: "3",
+        },
+        {
+          name: "浜鸿劯鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�",
+          icon: "el-icon-timer",
+          description: "鎻忚堪淇℃伅",
+          type: "3",
+        },
+        {
+          name: "璁惧鎶撴媿鍥剧墖鍚堟牸鎬�",
+          icon: "el-icon-money",
+          description: "鎻忚堪淇℃伅",
+          type: "3",
+        },
+        {
+          name: "璁惧鎶撴媿鍥剧墖鏃堕挓鍑嗙‘鎬�",
+          icon: "el-icon-data-analysis",
+          description: "鎻忚堪淇℃伅",
+          type: "3",
+        },
+        {
+          name: "鎶撴媿浜鸿劯鏁版嵁涓婁紶鍙婃椂鎬�",
+          icon: "el-icon-thumb",
+          description: "鎻忚堪淇℃伅",
+          type: "3",
+        },
+        {
+          name: "浜鸿劯鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�",
+          icon: "el-icon-pie-chart",
+          description: "鎻忚堪淇℃伅",
+          type: "3",
+        },
+        {
+          name: "",
+          icon: "el-icon-data-line",
+          description: "鎻忚堪淇℃伅",
+          type: "3",
+        },
+        { name: "", icon: "el-icon-timer", description: "鎻忚堪淇℃伅", type: "3" },
+        { name: "", icon: "el-icon-money", description: "鎻忚堪淇℃伅", type: "3" },
+        {
+          name: "",
+          icon: "el-icon-data-analysis",
+          description: "鎻忚堪淇℃伅",
+          type: "3",
+        },
       ],
       equipment: [
-        { name: '璧勪骇绠＄悊', icon: 'el-icon-wallet', description: '鎻忚堪淇℃伅', type: '4' },
-        { name: '', icon: 'el-icon-pie-chart', description: '鎻忚堪淇℃伅', type: '4' },
-        { name: '', icon: 'el-icon-data-line', description: '鎻忚堪淇℃伅', type: '4' },
-        { name: '', icon: 'el-icon-timer', description: '鎻忚堪淇℃伅', type: '4' },
-        { name: '', icon: 'el-icon-money', description: '鎻忚堪淇℃伅', type: '4' },
-        { name: '', icon: 'el-icon-data-analysis', description: '鎻忚堪淇℃伅', type: '4' },
-      ]
+        {
+          name: "璧勪骇绠＄悊",
+          icon: "el-icon-wallet",
+          description: "鎻忚堪淇℃伅",
+          type: "4",
+        },
+        {
+          name: "",
+          icon: "el-icon-pie-chart",
+          description: "鎻忚堪淇℃伅",
+          type: "4",
+        },
+        {
+          name: "",
+          icon: "el-icon-data-line",
+          description: "鎻忚堪淇℃伅",
+          type: "4",
+        },
+        { name: "", icon: "el-icon-timer", description: "鎻忚堪淇℃伅", type: "4" },
+        { name: "", icon: "el-icon-money", description: "鎻忚堪淇℃伅", type: "4" },
+        {
+          name: "",
+          icon: "el-icon-data-analysis",
+          description: "鎻忚堪淇℃伅",
+          type: "4",
+        },
+      ],
     };
   },
   methods: {
@@ -145,8 +395,8 @@
       this.$router.push({
         path: `/data-manage/data-detail/index/1/1?type=${item.type}&index=${index}`,
       });
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -159,4 +409,7 @@
 .col-margin {
   margin-bottom: 20px;
 }
+::v-deep .el-link--inner{
+  width: 100% !important;
+}
 </style>
diff --git a/src/views/system/monitor/car/index.vue b/src/views/system/monitor/car/index.vue
index 416e57c..596da1f 100644
--- a/src/views/system/monitor/car/index.vue
+++ b/src/views/system/monitor/car/index.vue
@@ -116,7 +116,7 @@
 
     <el-table v-loading="loading" :data="monitorList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" align="center" />
-      <el-table-column label="璁惧鍚嶇О" align="center" prop="name" width="280" fixed/>
+      <el-table-column label="璁惧鍚嶇О" align="center" prop="name" width="280" fixed show-overflow-tooltip/>
       <el-table-column label="璁惧缂栫爜" align="center" prop="serialNumber" width="180"/>
       <el-table-column label="鏍囩" align="center" prop="publicSecurity" width="180" v-if="columns[0].visible"/>
       <el-table-column label="鍖哄煙" align="center" prop="address" width="180" v-if="columns[1].visible"/>
diff --git a/src/views/system/monitor/face/index.vue b/src/views/system/monitor/face/index.vue
index 4c0ad16..6e99e50 100644
--- a/src/views/system/monitor/face/index.vue
+++ b/src/views/system/monitor/face/index.vue
@@ -115,7 +115,7 @@
 
     <el-table v-loading="loading" :data="monitorList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" align="center" />
-      <el-table-column label="璁惧鍚嶇О" align="center" prop="name" width="280" fixed/>
+      <el-table-column label="璁惧鍚嶇О" align="center" prop="name" width="280" fixed show-overflow-tooltip/>
       <el-table-column label="璁惧缂栫爜" align="center" prop="serialNumber" width="180"/>
       <el-table-column label="鏍囩" align="center" prop="publicSecurity" width="180" v-if="columns[0].visible"/>
       <el-table-column label="鍖哄煙" align="center" prop="address" width="180" v-if="columns[1].visible"/>
diff --git a/src/views/system/monitor/video/index.vue b/src/views/system/monitor/video/index.vue
index 09020f8..030708c 100644
--- a/src/views/system/monitor/video/index.vue
+++ b/src/views/system/monitor/video/index.vue
@@ -122,8 +122,8 @@
 
     <el-table v-loading="loading" :data="monitorList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" align="center" />
-      <el-table-column label="璁惧鍚嶇О" align="center" prop="name" width="280" fixed/>
-      <el-table-column label="璁惧缂栫爜" align="center" prop="serialNumber" width="180"/>
+      <el-table-column label="璁惧鍚嶇О" align="center" prop="name" width="280" fixed show-overflow-tooltip/>
+      <el-table-column label="璁惧缂栫爜" align="center" prop="serialNumber" width="180" show-overflow-tooltip/>
       <el-table-column label="鏍囩" align="center" prop="publicSecurity" width="180" v-if="columns[0].visible">
         <template slot-scope="scope">
           <div>{{"鐪佸巺"}}</div>
diff --git a/src/views/system/point/index.vue b/src/views/system/point/index.vue
index 4a8c416..f0f6370 100644
--- a/src/views/system/point/index.vue
+++ b/src/views/system/point/index.vue
@@ -41,8 +41,8 @@
 
     <el-table v-loading="loading" :data="pointList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="鐐逛綅鍚嶇О" prop="pointName" width="200" />
-      <el-table-column label="鏍囩" align="center" width="90">
+      <el-table-column label="鐐逛綅鍚嶇О" prop="pointName" width="200" show-overflow-tooltip/>
+      <el-table-column label="鏍囩" align="center" width="90" show-overflow-tooltip>
         <template slot-scope="scope">
           <dict-tag :options="dict.type.point_tag" :value="scope.row.pointTags" />
         </template>
diff --git a/src/views/system/unit/index.vue b/src/views/system/unit/index.vue
index 1ec0f28..dadf625 100644
--- a/src/views/system/unit/index.vue
+++ b/src/views/system/unit/index.vue
@@ -89,7 +89,7 @@
       <el-table-column label="鍗曚綅鑱旂郴浜�" align="center" prop="unitContact" />
       <el-table-column label="鍗曚綅鑱旂郴浜虹數璇�" align="center" prop="unitContactPhone" />
       <el-table-column label="鍗曚綅绠＄悊鍛樿处鍙�" align="center" prop="unitAdminAccount" />
-      <el-table-column label="澶囨敞" align="center" prop="remark" />
+      <el-table-column label="澶囨敞" align="center" prop="remark" show-overflow-tooltip/>
       <el-table-column label="娣诲姞鏃堕棿" align="center" prop="createTime" />
       <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width">
         <template slot-scope="scope">
diff --git a/src/views/system/unit/people/index.vue b/src/views/system/unit/people/index.vue
index 65b6b0d..256399b 100644
--- a/src/views/system/unit/people/index.vue
+++ b/src/views/system/unit/people/index.vue
@@ -88,7 +88,7 @@
       <el-table-column label="杩愮淮浜哄憳璐﹀彿" align="center" prop="ywPersonAccount" />
       <el-table-column label="鎵�灞炶繍缁村崟浣�" align="center" prop="belongUnitName" />
       <el-table-column label="鑱旂郴鐢佃瘽" align="center" prop="phone" />
-      <el-table-column label="澶囨敞" align="center" prop="remark" />
+      <el-table-column label="澶囨敞" align="center" prop="remark" show-overflow-tooltip/>
       <el-table-column label="鎿嶄綔" fixed="right" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
diff --git a/src/views/tool/gen/index.vue b/src/views/tool/gen/index.vue
index 3f1f930..8ac734e 100644
--- a/src/views/tool/gen/index.vue
+++ b/src/views/tool/gen/index.vue
@@ -92,25 +92,22 @@
         align="center"
         prop="tableName"
         :show-overflow-tooltip="true"
-        width="120"
       />
       <el-table-column
         label="琛ㄦ弿杩�"
         align="center"
         prop="tableComment"
         :show-overflow-tooltip="true"
-        width="120"
       />
       <el-table-column
         label="瀹炰綋"
         align="center"
         prop="className"
         :show-overflow-tooltip="true"
-        width="120"
       />
       <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" width="160" />
       <el-table-column label="鏇存柊鏃堕棿" align="center" prop="updateTime" width="160" />
-      <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+      <el-table-column label="鎿嶄綔" align="center" width="360">
         <template slot-scope="scope">
           <el-button
             type="text"

--
Gitblit v1.8.0