ZheJiangNingBo
/
pingAnQiYeWeb
7
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

0506

Browse Source
pull/12/head
xuhaoyun 1 year ago
parent 671492f1c2
commit 80ca3117c2
8 changed files with 433 additions and 16 deletions
Show Stats Download Patch File Download Diff File

8
src/api/archives/index.js
Unescape View File

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

408
src/views/archives/anjian.vue
Unescape View File

@ -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>

5
src/views/archives/index.vue
Unescape View File

@ -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 {

2
src/views/archives/kakou.vue
Unescape View File

@ -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>

14
src/views/archives/wupin.vue
Unescape View File

@ -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
},

2
src/views/archives/yujing.vue
Unescape View File

@ -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"

3
src/views/enterpriseArchives/index.vue
Unescape View File

@ -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>

7
src/views/head.vue
Unescape View File

@ -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;

Write Preview
Loading…
Cancel
Save