| | |
| | | </title> |
| | | <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]--> |
| | | <style> |
| | | html { |
| | | font-size: 14px |
| | | } |
| | | html |
| | | body, |
| | | #app { |
| | | height: 100%; |
| | |
| | | > |
| | | <el-menu-item index="0">省厅考核</el-menu-item> |
| | | <el-menu-item index="1">区县考核</el-menu-item> |
| | | <el-menu-item index="2">公安部考核</el-menu-item> |
| | | </el-menu> |
| | | </div> |
| | | <el-container> |
| | |
| | | fixed |
| | | > |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.examine_tag === 0 ? '省厅考核' : '区县考核' }} |
| | | {{ |
| | | scope.row.examine_tag === 0 ? '省厅考核' : |
| | | scope.row.examine_tag === 1 ? '区县考核' : |
| | | scope.row.examine_tag === 2 ? '公安部考核' : '未知' |
| | | }} |
| | | </template> |
| | | </el-table-column> |
| | | <template v-for="item in tableData"> |
| | |
| | | date: null, |
| | | quarter: null, |
| | | examineTag: null, |
| | | examineTags: [], |
| | | deptId: null |
| | | }, |
| | | // 表单校验 |
| | |
| | | let examineTag = this.$route.query.examineTag; |
| | | this.activeIndex = examineTag; |
| | | this.queryParams.examineTag = examineTag; |
| | | this.queryParams.examineTags.push(examineTag); |
| | | // 考核积分列表 |
| | | this.getList(); |
| | | this.areaSelect(); |
| | |
| | | style="margin-bottom: 10px"> |
| | | <el-menu-item index="0">省厅考核</el-menu-item> |
| | | <el-menu-item index="1">区县考核</el-menu-item> |
| | | <el-menu-item index="2">公安部考核</el-menu-item> |
| | | </el-menu> |
| | | </div> |
| | | |
| | |
| | | </el-table-column> |
| | | <el-table-column label="标签" prop="examineTag" align="center"> |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.examineTag == 0 ? '省厅考核' : '区县考核' }} |
| | | {{ |
| | | scope.row.examineTag === 0 ? '省厅考核' : |
| | | scope.row.examineTag === 1 ? '区县考核' : |
| | | scope.row.examineTag === 2 ? '公安部考核' : '未知' |
| | | }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="考核类型" prop="examineCategory" align="center"> |
| | |
| | | <el-table-column label="操作" align="center"> |
| | | <template slot-scope="scope"> |
| | | <div style="display: flex;justify-content: center;"> |
| | | <el-button v-hasPermi="['check:score:publish']" size="small" type="text" @click="handlePublish(scope.row)" v-if="scope.row.publish === 'UNPUBLISHED'" >确认发布</el-button> |
| | | <el-button v-hasPermi="['check:score:publish']" size="small" type="text" @click="handlePublish(scope.row)" v-if="scope.row.publish === 'PUBLISHED'">取消发布</el-button> |
| | | <el-button v-hasPermi="['check:score:publish']" size="small" type="text" @click="handlePublish(scope.row)" |
| | | v-if="scope.row.publish === 'UNPUBLISHED'">确认发布 |
| | | </el-button> |
| | | <el-button v-hasPermi="['check:score:publish']" size="small" type="text" @click="handlePublish(scope.row)" |
| | | v-if="scope.row.publish === 'PUBLISHED'">取消发布 |
| | | </el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-view" |
| | | @click="handleDetail(scope.row.id)" |
| | | >详细</el-button> |
| | | >详细 |
| | | </el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { chartScore, getScore, delScore, addScore, updateScore, publishScore, detailScore } from "@/api/platform/check-score"; |
| | | import { |
| | | chartScore, |
| | | getScore, |
| | | delScore, |
| | | addScore, |
| | | updateScore, |
| | | publishScore, |
| | | detailScore |
| | | } from "@/api/platform/check-score"; |
| | | import { areaSelect } from '@/api/system/dept'; |
| | | import * as echarts from 'echarts'; |
| | | |
| | | let lineChart = null; |
| | | let observer = null; |
| | | export default { |
| | |
| | | this.date = year + '-' + month; |
| | | this.queryParams.date = this.date; |
| | | let examineTag = this.$route.query.examineTag; |
| | | if (examineTag === '2') { examineTag = '0' } |
| | | if (examineTag === '3') { examineTag = '1' } |
| | | if (examineTag === '2') { |
| | | examineTag = '0' |
| | | } |
| | | if (examineTag === '3') { |
| | | examineTag = '1' |
| | | } |
| | | this.queryParams.examineTag = examineTag; |
| | | this.queryParamsList.examineTag = examineTag; |
| | | this.activeIndex = examineTag; |
| | | this.areaSelect(); |
| | | this.getList(this.$route.query.index); |
| | | }, |
| | | computed: { |
| | | |
| | | }, |
| | | computed: {}, |
| | | methods: { |
| | | //发布 |
| | | handlePublish(row) { |
| | | const getExamineCategoryText = category => { |
| | | switch (category) { |
| | | case 1: return '视频考核'; |
| | | case 2: return '车辆考核'; |
| | | case 3: return '人脸考核'; |
| | | default: return '未知'; |
| | | case 1: |
| | | return '视频考核'; |
| | | case 2: |
| | | return '车辆考核'; |
| | | case 3: |
| | | return '人脸考核'; |
| | | default: |
| | | return '未知'; |
| | | } |
| | | }; |
| | | |
| | |
| | | <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" |
| | | style="margin-bottom: 10px"> |
| | | <el-menu-item index="0">省厅月度</el-menu-item> |
| | | <el-menu-item index="2">省厅季度</el-menu-item> |
| | | <el-menu-item index="1">区县月度</el-menu-item> |
| | | <el-menu-item index="1">省厅季度</el-menu-item> |
| | | <el-menu-item index="2">区县月度</el-menu-item> |
| | | <el-menu-item index="3">区县季度</el-menu-item> |
| | | <el-menu-item index="4">公安部月度</el-menu-item> |
| | | <el-menu-item index="5">公安部季度</el-menu-item> |
| | | </el-menu> |
| | | </div> |
| | | <!-- 导出按钮 --> |
| | |
| | | return { |
| | | tagOptions: [ |
| | | {value: 0, label: '省厅'}, |
| | | {value: 1, label: '区县'} |
| | | {value: 1, label: '区县'}, |
| | | {value: 2, label: '公安部'} |
| | | ], |
| | | pickerOptions: { |
| | | shortcuts: [{ |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form style="margin-left :20px" :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
| | | <el-form style="margin-left :20px" :model="queryParams" ref="queryForm" size="small" :inline="true" |
| | | v-show="showSearch" label-width="68px"> |
| | | <el-form-item label="考核类型" prop="examineCategory"> |
| | | <el-select v-model="queryParams.examineCategory" placeholder="考核类型" clearable @keyup.enter.native="handleQuery"> |
| | | <el-option |
| | |
| | | icon="el-icon-plus" |
| | | size="mini" |
| | | @click="handleAdd" |
| | | >新增</el-button> |
| | | >新增 |
| | | </el-button> |
| | | </el-col> |
| | | <!-- <el-col :span="1.5"> |
| | | <el-button |
| | |
| | | <div class="card-container"> |
| | | <el-card class="box-card" v-for="item in checkTemplateList" :key="item"> |
| | | <div class="text item">模板名称:{{ item.templateName }}</div> |
| | | <div class="text item">考核标签:{{ item.examineTag == 0 ? '省厅考核' : '市局考核' }}</div> |
| | | <div class="text item">考核标签:{{ |
| | | item.examineTag === 0 ? '省厅考核' : |
| | | item.examineTag === 1 ? '区县考核' : |
| | | item.examineTag === 2 ? '公安部考核' : '未知' |
| | | }} |
| | | </div> |
| | | <div class="text item" style="display: flex"> |
| | | <span>考核类型:</span> |
| | | <dict-tag :options="dict.type.platform_examine_category" :value="item.examineCategory"/> |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="规则描述" prop="description"> |
| | | <el-input v-model="form.description" type="textarea" :autosize="{ minRows: 4, maxRows: 6}" placeholder="请输入规则描述"/> |
| | | <el-input v-model="form.description" type="textarea" :autosize="{ minRows: 4, maxRows: 6}" |
| | | placeholder="请输入规则描述"/> |
| | | </el-form-item> |
| | | <el-form-item label="状态" prop="status"> |
| | | <el-radio v-model="form.status" label="0" >启用</el-radio> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { listCheckTemplate, getCheckTemplate, delCheckTemplate, addCheckTemplate, updateCheckTemplate,copyCheckTemplate } from "@/api/platform/check-template"; |
| | | import { |
| | | listCheckTemplate, |
| | | getCheckTemplate, |
| | | delCheckTemplate, |
| | | addCheckTemplate, |
| | | updateCheckTemplate, |
| | | copyCheckTemplate |
| | | } from "@/api/platform/check-template"; |
| | | import { areaSelect } from '@/api/system/dept' |
| | | import { listCheckRule } from "../../../../api/platform/check-rule"; |
| | | |
| | |
| | | }).then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess(text + "成功"); |
| | | }).catch(() => {}); |
| | | }).catch(() => { |
| | | }); |
| | | |
| | | }, |
| | | /** 修改按钮操作 */ |
| | |
| | | }).then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }).catch(() => {}); |
| | | }).catch(() => { |
| | | }); |
| | | }, |
| | | /** 导出按钮操作 */ |
| | | handleExport() { |
| | |
| | | .margin-5 { |
| | | margin-left: 5px; |
| | | } |
| | | |
| | | .row-warp { |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .row { |
| | | display: flex; |
| | | flex-direction: row; |
| | |
| | | justify-content: center; |
| | | margin: 5px 0; |
| | | } |
| | | |
| | | .row-left { |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: row; |
| | | } |
| | | |
| | | .row-right { |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: row; |
| | | } |
| | | |
| | | .text { |
| | | font-size: 14px; |
| | | } |
| | |
| | | margin-right: 50px; |
| | | margin-bottom: 30px; |
| | | } |
| | | |
| | | .card-container { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div |
| | | style="display: flex;flex-direction: row;min-width: 158px;max-width: 158px;margin-bottom: 5px;border-radius: 1px; user-select: none" |
| | | style="display: flex;flex-direction: row;min-width: 300px;max-width: 300px;margin-bottom: 5px;border-radius: 1px; user-select: none" |
| | | > |
| | | <div @click="clickTab(null)" class="tab" |
| | | :class="{tabActive: null == queryParams.provinceTag, tabInactive: null != queryParams.provinceTag}">全部 |
| | | :class="{tabActive: !queryParams.provinceTag && !queryParams.deptTag, tabInactive: queryParams.provinceTag || queryParams.deptTag}">全部 |
| | | </div> |
| | | <div @click="clickTab(0)" class="tab" |
| | | :class="{tabActive: 0 === queryParams.provinceTag, tabInactive: 0 !== queryParams.provinceTag}">省厅考核 |
| | | :class="{tabActive: queryParams.provinceTag, tabInactive: !queryParams.provinceTag}">省厅考核 |
| | | </div> |
| | | <div @click="clickTab(1)" class="tab" |
| | | :class="{tabActive: queryParams.deptTag, tabInactive: !queryParams.deptTag}">公安部考核 |
| | | </div> |
| | | </div> |
| | | <el-card class="box-card" > |
| | |
| | | <el-table-column label="ip" align="center" prop="ip" width="180"/> |
| | | <el-table-column label="标签" align="center" width="180" v-if="columns[0].visible"> |
| | | <template slot-scope="scope"> |
| | | <div>{{ scope.row.provinceTag == 0 ? "省厅" : "市局" }}</div> |
| | | <div> |
| | | {{ |
| | | ( |
| | | (scope.row.provinceTag ? '省厅、' : '') + |
| | | (scope.row.deptTag ? '公安部、' : '')).replace(/、$/, '') |
| | | }} |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="区域" align="center" prop="area" width="180" v-if="columns[1].visible" /> |
| | |
| | | <el-table-column label="当日抓拍量" align="center" prop="snapCount" width="180" v-if="columns[9].visible"/> |
| | | <el-table-column label="时钟准确率" align="center" prop="clockPercent" width="180" v-if="columns[10].visible"/> |
| | | <el-table-column label="上传及时率" align="center" prop="uploadPercent" width="180" v-if="columns[11].visible"/> |
| | | <el-table-column label="主要属性一致率" align="center" prop="importantConPercent" width="180" v-if="columns[12].visible"/> |
| | | <el-table-column label="主要属性一致率" align="center" prop="importantConPercent" width="180" |
| | | v-if="columns[12].visible"/> |
| | | <el-table-column label="全量属性一致率" align="center" prop="majorConPercent" width="180" v-if="columns[13].visible"/> |
| | | <el-table-column label="大图可用率" align="center" prop="bigUsefulPercent" width="180" v-if="columns[14].visible"/> |
| | | <el-table-column label="url可用率" align="center" prop="urlPercent" width="180" v-if="columns[15].visible"/> |
| | |
| | | type="text" |
| | | icon="el-icon-view" |
| | | @click="handleView(scope.row,scope.index)" |
| | | >详细</el-button> |
| | | >详细 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | <el-form-item label="设备名称:">{{ form.name }}</el-form-item> |
| | | <el-col :span="12"> |
| | | <el-form-item label="设备编码:">{{ form.serialNumber }}</el-form-item> |
| | | <el-form-item label="标签:">{{ form.provinceTag == 0 ? '省厅' : '市局' }}</el-form-item> |
| | | <el-form-item label="标签:"> |
| | | {{ |
| | | ((form.provinceTag ? '省厅、' : '') + |
| | | (form.deptTag ? '公安部、' : '')).replace(/、$/, '') |
| | | }} |
| | | </el-form-item> |
| | | <el-form-item label="设备状态:"> |
| | | <div v-if="form.onState === 0">离线</div> |
| | | <div v-else-if="form.onState === 1">在线</div> |
| | |
| | | <script> |
| | | import { videoCount, listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/monitor"; |
| | | import { listDept } from "@/api/system/dept"; |
| | | |
| | | export default { |
| | | name: "Monitor", |
| | | dicts: ['sys_normal_disable','platform_yes_no','camera_state'], |
| | |
| | | }, |
| | | methods: { |
| | | clickTab(active) { |
| | | this.queryParams.provinceTag = active |
| | | if (active === 0) { |
| | | this.queryParams.provinceTag = true |
| | | this.queryParams.deptTag =null |
| | | } else if (active === 1) { |
| | | this.queryParams.provinceTag = null |
| | | this.queryParams.deptTag = true |
| | | }else { |
| | | this.queryParams.provinceTag = null |
| | | this.queryParams.deptTag = null |
| | | } |
| | | this.getList() |
| | | this.getVideoCount() |
| | | }, |
| | |
| | | }).then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }).catch(() => {}); |
| | | }).catch(() => { |
| | | }); |
| | | }, |
| | | /** 导出按钮操作 */ |
| | | handleExport() { |
| | |
| | | } |
| | | |
| | | |
| | | |
| | | .box-card { |
| | | background-color: #ffffff; |
| | | width: 100%; |
| | | margin-bottom: 20px; |
| | | height: 120px |
| | | } |
| | | |
| | | .icon-container { |
| | | display: flex; |
| | | justify-content: center; |
| | |
| | | height: 80px; |
| | | margin-left: 5%; |
| | | } |
| | | |
| | | .el-icon-truck { |
| | | font-size: 50px; |
| | | color: #FFFFFF; |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div |
| | | style="display: flex;flex-direction: row;min-width: 158px;max-width: 158px;margin-bottom: 5px;border-radius: 1px; user-select: none" |
| | | style="display: flex;flex-direction: row;min-width: 300px;max-width: 300px;margin-bottom: 5px;border-radius: 1px; user-select: none" |
| | | > |
| | | <div @click="clickTab(null)" class="tab" |
| | | :class="{tabActive: null == queryParams.provinceTag, tabInactive: null != queryParams.provinceTag}">全部 |
| | | :class="{tabActive: !queryParams.provinceTag && !queryParams.deptTag, tabInactive: queryParams.provinceTag || queryParams.deptTag}">全部 |
| | | </div> |
| | | <div @click="clickTab(0)" class="tab" |
| | | :class="{tabActive: 0 === queryParams.provinceTag, tabInactive: 0 !== queryParams.provinceTag}">省厅考核 |
| | | :class="{tabActive: queryParams.provinceTag, tabInactive: !queryParams.provinceTag}">省厅考核 |
| | | </div> |
| | | <div @click="clickTab(1)" class="tab" |
| | | :class="{tabActive: queryParams.deptTag, tabInactive: !queryParams.deptTag}">公安部考核 |
| | | </div> |
| | | </div> |
| | | <el-card class="box-card" > |
| | |
| | | <el-table-column label="ip" align="center" prop="ip" width="180"/> |
| | | <el-table-column label="标签" align="center" width="180" v-if="columns[0].visible"> |
| | | <template slot-scope="scope"> |
| | | <div>{{ scope.row.provinceTag == 0 ? "省厅" : "市局" }}</div> |
| | | <div> |
| | | {{ |
| | | ( |
| | | (scope.row.provinceTag ? '省厅、' : '') + |
| | | (scope.row.deptTag ? '公安部、' : '')).replace(/、$/, '') |
| | | }} |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="区域" align="center" prop="area" width="180" v-if="columns[1].visible"/> |
| | |
| | | <el-form-item label="设备名称:">{{ form.name }}</el-form-item> |
| | | <el-col :span="12"> |
| | | <el-form-item label="设备编码:">{{ form.serialNumber }}</el-form-item> |
| | | <el-form-item label="标签:">{{ form.provinceTag == 0 ? '省厅' : '市局' }}</el-form-item> |
| | | <el-form-item label="标签:"> |
| | | {{ |
| | | ((form.provinceTag ? '省厅、' : '') + |
| | | (form.deptTag ? '公安部、' : '')).replace(/、$/, '') |
| | | }} |
| | | </el-form-item> |
| | | <el-form-item label="设备状态:"> |
| | | <div v-if="form.onState === 0">离线</div> |
| | | <div v-else-if="form.onState === 1">在线</div> |
| | |
| | | }, |
| | | methods: { |
| | | clickTab(active) { |
| | | this.queryParams.provinceTag = active |
| | | if (active === 0) { |
| | | this.queryParams.provinceTag = true |
| | | this.queryParams.deptTag =null |
| | | } else if (active === 1) { |
| | | this.queryParams.provinceTag = null |
| | | this.queryParams.deptTag = true |
| | | }else { |
| | | this.queryParams.provinceTag = null |
| | | this.queryParams.deptTag = null |
| | | } |
| | | this.getList() |
| | | this.getVideoCount() |
| | | }, |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div |
| | | style="display: flex;flex-direction: row;min-width: 158px;max-width: 158px;margin-bottom: 5px;border-radius: 1px; user-select: none" |
| | | style="display: flex;flex-direction: row;min-width: 300px;max-width: 300px;margin-bottom: 5px;border-radius: 1px; user-select: none" |
| | | > |
| | | <div @click="clickTab(null)" class="tab" |
| | | :class="{tabActive: null == queryParams.provinceTag, tabInactive: null != queryParams.provinceTag}">全部 |
| | | :class="{tabActive: !queryParams.provinceTag && !queryParams.deptTag, tabInactive: queryParams.provinceTag || queryParams.deptTag}">全部 |
| | | </div> |
| | | <div @click="clickTab(0)" class="tab" |
| | | :class="{tabActive: 0 === queryParams.provinceTag, tabInactive: 0 !== queryParams.provinceTag}">省厅考核 |
| | | :class="{tabActive: queryParams.provinceTag, tabInactive: !queryParams.provinceTag}">省厅考核 |
| | | </div> |
| | | <div @click="clickTab(1)" class="tab" |
| | | :class="{tabActive: queryParams.deptTag, tabInactive: !queryParams.deptTag}">公安部考核 |
| | | </div> |
| | | </div> |
| | | <el-card class="box-card"> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="标签" align="center" width="180px" v-if="columns[0].visible"> |
| | | <template slot-scope="scope"> |
| | | <div>{{ scope.row.provinceTag == 0 ? "省厅" : "市局" }}</div> |
| | | <div> |
| | | {{ |
| | | ( |
| | | (scope.row.provinceTag ? '省厅、' : '') + |
| | | (scope.row.deptTag ? '公安部、' : '')).replace(/、$/, '') |
| | | }} |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="区域" align="center" prop="area" v-if="columns[1].visible"/> |
| | |
| | | <el-form-item label="设备名称:">{{ form.name }}</el-form-item> |
| | | <el-col :span="12"> |
| | | <el-form-item label="设备编码:">{{ form.serialNumber }}</el-form-item> |
| | | <el-form-item label="标签:">{{ form.provinceTag == 0 ? '省厅' : '市局' }}</el-form-item> |
| | | <el-form-item label="标签:"> |
| | | {{ |
| | | ((form.provinceTag ? '省厅、' : '') + |
| | | (form.deptTag ? '公安部、' : '')).replace(/、$/, '') |
| | | }} |
| | | </el-form-item> |
| | | <el-form-item label="设备状态:"> |
| | | <div v-if="form.onState === 0">异常</div> |
| | | <div v-else-if="form.onState === 1">正常</div> |
| | |
| | | return translatedTypes.join(', '); |
| | | }, |
| | | clickTab(active) { |
| | | this.queryParams.provinceTag = active |
| | | if (active === 0) { |
| | | this.queryParams.provinceTag = true |
| | | this.queryParams.deptTag =null |
| | | } else if (active === 1) { |
| | | this.queryParams.provinceTag = null |
| | | this.queryParams.deptTag = true |
| | | }else { |
| | | this.queryParams.provinceTag = null |
| | | this.queryParams.deptTag = null |
| | | } |
| | | this.getList() |
| | | this.getVideoCount() |
| | | }, |
| | |
| | | |
| | | <div class="app-container"> |
| | | <div |
| | | style="display: flex;flex-direction: row;min-width: 158px;max-width: 158px;margin-bottom: 5px;border-radius: 1px; user-select: none" |
| | | style="display: flex;flex-direction: row;min-width: 300px;max-width: 300px;margin-bottom: 5px;border-radius: 1px; user-select: none" |
| | | > |
| | | <div @click="clickTab(null)" class="tab" |
| | | :class="{tabActive: null == queryParams.provinceTag, tabInactive: null != queryParams.provinceTag}">全部 |
| | | :class="{tabActive: !queryParams.provinceTag && !queryParams.deptTag, tabInactive: queryParams.provinceTag || queryParams.deptTag}"> |
| | | 全部 |
| | | </div> |
| | | <div @click="clickTab(0)" class="tab" |
| | | :class="{tabActive: 0 === queryParams.provinceTag, tabInactive: 0 !== queryParams.provinceTag}">省厅考核 |
| | | :class="{tabActive: queryParams.provinceTag, tabInactive: !queryParams.provinceTag}">省厅考核 |
| | | </div> |
| | | <div @click="clickTab(1)" class="tab" |
| | | :class="{tabActive: queryParams.deptTag, tabInactive: !queryParams.deptTag}">公安部考核 |
| | | </div> |
| | | </div> |
| | | <el-card class="box-card"> |
| | |
| | | <el-table-column label="ip" align="center" prop="ip" width="180"/> |
| | | <el-table-column label="标签" align="center" width="180" v-if="columns[0].visible"> |
| | | <template slot-scope="scope"> |
| | | <div>{{ scope.row.provinceTag == 0 ? "省厅" : "市局" }}</div> |
| | | <div> |
| | | {{ |
| | | ( |
| | | (scope.row.provinceTag ? '省厅、' : '') + |
| | | (scope.row.deptTag ? '公安部、' : '')).replace(/、$/, '') |
| | | }} |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="区域" align="center" prop="area" width="180" v-if="columns[1].visible"/> |
| | |
| | | <el-form-item label="设备名称:">{{ form.name }}</el-form-item> |
| | | <el-col :span="12"> |
| | | <el-form-item label="设备编码:">{{ form.serialNumber }}</el-form-item> |
| | | <el-form-item label="标签:">{{ form.provinceTag == 0 ? '省厅' : '市局' }}</el-form-item> |
| | | <el-form-item label="标签:"> |
| | | {{ |
| | | ((form.provinceTag ? '省厅、' : '') + |
| | | (form.deptTag ? '公安部、' : '')).replace(/、$/, '') |
| | | }} |
| | | </el-form-item> |
| | | <el-form-item label="设备状态:"> |
| | | <div v-if="form.onState === 0">离线</div> |
| | | <div v-else-if="form.onState === 1">在线</div> |
| | |
| | | }, |
| | | methods: { |
| | | clickTab(active) { |
| | | this.queryParams.provinceTag = active |
| | | if (active === 0) { |
| | | this.queryParams.provinceTag = true |
| | | this.queryParams.deptTag = null |
| | | } else if (active === 1) { |
| | | this.queryParams.provinceTag = null |
| | | this.queryParams.deptTag = true |
| | | } else { |
| | | this.queryParams.provinceTag = null |
| | | this.queryParams.deptTag = null |
| | | } |
| | | this.getList() |
| | | this.getVideoCount() |
| | | }, |