From 8f73917d9ee157e3f2a632fa492655f5b2d24c05 Mon Sep 17 00:00:00 2001
From: lukeyan <1727408482@qq.com>
Date: Tue, 1 Aug 2023 15:14:23 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=95=B0=E6=8D=AE=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BAsize=E6=9B=B4=E6=94=B9=EF=BC=8C=E5=AE=89=E5=95=86?=
 =?UTF-8?q?=E6=83=A0=E4=BC=81=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/request.js                          |    4 +-
 src/views/applySupermarket/index.vue          |    8 +-
 .../personBack/components/abnormalTable.vue   |    2 +-
 .../personBack/components/normalTable.vue     |    2 +-
 .../components/personBackDialog.vue           |    2 +-
 .../applySupermarket/personBack/index.vue     |    6 +-
 src/views/archives/qiyeyuangong.vue           |  771 ++++++-----
 src/views/head.vue                            |    8 +-
 src/views/safetyIndex/cheliang.vue            |  979 ++++++++------
 src/views/safetyIndex/toubu.vue               |    6 +-
 src/views/safetyIndex/yuangong.vue            | 1172 ++++++++++-------
 11 files changed, 1654 insertions(+), 1306 deletions(-)

diff --git a/src/utils/request.js b/src/utils/request.js
index edb908c..4eb3099 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -5,10 +5,10 @@ import { getToken } from '@/utils/auth'
 axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 const request = axios.create({
   // baseURL: 'http://172.18.113.50:8080/zhapi',
-  //baseURL: 'http://172.18.113.13:8080/zhapi', // 孙强
+  baseURL: 'http://172.18.113.13:8080/zhapi', // 孙强
   //baseURL: 'http://192.168.0.188:8888/zhapi',
   //baseURL: 'http://121.41.91.94:12002/zhapi',
-  baseURL: `http://${window.location.host}/zhapi`,
+  //baseURL: `http://${window.location.host}/zhapi`,
   timeout: 50000,
   headers: { 'content-type': 'application/json' },
 })
diff --git a/src/views/applySupermarket/index.vue b/src/views/applySupermarket/index.vue
index b921a7f..2c19b60 100644
--- a/src/views/applySupermarket/index.vue
+++ b/src/views/applySupermarket/index.vue
@@ -25,14 +25,14 @@
           </div>
           <div class="key_person_text">重点人员核查</div>
         </div>
-        <!-- 重点物品核查 -->
+        <!-- 警情通报 -->
         <div class="list_box key_item">
           <div class="key_item_icon_box">
             <!-- 遮罩层 负责旋转动画 -->
             <div class="blue_mark turn"></div>
             <div class="key_item_icon"></div>
           </div>
-          <div class="key_item_text">重点物品核查</div>
+          <div class="key_item_text">警情通报</div>
         </div>
         <!-- 企业纠纷调解 -->
         <div class="list_box company_dispute">
@@ -88,14 +88,14 @@
           </div>
           <div class="statement_text">统计报表</div>
         </div>
-        <!-- 经侦最佳指标 -->
+        <!-- 企业反馈 -->
         <div class="list_box target">
           <div class="target_icon_box">
             <!-- 遮罩层 负责旋转动画 -->
             <div class="blue_mark turn"></div>
             <div class="target_icon"></div>
           </div>
-          <div class="target_text">经侦最佳指标</div>
+          <div class="target_text">企业反馈</div>
         </div>
       </div>
       <!-- 跳转至人员背景审查详情 -->
diff --git a/src/views/applySupermarket/personBack/components/abnormalTable.vue b/src/views/applySupermarket/personBack/components/abnormalTable.vue
index 04f4e35..9e2c688 100644
--- a/src/views/applySupermarket/personBack/components/abnormalTable.vue
+++ b/src/views/applySupermarket/personBack/components/abnormalTable.vue
@@ -3,7 +3,7 @@
   <div>
     <el-table
       :data="abnormal_table_data.rows"
-      height="285"
+      height="270"
       :header-cell-style="table_header"
       :cell-style="{ background: 'revert', 'text-align': 'center' }"
       @expand-change="to_expand"
diff --git a/src/views/applySupermarket/personBack/components/normalTable.vue b/src/views/applySupermarket/personBack/components/normalTable.vue
index 7575b21..56fb0da 100644
--- a/src/views/applySupermarket/personBack/components/normalTable.vue
+++ b/src/views/applySupermarket/personBack/components/normalTable.vue
@@ -3,7 +3,7 @@
   <div>
     <el-table
       :data="normal_table_data.rows"
-      height="285"
+      height="270"
       :header-cell-style="table_header"
       :cell-style="{ background: 'revert', 'text-align': 'center' }"
     >
diff --git a/src/views/applySupermarket/personBack/components/personBackDialog.vue b/src/views/applySupermarket/personBack/components/personBackDialog.vue
index e411d21..0c2712d 100644
--- a/src/views/applySupermarket/personBack/components/personBackDialog.vue
+++ b/src/views/applySupermarket/personBack/components/personBackDialog.vue
@@ -18,7 +18,7 @@
           <div class="item_text_left_text">
             <div class="item_text_cell">企业名称:</div>
             <div class="item_text_cell">审核原因:</div>
-            <div class="item_text_cell">审查人数:</div>
+            <div class="item_text_cell">上报人数:</div>
           </div>
           <div class="item_text_left_value">
             <div class="item_value_cell">{{ this.form_data.companyName }}</div>
diff --git a/src/views/applySupermarket/personBack/index.vue b/src/views/applySupermarket/personBack/index.vue
index 10cd7dd..b9c0e43 100644
--- a/src/views/applySupermarket/personBack/index.vue
+++ b/src/views/applySupermarket/personBack/index.vue
@@ -24,7 +24,7 @@
           <div class="cell_body_information">
             <div class="cell_body_information_text">
               <div class="text_cell">审查原因:</div>
-              <div class="text_cell">审查人数:</div>
+              <div class="text_cell">上报人数:</div>
               <div class="text_cell">申请时间:</div>
               <div class="text_cell">审查结果:</div>
             </div>
@@ -46,7 +46,7 @@
           <div class="cell_body_information">
             <div class="cell_body_information_text">
               <div class="text_cell">审查原因:</div>
-              <div class="text_cell">审查人数:</div>
+              <div class="text_cell">上报人数:</div>
               <div class="text_cell">申请时间:</div>
               <div class="text_cell">审查结果:</div>
             </div>
@@ -115,7 +115,7 @@ export default {
           res.rows[i].abnormal_num = res.rows[
             i
           ].examinationResultDetail.substring(
-            res.rows[i].examinationResultDetail.indexOf("正常，") + 3,
+            res.rows[i].examinationResultDetail.indexOf("正常,") + 3,
             res.rows[i].examinationResultDetail.indexOf("人异常")
           );
           console.log(res.rows[i].abnormal_num);
diff --git a/src/views/archives/qiyeyuangong.vue b/src/views/archives/qiyeyuangong.vue
index a19d39e..a509fa1 100644
--- a/src/views/archives/qiyeyuangong.vue
+++ b/src/views/archives/qiyeyuangong.vue
@@ -1,399 +1,464 @@
 <template>
-    <div class="mainBox scroll-target">
-        <div class="topZS"></div>
-        <div class="title">
-            企业员工（<span>{{ total }}</span>）
-        </div>
-        <el-form :model="formInline" class="search">
-            <el-form-item label="员工姓名：" class="formItem">
-                <el-input v-model.trim="formInline.staffName" clearable class="formIpt"></el-input>
-            </el-form-item>
-            <el-button type="primary" @click="getList(formInline.staffName ? activeName : '全部')">搜索</el-button>
-        </el-form>
-        <div class="monitorBox">
-            <el-tabs type="border-card" v-model="activeName">
-                <el-tab-pane v-for="(item, index) in wpCount" :key="index" :name="item.type">
-                    <div class="paneInner" slot="label" @click="getList(item.type)">{{ item.type
-                    }}（{{ item.number }}）</div>
-                </el-tab-pane>丨
-            </el-tabs>
-            <el-table :cell-style="{ background: 'revert' }" :data="tableData" class="table"
-                style="width: calc(100% - 40px);  margin:0 20px;" :row-style="tableRowStyle"
-                :header-row-style="tableHeaderColor" :header-cell-style="tableHeaderCellColor">
-                <el-table-column type="index" width="50" label="序号">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip label="照片" width="80">
-                    <template slot-scope="scope">
-                        <img :src="scope.row.picUrl" class="ygzp" alt="" v-if="scope.row.picUrl">
-                        <img src="../../assets/archives/touxiang.png" class="ygzp" alt="" v-else>
-                    </template>
-                </el-table-column>
-                <el-table-column show-overflow-tooltip label="姓名" width="80">
-                    <template slot-scope="scope">
-                        <div class="staffName">{{ scope.row.staffName }}</div>
-                    </template>
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="sexCn" label="性别" width="60">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip label="身份证号" width="180">
-                    <template slot-scope="scope">
-                        <div class="identityId">{{ scope.row.identityId }}</div>
-                    </template>
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="staffTypeCn" label="人员类型" width="90">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip label="家庭住址" prop="homeAddress">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="contactInfo" label="联系方式" width="150">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="staffPosition" label="职位" width="120">
-                </el-table-column>
-            </el-table>
-        </div>
-        <div class="block">
-            <el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
-                @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
-                :page-sizes="[5]" layout="total, sizes, prev, pager, next, jumper" :total="total">
-            </el-pagination>
-        </div>
-        <div class="bottomZS"></div>
+  <div class="mainBox scroll-target">
+    <div class="topZS"></div>
+    <div class="title">
+      企业员工（<span>{{ total }}</span
+      >
     </div>
+    <el-form :model="formInline" class="search">
+      <el-form-item label="员工姓名：" class="formItem">
+        <el-input
+          v-model.trim="formInline.staffName"
+          clearable
+          class="formIpt"
+        ></el-input>
+      </el-form-item>
+      <el-button
+        type="primary"
+        @click="getList(formInline.staffName ? activeName : '全部')"
+        >搜索</el-button
+      >
+    </el-form>
+    <div class="monitorBox">
+      <el-tabs type="border-card" v-model="activeName">
+        <el-tab-pane
+          v-for="(item, index) in wpCount"
+          :key="index"
+          :name="item.type"
+        >
+          <div class="paneInner" slot="label" @click="getList(item.type)">
+            {{ item.type }}({{ item.number }})
+          </div> </el-tab-pane
+        >丨
+      </el-tabs>
+      <el-table
+        :cell-style="{ background: 'revert' }"
+        :data="tableData"
+        class="table"
+        style="width: calc(100% - 40px); margin: 0 20px"
+        :row-style="tableRowStyle"
+        :header-row-style="tableHeaderColor"
+        :header-cell-style="tableHeaderCellColor"
+      >
+        <el-table-column type="index" width="50" label="序号">
+        </el-table-column>
+        <el-table-column show-overflow-tooltip label="照片" width="80">
+          <template slot-scope="scope">
+            <img
+              :src="scope.row.picUrl"
+              class="ygzp"
+              alt=""
+              v-if="scope.row.picUrl"
+            />
+            <img
+              src="../../assets/archives/touxiang.png"
+              class="ygzp"
+              alt=""
+              v-else
+            />
+          </template>
+        </el-table-column>
+        <el-table-column show-overflow-tooltip label="姓名" width="80">
+          <template slot-scope="scope">
+            <div class="staffName">{{ scope.row.staffName }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="sexCn"
+          label="性别"
+          width="60"
+        >
+        </el-table-column>
+        <el-table-column show-overflow-tooltip label="身份证号" width="180">
+          <template slot-scope="scope">
+            <div class="identityId">{{ scope.row.identityId }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="staffTypeCn"
+          label="人员类型"
+          width="90"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          label="家庭住址"
+          prop="homeAddress"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="contactInfo"
+          label="联系方式"
+          width="150"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="staffPosition"
+          label="职位"
+          width="120"
+        >
+        </el-table-column>
+      </el-table>
+    </div>
+    <div class="block">
+      <el-pagination
+        style="float: right; margin: 5px"
+        class="msg-pagination-container"
+        :background="true"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="pageNum"
+        :page-sizes="[5]"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      >
+      </el-pagination>
+    </div>
+    <div class="bottomZS"></div>
+  </div>
 </template>
 <script>
-import { tbSafeCompanyStaff, tbSafeCompanyStaffCount } from '@/api/archives'
+import { tbSafeCompanyStaff, tbSafeCompanyStaffCount } from "@/api/archives";
 export default {
-    props: ['companyID'],
-    data() {
-        return {
-            formInline: {},
-            pageSize: 5,
-            pageNum: 1,
-            total: 0,
-            tableData: [],
-            wpCount: {},
-            goodsType: null,
-            activeName: '全部',
+  props: ["companyID"],
+  data() {
+    return {
+      formInline: {},
+      pageSize: 5,
+      pageNum: 1,
+      total: 0,
+      tableData: [],
+      wpCount: {},
+      goodsType: null,
+      activeName: "全部",
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    getWpTotal() {
+      tbSafeCompanyStaffCount({
+        companyId: this.companyID,
+        ...this.formInline,
+      }).then((res) => {
+        this.wpCount = res.data;
+        this.wpCount.forEach((item) => {
+          if (item.type == "全部") {
+            this.wpCount = this.wpCount.filter((a) => a.type != "全部");
+            this.wpCount.unshift(item);
+          }
+        });
+      });
+    },
+    getList(val) {
+      if (val) {
+        this.activeName = val;
+        if (val == "全部") {
+          this.goodsType = null;
+        } else if (val == "普通员工") {
+          this.goodsType = 1;
+        } else if (val == "重点岗位") {
+          this.goodsType = 2;
+        } else if (val == "专家人员") {
+          this.goodsType = 3;
+        } else if (val == "重点人员") {
+          this.goodsType = 4;
         }
+      }
+      console.log(this.activeName, "this.activeName");
+      tbSafeCompanyStaff({
+        pageSize: this.pageSize,
+        pageNum: this.pageNum,
+        ...this.formInline,
+        companyId: this.companyID,
+        staffType: this.goodsType,
+      }).then((res) => {
+        this.tableData = res.data;
+        this.total = res.total;
+      });
+      this.getWpTotal();
     },
-    created() {
-        this.getList()
-
+    showDia() {
+      this.diaVisible = true;
     },
-    methods: {
-        getWpTotal() {
-            tbSafeCompanyStaffCount({ companyId: this.companyID, ...this.formInline, }).then(res => {
-                this.wpCount = res.data
-                this.wpCount.forEach((item) => {
-                    if (item.type == '全部') {
-                        this.wpCount = this.wpCount.filter(a => a.type != '全部')
-                        this.wpCount.unshift(item)
-                    }
-                });
-
-            })
-        },
-        getList(val) {
-            if (val) {
-                this.activeName = val
-                if (val == '全部') {
-                    this.goodsType = null
-
-                } else if (val == '普通员工') {
-                    this.goodsType = 1
-                } else if (val == '重点岗位') {
-                    this.goodsType = 2
-                } else if (val == '专家人员') {
-                    this.goodsType = 3
-                } else if (val == '重点人员') {
-                    this.goodsType = 4
-                }
-            }
-            console.log(this.activeName, 'this.activeName');
-            tbSafeCompanyStaff({ pageSize: this.pageSize, pageNum: this.pageNum, ...this.formInline, companyId: this.companyID, staffType: this.goodsType }).then(res => {
-                this.tableData = res.data
-                this.total = res.total
-            })
-            this.getWpTotal()
-        },
-        showDia() {
-            this.diaVisible = true
-        },
-        tableRowStyle({ rowIndex }) {
-            if ((rowIndex + 1) % 2 == 1) {
-                return { 'background': 'rgba(0,0,0,0)', 'color': '#fff', 'border': '0' }
-            } else {
-                return { 'background': 'rgba(61, 85, 102, 0.16)', 'border': '0', 'color': '#fff' }
-            }
-        },
-        tableHeaderColor() {
-            return { 'background': 'linear-gradient( rgba(38, 88, 76, 0.6) 100%, rgba(55, 131, 128, 0.6) 100%, rgba(34, 74, 53, 0.46) 46%)' }
-            // return { 'background': 'url("~@/assets/archives/列表9910.png") no-repeat;', 'background-size': '100% 100%;', 'color': '#fff' }
-        },
-        tableHeaderCellColor() {
-            return { 'background': 'rgba(0,0,0,0)', 'border': '0', 'color': '#fff' }
-        },
-        handleSizeChange(val) {
-            this.pageNum = 1;
-            this.pageSize = val;
-            this.getList()
-        },
-        handleCurrentChange(val) {
-            this.pageNum = val;
-            this.getList()
-        },
-
+    tableRowStyle({ rowIndex }) {
+      if ((rowIndex + 1) % 2 == 1) {
+        return { background: "rgba(0,0,0,0)", color: "#fff", border: "0" };
+      } else {
+        return {
+          background: "rgba(61, 85, 102, 0.16)",
+          border: "0",
+          color: "#fff",
+        };
+      }
     },
-}
+    tableHeaderColor() {
+      return {
+        background:
+          "linear-gradient( rgba(38, 88, 76, 0.6) 100%, rgba(55, 131, 128, 0.6) 100%, rgba(34, 74, 53, 0.46) 46%)",
+      };
+      // return { 'background': 'url("~@/assets/archives/列表9910.png") no-repeat;', 'background-size': '100% 100%;', 'color': '#fff' }
+    },
+    tableHeaderCellColor() {
+      return { background: "rgba(0,0,0,0)", border: "0", color: "#fff" };
+    },
+    handleSizeChange(val) {
+      this.pageNum = 1;
+      this.pageSize = val;
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      this.pageNum = val;
+      this.getList();
+    },
+  },
+};
 </script>
 
 <style lang="less" scoped>
 .mainBox {
+  width: 100%;
+  height: 620px;
+  background: url("~@/assets/companyFile/背景22136.png") no-repeat;
+  background-size: 100% 100%;
+  padding: 70px 20px 60px;
+  box-sizing: border-box;
+  display: flex;
+  position: relative;
+  margin-top: 20px;
+
+  .monitorBox {
     width: 100%;
-    height: 620px;
-    background: url('~@/assets/companyFile/背景22136.png') no-repeat;
-    background-size: 100% 100%;
-    padding: 70px 20px 60px;
-    box-sizing: border-box;
-    display: flex;
-    position: relative;
-    margin-top: 20px;
-
-    .monitorBox {
-        width: 100%;
-        height: 100%;
+    height: 100%;
 
+    flex-wrap: wrap;
+  }
 
-        flex-wrap: wrap;
+  /deep/.el-input__inner {
+    // background: url('~@/assets/companyFile/2121.png') no-repeat;
+    background: url("~@/assets/companyFile/矩形备份 18.png") no-repeat;
+    background-size: 100% 100%;
+    border: 1px solid rgba(40, 132, 126, 1);
+    color: rgba(234, 246, 255, 0.7);
+    .el-range-separator {
+      color: #ccc;
     }
 
-    /deep/.el-input__inner {
-        // background: url('~@/assets/companyFile/2121.png') no-repeat;
-        background: url('~@/assets/companyFile/矩形备份 18.png') no-repeat;
-        background-size: 100% 100%;
-        border: 1px solid rgba(40, 132, 126, 1);
-        color: rgba(234, 246, 255, 0.7);
-        ;
-
-        .el-range-separator {
-            color: #ccc;
-        }
-
-        .el-range-input {
-            background: rgba(0, 0, 0, 0);
-            color: #ccc;
-        }
+    .el-range-input {
+      background: rgba(0, 0, 0, 0);
+      color: #ccc;
     }
+  }
+
+  /deep/.el-tabs--border-card {
+    background: rgba(0, 0, 0, 0);
+    border: 0;
+    height: 50px;
+    width: calc(100% - 40px);
+    margin: 0 20px;
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
+
+    .el-tabs__header {
+      display: inline-block;
+      width: auto;
+      background: linear-gradient(
+        180deg,
+        rgba(234, 241, 248, 0.1) 0%,
+        rgba(208, 222, 238, 0.1) 100%
+      );
+      opacity: 0.7;
+      border: 1px solid #5b748c;
+
+      .el-tabs__nav {
+        display: inline-block;
+        width: auto;
+        display: flex;
+      }
 
-    /deep/.el-tabs--border-card {
-        background: rgba(0, 0, 0, 0);
+      .el-tabs__item {
+        width: 130px;
         border: 0;
-        height: 50px;
-        width: calc(100% - 40px);
-        margin: 0 20px;
-        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04);
-
-        .el-tabs__header {
-            display: inline-block;
-            width: auto;
-            background: linear-gradient(180deg, rgba(234, 241, 248, 0.1) 0%, rgba(208, 222, 238, 0.1) 100%);
-            opacity: 0.7;
-            border: 1px solid #5B748C;
-
-            .el-tabs__nav {
-                display: inline-block;
-                width: auto;
-                display: flex;
-
-            }
-
-            .el-tabs__item {
-                width: 130px;
-                border: 0;
-                color: #EAF6FF;
-                padding: 5px;
-                box-sizing: border-box;
-                display: flex;
-                align-items: center;
-
-                .paneInner {
-                    width: 120px;
-                    height: 100%;
-
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-
-                }
-
-
-
-
-            }
-
-            .el-tabs__item:not(:last-child)::after {
-                content: '';
-                width: 1px;
-                height: 20px;
-                background: #EAF6FF;
-                display: inline-block;
-                vertical-align: middle;
-                margin-left: 5px;
-            }
-
-            .el-tabs__item.is-active {
-                background: rgba(0, 0, 0, 0);
-
-                border: 0;
-                color: #4BFFAD;
-                padding: 5px;
-                box-sizing: border-box;
-
-                .paneInner {
-                    background: rgba(129, 255, 204, 0.26);
-                }
-            }
-        }
-    }
+        color: #eaf6ff;
+        padding: 5px;
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
 
-    /deep/.el-table {
-        background: rgba(0, 0, 0, 0);
+        .paneInner {
+          width: 120px;
+          height: 100%;
 
-        td.el-table__cell {
-            border: 0;
-            box-sizing: border-box;
-            padding: 5px 0;
+          display: flex;
+          justify-content: center;
+          align-items: center;
         }
+      }
+
+      .el-tabs__item:not(:last-child)::after {
+        content: "";
+        width: 1px;
+        height: 20px;
+        background: #eaf6ff;
+        display: inline-block;
+        vertical-align: middle;
+        margin-left: 5px;
+      }
+
+      .el-tabs__item.is-active {
+        background: rgba(0, 0, 0, 0);
 
-        .ygzp {
-            width: 40px;
-            height: 60px;
-            margin-top: 5px;
-        }
+        border: 0;
+        color: #4bffad;
+        padding: 5px;
+        box-sizing: border-box;
 
-        .identityId {
-            color: #30C4FF;
-            letter-spacing: 1px;
-            cursor: pointer;
+        .paneInner {
+          background: rgba(129, 255, 204, 0.26);
         }
+      }
+    }
+  }
 
-        .xiangqing {
-            background: rgba(0, 0, 0, 0);
-            border: 0;
-            color: rgba(48, 196, 255, 0.7);
-            cursor: pointer;
-        }
+  /deep/.el-table {
+    background: rgba(0, 0, 0, 0);
 
-        .alarmType {
-            width: 72px;
-            height: 32px;
-            font-size: 14px;
-            color: rgba(255, 255, 255, 0.9);
-            letter-spacing: 1px;
-            font-weight: 400;
-
-            .red {
-                width: 100%;
-                height: 100%;
-                background: rgba(152, 7, 7, 0.21);
-                border: 1px solid rgba(214, 38, 38, 1);
-                display: flex;
-                justify-content: center;
-                align-items: center;
-            }
-
-            .yellow {
-                width: 100%;
-                height: 100%;
-                background: rgba(152, 95, 7, 0.21);
-                border: 1px solid rgba(255, 169, 38, 1);
-                display: flex;
-                justify-content: center;
-                align-items: center;
-            }
-        }
+    td.el-table__cell {
+      border: 0;
+      box-sizing: border-box;
+      padding: 5px 0;
     }
 
-    .title {
-        position: absolute;
-        top: 14px;
-        left: 20px;
-        width: 162px;
-        height: 36px;
-        line-height: 36;
-
-        font-size: 16px;
-        color: #EBFFF4;
-        letter-spacing: 2px;
-        line-height: 36px;
-        text-shadow: 0 0 9px rgba(21, 255, 195, 0.60);
-        font-weight: 400;
+    .ygzp {
+      width: 40px;
+      height: 60px;
+      margin-top: 5px;
+    }
 
-        span {
-            color: #FF9191;
-        }
+    .identityId {
+      color: #30c4ff;
+      letter-spacing: 1px;
+      cursor: pointer;
     }
 
-    .picForm {
-        /deep/ .el-dialog {
-            background-color: rgba(0, 0, 0, 0);
-            background: url('~@/assets/companyFile/背景091.png') no-repeat;
-            background-size: 100% 100%;
-            width: 1041px;
-            height: 420px;
-            position: relative;
-
-            .el-dialog__title {
-                font-size: 16px;
-                color: #EBFFF4;
-                letter-spacing: 2px;
-
-                text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
-                font-weight: 400;
-            }
-
-            .el-dialog__body {
-                box-sizing: border-box;
-                height: 360px;
-
-                .scopeQuantity {
-                    letter-spacing: 2px;
-                }
-
-            }
-        }
+    .xiangqing {
+      background: rgba(0, 0, 0, 0);
+      border: 0;
+      color: rgba(48, 196, 255, 0.7);
+      cursor: pointer;
     }
 
-    /deep/.el-form-item {
+    .alarmType {
+      width: 72px;
+      height: 32px;
+      font-size: 14px;
+      color: rgba(255, 255, 255, 0.9);
+      letter-spacing: 1px;
+      font-weight: 400;
+
+      .red {
+        width: 100%;
+        height: 100%;
+        background: rgba(152, 7, 7, 0.21);
+        border: 1px solid rgba(214, 38, 38, 1);
         display: flex;
-        margin-left: 20px;
+        justify-content: center;
+        align-items: center;
+      }
 
-        .el-form-item__label {
-            color: #EAF6FF;
-            letter-spacing: 1px;
-            text-align: center;
-            font-weight: 400;
+      .yellow {
+        width: 100%;
+        height: 100%;
+        background: rgba(152, 95, 7, 0.21);
+        border: 1px solid rgba(255, 169, 38, 1);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    }
+  }
+
+  .title {
+    position: absolute;
+    top: 14px;
+    left: 20px;
+    width: 162px;
+    height: 36px;
+    line-height: 36;
+
+    font-size: 16px;
+    color: #ebfff4;
+    letter-spacing: 2px;
+    line-height: 36px;
+    text-shadow: 0 0 9px rgba(21, 255, 195, 0.6);
+    font-weight: 400;
+
+    span {
+      color: #ff9191;
+    }
+  }
+
+  .picForm {
+    /deep/ .el-dialog {
+      background-color: rgba(0, 0, 0, 0);
+      background: url("~@/assets/companyFile/背景091.png") no-repeat;
+      background-size: 100% 100%;
+      width: 1041px;
+      height: 420px;
+      position: relative;
+
+      .el-dialog__title {
+        font-size: 16px;
+        color: #ebfff4;
+        letter-spacing: 2px;
+
+        text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
+        font-weight: 400;
+      }
 
+      .el-dialog__body {
+        box-sizing: border-box;
+        height: 360px;
 
+        .scopeQuantity {
+          letter-spacing: 2px;
         }
-
+      }
     }
+  }
 
-    /deep/.el-button--primary {
-        margin-top: 5px;
-        margin-left: 20px;
-        width: 60px;
-        height: 30px;
-        line-height: 30px;
-        padding: 0;
-        text-align: center;
-        background: rgba(0, 0, 0, 0);
-        border: 0;
-        background: url('~@/assets/companyFile/2121.png') no-repeat;
-        background-size: 100% 100%;
-        font-size: 14px;
-        color: #F8FBFF;
-        letter-spacing: 0.89px;
-        font-weight: 500;
+  /deep/.el-form-item {
+    display: flex;
+    margin-left: 20px;
+
+    .el-form-item__label {
+      color: #eaf6ff;
+      letter-spacing: 1px;
+      text-align: center;
+      font-weight: 400;
     }
+  }
+
+  /deep/.el-button--primary {
+    margin-top: 5px;
+    margin-left: 20px;
+    width: 60px;
+    height: 30px;
+    line-height: 30px;
+    padding: 0;
+    text-align: center;
+    background: rgba(0, 0, 0, 0);
+    border: 0;
+    background: url("~@/assets/companyFile/2121.png") no-repeat;
+    background-size: 100% 100%;
+    font-size: 14px;
+    color: #f8fbff;
+    letter-spacing: 0.89px;
+    font-weight: 500;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/head.vue b/src/views/head.vue
index 730a9d9..2d91bde 100644
--- a/src/views/head.vue
+++ b/src/views/head.vue
@@ -17,6 +17,10 @@
           >综合指数</el-menu-item
         >
         <div class="shu"></div>
+        <el-menu-item index="6" route="/home/applySupermarket"
+          >安商惠企</el-menu-item
+        >
+        <div class="shu"></div>
         <el-menu-item index="2" route="/home/realtimeWarning"
           >实时预警</el-menu-item
         >
@@ -33,10 +37,6 @@
           >企业档案</el-menu-item
         >
         <div class="shu"></div>
-        <el-menu-item index="6" route="/home/applySupermarket"
-          >应用超市</el-menu-item
-        >
-        <div class="shu"></div>
         <el-menu-item index="7" route="/home/systemManagement/safeIndex"
           >系统管理</el-menu-item
         >
diff --git a/src/views/safetyIndex/cheliang.vue b/src/views/safetyIndex/cheliang.vue
index f0e15c1..f08c02f 100644
--- a/src/views/safetyIndex/cheliang.vue
+++ b/src/views/safetyIndex/cheliang.vue
@@ -1,497 +1,606 @@
 <template>
-    <div class="qycl">
-        <div class="title"><img src="../../assets/safetyIndex/装饰009991.png" alt="">企业车辆</div>
-        <div class="qyclBody">
-            <div class="today">
-                <div class="todayChild" @click="showpicVisible(1)">
-                    <div class="iconBox"><img src="../../assets/safetyIndex/今日进园区.png" alt=""></div>
-                    <div class="iconmsg">
-                        <div class="msgText">今日进园区</div>
-                        <div class="msgNum"><span>{{ intotal }}</span>&nbsp;辆</div>
-                    </div>
-                </div>
-                <div class="todayChild" @click="showpicVisible(2)">
-                    <div class="iconBox"><img src="../../assets/safetyIndex/今日出园区.png" alt=""></div>
-                    <div class="iconmsg">
-                        <div class="msgText">今日出园区</div>
-                        <div class="msgNum"><span>{{ outtotal }}</span>&nbsp;辆</div>
-                    </div>
-                </div>
+  <div class="qycl">
+    <div class="title">
+      <img src="../../assets/safetyIndex/装饰009991.png" alt="" />企业车辆
+    </div>
+    <div class="qyclBody">
+      <div class="today">
+        <div class="todayChild" @click="showpicVisible(1)">
+          <div class="iconBox">
+            <img src="../../assets/safetyIndex/今日进园区.png" alt="" />
+          </div>
+          <div class="iconmsg">
+            <div class="msgText">今日进园区</div>
+            <div class="msgNum">
+              <span>{{ intotal }}</span
+              >&nbsp;辆
+            </div>
+          </div>
+        </div>
+        <div class="todayChild" @click="showpicVisible(2)">
+          <div class="iconBox">
+            <img src="../../assets/safetyIndex/今日出园区.png" alt="" />
+          </div>
+          <div class="iconmsg">
+            <div class="msgText">今日出园区</div>
+            <div class="msgNum">
+              <span>{{ outtotal }}</span
+              >&nbsp;辆
             </div>
-            <div class="today">
-                <div class="todayChild" @click="showfangkeVisible(1)" style="cursor: pointer;">
-                    <div class="iconBox"><img src="../../assets/safetyIndex/物流.png" alt=""></div>
-                    <div class="iconmsg">
-                        <div class="msgText">自有</div>
-                        <div class="msgNum"><span>{{ ziyouTotal }}</span>&nbsp;辆</div>
-                    </div>
-                </div>
-                <div class="todayChild" @click="showfangkeVisible(2)" style="cursor: pointer;">
-                    <div class="iconBox"><img src="../../assets/safetyIndex/消防.png" alt=""></div>
-                    <div class="iconmsg">
-                        <div class="msgText">租赁</div>
-                        <div class="msgNum"><span>{{ zulintotal }}</span>&nbsp;辆</div>
-                    </div>
-                </div>
+          </div>
+        </div>
+      </div>
+      <div class="today">
+        <div
+          class="todayChild"
+          @click="showfangkeVisible(1)"
+          style="cursor: pointer"
+        >
+          <div class="iconBox">
+            <img src="../../assets/safetyIndex/物流.png" alt="" />
+          </div>
+          <div class="iconmsg">
+            <div class="msgText">自有</div>
+            <div class="msgNum">
+              <span>{{ ziyouTotal }}</span
+              >&nbsp;辆
+            </div>
+          </div>
+        </div>
+        <div
+          class="todayChild"
+          @click="showfangkeVisible(2)"
+          style="cursor: pointer"
+        >
+          <div class="iconBox">
+            <img src="../../assets/safetyIndex/消防.png" alt="" />
+          </div>
+          <div class="iconmsg">
+            <div class="msgText">租赁</div>
+            <div class="msgNum">
+              <span>{{ zulintotal }}</span
+              >&nbsp;辆
             </div>
+          </div>
         </div>
-        <el-dialog title="企业车辆详情" :visible.sync="fangkeVisible" class="fangkeForm">
-            <el-table :cell-style="{ background: 'revert' }" :data="fangkeList" class="table"
-                style="width: calc(100% - 40px);  margin:0 20px;" :row-style="tableRowStyle"
-                :header-row-style="tableHeaderColor" :header-cell-style="tableHeaderCellColor">
-                <el-table-column type="index" width="50" label="序号">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip label="车牌号" width="100">
-                    <template slot-scope="scope">
-                        <div class="chepai">
-                            {{ scope.row.plateNo }}
-                        </div>
-                    </template>
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="vehicleType" label="车型" width="120">
-                </el-table-column>
-                <!-- <el-table-column show-overflow-tooltip prop="useTypeCn" label="使用方式" width="80">
+      </div>
+    </div>
+    <el-dialog
+      title="企业车辆详情"
+      :visible.sync="fangkeVisible"
+      class="fangkeForm"
+    >
+      <el-table
+        :cell-style="{ background: 'revert' }"
+        :data="fangkeList"
+        class="table"
+        style="width: calc(100% - 40px); margin: 0 20px"
+        :row-style="tableRowStyle"
+        :header-row-style="tableHeaderColor"
+        :header-cell-style="tableHeaderCellColor"
+      >
+        <el-table-column type="index" width="50" label="序号">
+        </el-table-column>
+        <el-table-column show-overflow-tooltip label="车牌号" width="100">
+          <template slot-scope="scope">
+            <div class="chepai">
+              {{ scope.row.plateNo }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="vehicleType"
+          label="车型"
+          width="120"
+        >
+        </el-table-column>
+        <!-- <el-table-column show-overflow-tooltip prop="useTypeCn" label="使用方式" width="80">
                 </el-table-column> -->
-                <el-table-column show-overflow-tooltip prop="companyName" label="归属单位">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="vinNo" label="车架号" width="180">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="nuclearLoad" label="核载" width="80">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="deadWeight" label="自重" width="80">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="plateColor" label="车牌颜色" width="80">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="transportLicense" label="运输许可证" width="120">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="registerTime" label="登记时间">
-                </el-table-column>
-            </el-table>
-            <div class="block">
-                <el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
-                    @size-change="fangkeSizeChange" @current-change="fangkeCurrentChange" :current-page="fangkepageNum"
-                    :page-sizes="[10]" layout="total, sizes, prev, pager, next, jumper" :total="fangketotal">
-                </el-pagination>
+        <el-table-column
+          show-overflow-tooltip
+          prop="companyName"
+          label="归属单位"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="vinNo"
+          label="车架号"
+          width="180"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="nuclearLoad"
+          label="核载"
+          width="80"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="deadWeight"
+          label="自重"
+          width="80"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="plateColor"
+          label="车牌颜色"
+          width="80"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="transportLicense"
+          label="运输许可证"
+          width="120"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="registerTime"
+          label="登记时间"
+        >
+        </el-table-column>
+      </el-table>
+      <div class="block">
+        <el-pagination
+          style="float: right; margin: 5px"
+          class="msg-pagination-container"
+          :background="true"
+          @size-change="fangkeSizeChange"
+          @current-change="fangkeCurrentChange"
+          :current-page="fangkepageNum"
+          :page-sizes="[10]"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="fangketotal"
+        >
+        </el-pagination>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="园区车辆进出详情"
+      :visible.sync="diaVisible"
+      class="picForm"
+    >
+      <div class="imgList">
+        <div class="imgListItem" v-for="item in disList" :key="item.id">
+          <div class="detailImg">
+            <img :src="item.globalPic ? item.globalPic : item.globalUrlPic" />
+          </div>
+          <div class="ListItem">
+            <div class="detailText">
+              车牌号码&nbsp;&nbsp;<span>{{ item.plateNo }}</span>
             </div>
-        </el-dialog>
-        <el-dialog title="园区车辆进出详情" :visible.sync="diaVisible" class="picForm">
-
-            <div class="imgList">
-                <div class="imgListItem" v-for="item in disList" :key="item.id">
-                    <div class="detailImg">
-                        <img :src="item.globalPic ? item.globalPic : item.globalUrlPic">
-                    </div>
-                    <div class="ListItem">
-                        <div class="detailText">
-                            车牌号码&nbsp;&nbsp;<span>{{ item.plateNo }}</span>
-                        </div>
-                        <div class="detailText">
-                            过车时间&nbsp;&nbsp;<span>{{ item.partitionField }}</span>
-                        </div>
-                        <div class="detailText">
-                            经过位置&nbsp;&nbsp;<span>{{ item.doorwayName }}</span>
-                        </div>
-                        <div class="detailText">
-                            进出方向&nbsp;&nbsp;<span>{{ item.directionCn }}</span>
-                        </div>
-                    </div>
-                </div>
-
-
+            <div class="detailText">
+              时间&nbsp;&nbsp;<span>{{ item.partitionField }}</span>
             </div>
-            <div class="block">
-                <el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
-                    @size-change="diaSizeChange" @current-change="diaCurrentChange" :current-page="fangkepageNum"
-                    :page-sizes="[10]" layout="total, sizes, prev, pager, next, jumper" :total="diatotal">
-                </el-pagination>
+            <div class="detailText">
+              经过位置&nbsp;&nbsp;<span :title="title">{{
+                item.doorwayName
+              }}</span>
             </div>
-        </el-dialog>
-    </div>
+            <div class="detailText">
+              进出方向&nbsp;&nbsp;<span>{{ item.directionCn }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="block">
+        <el-pagination
+          style="float: right; margin: 5px"
+          class="msg-pagination-container"
+          :background="true"
+          @size-change="diaSizeChange"
+          @current-change="diaCurrentChange"
+          :current-page="fangkepageNum"
+          :page-sizes="[10]"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="diatotal"
+        >
+        </el-pagination>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-import { vehicleUserType, vehicleIn, vehicleDetail } from '@/api/safetyIndex'
+import { vehicleUserType, vehicleIn, vehicleDetail } from "@/api/safetyIndex";
 export default {
-    data() {
+  data() {
+    return {
+      staffStatisticsList: [],
+      staffDetailList: [],
+      listTotal: {},
+      fangkeVisible: false,
+      diaVisible: false,
+      fangkepageSize: 10,
+      fangkepageNum: 1,
+      fangketotal: 0,
+      fangkeList: [],
+      intotal: 0,
+      outtotal: 0,
+      ziyouTotal: 0,
+      zulintotal: 0,
+      useType: 0,
+      inList: [],
+      diapageSize: 10,
+      diapageNum: 1,
+      diatotal: 0,
+      outList: [],
+      diaIndex: 1,
+      disList: [],
+      title: "", // 文字过多鼠标悬浮展示
+    };
+  },
+  created() {
+    this.getUserType();
+    vehicleIn({
+      direction: 1,
+      pageSize: this.diapageNum,
+      pageNum: this.diapageNum,
+    }).then((res) => {
+      this.inList = res.data;
+      this.intotal = res.total;
+    });
+    vehicleIn({
+      direction: 2,
+      pageSize: this.diapageNum,
+      pageNum: this.diapageNum,
+    }).then((res) => {
+      this.outList = res.data;
+      this.outtotal = res.total;
+    });
+  },
+  methods: {
+    tableRowStyle({ rowIndex }) {
+      if ((rowIndex + 1) % 2 == 1) {
+        return { background: "rgba(0,0,0,0)", color: "#fff", border: "0" };
+      } else {
         return {
-            staffStatisticsList: [],
-            staffDetailList: [],
-            listTotal: {},
-            fangkeVisible: false,
-            diaVisible: false,
-            fangkepageSize: 10,
-            fangkepageNum: 1,
-            fangketotal: 0,
-            fangkeList: [],
-            intotal: 0,
-            outtotal: 0,
-            ziyouTotal: 0,
-            zulintotal: 0,
-            useType: 0,
-            inList: [],
-            diapageSize: 10,
-            diapageNum: 1,
-            diatotal: 0,
-            outList: [],
-            diaIndex: 1,
-            disList: [],
-
-        }
+          background: "rgba(61, 85, 102, 0.16)",
+          border: "0",
+          color: "#fff",
+        };
+      }
     },
-    created() {
-        this.getUserType()
-        vehicleIn({ direction: 1, pageSize: this.diapageNum, pageNum: this.diapageNum }).then(res => {
-            this.inList = res.data
-            this.intotal = res.total
-        })
-        vehicleIn({ direction: 2, pageSize: this.diapageNum, pageNum: this.diapageNum }).then(res => {
-            this.outList = res.data
-            this.outtotal = res.total
-        })
+    tableHeaderColor() {
+      return {
+        background:
+          "linear-gradient( rgba(38, 88, 76, 0.6) 100%, rgba(55, 131, 128, 0.6) 100%, rgba(34, 74, 53, 0.46) 46%)",
+      };
+      // return { 'background': 'url("~@/assets/archives/列表9910.png") no-repeat;', 'background-size': '100% 100%;', 'color': '#fff' }
     },
-    methods: {
-        tableRowStyle({ rowIndex }) {
-            if ((rowIndex + 1) % 2 == 1) {
-                return { 'background': 'rgba(0,0,0,0)', 'color': '#fff', 'border': '0' }
-            } else {
-                return { 'background': 'rgba(61, 85, 102, 0.16)', 'border': '0', 'color': '#fff' }
-            }
-        },
-        tableHeaderColor() {
-            return { 'background': 'linear-gradient( rgba(38, 88, 76, 0.6) 100%, rgba(55, 131, 128, 0.6) 100%, rgba(34, 74, 53, 0.46) 46%)' }
-            // return { 'background': 'url("~@/assets/archives/列表9910.png") no-repeat;', 'background-size': '100% 100%;', 'color': '#fff' }
-        },
-        tableHeaderCellColor() {
-            return { 'background': 'rgba(0,0,0,0)', 'border': '0', 'color': '#fff' }
-        },
-        fangkeSizeChange(val) {
-            this.fangkepageNum = 1;
-            this.fangkepageSize = val;
-            this.showfangkeVisible(this.useType)
-        },
-        fangkeCurrentChange(val) {
-            this.fangkepageNum = val;
-            this.showfangkeVisible(this.useType)
-        },
-        showpicVisible(index) {
-            this.diaIndex = index
-            vehicleIn({ direction: this.diaIndex, pageSize: this.diapageSize, pageNum: this.diapageNum }).then(res => {
-                this.disList = res.data
-                this.diatotal = res.total
-                this.diaVisible = true
-            })
-        },
-        diaSizeChange(val) {
-            this.diapageNum = 1;
-            this.diapageSize = val;
-            this.showpicVisible(this.diaIndex)
-        },
-        diaCurrentChange(val) {
-            this.diapageNum = val;
-            this.showpicVisible(this.diaIndex)
-        },
-        getUserType() {
-            vehicleUserType({ useType: 1 }).then(res => {
-                this.ziyouTotal = res.data
-            })
-            vehicleUserType({ useType: 2 }).then(res => {
-                this.zulintotal = res.data
-            })
-        },
-        showfangkeVisible(val) {
-            this.useType = val
-            vehicleDetail({ pageSize: this.fangkepageSize, pageNum: this.fangkepageNum, useType: this.useType }).then(res => {
-                this.fangkeList = res.data
-                this.fangketotal = res.total
-                this.fangkeVisible = true
-            })
-
-        }
+    tableHeaderCellColor() {
+      return { background: "rgba(0,0,0,0)", border: "0", color: "#fff" };
     },
-}
+    fangkeSizeChange(val) {
+      this.fangkepageNum = 1;
+      this.fangkepageSize = val;
+      this.showfangkeVisible(this.useType);
+    },
+    fangkeCurrentChange(val) {
+      this.fangkepageNum = val;
+      this.showfangkeVisible(this.useType);
+    },
+    showpicVisible(index) {
+      this.diaIndex = index;
+      vehicleIn({
+        direction: this.diaIndex,
+        pageSize: this.diapageSize,
+        pageNum: this.diapageNum,
+      }).then((res) => {
+        this.disList = res.data;
+        this.diatotal = res.total;
+        this.diaVisible = true;
+      });
+    },
+    diaSizeChange(val) {
+      this.diapageNum = 1;
+      this.diapageSize = val;
+      this.showpicVisible(this.diaIndex);
+    },
+    diaCurrentChange(val) {
+      this.diapageNum = val;
+      this.showpicVisible(this.diaIndex);
+    },
+    getUserType() {
+      vehicleUserType({ useType: 1 }).then((res) => {
+        this.ziyouTotal = res.data;
+      });
+      vehicleUserType({ useType: 2 }).then((res) => {
+        this.zulintotal = res.data;
+      });
+    },
+    showfangkeVisible(val) {
+      this.useType = val;
+      vehicleDetail({
+        pageSize: this.fangkepageSize,
+        pageNum: this.fangkepageNum,
+        useType: this.useType,
+      }).then((res) => {
+        this.fangkeList = res.data;
+        this.fangketotal = res.total;
+        this.fangkeVisible = true;
+      });
+    },
+  },
+};
 </script>
 
 <style lang="less" scoped>
 .qycl {
-    height: 23%;
+  height: 23%;
+  width: 100%;
+  margin-bottom: 20px;
+  background: url("~@/assets/safetyIndex/主屏板块1.png") no-repeat;
+  background-size: 100% 100%;
+
+  .title {
     width: 100%;
-    margin-bottom: 20px;
-    background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
+    height: 33px;
+    background: url("~@/assets/safetyIndex/标题样式.png") no-repeat;
     background-size: 100% 100%;
+    font-size: 16px;
+    color: #d9e7ff;
+    letter-spacing: 1px;
+    text-align: center;
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+
+    img {
+      width: 16px;
+      height: 16px;
+      margin: 0 12px;
+    }
+  }
 
-
-
-    .title {
-        width: 100%;
-        height: 33px;
-        background: url('~@/assets/safetyIndex/标题样式.png') no-repeat;
-        background-size: 100% 100%;
-        font-size: 16px;
-        color: #D9E7FF;
-        letter-spacing: 1px;
-        text-align: center;
-        font-weight: 500;
+  .qyclBody {
+    width: 100%;
+    height: calc(100% - 33px);
+    padding: 0 20px;
+    box-sizing: border-box;
+
+    .today {
+      width: 100%;
+      height: 50%;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 5px 0;
+      box-sizing: border-box;
+
+      .todayChild {
+        width: 48%;
+        height: 100%;
         display: flex;
+
         align-items: center;
+        box-sizing: border-box;
+        cursor: pointer;
 
-        img {
-            width: 16px;
-            height: 16px;
-            margin: 0 12px;
+        .iconBox {
+          width: 48px;
+          height: 48px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          background: url("~@/assets/safetyIndex/编组 16.png") no-repeat;
+          background-size: 100% 100%;
+          margin-left: 20px;
+
+          img {
+            width: 18px;
+            height: 18px;
+          }
         }
-    }
 
-    .qyclBody {
-        width: 100%;
-        height: calc(100% - 33px);
-        padding: 0 20px;
-        box-sizing: border-box;
+        .iconmsg {
+          margin-left: 10px;
+          width: 108px;
+          height: 58px;
 
-        .today {
+          .msgText {
+            height: 50%;
             width: 100%;
+            font-size: 14px;
+            color: #d0deee;
+            letter-spacing: 1px;
+            vertical-align: middle;
+            font-weight: 400;
+            line-height: 29px;
+          }
+
+          .msgNum {
             height: 50%;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 5px 0;
+            width: 100%;
+            background: url("~@/assets/safetyIndex/矩形21.png") no-repeat;
+            background-size: 100% 100%;
+            font-size: 12px;
+            color: rgba(255, 255, 255, 0.5);
+            letter-spacing: 1.25px;
+            line-height: 18px;
+            font-weight: 600;
+            vertical-align: middle;
+            line-height: 29px;
+            padding-left: 10px;
             box-sizing: border-box;
 
-            .todayChild {
-                width: 48%;
-                height: 100%;
-                display: flex;
-
-                align-items: center;
-                box-sizing: border-box;
-                cursor: pointer;
-
-                .iconBox {
-                    width: 48px;
-                    height: 48px;
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    background: url('~@/assets/safetyIndex/编组 16.png') no-repeat;
-                    background-size: 100% 100%;
-                    margin-left: 20px;
-
-                    img {
-                        width: 18px;
-                        height: 18px;
-                    }
-                }
-
-                .iconmsg {
-                    margin-left: 10px;
-                    width: 108px;
-                    height: 58px;
-
-
-                    .msgText {
-                        height: 50%;
-                        width: 100%;
-                        font-size: 14px;
-                        color: #D0DEEE;
-                        letter-spacing: 1px;
-                        vertical-align: middle;
-                        font-weight: 400;
-                        line-height: 29px;
-                    }
-
-                    .msgNum {
-                        height: 50%;
-                        width: 100%;
-                        background: url('~@/assets/safetyIndex/矩形21.png') no-repeat;
-                        background-size: 100% 100%;
-                        font-size: 12px;
-                        color: rgba(255, 255, 255, 0.5);
-                        letter-spacing: 1.25px;
-                        line-height: 18px;
-                        font-weight: 600;
-                        vertical-align: middle;
-                        line-height: 29px;
-                        padding-left: 10px;
-                        box-sizing: border-box;
-
-                        span {
-                            font-size: 20px;
-                            color: #FFFFFF;
-                            letter-spacing: 2.08px;
-                            line-height: 21px;
-                            font-weight: 700;
-                            vertical-align: middle;
-                            line-height: 29px;
-                        }
-                    }
-                }
+            span {
+              font-size: 20px;
+              color: #ffffff;
+              letter-spacing: 2.08px;
+              line-height: 21px;
+              font-weight: 700;
+              vertical-align: middle;
+              line-height: 29px;
             }
+          }
         }
-
-        .today:first-child {
-            border-bottom: 1px solid rgba(114, 155, 137, 0.48);
-        }
+      }
     }
 
-
-
+    .today:first-child {
+      border-bottom: 1px solid rgba(114, 155, 137, 0.48);
+    }
+  }
 }
 
-
 .fangkeForm {
-    /deep/ .el-dialog {
-        background-color: rgba(0, 0, 0, 0);
-        background: url('~@/assets/head/编组 3021112.png') no-repeat;
-        background-size: 100% 100%;
-        width: 1241px;
-        height: 700px;
-        position: relative;
-
-        .el-dialog__title {
-            font-size: 16px;
-            color: #EBFFF4;
-            letter-spacing: 2px;
-            text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
-            font-weight: 400;
-        }
-
-        .el-dialog__body {
-            box-sizing: border-box;
-            height: 360px;
+  /deep/ .el-dialog {
+    background-color: rgba(0, 0, 0, 0);
+    background: url("~@/assets/head/编组 3021112.png") no-repeat;
+    background-size: 100% 100%;
+    width: 1241px;
+    height: 700px;
+    position: relative;
+
+    .el-dialog__title {
+      font-size: 16px;
+      color: #ebfff4;
+      letter-spacing: 2px;
+      text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
+      font-weight: 400;
+    }
 
-            .scopeQuantity {
-                letter-spacing: 2px;
-            }
+    .el-dialog__body {
+      box-sizing: border-box;
+      height: 360px;
 
-        }
+      .scopeQuantity {
+        letter-spacing: 2px;
+      }
     }
+  }
 }
 
 .picForm {
-    /deep/ .el-dialog {
-        background-color: rgba(0, 0, 0, 0);
-        background: url('~@/assets/safetyIndex/弹窗009.png') no-repeat;
-        background-size: 100% 100%;
-        width: 1241px;
-        height: 850px;
-        position: relative;
-        margin-top: 3vh !important;
-
-        .el-dialog__title {
-            font-size: 16px;
-            color: #EBFFF4;
-            letter-spacing: 2px;
-            text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
-            font-weight: 400;
-        }
+  /deep/ .el-dialog {
+    background-color: rgba(0, 0, 0, 0);
+    background: url("~@/assets/safetyIndex/弹窗009.png") no-repeat;
+    background-size: 100% 100%;
+    width: 1241px;
+    height: 850px;
+    position: relative;
+    margin-top: 3vh !important;
+
+    .el-dialog__title {
+      font-size: 16px;
+      color: #ebfff4;
+      letter-spacing: 2px;
+      text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
+      font-weight: 400;
+    }
 
-        .el-dialog__body {
-            box-sizing: border-box;
-            height: 770px;
-
-            .imgList {
-                width: 100%;
-                height: 100%;
-                display: flex;
-                justify-content: space-evenly;
-                flex-wrap: wrap;
-
-                .imgListItem {
-                    height: calc(50% - 8px);
-                    width: calc(20% - 10px);
-                    background: url('~@/assets/safetyIndex/背景001.png') no-repeat;
-                    background-size: 100% 100%;
-                    padding: 10px;
-                    position: relative;
-
-                    .detailImg {
-                        margin: 0 auto;
-                        width: 96%;
-                        height: calc(100% - 150px);
-
-
-                        img {
-                            width: 100%;
-                            height: 100%;
-                            ;
-                        }
-                    }
-
-                    .ListItem {
-                        margin-top: 10px;
-                        background: url('~@/assets/safetyIndex/背景001.png') no-repeat;
-                        background-size: 100% 100%;
-                    }
-
-                    .detailText {
-                        margin: 15px 0;
-                        margin-left: 10px;
-                        height: 20px;
-                        font-family: PingFangSC-Regular;
-                        font-size: 12px;
-                        color: rgba(255, 255, 255, 0.7);
-                        letter-spacing: 1.52px;
-
-                        span {
-                            color: #fff;
-                            font-size: 12px;
-                        }
-                    }
-                }
-            }
+    .el-dialog__body {
+      box-sizing: border-box;
+      height: 770px;
 
-            .scopeQuantity {
-                letter-spacing: 2px;
+      .imgList {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        justify-content: space-evenly;
+        flex-wrap: wrap;
+
+        .imgListItem {
+          height: calc(50% - 8px);
+          width: calc(20% - 10px);
+          background: url("~@/assets/safetyIndex/背景001.png") no-repeat;
+          background-size: 100% 100%;
+          padding: 10px;
+          position: relative;
+
+          .detailImg {
+            margin: 0 auto;
+            width: 96%;
+            height: calc(100% - 150px);
+
+            img {
+              width: 100%;
+              height: 100%;
             }
-
+          }
+
+          .ListItem {
+            margin-top: 10px;
+            background: url("~@/assets/safetyIndex/背景001.png") no-repeat;
+            background-size: 100% 100%;
+          }
+
+          .detailText {
+            margin: 15px 0;
+            margin-left: 10px;
+            height: 20px;
+            font-family: PingFangSC-Regular;
+            font-size: 12px;
+            color: rgba(255, 255, 255, 0.7);
+            letter-spacing: 1.52px;
+
+            span {
+              text-overflow: ellipsis;
+              white-space: nowrap;
+              overflow: hidden;
+              color: #fff;
+              font-size: 12px;
+            }
+          }
         }
+      }
+
+      .scopeQuantity {
+        letter-spacing: 2px;
+      }
     }
+  }
 }
 
 /deep/.el-table {
-    background: rgba(0, 0, 0, 0);
+  background: rgba(0, 0, 0, 0);
 
-    td.el-table__cell {
-        border: 0;
-    }
+  td.el-table__cell {
+    border: 0;
+  }
 
-    .xiangqing {
-        background: rgba(0, 0, 0, 0);
-        border: 0;
-        color: rgba(48, 196, 255, 0.7);
-        cursor: pointer;
-    }
-
-    .chepai {
-        background: url('~@/assets/archives/黄牌.png') no-repeat;
-        background-size: 100% 100%;
-        width: 88px;
-        height: 26px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
+  .xiangqing {
+    background: rgba(0, 0, 0, 0);
+    border: 0;
+    color: rgba(48, 196, 255, 0.7);
+    cursor: pointer;
+  }
 
-    .staffPic {
-        width: 19px;
-        height: 25px;
-    }
+  .chepai {
+    background: url("~@/assets/archives/黄牌.png") no-repeat;
+    background-size: 100% 100%;
+    width: 88px;
+    height: 26px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .staffPic {
+    width: 19px;
+    height: 25px;
+  }
 }
 
 /deep/.el-input__inner {
-    // background: url('~@/assets/companyFile/2121.png') no-repeat;
-    background: url('~@/assets/companyFile/矩形备份 18.png') no-repeat;
-    background-size: 100% 100%;
-    border: 1px solid rgba(40, 132, 126, 1);
-    color: rgba(234, 246, 255, 0.7);
-    ;
-
-    .el-range-separator {
-        color: #ccc;
-    }
-
-    .el-range-input {
-        background: rgba(0, 0, 0, 0);
-        color: #ccc;
-    }
+  // background: url('~@/assets/companyFile/2121.png') no-repeat;
+  background: url("~@/assets/companyFile/矩形备份 18.png") no-repeat;
+  background-size: 100% 100%;
+  border: 1px solid rgba(40, 132, 126, 1);
+  color: rgba(234, 246, 255, 0.7);
+  .el-range-separator {
+    color: #ccc;
+  }
+
+  .el-range-input {
+    background: rgba(0, 0, 0, 0);
+    color: #ccc;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/safetyIndex/toubu.vue b/src/views/safetyIndex/toubu.vue
index 18c9b45..0fbc9d1 100644
--- a/src/views/safetyIndex/toubu.vue
+++ b/src/views/safetyIndex/toubu.vue
@@ -344,7 +344,7 @@ export default {
         font-weight: 500;
 
         .blue {
-          font-size: 20px;
+          font-size: 36px;
           color: #66d9ff;
           letter-spacing: 1.25px;
           text-align: right;
@@ -352,7 +352,7 @@ export default {
         }
 
         .yellow {
-          font-size: 20px;
+          font-size: 36px;
           color: #fef699;
           letter-spacing: 1.25px;
           text-align: right;
@@ -361,7 +361,7 @@ export default {
 
         .red {
           font-family: AlimamaShuHeiTi;
-          font-size: 20px;
+          font-size: 36px;
           color: #fa3737;
           letter-spacing: 1.25px;
           text-align: right;
diff --git a/src/views/safetyIndex/yuangong.vue b/src/views/safetyIndex/yuangong.vue
index 89cc18f..bf69016 100644
--- a/src/views/safetyIndex/yuangong.vue
+++ b/src/views/safetyIndex/yuangong.vue
@@ -1,562 +1,736 @@
 <template>
-    <div class="qyyg">
-        <div class="title"><img src="../../assets/safetyIndex/装饰009991.png" alt="">企业员工</div>
-        <div class="zongshu" @click="showVisible()">
-            <div class="text4">员工总数</div>
-            <div class="numberTotal"><span>{{ listTotal.number }}</span>人</div>
+  <div class="qyyg">
+    <div class="title">
+      <img src="../../assets/safetyIndex/装饰009991.png" alt="" />企业员工
+    </div>
+    <div class="zongshu" @click="showVisible()">
+      <div class="text4">员工总数</div>
+      <div class="numberTotal">
+        <span>{{ listTotal.number }}</span
+        >人
+      </div>
+    </div>
+    <div class="ygtb" id="ygtb"></div>
+    <div class="bottomBtns">
+      <div class="fangke" @click="showfangkeVisible()">
+        <div class="iconBox">
+          <img src="../../assets/safetyIndex/访客icon.png" alt="" />
         </div>
-        <div class="ygtb" id="ygtb">
+        <div class="iconNum">
+          <div class="iconName">访客</div>
+          <div class="number1">{{ fangketotal }}</div>
         </div>
-        <div class="bottomBtns">
-            <div class="fangke" @click="showfangkeVisible()">
-                <div class="iconBox"><img src="../../assets/safetyIndex/访客icon.png" alt=""></div>
-                <div class="iconNum">
-                    <div class="iconName">访客</div>
-                    <div class="number1">{{ fangketotal }}</div>
-                </div>
-            </div>
-            <div class="fangke" @click="showliudongVisible()">
-                <div class="iconBox"><img src="../../assets/safetyIndex/流动人员icon.png" alt=""></div>
-                <div class="iconNum">
-                    <div class="iconName">流动人员</div>
-                    <div class="number1">{{ liudongtotal }}</div>
-                </div>
-            </div>
+      </div>
+      <div class="fangke" @click="showliudongVisible()">
+        <div class="iconBox">
+          <img src="../../assets/safetyIndex/流动人员icon.png" alt="" />
         </div>
-        <el-dialog title="详情" :visible.sync="diaVisible" class="picForm">
-            <el-table :cell-style="{ background: 'revert' }" :data="staffDetailList" class="table"
-                style="width: calc(100% - 40px);  margin:0 20px;" :row-style="tableRowStyle"
-                :header-row-style="tableHeaderColor" :header-cell-style="tableHeaderCellColor">
-                <el-table-column show-overflow-tooltip label="照片" width="50">
-                    <template slot-scope="scope">
-
-
-                        <img :src="scope.row.picUrl" class="staffPic" alt="" v-if="scope.row.picUrl">
-                        <img src="../../assets/archives/touxiang.png" class="staffPic" alt="" v-else>
-
-                    </template>
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="staffName" label="姓名" width="90">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="identityId" label="身份证号" width="160">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="homeAddress" label="家庭住址">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="companyName" label="所属企业">
-                </el-table-column>
-            </el-table>
-            <div class="block">
-                <el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
-                    @size-change="SizeChange" @current-change="CurrentChange" :current-page="detailpageNum"
-                    :page-sizes="[8]" layout="total, sizes, prev, pager, next, jumper" :total="detailtotal">
-                </el-pagination>
-            </div>
-        </el-dialog>
-        <el-dialog title="访客详情" :visible.sync="fangkeVisible" class="fangkeForm">
-            <el-table :cell-style="{ background: 'revert' }" :data="fangkeList" class="table"
-                style="width: calc(100% - 40px);  margin:0 20px;" :row-style="tableRowStyle"
-                :header-row-style="tableHeaderColor" :header-cell-style="tableHeaderCellColor">
-                <el-table-column show-overflow-tooltip label="照片" width="50">
-                    <template slot-scope="scope">
-                        <img :src="scope.row.picUrl" class="staffPic" alt="" v-if="scope.row.picUrl">
-                        <img src="../../assets/archives/touxiang.png" class="staffPic" alt="" v-else>
-                    </template>
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="visitName" label="访客姓名" width="90">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="identityId" label="身份证号" width="180">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="visitContactInfo" label="联系方式">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="visitCompany" label="访客所属企业">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="visitTime" label="访问时间">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="contactPerson" label="对接人" width="90">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="contactInfo" label="对接人联系方式">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="companyName" label="访问企业">
-                </el-table-column>
-            </el-table>
-            <div class="block">
-                <el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
-                    @size-change="fangkeSizeChange" @current-change="fangkeCurrentChange" :current-page="fangkepageNum"
-                    :page-sizes="[8]" layout="total, sizes, prev, pager, next, jumper" :total="fangketotal">
-                </el-pagination>
-            </div>
-        </el-dialog>
-        <el-dialog title="流动人员详情" :visible.sync="liudongVisible" class="picForm">
-            <el-table :cell-style="{ background: 'revert' }" :data="liudongList" class="table"
-                style="width: calc(100% - 40px);  margin:0 20px;" :row-style="tableRowStyle"
-                :header-row-style="tableHeaderColor" :header-cell-style="tableHeaderCellColor">
-                <el-table-column show-overflow-tooltip label="照片" width="50">
-                    <template slot-scope="scope">
-                        <img :src="scope.row.picUrl" class="staffPic" alt="" v-if="scope.row.picUrl">
-                        <img src="../../assets/archives/touxiang.png" class="staffPic" alt="" v-else>
-                    </template>
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="flowName" label="姓名" width="90">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="identityId" label="身份证号" width="160">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="contactInfo" label="联系方式">
-                </el-table-column>
-                <el-table-column show-overflow-tooltip prop="companyName" label="所属企业">
-                </el-table-column>
-            </el-table>
-            <div class="block">
-                <el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
-                    @size-change="liudongSizeChange" @current-change="liudongCurrentChange" :current-page="liudongpageNum"
-                    :page-sizes="[8]" layout="total, sizes, prev, pager, next, jumper" :total="liudongtotal">
-                </el-pagination>
-            </div>
-        </el-dialog>
-
+        <div class="iconNum">
+          <div class="iconName">流动人员</div>
+          <div class="number1">{{ liudongtotal }}</div>
+        </div>
+      </div>
     </div>
+    <el-dialog title="详情" :visible.sync="diaVisible" class="picForm">
+      <el-table
+        :cell-style="{ background: 'revert' }"
+        :data="staffDetailList"
+        class="table"
+        style="width: calc(100% - 40px); margin: 0 20px"
+        :row-style="tableRowStyle"
+        :header-row-style="tableHeaderColor"
+        :header-cell-style="tableHeaderCellColor"
+      >
+        <el-table-column show-overflow-tooltip label="照片" width="50">
+          <template slot-scope="scope">
+            <img
+              :src="scope.row.picUrl"
+              class="staffPic"
+              alt=""
+              v-if="scope.row.picUrl"
+            />
+            <img
+              src="../../assets/archives/touxiang.png"
+              class="staffPic"
+              alt=""
+              v-else
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="staffName"
+          label="姓名"
+          width="90"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="identityId"
+          label="身份证号"
+          width="160"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="homeAddress"
+          label="家庭住址"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="companyName"
+          label="所属企业"
+        >
+        </el-table-column>
+      </el-table>
+      <div class="block">
+        <el-pagination
+          style="float: right; margin: 5px"
+          class="msg-pagination-container"
+          :background="true"
+          @size-change="SizeChange"
+          @current-change="CurrentChange"
+          :current-page="detailpageNum"
+          :page-sizes="[8]"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="detailtotal"
+        >
+        </el-pagination>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="访客详情"
+      :visible.sync="fangkeVisible"
+      class="fangkeForm"
+    >
+      <el-table
+        :cell-style="{ background: 'revert' }"
+        :data="fangkeList"
+        class="table"
+        style="width: calc(100% - 40px); margin: 0 20px"
+        :row-style="tableRowStyle"
+        :header-row-style="tableHeaderColor"
+        :header-cell-style="tableHeaderCellColor"
+      >
+        <el-table-column show-overflow-tooltip label="照片" width="50">
+          <template slot-scope="scope">
+            <img
+              :src="scope.row.picUrl"
+              class="staffPic"
+              alt=""
+              v-if="scope.row.picUrl"
+            />
+            <img
+              src="../../assets/archives/touxiang.png"
+              class="staffPic"
+              alt=""
+              v-else
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="visitName"
+          label="访客姓名"
+          width="90"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="identityId"
+          label="身份证号"
+          width="180"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="visitContactInfo"
+          label="联系方式"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="visitCompany"
+          label="访客所属企业"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="visitTime"
+          label="访问时间"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="contactPerson"
+          label="对接人"
+          width="90"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="contactInfo"
+          label="对接人联系方式"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="companyName"
+          label="访问企业"
+        >
+        </el-table-column>
+      </el-table>
+      <div class="block">
+        <el-pagination
+          style="float: right; margin: 5px"
+          class="msg-pagination-container"
+          :background="true"
+          @size-change="fangkeSizeChange"
+          @current-change="fangkeCurrentChange"
+          :current-page="fangkepageNum"
+          :page-sizes="[8]"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="fangketotal"
+        >
+        </el-pagination>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="流动人员详情"
+      :visible.sync="liudongVisible"
+      class="picForm"
+    >
+      <el-table
+        :cell-style="{ background: 'revert' }"
+        :data="liudongList"
+        class="table"
+        style="width: calc(100% - 40px); margin: 0 20px"
+        :row-style="tableRowStyle"
+        :header-row-style="tableHeaderColor"
+        :header-cell-style="tableHeaderCellColor"
+      >
+        <el-table-column show-overflow-tooltip label="照片" width="50">
+          <template slot-scope="scope">
+            <img
+              :src="scope.row.picUrl"
+              class="staffPic"
+              alt=""
+              v-if="scope.row.picUrl"
+            />
+            <img
+              src="../../assets/archives/touxiang.png"
+              class="staffPic"
+              alt=""
+              v-else
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="flowName"
+          label="姓名"
+          width="90"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="identityId"
+          label="身份证号"
+          width="160"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="contactInfo"
+          label="联系方式"
+        >
+        </el-table-column>
+        <el-table-column
+          show-overflow-tooltip
+          prop="companyName"
+          label="所属企业"
+        >
+        </el-table-column>
+      </el-table>
+      <div class="block">
+        <el-pagination
+          style="float: right; margin: 5px"
+          class="msg-pagination-container"
+          :background="true"
+          @size-change="liudongSizeChange"
+          @current-change="liudongCurrentChange"
+          :current-page="liudongpageNum"
+          :page-sizes="[8]"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="liudongtotal"
+        >
+        </el-pagination>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-import * as echarts from 'echarts';
+import * as echarts from "echarts";
 import "echarts-gl";
-import { staffStatistics, staffDetail, visitDetail, flowDetail, flowStatistics, visitStatistics } from '@/api/safetyIndex'
+import {
+  staffStatistics,
+  staffDetail,
+  visitDetail,
+  flowDetail,
+  flowStatistics,
+  visitStatistics,
+} from "@/api/safetyIndex";
 export default {
-    data() {
-        return {
-            staffStatisticsList: [],
-            staffDetailList: [],
-            listTotal: {},
-            diaVisible: false,
-            DetailpageSize: 8,
-            detailpageNum: 1,
-            detailtotal: 0,
-            fangkeVisible: false,
-            fangkepageSize: 8,
-            fangkepageNum: 1,
-            fangketotal: 0,
-            fangkeList: [],
-            liudongList: [],
-            liudongVisible: false,
-            liudongpageSize: 8,
-            liudongpageNum: 1,
-            liudongtotal: 0,
-        }
+  data() {
+    return {
+      staffStatisticsList: [],
+      staffDetailList: [],
+      listTotal: {},
+      diaVisible: false,
+      DetailpageSize: 8,
+      detailpageNum: 1,
+      detailtotal: 0,
+      fangkeVisible: false,
+      fangkepageSize: 8,
+      fangkepageNum: 1,
+      fangketotal: 0,
+      fangkeList: [],
+      liudongList: [],
+      liudongVisible: false,
+      liudongpageSize: 8,
+      liudongpageNum: 1,
+      liudongtotal: 0,
+    };
+  },
+  created() {
+    this.getstaffStatistics();
+    flowStatistics().then((res) => {
+      this.liudongtotal = res.data;
+    });
+    visitStatistics().then((res) => {
+      this.fangketotal = res.data;
+    });
+  },
+  methods: {
+    getstaffStatistics() {
+      staffStatistics().then((res) => {
+        this.staffStatisticsList = res.data.filter((item) => {
+          return item.type != "全部";
+        });
+        this.listTotal = res.data.filter((item) => {
+          return item.type == "全部";
+        })[0];
+        this.initygtb();
+      });
     },
-    created() {
-        this.getstaffStatistics()
-        flowStatistics().then(res => {
-            this.liudongtotal = res.data
-        })
-        visitStatistics().then(res => {
-            this.fangketotal = res.data
-        })
-    },
-    methods: {
-        getstaffStatistics() {
-            staffStatistics().then(res => {
-                this.staffStatisticsList = res.data.filter(item => {
-                    return item.type != '全部'
-                })
-                this.listTotal = res.data.filter(item => {
-                    return item.type == '全部'
-                })[0]
-                this.initygtb()
-            })
-        },
-        initygtb() {
-            let myChart = echarts.init(document.getElementById("ygtb"));
-            const colors = ['#66C3FF', '#FEF699', '#19F7C3', '#ADF1FF']
-
-            let data = []
-            this.staffStatisticsList.forEach((item, index) => {
-                data.push({
-                    value: item.number, name: item.type, itemStyle: { color: colors[index], }
-                })
-            })
-            let option = {
-                tooltip: {
-                    trigger: 'item'
-                },
-                legend: {
-                    // type: 'scroll',
-                    orient: 'vertical',
-                    top: '5%',
-                    right: '5%',
-                    padding: [5, 10],
-                    itemGap: 10,
-                    itemWidth: 6,
-                    itemHeight: 6,
-                    width: 100,
-                    backgroundColor: 'rgba(108,128,151,0.2)',
-                    lineHeight: 24,
-                    textStyle: {
-                        rich: {
-                            a: {
-                                color: "#D0DEEE",
-                                lineHeight: 10,
-                                padding: [3, 0, 3, 0],
-                                width: 120,
-                                height: 20,
-                            },
-                            b: {
-                                color: "#FFFFF",
-                                fontSize: 18,
-                                fontWeight: 700,
-                                padding: [3, 0, 3, 0],
-                                width: 120,
-                                height: 20,
-                            },
-                        },
-                    },
-                    formatter: function (name) {
-                        var percent = 0;
-                        for (var i = 0; i < data.length; i++) {
-                            if (data[i].name == name) {
-                                percent = data[i].value
-                            }
-                        }
-                        return "{a|" + name + "}" + "{b|" + percent + "}";
-                    },
-                },
-                graphic: [{
-                    type: 'image',  // 插入圆环中间的图片
-                    style: {
-                        image: require('../../assets/safetyIndex/89771.png'), // 本地图片要用require引入
-                        width: 90, // 设置图片大小
-                        height: 90
-                    },
-                    // 设置图片位置
-                    top: "22.8%",
-                    left: "10%",
-                },],
-                backgroundColor: 'rgba(255,255,255,0)',
-                series: [
-                    {
-                        type: 'pie',
-                        radius: ['55%', '70%'],
-                        top: "middle",
-                        left: "left",
-                        width: '45%',
-                        height: 190,
-                        center: ['45%', '50%'],
-                        itemStyle: {
-                            borderRadius: 0,
-                            borderColor: 'rgba(255,255,255,0)',
-                            borderWidth: 5
-                        },
-                        label: {
-                            show: false,
-                            position: 'center'
-                        },
-                        data
-                    }
-                ]
-            };
-            option && myChart.setOption(option);
+    initygtb() {
+      let myChart = echarts.init(document.getElementById("ygtb"));
+      const colors = ["#66C3FF", "#FEF699", "#19F7C3", "#ADF1FF"];
+
+      let data = [];
+      this.staffStatisticsList.forEach((item, index) => {
+        data.push({
+          value: item.number,
+          name: item.type,
+          itemStyle: { color: colors[index] },
+        });
+      });
+      let option = {
+        tooltip: {
+          trigger: "item",
         },
-        tableRowStyle({ rowIndex }) {
-            if ((rowIndex + 1) % 2 == 1) {
-                return { 'background': 'rgba(0,0,0,0)', 'color': '#fff', 'border': '0' }
-            } else {
-                return { 'background': 'rgba(61, 85, 102, 0.16)', 'border': '0', 'color': '#fff' }
+        legend: {
+          // type: 'scroll',
+          orient: "vertical",
+          top: "5%",
+          right: "5%",
+          padding: [5, 10],
+          itemGap: 10,
+          itemWidth: 6,
+          itemHeight: 6,
+          width: 100,
+          backgroundColor: "rgba(108,128,151,0.2)",
+          lineHeight: 24,
+          textStyle: {
+            rich: {
+              a: {
+                color: "#D0DEEE",
+                lineHeight: 10,
+                padding: [3, 0, 3, 0],
+                width: 120,
+                height: 20,
+              },
+              b: {
+                color: "#FFFFF",
+                fontSize: 18,
+                fontWeight: 700,
+                padding: [3, 0, 3, 0],
+                width: 120,
+                height: 20,
+              },
+            },
+          },
+          formatter: function (name) {
+            var percent = 0;
+            for (var i = 0; i < data.length; i++) {
+              if (data[i].name == name) {
+                percent = data[i].value;
+              }
             }
+            return "{a|" + name + "}" + "{b|" + percent + "}";
+          },
         },
-        tableHeaderColor() {
-            return { 'background': 'linear-gradient( rgba(38, 88, 76, 0.6) 100%, rgba(55, 131, 128, 0.6) 100%, rgba(34, 74, 53, 0.46) 46%)' }
-            // return { 'background': 'url("~@/assets/archives/列表9910.png") no-repeat;', 'background-size': '100% 100%;', 'color': '#fff' }
-        },
-        tableHeaderCellColor() {
-            return { 'background': 'rgba(0,0,0,0)', 'border': '0', 'color': '#fff' }
-        },
-        SizeChange(val) {
-            this.detailpageNum = 1;
-            this.DetailpageSize = val;
-            this.showVisible()
-        },
-        CurrentChange(val) {
-            this.detailpageNum = val;
-            this.showVisible()
-        },
-        fangkeSizeChange(val) {
-            this.fangkepageNum = 1;
-            this.fangkepageSize = val;
-            this.showfangkeVisible()
-        },
-        fangkeCurrentChange(val) {
-            this.fangkepageNum = val;
-            this.showfangkeVisible()
-        },
-        liudongSizeChange(val) {
-            this.liudongpageNum = 1;
-            this.liudongpageSize = val;
-            this.showliudongVisible()
-        },
-        liudongCurrentChange(val) {
-            this.liudongpageNum = val;
-            this.showliudongVisible()
-        },
-        showVisible() {
-            staffDetail({ pageSize: this.DetailpageSize, pageNum: this.detailpageNum }).then(res => {
-                this.staffDetailList = res.data
-                this.detailtotal = res.total
-                this.diaVisible = true
-            })
-        },
-        showliudongVisible() {
-            flowDetail({ pageSize: this.liudongpageSize, pageNum: this.liudongpageNum }).then(res => {
-                this.liudongList = res.data
-                this.liudongtotal = res.total
-                this.liudongVisible = true
-            })
-        },
-        showfangkeVisible() {
-            visitDetail({ pageSize: this.fangkepageSize, pageNum: this.fangkepageNum }).then(res => {
-                this.fangkeList = res.data
-                this.fangketotal = res.total
-                this.fangkeVisible = true
-            })
-        }
+        graphic: [
+          {
+            type: "image", // 插入圆环中间的图片
+            style: {
+              image: require("../../assets/safetyIndex/89771.png"), // 本地图片要用require引入
+              width: 90, // 设置图片大小
+              height: 90,
+            },
+            // 设置图片位置
+            top: "22.8%",
+            left: "10%",
+          },
+        ],
+        backgroundColor: "rgba(255,255,255,0)",
+        series: [
+          {
+            type: "pie",
+            radius: ["55%", "70%"],
+            top: "middle",
+            left: "left",
+            width: "45%",
+            height: 190,
+            center: ["45%", "50%"],
+            itemStyle: {
+              borderRadius: 0,
+              borderColor: "rgba(255,255,255,0)",
+              borderWidth: 5,
+            },
+            label: {
+              show: false,
+              position: "center",
+            },
+            data,
+          },
+        ],
+      };
+      option && myChart.setOption(option);
     },
-}
+    tableRowStyle({ rowIndex }) {
+      if ((rowIndex + 1) % 2 == 1) {
+        return { background: "rgba(0,0,0,0)", color: "#fff", border: "0" };
+      } else {
+        return {
+          background: "rgba(61, 85, 102, 0.16)",
+          border: "0",
+          color: "#fff",
+        };
+      }
+    },
+    tableHeaderColor() {
+      return {
+        background:
+          "linear-gradient( rgba(38, 88, 76, 0.6) 100%, rgba(55, 131, 128, 0.6) 100%, rgba(34, 74, 53, 0.46) 46%)",
+      };
+      // return { 'background': 'url("~@/assets/archives/列表9910.png") no-repeat;', 'background-size': '100% 100%;', 'color': '#fff' }
+    },
+    tableHeaderCellColor() {
+      return { background: "rgba(0,0,0,0)", border: "0", color: "#fff" };
+    },
+    SizeChange(val) {
+      this.detailpageNum = 1;
+      this.DetailpageSize = val;
+      this.showVisible();
+    },
+    CurrentChange(val) {
+      this.detailpageNum = val;
+      this.showVisible();
+    },
+    fangkeSizeChange(val) {
+      this.fangkepageNum = 1;
+      this.fangkepageSize = val;
+      this.showfangkeVisible();
+    },
+    fangkeCurrentChange(val) {
+      this.fangkepageNum = val;
+      this.showfangkeVisible();
+    },
+    liudongSizeChange(val) {
+      this.liudongpageNum = 1;
+      this.liudongpageSize = val;
+      this.showliudongVisible();
+    },
+    liudongCurrentChange(val) {
+      this.liudongpageNum = val;
+      this.showliudongVisible();
+    },
+    showVisible() {
+      staffDetail({
+        pageSize: this.DetailpageSize,
+        pageNum: this.detailpageNum,
+      }).then((res) => {
+        this.staffDetailList = res.data;
+        this.detailtotal = res.total;
+        this.diaVisible = true;
+      });
+    },
+    showliudongVisible() {
+      flowDetail({
+        pageSize: this.liudongpageSize,
+        pageNum: this.liudongpageNum,
+      }).then((res) => {
+        this.liudongList = res.data;
+        this.liudongtotal = res.total;
+        this.liudongVisible = true;
+      });
+    },
+    showfangkeVisible() {
+      visitDetail({
+        pageSize: this.fangkepageSize,
+        pageNum: this.fangkepageNum,
+      }).then((res) => {
+        this.fangkeList = res.data;
+        this.fangketotal = res.total;
+        this.fangkeVisible = true;
+      });
+    },
+  },
+};
 </script>
 
 <style lang="less" scoped>
 .qyyg {
-    height: 35.84%;
+  height: 35.84%;
+  width: 100%;
+  margin-bottom: 20px;
+  background: url("~@/assets/safetyIndex/主屏板块1.png") no-repeat;
+  background-size: 100% 100%;
+
+  .title {
     width: 100%;
-    margin-bottom: 20px;
-    background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
+    height: 33px;
+    background: url("~@/assets/safetyIndex/标题样式.png") no-repeat;
     background-size: 100% 100%;
+    font-size: 16px;
+    color: #d9e7ff;
+    letter-spacing: 1px;
+    text-align: center;
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+
+    img {
+      width: 16px;
+      height: 16px;
+      margin: 0 12px;
+    }
+  }
 
-    .title {
-        width: 100%;
-        height: 33px;
-        background: url('~@/assets/safetyIndex/标题样式.png') no-repeat;
-        background-size: 100% 100%;
-        font-size: 16px;
-        color: #D9E7FF;
-        letter-spacing: 1px;
-        text-align: center;
-        font-weight: 500;
-        display: flex;
-        align-items: center;
+  .zongshu {
+    width: 400px;
+    height: 30px;
+    margin: 5px auto;
+    background: url("~@/assets/safetyIndex/7691.png") no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    cursor: pointer;
+
+    .text4 {
+      font-size: 16px;
+      color: #d0deee;
+      letter-spacing: 0;
+      text-align: center;
+      line-height: 16px;
+      font-weight: 400;
+    }
 
-        img {
-            width: 16px;
-            height: 16px;
-            margin: 0 12px;
-        }
+    .numberTotal {
+      font-size: 12px;
+      line-height: 16px;
+      color: #ebf9ff;
+      letter-spacing: 1.5px;
+      font-weight: 400;
+
+      span {
+        font-size: 36px;
+        color: #ebfff8;
+        letter-spacing: 2.5px;
+        line-height: 37px;
+        text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+        font-weight: 700;
+      }
     }
+  }
 
-    .zongshu {
-        width: 400px;
-        height: 26px;
-        margin: 5px auto;
-        background: url('~@/assets/safetyIndex/7691.png') no-repeat;
+  .ygtb {
+    height: 160px;
+    width: 100%;
+  }
+
+  .bottomBtns {
+    height: 63px;
+    width: 400px;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: url("~@/assets/safetyIndex/99108881.png") no-repeat;
+    background-size: 100% 100%;
+    padding: 4px;
+    box-sizing: border-box;
+
+    .fangke {
+      width: 50%;
+      height: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+
+      .iconBox {
+        background: url("~@/assets/safetyIndex/Target 03_00000.png") no-repeat;
         background-size: 100% 100%;
+        height: 33px;
+        width: 33px;
         display: flex;
-        justify-content: space-around;
+        justify-content: center;
         align-items: center;
-        cursor: pointer;
-
-        .text4 {
-            font-size: 16px;
-            color: #D0DEEE;
-            letter-spacing: 0;
-            text-align: center;
-            line-height: 16px;
-            font-weight: 400;
-        }
-
-        .numberTotal {
-            font-size: 12px;
-            color: #EBF9FF;
-            letter-spacing: 1.5px;
-            font-weight: 400;
-
-            span {
-                font-size: 20px;
-                color: #EBFFF8;
-                letter-spacing: 2.5px;
-                line-height: 37px;
-                text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
-                font-weight: 700;
-            }
-        }
-    }
+      }
 
-    .ygtb {
-        height: 160px;
-        width: 100%;
-
-    }
+      .iconNum {
+        margin-left: 10px;
+        width: 40%;
+        height: 33px;
 
-    .bottomBtns {
-        height: 63px;
-        width: 400px;
-        margin: 0 auto;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        background: url('~@/assets/safetyIndex/99108881.png') no-repeat;
-        background-size: 100% 100%;
-        padding: 4px;
-        box-sizing: border-box;
-
-        .fangke {
-            width: 50%;
-            height: 100%;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            cursor: pointer;
-
-            .iconBox {
-                background: url('~@/assets/safetyIndex/Target 03_00000.png') no-repeat;
-                background-size: 100% 100%;
-                height: 33px;
-                width: 33px;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-            }
+        .iconName {
+          width: 100%;
+          height: 50%;
+          font-size: 13px;
+          color: rgba(255, 255, 255, 0.8);
+          letter-spacing: 0;
 
-            .iconNum {
-                margin-left: 10px;
-                width: 40%;
-                height: 33px;
-
-                .iconName {
-                    width: 100%;
-                    height: 50%;
-                    font-size: 13px;
-                    color: rgba(255, 255, 255, 0.8);
-                    letter-spacing: 0;
-
-                    vertical-align: middle;
-
-                    font-weight: 500;
-                }
-
-                .number1 {
-                    width: 100%;
-                    height: 50%;
-                    font-size: 15px;
-                    color: #FFFFFF;
-                    letter-spacing: 1px;
-                    line-height: 22px;
-                    vertical-align: middle;
-
-                    font-weight: 700;
-                }
-            }
+          vertical-align: middle;
 
+          font-weight: 500;
         }
 
+        .number1 {
+          width: 100%;
+          height: 50%;
+          font-size: 15px;
+          color: #ffffff;
+          letter-spacing: 1px;
+          line-height: 22px;
+          vertical-align: middle;
 
-
-        .fangke:last-child {
-            border-left: 1px solid #6C8097;
+          font-weight: 700;
         }
+      }
+    }
+
+    .fangke:last-child {
+      border-left: 1px solid #6c8097;
     }
+  }
 }
 
 .picForm {
-    /deep/ .el-dialog {
-        background-color: rgba(0, 0, 0, 0);
-        background: url('~@/assets/head/编组 3021112.png') no-repeat;
-        background-size: 100% 100%;
-        width: 841px;
-        height: 640px;
-        position: relative;
+  /deep/ .el-dialog {
+    background-color: rgba(0, 0, 0, 0);
+    background: url("~@/assets/head/编组 3021112.png") no-repeat;
+    background-size: 100% 100%;
+    width: 841px;
+    height: 640px;
+    position: relative;
 
-        .el-dialog__title {
-            font-size: 16px;
-            color: #EBFFF4;
-            letter-spacing: 2px;
+    .el-dialog__title {
+      font-size: 16px;
+      color: #ebfff4;
+      letter-spacing: 2px;
 
-            text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
-            font-weight: 400;
-        }
-
-        .el-dialog__body {
-            box-sizing: border-box;
-            height: 360px;
+      text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
+      font-weight: 400;
+    }
 
-            .scopeQuantity {
-                letter-spacing: 2px;
-            }
+    .el-dialog__body {
+      box-sizing: border-box;
+      height: 360px;
 
-        }
+      .scopeQuantity {
+        letter-spacing: 2px;
+      }
     }
-
+  }
 }
 
 .fangkeForm {
-    /deep/ .el-dialog {
-        background-color: rgba(0, 0, 0, 0);
-        background: url('~@/assets/head/编组 3021112.png') no-repeat;
-        background-size: 100% 100%;
-        width: 1241px;
-        height: 640px;
-        position: relative;
+  /deep/ .el-dialog {
+    background-color: rgba(0, 0, 0, 0);
+    background: url("~@/assets/head/编组 3021112.png") no-repeat;
+    background-size: 100% 100%;
+    width: 1241px;
+    height: 640px;
+    position: relative;
 
-        .el-dialog__title {
-            font-size: 16px;
-            color: #EBFFF4;
-            letter-spacing: 2px;
+    .el-dialog__title {
+      font-size: 16px;
+      color: #ebfff4;
+      letter-spacing: 2px;
 
-            text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
-            font-weight: 400;
-        }
-
-        .el-dialog__body {
-            box-sizing: border-box;
-            height: 360px;
+      text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
+      font-weight: 400;
+    }
 
-            .scopeQuantity {
-                letter-spacing: 2px;
-            }
+    .el-dialog__body {
+      box-sizing: border-box;
+      height: 360px;
 
-        }
+      .scopeQuantity {
+        letter-spacing: 2px;
+      }
     }
+  }
 }
 
 /deep/.el-table {
-    background: rgba(0, 0, 0, 0);
+  background: rgba(0, 0, 0, 0);
 
-    td.el-table__cell {
-        border: 0;
-    }
-
-    .xiangqing {
-        background: rgba(0, 0, 0, 0);
-        border: 0;
-        color: rgba(48, 196, 255, 0.7);
-        cursor: pointer;
-    }
+  td.el-table__cell {
+    border: 0;
+  }
 
-    .staffPic {
-        width: 19px;
-        height: 25px;
-    }
+  .xiangqing {
+    background: rgba(0, 0, 0, 0);
+    border: 0;
+    color: rgba(48, 196, 255, 0.7);
+    cursor: pointer;
+  }
+
+  .staffPic {
+    width: 19px;
+    height: 25px;
+  }
 }
 
 /deep/.el-input__inner {
-    // background: url('~@/assets/companyFile/2121.png') no-repeat;
-    background: url('~@/assets/companyFile/矩形备份 18.png') no-repeat;
-    background-size: 100% 100%;
-    border: 1px solid rgba(40, 132, 126, 1);
-    color: rgba(234, 246, 255, 0.7);
-    ;
-
-    .el-range-separator {
-        color: #ccc;
-    }
-
-    .el-range-input {
-        background: rgba(0, 0, 0, 0);
-        color: #ccc;
-    }
+  // background: url('~@/assets/companyFile/2121.png') no-repeat;
+  background: url("~@/assets/companyFile/矩形备份 18.png") no-repeat;
+  background-size: 100% 100%;
+  border: 1px solid rgba(40, 132, 126, 1);
+  color: rgba(234, 246, 255, 0.7);
+  .el-range-separator {
+    color: #ccc;
+  }
+
+  .el-range-input {
+    background: rgba(0, 0, 0, 0);
+    color: #ccc;
+  }
 }
 </style>
\ No newline at end of file