Merge remote-tracking branch 'origin/master'
| | |
| | | </el-row> |
| | | <el-row v-if="contractList && contractList.length > 0" v-loading="loading" :gutter="20"> |
| | | <el-col |
| | | :span="8" |
| | | :span="6" |
| | | v-for="(item, index) in contractList" |
| | | :key="index" |
| | | style="margin-bottom: 10px" |
| | | > |
| | | <el-card :body-style="{ padding: '0px' }"> |
| | | <ImagePreview |
| | | <el-image |
| | | style="width: 100%; height: 187px" |
| | | fit="cover" |
| | | :src="item.attachment" |
| | | :src="require('../../../../assets/images/ht.jpg')" |
| | | class="image" |
| | | /> |
| | | <div style="padding: 14px"> |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div style="display: flex;flex-direction: row;min-width: 158px;max-width: 158px;margin-bottom: 5px;border-radius: 1px"> |
| | | <div @click="allData(0)" class="tab" :class="{tabActive: 0 === selected, tabInactive: 0 !== selected}">全部</div> |
| | | <div @click="provinceData(1)" class="tab" :class="{tabActive: 1 === selected, tabInactive: 1 !== selected}">省厅考核</div> |
| | | </div> |
| | | <el-card class="box-card" v-show="index !== 'image_resource_security'"> |
| | | <el-row style="display: flex; flex-direction: row; align-items: center" justify="space-between"> |
| | | <div style="font-size: 18px;min-width: 200px">{{ruleName}}</div> |
| | | <div style="font-size: 18px;min-width: 200px;height: 80px;display: flex;align-items: center">{{ruleName}}</div> |
| | | <div v-if="cardList && cardList.length > 0" v-for="card in cardList" style="display: flex;flex-direction: row; margin-right: 50px;margin-left: 20px;align-items: center" :key="card.label"> |
| | | <div> |
| | | <div class="icon-container"> |
| | |
| | | </el-row> |
| | | </el-card> |
| | | |
| | | <div style="display: flex;position: relative"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"> |
| | | <el-form-item label="关键词" prop="bayonetNumber"> |
| | | <el-input v-model="queryParams.keyword" placeholder="关键词搜索" clearable @input="handleQuery"/> |
| | |
| | | <el-button icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <right-toolbar style="position: absolute;right: 0px" v-show="index !== 'image_resource_security'" :showSearch.sync="showSearch" @queryTable="handleQuery" :columns="showList"></right-toolbar> |
| | | </div> |
| | | |
| | | |
| | | <el-row :gutter="10" class="mb8" v-show="index === 'image_resource_security'"> |
| | | <el-container> |
| | |
| | | </el-col> |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <right-toolbar v-show="index !== 'image_resource_security'" :showSearch.sync="showSearch" @queryTable="handleQuery" :columns="showList"></right-toolbar> |
| | | |
| | | <div> |
| | | <el-table v-loading="loading" :data="tableData.list"> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | selected: 0, |
| | | // 导入参数 |
| | | upload: { |
| | | // 是否显示弹出层 |
| | |
| | | this.getList(); |
| | | }, |
| | | methods: { |
| | | allData(active) { |
| | | this.selected = active |
| | | }, |
| | | provinceData(active) { |
| | | this.selected = active |
| | | }, |
| | | showListPD(item) { |
| | | if (!this.showList) { |
| | | return true |
| | |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | .tab { |
| | | padding: 5px 15px; |
| | | } |
| | | .tab:hover { |
| | | cursor: pointer; |
| | | user-select: none; |
| | | } |
| | | .tabActive { |
| | | color: white; |
| | | background-color: #409eff; |
| | | border: none; |
| | | border-radius: 1px; |
| | | } |
| | | .tabInactive { |
| | | background-color: #edf2f6; |
| | | color: #409eff; |
| | | } |
| | | .tabInactive:hover { |
| | | background-color: #edf2f6; |
| | | } |
| | | .box-card { |
| | | background-color: #F5F9FE; |
| | | width: 100%; |
| | |
| | | { |
| | | label: '纬度异常数' |
| | | }, |
| | | { |
| | | label: '合格率' |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | }, |
| | | { |
| | | label: '纬度异常数' |
| | | }, |
| | | { |
| | | label: '注册率' |
| | | }, |
| | | ] |
| | | } |
| | |
| | | { |
| | | label: '纬度异常数' |
| | | }, |
| | | { |
| | | label: '考核比' |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | { |
| | | label: '设备总数' |
| | | }, |
| | | { |
| | | label: '在线率' |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | { |
| | | label: '设备总数' |
| | | }, |
| | | { |
| | | label: '在线率' |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | { |
| | | label: '异常' |
| | | }, |
| | | { |
| | | label: '可用率' |
| | | }, |
| | | ] |
| | | } |
| | | ] |
| | |
| | | }, |
| | | { |
| | | label: '异常' |
| | | }, |
| | | { |
| | | label: '可用率' |
| | | }, |
| | | ] |
| | | } |
| | |
| | | { |
| | | label: '设备总数' |
| | | }, |
| | | // { |
| | | // label: '已联网' |
| | | // }, |
| | | // { |
| | | // label: '未联网' |
| | | // }, |
| | | // { |
| | | // label: '视频监控' |
| | | // }, |
| | | // { |
| | | // label: '车辆识别' |
| | | // }, |
| | | // { |
| | | // label: '人脸识别' |
| | | // }, |
| | | { |
| | | label: '在线率' |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | }, |
| | | { |
| | | label: '异常' |
| | | }, |
| | | { |
| | | label: '可用率' |
| | | }, |
| | | ] |
| | | } |
| | |
| | | }, |
| | | { |
| | | label: 'osd时间标注错误数' |
| | | } |
| | | }, |
| | | { |
| | | label: '标注正确率' |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | }, |
| | | { |
| | | label: 'osd时间标注错误数' |
| | | } |
| | | }, |
| | | { |
| | | label: '校时正确率' |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | { |
| | | label: '设备总数' |
| | | }, |
| | | // { |
| | | // label: '已联网' |
| | | // }, |
| | | // { |
| | | // label: '未联网' |
| | | // }, |
| | | // { |
| | | // label: '视频监控' |
| | | // }, |
| | | // { |
| | | // label: '车辆识别' |
| | | // }, |
| | | // { |
| | | // label: '人员识别' |
| | | // }, |
| | | { |
| | | label: '在线率' |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | { |
| | | label: '数据量少' |
| | | }, |
| | | { |
| | | label: '稳定性' |
| | | }, |
| | | ] |
| | | } |
| | | ] |
| | |
| | | dataList: [ |
| | | { |
| | | label: '设备总数' |
| | | }, |
| | | { |
| | | label: '在线率' |
| | | }, |
| | | ] |
| | | } |
| | |
| | | { |
| | | label: '纬度异常数' |
| | | }, |
| | | { |
| | | label: '一致率' |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | }, |
| | | { |
| | | label: '精度过低' |
| | | }, |
| | | { |
| | | label: '准确率' |
| | | }, |
| | | ] |
| | | } |
| | |
| | | { |
| | | icon: 'el-icon-truck', |
| | | dataList: [ |
| | | |
| | | { |
| | | label: '完整性' |
| | | } |
| | | ] |
| | | } |
| | | ], |
| | |
| | | { |
| | | icon: 'el-icon-truck', |
| | | dataList: [ |
| | | |
| | | { |
| | | label: '准确性' |
| | | } |
| | | ] |
| | | } |
| | | ], |
| | |
| | | { |
| | | label: '数据量少' |
| | | }, |
| | | { |
| | | label: '准确性' |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | { |
| | | icon: 'el-icon-truck', |
| | | dataList: [ |
| | | |
| | | { |
| | | label: '及时性' |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | |
| | | { |
| | | icon: 'el-icon-truck', |
| | | dataList: [ |
| | | |
| | | { |
| | | label: '可用性' |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | |
| | | { |
| | | icon: 'el-icon-truck', |
| | | dataList: [ |
| | | |
| | | { |
| | | label: '可用性' |
| | | } |
| | | ] |
| | | } |
| | | ], |
| | |
| | | { |
| | | label: '数据量少' |
| | | }, |
| | | { |
| | | label: '稳定性' |
| | | }, |
| | | ] |
| | | } |
| | | ] |
| | |
| | | }, |
| | | { |
| | | label: '数据量少' |
| | | }, |
| | | { |
| | | label: '在线率' |
| | | }, |
| | | ] |
| | | } |
| | |
| | | { |
| | | label: '纬度异常数' |
| | | }, |
| | | { |
| | | label: '一致率' |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | { |
| | | label: '精度过低' |
| | | }, |
| | | { |
| | | label: '准确率' |
| | | }, |
| | | ] |
| | | } |
| | | ] |
| | |
| | | }, |
| | | { |
| | | label: '精度过低' |
| | | }, |
| | | { |
| | | label: '合格性' |
| | | }, |
| | | ] |
| | | } |
| | |
| | | { |
| | | label: '数据量少' |
| | | }, |
| | | { |
| | | label: '准确性' |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | { |
| | | label: '数据量少' |
| | | }, |
| | | { |
| | | label: '及时性' |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | { |
| | | icon: 'el-icon-truck', |
| | | dataList: [ |
| | | |
| | | { |
| | | label: '可用性' |
| | | } |
| | | ] |
| | | } |
| | | ], |
| | |
| | | v-hasPermi="['point:remove']">删除</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button type="primary" plain icon="el-icon-bottom" v-loading="download" size="mini" @click="handleExport" |
| | | <el-button type="primary" plain icon="el-icon-top" v-loading="download" size="mini" @click="handleExport" |
| | | v-hasPermi="['point:export']">导出点位</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | |
| | | <el-button class="bottom_" type="primary" size="small" v-loading="upload" @click="handleImport" |
| | | v-hasPermi="['point:import']">导入</el-button> |
| | | </div> |
| | | <el-button type="primary" size="mini" plain icon="el-icon-top" slot="reference" v-hasPermi="['point:import']">导入点位</el-button> |
| | | <el-button type="primary" size="mini" plain icon="el-icon-bottom" slot="reference" v-hasPermi="['point:import']">导入点位</el-button> |
| | | </el-popover> |
| | | </el-col> |
| | | <!-- <el-col :span="1.5">--> |
| | |
| | | @pagination="getList" /> |
| | | |
| | | <!-- 添加运维点位对话框 --> |
| | | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> |
| | | <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body> |
| | | <div style="display: flex;flex-direction: row"> |
| | | <div style="flex: 5; border-right: 1px solid #d3d3d3; padding-right: 10px"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="130px"> |
| | | <el-form-item label="点位名称" prop="pointName"> |
| | | <el-input v-model="form.pointName" placeholder="请输入点位名称" /> |
| | | </el-form-item> |
| | | <el-form-item label="重点标签" prop="importantTag"> |
| | | <el-switch |
| | | style="display: block" |
| | | v-model="form.importantTag" |
| | | active-color="#13ce66" |
| | | inactive-color="#409EFF" |
| | | active-text="重点点位" |
| | | inactive-text="普通点位"> |
| | | </el-switch> |
| | | <!-- <el-select v-model="form.importantTag" placeholder="重点标签" clearable> |
| | | <el-option label="重点点位" :value="true" /> |
| | | <el-option label="普通点位" :value="false" /> |
| | | </el-select> --> |
| | | </el-form-item> |
| | | <el-form-item label="省厅标签" prop="provinceTag"> |
| | | <el-switch |
| | | style="display: block" |
| | | v-model="form.provinceTag" |
| | | active-color="#13ce66" |
| | | inactive-color="#409EFF" |
| | | active-text="省厅点位" |
| | | inactive-text="普通点位"> |
| | | </el-switch> |
| | | <!-- <el-select v-model="form.provinceTag" placeholder="省厅标签" clearable> |
| | | <el-option label="省厅点位" :value="true" /> |
| | | <el-option label="普通点位" :value="false" /> |
| | | </el-select> --> |
| | | </el-form-item> |
| | | <el-form-item label="重点指挥图像标签" prop="importantCommandImageTag"> |
| | | <el-switch |
| | | style="display: block" |
| | | v-model="form.importantCommandImageTag" |
| | | active-color="#13ce66" |
| | | inactive-color="#409EFF" |
| | | active-text="重点指挥图像点位" |
| | | inactive-text="普通点位"> |
| | | </el-switch> |
| | | <!-- <el-select v-model="form.importantCommandImageTag" placeholder="重点指挥图像标签" clearable> |
| | | <el-option label="重点指挥图像点位" :value="true" /> |
| | | <el-option label="普通点位" :value="false" /> |
| | | </el-select> --> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="点位所在地" prop="region">--> |
| | | <!-- <el-cascader v-model="form.region" :options="regionList" placeholder="点位所在地" :props="props" collapse-tags></el-cascader>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item label="监管部门" prop="deptId"> |
| | | <el-cascader v-model="form.deptId" :options="deptOptions" :show-all-levels="false" clearable |
| | | :props="{ checkStrictly: true }"> |
| | |
| | | <el-input type="textarea" v-model="form.remark"/> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div style="flex: 5"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="130px"> |
| | | <el-form-item label="重点:" prop="importantTag"> |
| | | <el-switch |
| | | v-model="form.importantTag" |
| | | active-color="#13ce66" |
| | | inactive-color="gray" |
| | | active-text="重点点位" |
| | | inactive-text="普通点位"> |
| | | </el-switch> |
| | | </el-form-item> |
| | | <el-form-item label="省厅:" prop="provinceTag"> |
| | | <el-switch |
| | | v-model="form.provinceTag" |
| | | active-color="#13ce66" |
| | | inactive-color="gray" |
| | | active-text="省厅点位" |
| | | inactive-text="普通点位"> |
| | | </el-switch> |
| | | </el-form-item> |
| | | <el-form-item label="部级:" prop="deptTag"> |
| | | <el-switch |
| | | v-model="form.deptTag" |
| | | active-color="#13ce66" |
| | | inactive-color="gray" |
| | | active-text="部级点位" |
| | | inactive-text="普通点位"> |
| | | </el-switch> |
| | | </el-form-item> |
| | | <el-form-item label="重点指挥图像:" prop="importantCommandImageTag"> |
| | | <el-switch |
| | | v-model="form.importantCommandImageTag" |
| | | active-color="#13ce66" |
| | | inactive-color="gray" |
| | | active-text="重点指挥图像点位" |
| | | inactive-text="普通点位"> |
| | | </el-switch> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | </div> |
| | | </div> |
| | | |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="cancel">取 消</el-button> |
| | | <el-button type="primary" @click="submitForm">确 定</el-button> |
| | |
| | | |
| | | export default { |
| | | name: "Point", |
| | | dicts: ['point_tag'], |
| | | dicts: ['point_tag', 'area_code'], |
| | | data() { |
| | | return { |
| | | needUpdateUnit: false, |
| | |
| | | createTime: null, |
| | | updateTime: null, |
| | | deleted: null, |
| | | importantTag: null, |
| | | provinceTag: null |
| | | importantTag: false, |
| | | provinceTag: false, |
| | | deptTag: false, |
| | | }; |
| | | this.resetForm("form"); |
| | | }, |