|
|
|
|
@ -2,8 +2,8 @@
|
|
|
|
|
* @Author: 许宏杰
|
|
|
|
|
* @Date: 2022-08-25 13:33:58
|
|
|
|
|
* @LastEditors: 许宏杰
|
|
|
|
|
* @LastEditTime: 2022-09-15 17:13:52
|
|
|
|
|
* @FilePath: \wujiangtaishipc\src\views\components\check\index.vue
|
|
|
|
|
* @LastEditTime: 2022-09-22 14:27:25
|
|
|
|
|
* @FilePath: \wujiangtaishipc2\src\views\components\check\index.vue
|
|
|
|
|
-->
|
|
|
|
|
<template>
|
|
|
|
|
<div class="check-container">
|
|
|
|
|
@ -176,7 +176,11 @@
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { listTotalData, updateTotalData } from "@/api/wujiangtaishi/totalData";
|
|
|
|
|
import {
|
|
|
|
|
listTotalData,
|
|
|
|
|
updateTotalData,
|
|
|
|
|
addNewCase,
|
|
|
|
|
} from "@/api/wujiangtaishi/totalData";
|
|
|
|
|
import { gaodeAddress } from "@/utils/gaodeAddress.js"; //经纬度转地址
|
|
|
|
|
import moment from "moment";
|
|
|
|
|
import { fabric } from "fabric";
|
|
|
|
|
@ -227,26 +231,26 @@ export default {
|
|
|
|
|
disabled: true,
|
|
|
|
|
eventname: "ljtmy",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "建筑垃圾",
|
|
|
|
|
disabled: true,
|
|
|
|
|
eventname: "jzlji",
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// name: "建筑垃圾",
|
|
|
|
|
// disabled: true,
|
|
|
|
|
// eventname: "jzlji",
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
name: "违章乱贴小广告",
|
|
|
|
|
disabled: true,
|
|
|
|
|
eventname: "wzltxgg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "市政井盖缺失",
|
|
|
|
|
disabled: true,
|
|
|
|
|
eventname: "szjgqs",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "道路开挖",
|
|
|
|
|
disabled: true,
|
|
|
|
|
eventname: "dlkw",
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// name: "市政井盖缺失",
|
|
|
|
|
// disabled: true,
|
|
|
|
|
// eventname: "szjgqs",
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// name: "道路开挖",
|
|
|
|
|
// disabled: true,
|
|
|
|
|
// eventname: "dlkw",
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
name: "沿街晾晒",
|
|
|
|
|
disabled: true,
|
|
|
|
|
@ -261,9 +265,9 @@ export default {
|
|
|
|
|
yjls: "沿街晾晒",
|
|
|
|
|
mqzdjy: "门前占道经营",
|
|
|
|
|
ldtf: "流动摊贩",
|
|
|
|
|
jzlji: "建筑垃圾",
|
|
|
|
|
szjgqs: "市政井盖缺失",
|
|
|
|
|
dlkw: "道路开挖",
|
|
|
|
|
// jzlji: "建筑垃圾",
|
|
|
|
|
// szjgqs: "市政井盖缺失",
|
|
|
|
|
// dlkw: "道路开挖",
|
|
|
|
|
},
|
|
|
|
|
list: [],
|
|
|
|
|
listTotal: 0,
|
|
|
|
|
@ -289,6 +293,7 @@ export default {
|
|
|
|
|
canvaData: {},
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
mounted() {
|
|
|
|
|
this.canvaheight = this.$refs.canvasbox.offsetHeight;
|
|
|
|
|
this.canvawidth = this.$refs.canvasbox.offsetWidth;
|
|
|
|
|
@ -334,6 +339,18 @@ export default {
|
|
|
|
|
message: "提交成功",
|
|
|
|
|
type: "success",
|
|
|
|
|
});
|
|
|
|
|
// if (this.shenheParams.shen_state == 1) {
|
|
|
|
|
// let data = {
|
|
|
|
|
// dataId: this.canvaData.id,
|
|
|
|
|
// lng: this.canvaData.lng,
|
|
|
|
|
// lat: this.canvaData.lat,
|
|
|
|
|
// photo: this.canvaData.photo,
|
|
|
|
|
// address: this.canvaData.address,
|
|
|
|
|
// detail: this.shenheParams.shen_remark,
|
|
|
|
|
// };
|
|
|
|
|
// console.log(data);
|
|
|
|
|
// addNewCase(data);
|
|
|
|
|
// }
|
|
|
|
|
this.listactiveIndex = 0;
|
|
|
|
|
this.shenheParams = {
|
|
|
|
|
id: "",
|
|
|
|
|
@ -367,16 +384,17 @@ export default {
|
|
|
|
|
this.getList();
|
|
|
|
|
},
|
|
|
|
|
/**事件类型list */
|
|
|
|
|
getList() {
|
|
|
|
|
getList() {
|
|
|
|
|
listTotalData(this.queryParams).then((res) => {
|
|
|
|
|
let list = []
|
|
|
|
|
this.listTotal = res.total;
|
|
|
|
|
// if (this.listTotal == 0) {
|
|
|
|
|
// this.$message({
|
|
|
|
|
// message: "暂无数据",
|
|
|
|
|
// type: "warning",
|
|
|
|
|
// });
|
|
|
|
|
// return;
|
|
|
|
|
// }
|
|
|
|
|
// res.rows.forEach(item => {
|
|
|
|
|
// let kexin = JSON.parse(item.zb);
|
|
|
|
|
// let arr = kexin[0];
|
|
|
|
|
// if (arr[4] > 0.8) {
|
|
|
|
|
// list.push(item);
|
|
|
|
|
// }
|
|
|
|
|
// });
|
|
|
|
|
this.list = [...this.list, ...res.rows]; //合并
|
|
|
|
|
// 渲染canvas
|
|
|
|
|
if (this.canvaIndex == null) {
|
|
|
|
|
@ -387,6 +405,9 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
/**单击list */
|
|
|
|
|
liCilck(item, index) {
|
|
|
|
|
var c = document.getElementById("canvas");
|
|
|
|
|
c.width = this.canvawidth;
|
|
|
|
|
c.height = this.canvaheight;
|
|
|
|
|
this.canvaIndex = index;
|
|
|
|
|
this.listactiveIndex = index;
|
|
|
|
|
this.initcanvas();
|
|
|
|
|
@ -415,6 +436,9 @@ export default {
|
|
|
|
|
time: this.list[this.canvaIndex].begain_time,
|
|
|
|
|
type: this.iconTitle[this.list[this.canvaIndex].eventname],
|
|
|
|
|
shen_state: this.list[this.canvaIndex].shen_state,
|
|
|
|
|
photo: data_image,
|
|
|
|
|
lng: this.list[this.canvaIndex].lng,
|
|
|
|
|
lat: this.list[this.canvaIndex].lat,
|
|
|
|
|
};
|
|
|
|
|
// 人工识别修改默认选中
|
|
|
|
|
this.rengongIndex = this.rengong.findIndex(
|
|
|
|
|
@ -434,6 +458,9 @@ export default {
|
|
|
|
|
|
|
|
|
|
/**查询list */
|
|
|
|
|
ListSubmit() {
|
|
|
|
|
var c = document.getElementById("canvas");
|
|
|
|
|
c.width = this.canvawidth;
|
|
|
|
|
c.height = this.canvaheight;
|
|
|
|
|
this.queryParams.pageNum = 1;
|
|
|
|
|
this.queryParams.pageSize = 15;
|
|
|
|
|
this.list = [];
|
|
|
|
|
@ -801,13 +828,13 @@ export default {
|
|
|
|
|
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
|
|
|
|
margin-bottom: vh(20);
|
|
|
|
|
.lable {
|
|
|
|
|
// width: vw(70);
|
|
|
|
|
width: vw(65);
|
|
|
|
|
font-size: vw(14);
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #8aa4ca;
|
|
|
|
|
}
|
|
|
|
|
.value {
|
|
|
|
|
padding-left: vw(20);
|
|
|
|
|
padding-left: vw(10);
|
|
|
|
|
font-size: vw(14);
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
|
