0506

src/api/archives/index.js

@@ -71,5 +71,13 @@ export function TbSafeCompanyGoodsDetail(params) {
         params
     })
 }
+//案件列表
+export function TbSafeCompanyCase(params) {
+    return request({
+        url: '/safety/enterpriseArchives/TbSafeCompanyCase',
+        method: 'get',
+        params
+    })
+}
 
 

src/views/archives/anjian.vue

@@ -0,0 +1,408 @@
+<template>
+    <div class="mainBox scroll-target">
+        <div class="topZS"></div>
+        <div class="title">
+            案件信息（<span>{{ total }}</span>）
+        </div>
+        <div class="monitorBox">
+            <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 prop="caseNo" label="案件编号">
+                </el-table-column>
+                <el-table-column show-overflow-tooltip prop="caseName" label="案件名称">
+                </el-table-column>
+                <el-table-column show-overflow-tooltip prop="caseAddress" label="发案地点">
+                </el-table-column>
+                <el-table-column show-overflow-tooltip prop="caseDetail" label="简要案情">
+                </el-table-column>
+                <el-table-column show-overflow-tooltip prop="registerTime" label="受理时间">
+                </el-table-column>
+                <el-table-column show-overflow-tooltip label="操作" width="80">
+                    <template slot-scope="scope">
+                        <div class="detail" @click="checkDetail(scope.row)">
+                            <button class="xiangqing">详情</button>
+                        </div>
+                    </template>
+                </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="[3]" layout="total, sizes, prev, pager, next, jumper" :total="total">
+            </el-pagination>
+        </div>
+        <el-dialog title="案件详情" :visible.sync="diaVisible" class="picForm" v-if="anjianDetail">
+
+            <div class="jibenx">
+                <div class="jibenhang">
+                    <div class="jibenhangTitle">企业名称</div>
+                    <div class="jibenhangleftText">
+                        <span v-html="anjianDetail.caseName"></span>
+                    </div>
+                    <div class="jibenhangTitle">企业类型</div>
+                    <div class="jibenhangrightText">
+                        <div>{{ anjianDetail.caseName }}</div>
+                    </div>
+                </div>
+                <div class="jibenhang">
+                    <div class="jibenhangTitle">案件编号</div>
+                    <div class="jibenhangleftText">
+                        <span v-html="anjianDetail.caseNo"></span>
+                    </div>
+                    <div class="jibenhangTitle">案件名称</div>
+                    <div class="jibenhangrightText">
+                        <div>{{ anjianDetail.caseName }}</div>
+                    </div>
+                </div>
+                <div class="jibenhang">
+                    <div class="jibenhangTitle">案件分类</div>
+                    <div class="jibenhangleftText">
+                        <span v-html="anjianDetail.caseType"></span>
+                    </div>
+                    <div class="jibenhangTitle">案件类别</div>
+                    <div class="jibenhangrightText">
+                        <div>{{ anjianDetail.caseCategory }}</div>
+                    </div>
+                </div>
+                <div class="jibenhang">
+                    <div class="jibenhangTitle">发案区划</div>
+                    <div class="jibenhangleftText">
+                        <span v-html="anjianDetail.policeDistrictCode"></span>
+                    </div>
+                    <div class="jibenhangTitle">派出所</div>
+                    <div class="jibenhangrightText">
+                        <div>{{ anjianDetail.policeDistrictCn }}</div>
+                    </div>
+                </div>
+                <div class="jibenhang">
+                    <div class="jibenhangTitle">破案情况</div>
+                    <div class="jibenhangleftText">
+                        <span v-html="anjianDetail.caseState"></span>
+                    </div>
+                    <div class="jibenhangTitle">发案地点</div>
+                    <div class="jibenhangrightText">
+                        <div>{{ anjianDetail.caseAddress }}</div>
+                    </div>
+                </div>
+                <div class="jibenhang1 jibenhang">
+                    <div class="jibenhangTitle">简要案情</div>
+                    <div class="jibenhangText">
+                        <span>{{ anjianDetail.caseDetail }}</span>
+                    </div>
+
+                </div>
+            </div>
+        </el-dialog>
+        <div class="bottomZS"></div>
+    </div>
+</template>
+<script>
+import { TbSafeCompanyCase } from '@/api/archives'
+export default {
+    props: {
+        companyID: String
+    },
+    data() {
+        return {
+            formInline: {},
+            pageSize: 3,
+            pageNum: 1,
+            total: 0,
+            diaVisible: false,
+            tableData: [],
+            anjianDetail: {}
+        }
+    },
+    created() {
+        this.getList()
+
+    },
+    methods: {
+        getList() {
+            TbSafeCompanyCase({ pageSize: this.pageSize, pageNum: this.pageNum, companyId: this.companyID }).then(res => {
+                this.tableData = res.data
+                this.total = res.total
+            })
+        },
+        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()
+        },
+        checkDetail(val) {
+            this.anjianDetail = val
+            this.diaVisible = true
+        },
+    },
+}
+</script>
+
+<style lang="less" scoped>
+.mainBox {
+    width: 100%;
+    height: 320px;
+    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-table {
+        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;
+        }
+
+        .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/背景2.png') no-repeat;
+            background-size: 100% 100%;
+            width: 811px;
+            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;
+
+
+                .jibenx {
+                    width: 100%;
+                    height: 100%;
+                    border: 1px solid rgba(91, 116, 140, 0.6);
+
+                    .jibenhang {
+                        height: 16%;
+                        width: 100%;
+                        display: flex;
+                        border-bottom: 1px solid rgba(91, 116, 140, 0.6);
+
+                        .jibenhangTitle {
+                            box-sizing: border-box;
+                            padding-left: 10px;
+                            width: 15%;
+                            height: 100%;
+                            background: rgba(108, 128, 151, 0.20);
+                            line-height: 48px;
+                            border-right: 1px solid rgba(91, 116, 140, 0.6);
+                            font-size: 14px;
+                            color: rgba(255, 255, 255, 0.8);
+                            letter-spacing: 0;
+                            font-weight: 400;
+
+                        }
+
+                        .jibenhangleftText {
+                            width: 30%;
+                            box-sizing: border-box;
+                            padding-left: 10px;
+                            height: 100%;
+                            border-right: 1px solid rgba(91, 116, 140, 0.6);
+                            line-height: 48px;
+                            font-size: 12px;
+                            color: #FFFFFF;
+                            letter-spacing: 0;
+                            font-weight: 400;
+                        }
+
+                        .jibenhangrightText {
+                            box-sizing: border-box;
+                            padding-left: 10px;
+                            width: 40%;
+                            height: 100%;
+                            line-height: 48px;
+                            font-size: 12px;
+                            color: #FFFFFF;
+                            letter-spacing: 0;
+                            font-weight: 400;
+                            overflow: hidden;
+                        }
+
+                        .jibenhangText {
+                            padding-left: 10px;
+                            width: 85%;
+                            height: 100%;
+                            display: flex;
+                            align-items: center;
+                            font-size: 12px;
+                            color: #FFFFFF;
+                        }
+                    }
+
+                    .jibenhang1 {
+                        height: 19%;
+                        width: 100%;
+                        border-bottom: 0;
+                        box-sizing: border-box;
+
+                        .jibenhangTitle {
+
+                            padding-left: 12px;
+                            width: 15%;
+                            height: 100%;
+                            background: rgba(108, 128, 151, 0.20);
+                            line-height: 57px;
+                            border-right: 1px solid rgba(91, 116, 140, 0.6);
+                            font-size: 14px;
+                            color: rgba(255, 255, 255, 0.8);
+                            letter-spacing: 0;
+                            font-weight: 400;
+
+                        }
+
+                        .jibenhangText {
+                            padding-left: 10px;
+                            width: 84.8%;
+                            height: 100%;
+                            display: flex;
+                            align-items: center;
+                            font-size: 12px;
+                            color: #FFFFFF;
+                            box-sizing: border-box;
+                        }
+                    }
+                }
+
+            }
+        }
+    }
+
+    /deep/.el-form-item {
+        display: flex;
+        margin-left: 20px;
+
+        .el-form-item__label {
+            color: #EAF6FF;
+            letter-spacing: 1px;
+            text-align: center;
+            font-weight: 400;
+
+
+        }
+
+    }
+
+}
+</style>

src/views/archives/index.vue

@@ -183,6 +183,7 @@
                 <yujing :companyID="companyID" ref="child2-3"></yujing>
                 <car :companyID="companyID" ref="child4"></car>
                 <wupin :companyID="companyID" ref="child5"></wupin>
+                <anjian :companyID="companyID" ref="child6"></anjian>
             </el-scrollbar>
         </div>
     </div>
@@ -196,13 +197,15 @@ import kakou from './kakou.vue'
 import yujing from './yujing.vue'
 import car from './car.vue'
 import wupin from './wupin.vue'
+import anjian from './anjian.vue'
 export default {
     components: {
         monitor,
         kakou,
         yujing,
         car,
-        wupin
+        wupin,
+        anjian
     },
     data() {
         return {

src/views/archives/kakou.vue

@@ -15,7 +15,7 @@
                 <el-input v-model.trim="formInline.deviceName" class="formIpt"></el-input>
             </el-form-item>
             <el-form-item label="姓名：" class="formItem" v-if="activeName == 'first'">
-                <el-input v-model.trim="formInline.deviceName" class="formIpt"></el-input>
+                <el-input v-model.trim="formInline.userName" class="formIpt"></el-input>
             </el-form-item>
             <el-form-item label="车牌号：" class="formItem" v-if="activeName == 'second'">
                 <el-input v-model.trim="formInline.plateNo" class="formIpt"></el-input>

src/views/archives/wupin.vue

@@ -6,7 +6,7 @@
         </div>
         <el-form :model="formInline" class="search">
             <el-form-item label="物品名称：" class="formItem">
-                <el-input v-model.trim="formInline.plateNo" class="formIpt"></el-input>
+                <el-input v-model.trim="formInline.goodsName" class="formIpt"></el-input>
             </el-form-item>
             <el-button type="primary" @click="getList()">搜索</el-button>
         </el-form>
@@ -112,12 +112,12 @@ export default {
     },
     created() {
         this.getList()
-        this.getWpTotal()
+
     },
     methods: {
 
         getWpTotal() {
-            TbSafeCompanyGoodsCount({ companyId: this.companyID }).then(res => {
+            TbSafeCompanyGoodsCount({ companyId: this.companyID, ...this.formInline, }).then(res => {
                 this.wpCount = res.data
                 this.wpCount.forEach((item) => {
                     if (item.type == '全部') {
@@ -152,13 +152,9 @@ export default {
                 this.tableData = res.data
                 this.total = res.total
             })
+            this.getWpTotal()
         },
-        showShadow(val) {
+
-            this.isShow[val].show = true
-        },
-        closeShadow(val) {
-            this.isShow[val].show = false
-        },
         showDia() {
             this.diaVisible = true
         },

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"

src/views/enterpriseArchives/index.vue

@@ -9,7 +9,8 @@
                 <span>共有</span><i class="numItem" v-for="(item, index) in numList" :key="index">{{ item
                 }}</i><span>家企业</span>
             </div>
-            <div class="zhcxBox"><input type="text" class="zhcxBoxIPT" placeholder="请输入企业名称/员工姓名/车牌号检索" v-model="searchVal">
+            <div class="zhcxBox"><input type="text" class="zhcxBoxIPT" placeholder="请输入企业名称/员工姓名/车牌号检索"
+                    v-model.trim="searchVal">
                 <el-button type="primary" icon="el-icon-search" class="ssBtn" @click="showResult(searchVal)"><span>搜索</span>
                 </el-button>
             </div>

src/views/head.vue

@@ -82,7 +82,7 @@ export default {
 
   .headText {
     font-family: YouSheBiaoTiHei;
-    font-size: 40px;
+    font-size: 38px;
     color: #edf6ff;
     letter-spacing: 4px;
     text-shadow: 0 8px 8px rgba(0, 0, 0, 0.3);
@@ -91,7 +91,8 @@ export default {
   }
 
   .jingGuan {
-    margin-left: 100px;
+    position: absolute;
+    right: 30px;
     display: flex;
     color: #edf6ff;
     align-items: center;
@@ -153,7 +154,7 @@ export default {
       align-items: center;
 
       .el-menu-item {
-        width: 130px;
+        width: 100px;
         height: 35px;
         display: flex;
         justify-content: center;