Merge branch 'master' of http://42.193.1.25:9521/r/zgyw-ui
| | |
| | | <div class="container"> |
| | | <el-row type="flex" justify="center"> |
| | | <el-col :span="24"> |
| | | <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">人脸数据异常检测</h3> |
| | | <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">视频运行监控</h3> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-row type="flex" justify="center"> |
| | | <el-col :span="6" v-for="(item, index) in faceData" :key="index"> |
| | | <el-col :span="6" v-for="(item, index) in videoData" :key="index"> |
| | | <el-link @click="handleDetail(item)"> |
| | | <el-card style="width:150px;height: 150px;text-align: center;"> |
| | | <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i> |
| | | <div>{{ item.name }}</div> |
| | | </el-card> |
| | | </el-link> |
| | | </el-col> |
| | | </el-row> |
| | | <br/> |
| | | <el-row type="flex" justify="center"> |
| | | <el-col :span="6" v-for="(item, index) in videoData2" :key="index"> |
| | | <el-link @click="handleDetail(item)" :style="item.name == '' ? 'display:none' : ''"> |
| | | <el-card style="width:150px;height: 150px;text-align: center;"> |
| | | <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i> |
| | | <div>{{ item.name }}</div> |
| | |
| | | <div class="container"> |
| | | <el-row type="flex" justify="center"> |
| | | <el-col :span="24"> |
| | | <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">车俩数据异常检测</h3> |
| | | <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">车辆运行监控</h3> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | |
| | | </el-link> |
| | | </el-col> |
| | | </el-row> |
| | | <br/> |
| | | <el-row type="flex" justify="center"> |
| | | <el-col :span="6" v-for="(item, index) in carData2" :key="index"> |
| | | <el-link @click="handleDetail(item)" :style="item.name == '' ? 'display:none' : ''"> |
| | | <el-card style="width:150px;height: 150px;text-align: center;"> |
| | | <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i> |
| | | <div>{{ item.name }}</div> |
| | | </el-card> |
| | | </el-link> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | |
| | | <div class="container"> |
| | | <el-row type="flex" justify="center"> |
| | | <el-col :span="24"> |
| | | <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">人脸运行监控</h3> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-row type="flex" justify="center"> |
| | | <el-col :span="6" v-for="(item, index) in faceData" :key="index"> |
| | | <el-link @click="handleDetail(item)"> |
| | | <el-card style="width:150px;height: 150px;text-align: center;"> |
| | | <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i> |
| | | <div>{{ item.name }}</div> |
| | | </el-card> |
| | | </el-link> |
| | | </el-col> |
| | | </el-row> |
| | | <br/> |
| | | <el-row type="flex" justify="center"> |
| | | <el-col :span="6" v-for="(item, index) in faceData2" :key="index"> |
| | | <el-link @click="handleDetail(item)" :style="item.name == '' ? 'display:none' : ''"> |
| | | <el-card style="width:150px;height: 150px;text-align: center;"> |
| | | <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i> |
| | | <div>{{ item.name }}</div> |
| | | </el-card> |
| | | </el-link> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <br/><br/><br/><br/> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | faceData: [ |
| | | { name: '人脸识别时钟准确性', icon: 'el-icon-alarm-clock', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '人脸抓拍数据监测', icon: 'el-icon-user', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '人脸数据趋势分析', icon: 'el-icon-data-line', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '人脸抓拍设备活跃性', icon: 'el-icon-timer', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '人脸抓拍上传及时性', icon: 'el-icon-money', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '人脸抓拍大图可用性', icon: 'el-icon-data-analysis', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | videoData: [ |
| | | { name: '平台在线', icon: 'el-icon-connection', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '一机一档', icon: 'el-icon-folder', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '点位在线', icon: 'el-icon-search', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '录像可用', icon: 'el-icon-turn-off', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '视频标注', icon: 'el-icon-place', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '重点指挥图像在线率', icon: 'el-icon-film', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | ], |
| | | videoData2: [ |
| | | { name: '视频图像资源安全管理', icon: 'el-icon-house', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '视频图像质量', icon: 'el-icon-set-up', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '', icon: 'el-icon-connection', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '', icon: 'el-icon-connection', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '', icon: 'el-icon-connection', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '', icon: 'el-icon-connection', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' } |
| | | ], |
| | | carData: [ |
| | | { name: '卡口过车数据一致性', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' } |
| | | { name: '视图库对接稳定性×1', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '点位在线率', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '联网卡口设备目录一致率', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '车辆卡口信息采集准确率', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '车辆卡口设备抓拍数据完整性', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '车辆卡口设备抓拍数据准确性', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' } |
| | | ], |
| | | carData2: [ |
| | | { name: '车辆卡口设备时钟准确性', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '车辆卡口设备抓拍数据上传及时性', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '车辆卡口设备url可用性×0.5', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '车辆卡口设备抓拍数据大图可用性', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' } |
| | | ], |
| | | faceData: [ |
| | | { name: '视图库对接稳定性', icon: 'el-icon-alarm-clock', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '点位在线率', icon: 'el-icon-user', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '目录一致率', icon: 'el-icon-data-line', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '人脸卡口信息采集准确率', icon: 'el-icon-timer', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '设备抓拍图片合格性', icon: 'el-icon-money', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '设备抓拍图片时钟准确性', icon: 'el-icon-data-analysis', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | ], |
| | | faceData2: [ |
| | | { name: '抓拍人脸数据上传及时性', icon: 'el-icon-thumb', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '人脸卡口设备抓拍数据大图可用性', icon: 'el-icon-pie-chart', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '', icon: 'el-icon-data-line', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '', icon: 'el-icon-timer', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '', icon: 'el-icon-money', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { name: '', icon: 'el-icon-data-analysis', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | ] |
| | | } |
| | | }, |
| | |
| | | <el-table-column label="运维单位" align="center" prop="unitName" /> |
| | | <el-table-column label="报备人员" align="center" prop="peopleName" /> |
| | | <el-table-column label="点位" align="center" prop="pointName" /> |
| | | <el-table-column label="报备类型" align="center" prop="reportType" /> |
| | | <el-table-column label="报备内容" align="center" prop="reportContent" /> |
| | | <el-table-column label="上报材料" align="center" prop="reportMaterials" /> |
| | | <el-table-column label="故障类型" align="center" prop="errorType" /> |
| | |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="报备类型" prop="reportType"> |
| | | <el-select v-model="form.reportType"> |
| | | <el-option label="事前报备" value="事前报备"/> |
| | | <el-option label="事后报备" value="事后报备"/> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="故障类型" prop="errorType"> |
| | | <el-select v-model="form.errorType"> |
| | | <el-option label="市政施工" value="市政施工"/> |
| | |
| | | <el-form-item label="报备人员"> |
| | | <el-input v-model="auditingForm.peopleName" disabled /> |
| | | </el-form-item> |
| | | <el-form-item label="报备类型"> |
| | | <el-input v-model="auditingForm.reportType" disabled /> |
| | | </el-form-item> |
| | | <el-form-item label="故障类型"> |
| | | <el-input v-model="auditingForm.errorType" disabled /> |
| | | </el-form-item> |
| | |
| | | <el-button @click="auditingCancel">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | errorType: "", |
| | | reportContent: "", |
| | | auditing: "", |
| | | suggest: "" |
| | | suggest: "", |
| | | reportType: "", |
| | | }, |
| | | // 查询参数 |
| | | queryParams: { |
| | |
| | | reportMaterials: [ |
| | | { required: true, message: "上报材料不能为空", trigger: "blur" } |
| | | ], |
| | | reportType: [ |
| | | { required: true, message: "请选择报备类型", trigger: "blur" } |
| | | ], |
| | | } |
| | | }; |
| | | }, |
| | |
| | | this.auditingForm.peopleName =row.peopleName |
| | | this.auditingForm.errorType =row.errorType |
| | | this.auditingForm.reportContent =row.reportContent |
| | | this.auditingForm.reportType =row.reportType |
| | | }, |
| | | // 远程搜索点位 |
| | | remoteGetPoints(query) { |
| | |
| | | }, |
| | | /** 提交按钮 */ |
| | | submitForm() { |
| | | // todo 判断是事前报备 |
| | | |
| | | this.$refs["form"].validate(valid => { |
| | | if (valid) { |
| | | if (this.form.id != null) { |
| | |
| | | }); |
| | | } else { |
| | | addReport(this.form).then(response => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.$modal.msgSuccess("成功提交报备"); |
| | | this.open = false; |
| | | this.getList(); |
| | | }); |
| | |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="工单号" align="center" prop="workOrderNo" width="170"/> |
| | | <el-table-column label="工单来源" align="center" prop="source" width="170"/> |
| | | <el-table-column label="是否报备" align="center" width="170"> |
| | | <template slot-scope="scope"> |
| | | <el-tag>已报备(事前)</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="故障类型" align="center" prop="errorType" width="170"/> |
| | | <el-table-column label="运维单位" align="center" prop="unitName" width="150"/> |
| | | <el-table-column label="运维人员" align="center" prop="ywPeopleName" /> |
| | |
| | | |
| | | <el-table-column label="操作" fixed="right" width="150" align="center" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <!-- <el-button--> |
| | | <!-- size="mini"--> |
| | | <!-- type="text"--> |
| | | <!-- icon="el-icon-edit"--> |
| | | <!-- @click="handleUpdate(scope.row)"--> |
| | | <!-- v-hasPermi="['x:work-order:edit']"--> |
| | | <!-- >修改</el-button>--> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | |
| | | type="text" |
| | | @click="handleFlow(scope.row)" |
| | | >过程图</el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | @click="handleReport(scope.row)" |
| | | >事后报备</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | |
| | | <!-- 事后报备 --> |
| | | <el-dialog title="事后报备" :visible.sync="reportOpen" width="600px" append-to-body> |
| | | <el-form ref="reportForm" :model="reportForm" :rules="reportFormRules" label-width="80px"> |
| | | <el-form-item label="点位" prop="pointId"> |
| | | <el-input v-model="reportForm.pointId" disabled /> |
| | | </el-form-item> |
| | | <el-form-item label="报备类型"> |
| | | <el-input v-model="reportForm.reportType" disabled /> |
| | | </el-form-item> |
| | | <el-form-item label="故障类型" prop="errorType"> |
| | | <el-select v-model="reportForm.errorType"> |
| | | <el-option label="市政施工" value="市政施工"/> |
| | | <el-option label="设备故障" value="设备故障"/> |
| | | <el-option label="设备遗失" value="设备遗失"/> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="报备内容" prop="reportContent"> |
| | | <editor v-model="reportForm.reportContent" :min-height="192"/> |
| | | </el-form-item> |
| | | <el-form-item label="上报材料" prop="reportMaterials"> |
| | | <file-upload v-model="reportForm.reportMaterials"/> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="submitReportForm">提 交</el-button> |
| | | <el-button @click="reportOpen = false">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <el-dialog title="工单审核" :visible.sync="auditingOpen" width="500px" append-to-body> |
| | | <el-form ref="auditingForm" :model="auditingForm" :rules="auditingRules" label-width="80px"> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | reportFormRules: { |
| | | reportContent: [ |
| | | { required: true, message: "报备内容不能为空", trigger: "blur" } |
| | | ], |
| | | reportMaterials: [ |
| | | { required: true, message: "上报材料不能为空", trigger: "blur" } |
| | | ], |
| | | }, |
| | | reportOpen: false, |
| | | reportForm: { |
| | | reportType: "事后报备", |
| | | pointId: "琼于镇3街1号摄像头", |
| | | errorType: "", |
| | | reportContent: "", |
| | | reportMaterials: "" |
| | | }, |
| | | // 过程图 |
| | | flowOpen: false, |
| | | flowForm: {}, |
| | |
| | | this.getList(); |
| | | }, |
| | | methods: { |
| | | // 报备 |
| | | submitReportForm() { |
| | | this.$refs["reportForm"].validate(valid => { |
| | | if (valid) { |
| | | addReport(this.form).then(response => { |
| | | this.$modal.msgSuccess("成功提交报备"); |
| | | this.open = false; |
| | | this.getList(); |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | // 事后报备按钮 |
| | | handleReport(row) { |
| | | this.reportForm.pointId = row.source; |
| | | this.reportOpen = true; |
| | | }, |
| | | // 审核按钮 |
| | | handleAuditing(row) { |
| | | this.auditingForm = row; |