| | |
| | | selectJy, |
| | | selectWg, |
| | | punishList, |
| | | lazyTrees |
| | | lazyTrees, |
| | | } from "../../api/index/index"; |
| | | |
| | | import car from "@/assets/img/car.png"; |
| | |
| | | materialNum: 0, |
| | | punishNum: 0, |
| | | wgNum: 0, |
| | | ymwsNum: 0 |
| | | ymwsNum: 0, |
| | | }, |
| | | carNum: 0, |
| | | peoNum: 0, |
| | |
| | | left1Echart: null, |
| | | left2Echart: null, |
| | | mapEchart: null, |
| | | right3Echart: null |
| | | right3Echart: null, |
| | | }, |
| | | left1loading: true, |
| | | left2loading: true, |
| | |
| | | wz: 0, |
| | | kqy: 0, |
| | | nan: 0, |
| | | nv: 0 |
| | | nv: 0, |
| | | }, |
| | | left2EchartType: 0, |
| | | poorPerformanceType: 3, |
| | |
| | | total: 0, |
| | | current: 1, |
| | | type: "zg", |
| | | title: "资格异常人员清单" |
| | | title: "资格异常人员清单", |
| | | }, |
| | | dialogTable: { |
| | | wgTable: [], |
| | | jyTable: [], |
| | | ymTable: [] |
| | | ymTable: [], |
| | | }, |
| | | props: { |
| | | children: "children", |
| | | label: "title", |
| | | value: "id" |
| | | value: "id", |
| | | }, |
| | | node1: {}, //选中的记录 |
| | | node2: {} |
| | | node2: {}, |
| | | }; |
| | | }, |
| | | computed: { |
| | | text() { |
| | | return { |
| | | id: this.number, |
| | | val: this.textArr[this.number] |
| | | val: this.textArr[this.number], |
| | | }; |
| | | } |
| | | }, |
| | | }, |
| | | methods: { |
| | | //点击节点 |
| | |
| | | |
| | | // 左侧表的接口返回数据 |
| | | initEchart() { |
| | | securityTotal().then(res => { |
| | | securityTotal().then((res) => { |
| | | if (res.data.code == 200) { |
| | | let securityData = res.data.data; |
| | | if (!this.echarts.left1Echart) { |
| | |
| | | } |
| | | this.left1loading = false; |
| | | }); |
| | | seCountI({ jurisdiction: "", deptid: "" }).then(res => { |
| | | seCountI({ jurisdiction: "", deptid: "" }).then((res) => { |
| | | if (res.data.code == 200) { |
| | | let data = res.data.data; |
| | | data.forEach(item => { |
| | | data.forEach((item) => { |
| | | if (item.stats === "0") { |
| | | this.leftData.zz = item.num; |
| | | } |
| | |
| | | this.$message.error(res.msg); |
| | | } |
| | | }); |
| | | selectFj().then(res => { |
| | | debugger; |
| | | selectFj().then((res) => { |
| | | // debugger; |
| | | if (res.data.code === 200) { |
| | | if (!this.echarts.right3Echart) { |
| | | this.echarts.right3Echart = echarts.init( |
| | |
| | | this.echarts.left2Echart.clear(); |
| | | } |
| | | if (type === 0) { |
| | | holderNum().then(res => { |
| | | holderNum().then((res) => { |
| | | if (res.data.code === 200) { |
| | | let data = res.data.data; |
| | | this.echarts.left2Echart = echarts.init( |
| | |
| | | this.left2loading = false; |
| | | }); |
| | | } else { |
| | | seCountUg({ jurisdiction: "", deptid: "" }).then(res => { |
| | | seCountUg({ jurisdiction: "", deptid: "" }).then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.echarts.left2Echart = echarts.init( |
| | | document.getElementById("left2Echart") |
| | |
| | | this.middleloading = false; |
| | | this.textArr = []; |
| | | if (type === 2) { |
| | | this.tableData.forEach(item => { |
| | | this.tableData.forEach((item) => { |
| | | let obj = |
| | | "押运车辆车牌号" + |
| | | item.carNum + |
| | |
| | | this.textArr.push(obj); |
| | | }); |
| | | } else if (type === 1) { |
| | | this.tableData.forEach(item => { |
| | | this.tableData.forEach((item) => { |
| | | let obj = |
| | | "押运人员" + |
| | | item.name + |
| | |
| | | this.textArr.push(obj); |
| | | }); |
| | | } else if (type === 3) { |
| | | this.tableData.forEach(item => { |
| | | this.tableData.forEach((item) => { |
| | | let obj = |
| | | "枪支编号" + |
| | | item.number + |
| | |
| | | let middleData = { |
| | | 1: { |
| | | table: [], |
| | | geoData: [] |
| | | geoData: [], |
| | | }, |
| | | 2: { |
| | | table: [], |
| | | geoData: [] |
| | | geoData: [], |
| | | }, |
| | | 3: { |
| | | table: [], |
| | | geoData: [] |
| | | } |
| | | geoData: [], |
| | | }, |
| | | }; |
| | | getLiveLocationVoList({ type: type }).then(res => { |
| | | getLiveLocationVoList({ type: type }).then((res) => { |
| | | if (res.data.code === 200) { |
| | | let allData = res.data.data; |
| | | allData.forEach(m => { |
| | | allData.forEach((m) => { |
| | | let obj = { |
| | | location: m.location, |
| | | name: m.name, |
| | |
| | | linkman: m.linkman, |
| | | company: m.company, |
| | | tel: m.tel, |
| | | carNum: m.carNum |
| | | carNum: m.carNum, |
| | | }; |
| | | |
| | | // let geoObj = { |
| | |
| | | // }; |
| | | middleData[m.type]["geoData"].push([ |
| | | Number(m.longitude), |
| | | Number(m.latitude) |
| | | Number(m.latitude), |
| | | ]); |
| | | middleData[m.type]["table"].push(obj); |
| | | }); |
| | |
| | | zIndex: 4, |
| | | title: "影像", |
| | | source: new XYZ({ |
| | | url: |
| | | "http://t3.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0" // 行政区划 |
| | | }) |
| | | url: "http://t3.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0", // 行政区划 |
| | | }), |
| | | }), |
| | | new Tile({ |
| | | zIndex: 5, |
| | | title: "道路+中文注记", |
| | | source: new XYZ({ |
| | | url: |
| | | "http://t3.tianditu.com/DataServer?T=cta_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0" // 注记 |
| | | }) |
| | | }) |
| | | url: "http://t3.tianditu.com/DataServer?T=cta_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0", // 注记 |
| | | }), |
| | | }), |
| | | ], |
| | | view: new View({ |
| | | projection: "EPSG:4326", |
| | | center: [115.892151, 28.676493], |
| | | zoom: 10 |
| | | }) |
| | | zoom: 10, |
| | | }), |
| | | }); |
| | | this.carVectorLayer = new VectorLayer({ |
| | | zIndex: 99, |
| | | source: new VectorSource() |
| | | source: new VectorSource(), |
| | | }); |
| | | |
| | | this.peoVectorLayer = new VectorLayer({ |
| | | zIndex: 99, |
| | | source: new VectorSource() |
| | | source: new VectorSource(), |
| | | }); |
| | | |
| | | this.gunVectorLayer = new VectorLayer({ |
| | | zIndex: 99, |
| | | source: new VectorSource() |
| | | source: new VectorSource(), |
| | | }); |
| | | this.map.addLayer(this.carVectorLayer); |
| | | this.map.addLayer(this.peoVectorLayer); |
| | |
| | | }, |
| | | // 获取辖区列表 |
| | | getOfficeData() { |
| | | lazyTrees().then(res => { |
| | | lazyTrees().then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.options1 = res.data.data; |
| | | this.options2 = res.data.data; |
| | |
| | | } |
| | | }, |
| | | getWgTable() { |
| | | this.dialogTable.wgTable.forEach(item => { |
| | | this.dialogTable.wgTable.forEach((item) => { |
| | | let czl = 0; |
| | | if (Number(item.cznum) !== 0 && Number(item.znum) !== 0) { |
| | | czl = |
| | |
| | | this.gridData.total = this.dialogTable.wgTable.length; |
| | | }, |
| | | getJyTable() { |
| | | this.dialogTable.jyTable.forEach(item => { |
| | | this.dialogTable.jyTable.forEach((item) => { |
| | | let pql = 0; |
| | | if (Number(item.painum) !== 0 && Number(item.znum) !== 0) { |
| | | pql = |
| | |
| | | let params = { |
| | | current: this.gridData.current, |
| | | size: 10, |
| | | jurisdiction: this.value2 |
| | | jurisdiction: this.value2, |
| | | }; |
| | | punishList(params).then(res => { |
| | | punishList(params).then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.gridData.data = res.data.data.records; |
| | | this.gridData.total = res.data.data.total; |
| | |
| | | current: this.gridData.current, |
| | | size: 10, |
| | | examinationType: 1, |
| | | jurisdiction: this.value1 |
| | | jurisdiction: this.value1, |
| | | }; |
| | | qualificationPages(params).then(res => { |
| | | qualificationPages(params).then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.gridData.data = res.data.data.records; |
| | | this.gridData.total = res.data.data.total; |
| | |
| | | let params = { |
| | | current: this.gridData.current, |
| | | size: 10, |
| | | jurisdiction: this.value2 |
| | | jurisdiction: this.value2, |
| | | }; |
| | | punishList(params).then(res => { |
| | | punishList(params).then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.gridData.data = res.data.data.records; |
| | | this.gridData.total = res.data.data.total; |
| | |
| | | }, |
| | | // 经营不善 |
| | | getMaterial() { |
| | | selectJy({ jurisdiction: this.value2 }).then(res => { |
| | | selectJy({ jurisdiction: this.value2 }).then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.rightData.materialNum = res.data.data.count; |
| | | this.dialogTable.jyTable = res.data.data.List; |
| | |
| | | }, |
| | | // 有名无实 |
| | | getselectYs() { |
| | | selectYs({ jurisdiction: this.value2 }).then(res => { |
| | | selectYs({ jurisdiction: this.value2 }).then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.rightData.ymwsNum = res.data.data.count; |
| | | this.dialogTable.ymTable = res.data.data.List; |
| | |
| | | }, |
| | | // 违规经营 |
| | | getselectWg() { |
| | | selectWg({ jurisdiction: this.value2 }).then(res => { |
| | | selectWg({ jurisdiction: this.value2 }).then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.rightData.wgNum = res.data.data.count; |
| | | this.dialogTable.wgTable = res.data.data.list; |
| | |
| | | // this.rightData.qualification = 45; |
| | | selectBx({ |
| | | jurisdiction: this.value1, |
| | | type: this.poorPerformanceType |
| | | }).then(res => { |
| | | type: this.poorPerformanceType, |
| | | }).then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.rightData.poorPerformance = res.data.data[0].count; |
| | | } else { |
| | |
| | | }); |
| | | selectExtype({ |
| | | jurisdiction: this.value1, |
| | | type: this.poorPerformanceType |
| | | }).then(res => { |
| | | type: this.poorPerformanceType, |
| | | }).then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.rightData.qualification = res.data.data[0].count; |
| | | } else { |
| | |
| | | // this.$router.push({ path: "/register/index" }); |
| | | // this.$router.push({ path: "/securityGuardManagement/register" }); |
| | | this.$router.push({ path: website.fistPage.value }); |
| | | } |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.initEchart(); |
| | |
| | | this.getTableData(0); |
| | | // this.initMapEchart(); |
| | | this.getOfficeData(); |
| | | } |
| | | }, |
| | | }; |
| | | </script> |
| | | |