From fdaae172a19591088c1e21238da6fe638411417b Mon Sep 17 00:00:00 2001
From: xuhaoyun <xuhaoyun1101@foxmail.com>
Date: Mon, 8 May 2023 11:05:29 +0800
Subject: [PATCH] 0506

---
 src/App.vue                           |  12 +
 src/api/archives/index.js             |  34 ++-
 src/utils/request.js                  |   4 +-
 src/views/archives/index.vue          |  27 +-
 src/views/archives/kakou.vue          |  17 +-
 src/views/archives/liudongrenyuan.vue | 387 +++++++++++++++++++++++++
 src/views/archives/monitor.vue        |   2 +-
 src/views/archives/qiyeyuangong.vue   | 394 ++++++++++++++++++++++++++
 src/views/archives/wupin.vue          |  10 +-
 src/views/archives/yujing.vue         |   2 +-
 src/views/head.vue                    |   2 +-
 11 files changed, 866 insertions(+), 25 deletions(-)
 create mode 100644 src/views/archives/liudongrenyuan.vue
 create mode 100644 src/views/archives/qiyeyuangong.vue

diff --git a/src/App.vue b/src/App.vue
index 36c1f6c..37b3b45 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -133,4 +133,16 @@
   //     border: 0;
   // }
 }
+
+.search {
+  position: absolute;
+  right: 20px;
+  top: 20px;
+  display: flex;
+
+}
+
+.el-menu .is-active {
+  border: 0 !important;
+}
 </style>
diff --git a/src/api/archives/index.js b/src/api/archives/index.js
index 013b5f0..84b6828 100644
--- a/src/api/archives/index.js
+++ b/src/api/archives/index.js
@@ -39,6 +39,38 @@ export function warningDisposal(params) {
         params
     })
 }
+//各类企业员工数量
+export function tbSafeCompanyStaffCount(params) {
+    return request({
+        url: '/safety/enterpriseArchives/tbSafeCompanyStaff/count',
+        method: 'get',
+        params
+    })
+}
+//企业员工
+export function tbSafeCompanyStaff(params) {
+    return request({
+        url: '/safety/enterpriseArchives/tbSafeCompanyStaff',
+        method: 'get',
+        params
+    })
+}
+//各类流动人员数量
+export function tbSafeCompanyFlowCount(params) {
+    return request({
+        url: '/safety/enterpriseArchives/tbSafeCompanyFlow/count',
+        method: 'get',
+        params
+    })
+}
+//流动人员
+export function tbSafeCompanyFlow(params) {
+    return request({
+        url: '/safety/enterpriseArchives/tbSafeCompanyFlow',
+        method: 'get',
+        params
+    })
+}
 //车辆
 export function tbSafeCompanyVehicle(params) {
     return request({
@@ -50,7 +82,7 @@ export function tbSafeCompanyVehicle(params) {
 //各个物品总数
 export function TbSafeCompanyGoodsCount(params) {
     return request({
-        url: 'safety/enterpriseArchives/TbSafeCompanyGoods/count',
+        url: '/safety/enterpriseArchives/TbSafeCompanyGoods/count',
         method: 'get',
         params
     })
diff --git a/src/utils/request.js b/src/utils/request.js
index 030db14..17da0e6 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -4,8 +4,8 @@ import vm from "../main";
 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://${window.location.host}/zhapi`,
+  //baseURL: 'http://172.18.113.50:8080/zhapi',
+  baseURL: `http://${window.location.host}/zhapi`,
   timeout: 50000,
   headers: { 'content-type': 'application/json' },
 })
diff --git a/src/views/archives/index.vue b/src/views/archives/index.vue
index d751cda..0a98495 100644
--- a/src/views/archives/index.vue
+++ b/src/views/archives/index.vue
@@ -18,7 +18,7 @@
                     </template>
                     <el-menu-item-group>
                         <el-menu-item index="2-1">实时监控</el-menu-item>
-                        <el-menu-item index="2-2">实时卡口流量</el-menu-item>
+                        <el-menu-item index="2-2">人车流量</el-menu-item>
                         <el-menu-item index="2-3">实时预警</el-menu-item>
                     </el-menu-item-group>
                 </el-submenu>
@@ -29,8 +29,8 @@
                     </template>
                     <el-menu-item-group>
                         <el-menu-item index="3-1">企业员工</el-menu-item>
-                        <el-menu-item index="3-2">流动人口</el-menu-item>
-                        <el-menu-item index="3-3">访客</el-menu-item>
+                        <el-menu-item index="3-2">流动人员</el-menu-item>
+                        <el-menu-item index="3-3">企业访客</el-menu-item>
                     </el-menu-item-group>
                 </el-submenu>
                 <el-menu-item index="4">
@@ -164,7 +164,7 @@
                                 <div class="jibenhangText">{{ companyData.companyAddress }}</div>
                             </el-tooltip>
                         </div>
-                        <div class="jibenhang">
+                        <div class="jibenhang jibenhang1">
                             <div class="jibenhangTitle">营业执照经营范围</div>
                             <el-tooltip :content="companyData.businessScope" placement="bottom-start">
                                 <div class="jibenhangText">{{ companyData.businessScope }}</div>
@@ -183,6 +183,8 @@
                 <monitor :companyID="companyID" ref="child2-1"></monitor>
                 <kakou :companyID="companyID" ref="child2-2"></kakou>
                 <yujing :companyID="companyID" ref="child2-3"></yujing>
+                <qiyeyuangong :companyID="companyID" ref="child3-1"></qiyeyuangong>
+                <!-- <liudongrenyuan :companyID="companyID" ref="child3-2"></liudongrenyuan> -->
                 <car :companyID="companyID" ref="child4"></car>
                 <wupin :companyID="companyID" ref="child5"></wupin>
                 <anjian :companyID="companyID" ref="child6"></anjian>
@@ -200,6 +202,8 @@ import yujing from './yujing.vue'
 import car from './car.vue'
 import wupin from './wupin.vue'
 import anjian from './anjian.vue'
+import qiyeyuangong from './qiyeyuangong.vue'
+// import liudongrenyuan from './liudongrenyuan.vue'
 export default {
     components: {
         monitor,
@@ -207,7 +211,9 @@ export default {
         yujing,
         car,
         wupin,
-        anjian
+        anjian,
+        qiyeyuangong,
+        //liudongrenyuan
     },
     data() {
         return {
@@ -536,17 +542,17 @@ export default {
             .jibenRight {
                 margin-left: 20px;
                 width: calc(100% - 366px);
-                height: 370px;
+                height: 369px;
 
                 border: 1px solid rgba(91, 116, 140, 0.6);
-                border-bottom: 0;
+
 
                 .jibenhang {
-                    height: 40px;
+                    height: 41px;
                     width: 100%;
                     display: flex;
                     border-bottom: 1px solid rgba(91, 116, 140, 0.6);
-
+                    box-sizing: border-box;
 
                     .jibenhangTitle {
                         box-sizing: border-box;
@@ -666,6 +672,9 @@ export default {
                     }
                 }
 
+                .jibenhang1 {
+                    border-bottom: 0;
+                }
             }
 
             .bottomZS {
diff --git a/src/views/archives/kakou.vue b/src/views/archives/kakou.vue
index ef2491d..8aa150d 100644
--- a/src/views/archives/kakou.vue
+++ b/src/views/archives/kakou.vue
@@ -2,7 +2,7 @@
     <div class="mainBox scroll-target">
         <div class="topZS"></div>
         <div class="title">
-            实时卡口流量（<span>{{ total }}</span>）
+            人车流量（<span>{{ total }}</span>）
         </div>
         <el-form :model="formInline" class="search">
             <el-form-item label="时间：" class="formItem" style="width:500px">
@@ -25,7 +25,8 @@
         <el-tabs v-model="activeName" type="card">
             <el-tab-pane name="first">
                 <div slot="label" class="tabdv">人脸 </div>
-                <div style="width: 100%; height: 622px;  display: flex; justify-content: space-between;">
+                <div style="width: 100%; height: 622px;  display: flex; justify-content: space-between;"
+                    v-if="activeName == 'first'">
                     <div class="imgList">
                         <div class="imgListItem" v-for="item in tableData" :key="item.id" @click="showDetail(item, $event)">
                             <div class="detailImg">
@@ -76,7 +77,8 @@
             </el-tab-pane>
             <el-tab-pane name="second">
                 <div slot="label" class="tabdv">车辆</div>
-                <div style="width: 100%; height: 622px;  display: flex; justify-content: space-between;">
+                <div style="width: 100%; height: 622px;  display: flex; justify-content: space-between;"
+                    v-if="activeName == 'second'">
                     <div class="imgList">
                         <div class="imgListItem" v-for="item in vechileList" :key="item.id"
                             @click="showVechileDetail(item, $event)">
@@ -532,9 +534,14 @@ export default {
             }
         }
 
+        .imgListItem:focus {
+            filter: brightness(150%);
+        }
+
+
+
         .imgListItemFocus {
-            background: url("~@/assets/archives/矩形备份%2036.png") no-repeat;
-            background-size: 100% 100%;
+            filter: brightness(150%);
 
         }
     }
diff --git a/src/views/archives/liudongrenyuan.vue b/src/views/archives/liudongrenyuan.vue
new file mode 100644
index 0000000..7410d64
--- /dev/null
+++ b/src/views/archives/liudongrenyuan.vue
@@ -0,0 +1,387 @@
+<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.flowName" class="formIpt"></el-input>
+            </el-form-item>
+            <el-button type="primary" @click="getList()">搜索</el-button>
+        </el-form>
+        <div class="monitorBox">
+            <el-tabs type="border-card">
+                <el-tab-pane v-for="(item, index) in wpCount" :key="index">
+                    <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="">
+                    </template>
+                </el-table-column>
+                <el-table-column show-overflow-tooltip label="姓名" width="80">
+                    <template slot-scope="scope">
+                        <div class="staffName">{{ scope.row.flowName }}</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 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="registerStatusCn" label="登记状态" width="180">
+                </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 { tbSafeCompanyFlow, tbSafeCompanyFlowCount } from '@/api/archives'
+export default {
+    props: ['companyID'],
+    data() {
+        return {
+            formInline: {},
+            pageSize: 5,
+            pageNum: 1,
+            total: 0,
+            tableData: [],
+            wpCount: {},
+            goodsType: null,
+        }
+    },
+    created() {
+        this.getList()
+
+    },
+    methods: {
+        getWpTotal() {
+            tbSafeCompanyFlowCount({ 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) {
+                if (val == '全部') {
+                    this.goodsType = null
+                } else if (val == '流动已登记') {
+                    this.goodsType = 1
+                } else if (val == '流动未登记') {
+                    this.goodsType = 2
+                }
+            }
+            tbSafeCompanyFlow({ pageSize: this.pageSize, pageNum: this.pageNum, ...this.formInline, companyId: this.companyID, registerStatus: 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()
+        },
+
+    },
+}
+</script>
+<style lang="less" scoped>
+.mainBox {
+    width: 100%;
+    height: 720px;
+    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%;
+
+
+        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;
+        }
+
+        .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, .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: 150px;
+                border: 0;
+                color: #EAF6FF;
+                padding: 5px;
+                box-sizing: border-box;
+                display: flex;
+                align-items: center;
+
+                .paneInner {
+                    width: 140px;
+                    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);
+                }
+            }
+        }
+    }
+
+    /deep/.el-table {
+        background: rgba(0, 0, 0, 0);
+
+        td.el-table__cell {
+            border: 0;
+            box-sizing: border-box;
+            padding: 5px 0;
+        }
+
+        .ygzp {
+            width: 40px;
+            height: 60px;
+            margin-top: 5px;
+        }
+
+        .identityId {
+            color: #30C4FF;
+            letter-spacing: 1px;
+            cursor: pointer;
+        }
+
+        .xiangqing {
+            background: rgba(0, 0, 0, 0);
+            border: 0;
+            color: rgba(48, 196, 255, 0.7);
+            cursor: pointer;
+        }
+
+        .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;
+            }
+        }
+    }
+
+    .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;
+
+        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-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/archives/monitor.vue b/src/views/archives/monitor.vue
index 0c0d608..e062df4 100644
--- a/src/views/archives/monitor.vue
+++ b/src/views/archives/monitor.vue
@@ -40,7 +40,7 @@
                     <img :src="item.snapURL" alt="" @mouseover="showShadow(index)">
                 </div>
                 <div class="bottomtext"><i class="el-icon-location online1" v-if="item.isOnline"></i><i
-                        class="el-icon-location outline1" v-else></i>&nbsp;&nbsp;{{ item.channelName }}</div>
+                        class="el-icon-location outline1" v-else></i>&nbsp;&nbsp;{{ item.deviceName }}</div>
                 <el-dialog title="实时监控" :visible.sync="diaVisible" class="picForm">
                     <playVideo :video="{ url: item.wsFlv, index: index }" :control="true" v-if="diaVisible"></playVideo>
                 </el-dialog>
diff --git a/src/views/archives/qiyeyuangong.vue b/src/views/archives/qiyeyuangong.vue
new file mode 100644
index 0000000..51a05ba
--- /dev/null
+++ b/src/views/archives/qiyeyuangong.vue
@@ -0,0 +1,394 @@
+<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" class="formIpt"></el-input>
+            </el-form-item>
+            <el-button type="primary" @click="getList()">搜索</el-button>
+        </el-form>
+        <div class="monitorBox">
+            <el-tabs type="border-card">
+                <el-tab-pane v-for="(item, index) in wpCount" :key="index">
+                    <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="">
+                    </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="[6]" 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'
+export default {
+    props: ['companyID'],
+    data() {
+        return {
+            formInline: {},
+            pageSize: 6,
+            pageNum: 1,
+            total: 0,
+            tableData: [],
+            wpCount: {},
+            goodsType: null,
+        }
+    },
+    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) {
+                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
+                }
+            }
+            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()
+        },
+
+    },
+}
+</script>
+
+<style lang="less" scoped>
+.mainBox {
+    width: 100%;
+    height: 720px;
+    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%;
+
+
+        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;
+        }
+
+        .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, .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);
+                }
+            }
+        }
+    }
+
+    /deep/.el-table {
+        background: rgba(0, 0, 0, 0);
+
+        td.el-table__cell {
+            border: 0;
+            box-sizing: border-box;
+            padding: 5px 0;
+        }
+
+        .ygzp {
+            width: 40px;
+            height: 60px;
+            margin-top: 5px;
+        }
+
+        .identityId {
+            color: #30C4FF;
+            letter-spacing: 1px;
+            cursor: pointer;
+        }
+
+        .xiangqing {
+            background: rgba(0, 0, 0, 0);
+            border: 0;
+            color: rgba(48, 196, 255, 0.7);
+            cursor: pointer;
+        }
+
+        .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;
+            }
+        }
+    }
+
+    .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;
+
+        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-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/archives/wupin.vue b/src/views/archives/wupin.vue
index 7b7d366..c542730 100644
--- a/src/views/archives/wupin.vue
+++ b/src/views/archives/wupin.vue
@@ -24,17 +24,17 @@
                 </el-table-column>
                 <el-table-column show-overflow-tooltip prop="goodsName" label="物品名称">
                 </el-table-column>
-                <el-table-column show-overflow-tooltip prop="goodsTypeCn" label="物品类型">
+                <el-table-column show-overflow-tooltip prop="goodsTypeCn" label="物品类型" width="100">
                 </el-table-column>
-                <el-table-column show-overflow-tooltip prop="quantity" label="总量（t）">
+                <el-table-column show-overflow-tooltip prop="quantity" label="总量（t）" width="100">
                 </el-table-column>
                 <el-table-column show-overflow-tooltip prop="companyName" label="隶属企业">
                 </el-table-column>
-                <el-table-column show-overflow-tooltip prop="emergencyContact" label="安全责任人">
+                <el-table-column show-overflow-tooltip prop="emergencyContact" label="安全责任人" width="100">
                 </el-table-column>
-                <el-table-column show-overflow-tooltip prop="emergencyContactPhone" label="联系方式">
+                <el-table-column show-overflow-tooltip prop="emergencyContactPhone" label="联系方式" width="150">
                 </el-table-column>
-                <el-table-column show-overflow-tooltip label="登记时间" prop="registerTime" width="150">
+                <el-table-column show-overflow-tooltip label="登记时间" prop="registerTime" width="250">
                 </el-table-column>
                 <el-table-column show-overflow-tooltip label="操作" width="80">
                     <template slot-scope="scope">
diff --git a/src/views/archives/yujing.vue b/src/views/archives/yujing.vue
index 90303dc..3e9b4e8 100644
--- a/src/views/archives/yujing.vue
+++ b/src/views/archives/yujing.vue
@@ -2,7 +2,7 @@
     <div class="mainBox scroll-target">
         <div class="topZS"></div>
         <div class="title">
-            实时预警（<span>{{ total }}</span>）
+            实时预警<span>{{ total }}</span>）
         </div>
         <div class="monitorBox">
             <el-table :cell-style="{ background: 'revert' }" :data="tableData" class="table"
diff --git a/src/views/head.vue b/src/views/head.vue
index 8a4c0eb..fdaab46 100644
--- a/src/views/head.vue
+++ b/src/views/head.vue
@@ -8,7 +8,7 @@
       <el-menu :default-active="activeIndex" class="el-menu-demo topMenu" mode="horizontal" @select="handleSelect"
         :router="true">
         <div class="shu"></div>
-        <el-menu-item index="1" route="/home/safetyIndex">平安指数</el-menu-item>
+        <el-menu-item index="1" route="/home/safetyIndex">综合指数</el-menu-item>
         <div class="shu"></div>
         <el-menu-item index="2" route="/home">实时预警</el-menu-item>
         <div class="shu"></div>
-- 
2.36.3