master
loveflow 7 months ago
parent e5686f7e52
commit 0487f16885

@ -1,9 +1,10 @@
import request from "@/utils/request"; import request from "@/utils/request";
//车辆详情 //车辆详情
export function vehicledetail() { export function vehicledetail(params) {
return request({ return request({
url: "/special/vehicle/vehicledetail", url: "/special/vehicle/vehicledetail",
method: "post", method: "post",
params,
}); });
} }
//车辆的违规信息统计 //车辆的违规信息统计
@ -21,9 +22,10 @@ export function violations() {
}); });
} }
//获取统计数 //获取统计数
export function nums() { export function nums(params) {
return request({ return request({
url: "/special/vehicle/nums", url: "/special/vehicle/nums",
method: "get", method: "get",
params,
}); });
} }

@ -86,7 +86,7 @@ export default {
type: "bar", type: "bar",
barWidth: 20, barWidth: 20,
color: this.chartObj.color[0][0], color: this.chartObj.color[0][0],
data: this.chartObj.yData1, data: this.chartObj.yData[0],
label: { label: {
show: false, show: false,
position: "top", position: "top",
@ -131,7 +131,7 @@ export default {
type: "bar", type: "bar",
barWidth: 20, barWidth: 20,
color: this.chartObj.color[1][0], color: this.chartObj.color[1][0],
data: this.chartObj.yData2, data: this.chartObj.yData[1],
label: { label: {
show: false, show: false,
position: "top", position: "top",

@ -53,8 +53,9 @@ export const tableListMixins = {
this.dataSource = []; this.dataSource = [];
return; return;
} }
this.dataSource = res.data || []; this.dataSource = (res && res.data) || [];
if (res.total) {
if (res && res.total) {
this.ipagination.total = res.total; this.ipagination.total = res.total;
} else { } else {
this.ipagination.total = 0; this.ipagination.total = 0;

@ -39,6 +39,12 @@ export default {
return ""; return "";
}, },
}, },
param: {
type: Object,
default: () => {
return {};
},
},
}, },
data() { data() {
return { return {
@ -50,6 +56,10 @@ export default {
}, },
created() { created() {
this.url.list = this.dataUrl; this.url.list = this.dataUrl;
if (!this.url.list) {
return;
}
this.queryParam = { ...this.param };
this.ipagination.pageSize = 10000; this.ipagination.pageSize = 10000;
this.ipagination.pageSizes = []; this.ipagination.pageSizes = [];
this.ipagination.layout = "total, prev, pager, next"; this.ipagination.layout = "total, prev, pager, next";

@ -4,7 +4,14 @@
<div class="screeTopRow"> <div class="screeTopRow">
<div class="topWrap"> <div class="topWrap">
<colWrap class="mb14" :title="title.one"> <colWrap class="mb14" :title="title.one">
<tableWrap :columns="column1"></tableWrap> <tableWrap
:columns="column1"
:dataUrl="dataUrl"
:param="{
licensePlate: car,
violationCategory: '车辆超载',
}"
></tableWrap>
</colWrap> </colWrap>
</div> </div>
<div class="btmWrap"> <div class="btmWrap">
@ -96,12 +103,16 @@
import tableWrap from "../components/tableWrap.vue"; import tableWrap from "../components/tableWrap.vue";
import colWrap from "../components/colWrap.vue"; import colWrap from "../components/colWrap.vue";
import carNum from "../components/carNum.vue"; import carNum from "../components/carNum.vue";
import {
vehicledetail,
nums,
} from "@/api/enterpriseTopic/dangerTransport/index.js";
export default { export default {
components: { tableWrap, colWrap, carNum }, components: { tableWrap, colWrap, carNum },
data() { data() {
return { return {
total: 34567, dataUrl: "/special/vehicle/violationdetail",
title: { title: {
one: "车辆超载 (1)", one: "车辆超载 (1)",
two: "超速 (2)", two: "超速 (2)",
@ -317,6 +328,21 @@ export default {
mounted() { mounted() {
this.car = this.$route.query.car; this.car = this.$route.query.car;
console.log(this.car); console.log(this.car);
this.getData();
},
methods: {
getData() {
vehicledetail({ plateNo: this.car }).then((res) => {
if (res.code == 200) {
let data = res.data || {};
}
});
nums({ plateNo: this.car }).then((res) => {
if (res.code == 200) {
let data = res.data || {};
}
});
},
}, },
}; };
</script> </script>

@ -37,10 +37,10 @@
</div> </div>
<div class="tableWrap"> <div class="tableWrap">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8" v-for="item in dataSource" :key="item.car"> <el-col :span="8" v-for="item in dataSource" :key="item.licensePlate">
<div <div
class="transCol" class="transCol"
@mouseover="carSelect = item.car" @mouseover="carSelect = item.licensePlate"
@mouseout="carSelect = ''" @mouseout="carSelect = ''"
@click="gotoPage(item)" @click="gotoPage(item)"
> >
@ -62,7 +62,7 @@
<el-col :span="12" class="carInfo"> <el-col :span="12" class="carInfo">
<div class="carIcon"> <div class="carIcon">
<img <img
v-if="carSelect === item.car" v-if="carSelect === item.licensePlate"
src="@/assets/images/topic/c11.png" src="@/assets/images/topic/c11.png"
/> />
<img v-else src="@/assets/images/topic/c1.png" /> <img v-else src="@/assets/images/topic/c1.png" />
@ -75,7 +75,7 @@
<el-col :span="12" class="carInfo"> <el-col :span="12" class="carInfo">
<div class="carIcon"> <div class="carIcon">
<img <img
v-if="carSelect === item.car" v-if="carSelect === item.licensePlate"
src="@/assets/images/topic/c22.png" src="@/assets/images/topic/c22.png"
/> />
<img v-else src="@/assets/images/topic/c2.png" /> <img v-else src="@/assets/images/topic/c2.png" />
@ -88,7 +88,7 @@
<el-col :span="12" class="carInfo"> <el-col :span="12" class="carInfo">
<div class="carIcon"> <div class="carIcon">
<img <img
v-if="carSelect === item.car" v-if="carSelect === item.licensePlate"
src="@/assets/images/topic/c33.png" src="@/assets/images/topic/c33.png"
/> />
<img v-else src="@/assets/images/topic/c3.png" /> <img v-else src="@/assets/images/topic/c3.png" />
@ -101,7 +101,7 @@
<el-col :span="12" class="carInfo"> <el-col :span="12" class="carInfo">
<div class="carIcon"> <div class="carIcon">
<img <img
v-if="carSelect === item.car" v-if="carSelect === item.licensePlate"
src="@/assets/images/topic/c44.png" src="@/assets/images/topic/c44.png"
/> />
<img v-else src="@/assets/images/topic/c4.png" /> <img v-else src="@/assets/images/topic/c4.png" />
@ -114,7 +114,7 @@
<el-col :span="12" class="carInfo"> <el-col :span="12" class="carInfo">
<div class="carIcon"> <div class="carIcon">
<img <img
v-if="carSelect === item.car" v-if="carSelect === item.licensePlate"
src="@/assets/images/topic/c55.png" src="@/assets/images/topic/c55.png"
/> />
<img v-else src="@/assets/images/topic/c5.png" /> <img v-else src="@/assets/images/topic/c5.png" />
@ -127,7 +127,7 @@
<el-col :span="12" class="carInfo"> <el-col :span="12" class="carInfo">
<div class="carIcon"> <div class="carIcon">
<img <img
v-if="carSelect === item.car" v-if="carSelect === item.licensePlate"
src="@/assets/images/topic/c66.png" src="@/assets/images/topic/c66.png"
/> />
<img v-else src="@/assets/images/topic/c6.png" /> <img v-else src="@/assets/images/topic/c6.png" />
@ -140,7 +140,7 @@
<el-col :span="12" class="carInfo"> <el-col :span="12" class="carInfo">
<div class="carIcon"> <div class="carIcon">
<img <img
v-if="carSelect === item.car" v-if="carSelect === item.licensePlate"
src="@/assets/images/topic/c77.png" src="@/assets/images/topic/c77.png"
/> />
<img v-else src="@/assets/images/topic/c7.png" /> <img v-else src="@/assets/images/topic/c7.png" />
@ -153,7 +153,7 @@
<el-col :span="12" class="carInfo"> <el-col :span="12" class="carInfo">
<div class="carIcon"> <div class="carIcon">
<img <img
v-if="carSelect === item.car" v-if="carSelect === item.licensePlate"
src="@/assets/images/topic/c88.png" src="@/assets/images/topic/c88.png"
/> />
<img v-else src="@/assets/images/topic/c8.png" /> <img v-else src="@/assets/images/topic/c8.png" />
@ -233,7 +233,7 @@ export default {
this.$router.push({ this.$router.push({
path: "/topic/dangerTransport/carDetail", path: "/topic/dangerTransport/carDetail",
query: { query: {
car: item.car, car: item.licensePlate,
}, },
}); });
}, },

@ -6,19 +6,19 @@
<div class="line"> <div class="line">
<div class="item"> <div class="item">
<div class="label">异常类型</div> <div class="label">异常类型</div>
<div class="value">{{ item.carAlarm }}</div> <div class="value">{{ item.abnormalType }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="label">时间</div> <div class="label">时间</div>
<div class="value">{{ item.time }}</div> <div class="value">{{ item.warningTime }}</div>
</div> </div>
</div> </div>
<div class="line"> <div class="line">
<div class="item"> <div class="item">
<div class="label">企业类型</div> <div class="label">异常原因</div>
<div class="value"> <div class="value">
<gDict :options="cmyTypeList" :value="item.cmyType"></gDict> {{ item.abnormalRemarks }}
</div> </div>
</div> </div>
</div> </div>
@ -55,6 +55,9 @@ export default {
}, },
], ],
disableMixinCreated: true, disableMixinCreated: true,
url: {
list: "/special/peace/exceptioninfo",
},
}; };
}, },
created() { created() {

@ -178,10 +178,9 @@ export default {
], ],
}, },
tmObj: { tmObj: {
xData: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月"], xData: [],
yData1: [23, 24, 13, 21, 33, 14, 32, 12], yData: [],
yData2: [13, 34, 23, 11, 23, 24, 12, 32], legend: [],
legend: ["易制爆物品", "剧毒物品"],
name: "物品使用情况", name: "物品使用情况",
color: [ color: [
["#09C8F5", "rgba(9,200,245,0.9)", "rgba(9,200,245,0)"], ["#09C8F5", "rgba(9,200,245,0.9)", "rgba(9,200,245,0)"],
@ -300,7 +299,7 @@ export default {
if (index == 0) { if (index == 0) {
this.tlObj.xData.push(list[i]["monthnum"] + "月"); this.tlObj.xData.push(list[i]["monthnum"] + "月");
} }
arr.push(list[i]["sum"] || 0); arr.push(list[i]["subcategoryQuantity"] || 0);
} }
this.tlObj.yData[index] = arr; this.tlObj.yData[index] = arr;
}); });
@ -311,7 +310,26 @@ export default {
this.errorAlarm = res.data || []; this.errorAlarm = res.data || [];
} }
}); });
goodsend().then((res) => {}); goodsend().then((res) => {
if (res.code == 200) {
let data = res.data || {};
this.tmObj.xData = [];
this.tmObj.yData = [];
this.tmObj.legend = [];
Object.keys(data).forEach((key, index) => {
this.tmObj.legend.push(key);
let list = data[key];
let arr = [];
for (let i = 0; i < list.length; i++) {
if (index == 0) {
this.tmObj.xData.push(list[i]["monthnum"] + "月");
}
arr.push(list[i]["subcategoryQuantity"] || 0);
}
this.tmObj.yData[index] = arr;
});
}
});
nums().then((res) => { nums().then((res) => {
if (res.code == 200) { if (res.code == 200) {
let data = res.data || {}; let data = res.data || {};

@ -190,6 +190,9 @@ export default {
}, },
}, },
], ],
url: {
list: "/special/personnel/population",
},
}; };
}, },
methods: { methods: {

@ -261,14 +261,14 @@ export default {
hdryList: [ hdryList: [
{ {
name: "已被核查人数", name: "已被核查人数",
value: 34567, value: 0,
itemStyle: { itemStyle: {
color: "#378DFF", color: "#378DFF",
}, },
}, },
{ {
name: "未被核查人数", name: "未被核查人数",
value: 21456, value: 0,
itemStyle: { itemStyle: {
color: "#E15A4E", color: "#E15A4E",
}, },

@ -159,6 +159,9 @@ export default {
}, },
}, },
], ],
url: {
list: "/special/personnel/emphasis",
},
}; };
}, },
methods: { methods: {

@ -38,13 +38,19 @@ export default {
}; };
}, },
mounted() { mounted() {
//console.log(this.chartObj);
this.data = JSON.parse(JSON.stringify(this.chartObj)); this.data = JSON.parse(JSON.stringify(this.chartObj));
this.total = 1; this.total = 0;
for (let i = 0; i < this.data.length; i++) { for (let i = 0; i < this.data.length; i++) {
this.total += this.data[i].value; this.total += this.data[i].value;
} }
if (this.total) {
this.total = 1;
}
console.log("dddd:", this.data);
setTimeout(() => {
this.setOption(); this.setOption();
}, 1);
}, },
methods: { methods: {
setOption() { setOption() {
@ -263,13 +269,13 @@ export default {
}, },
}, },
watch: { watch: {
chartObj: { /* chartObj: {
handler(newval) { handler(newval) {
this.setOption(); this.setOption();
}, },
deep: true, deep: true,
// immediate: true, // immediate: true,
}, }, */
}, },
}; };
</script> </script>

@ -6,7 +6,7 @@
<colWrap class="" title="源头检查数据"> <colWrap class="" title="源头检查数据">
<totalHead :dataObj="ytObj"></totalHead> <totalHead :dataObj="ytObj"></totalHead>
<div class="dpieWrap"> <div class="dpieWrap">
<dpie :chartObj="ytPie"></dpie> <dpie ref="ytPie" :chartObj="ytPie"></dpie>
</div> </div>
<div class="ytTableWrap"> <div class="ytTableWrap">
<ytTable></ytTable> <ytTable></ytTable>
@ -18,7 +18,7 @@
<colWrap class="mr16" title="交通设施检查数据"> <colWrap class="mr16" title="交通设施检查数据">
<totalHead :dataObj="ytmObj"></totalHead> <totalHead :dataObj="ytmObj"></totalHead>
<div class="dpieWrap"> <div class="dpieWrap">
<dpie :chartObj="jtssPie"></dpie> <dpie ref="jtssPie" :chartObj="jtssPie"></dpie>
</div> </div>
<div class="ytTableWrap"> <div class="ytTableWrap">
<el-tabs v-model="jtssTab" @tab-click="handleClick"> <el-tabs v-model="jtssTab" @tab-click="handleClick">
@ -70,7 +70,7 @@
</div> </div>
</div> </div>
<div class="jtsgBody"> <div class="jtsgBody">
<dpie :chartObj="jtPie"></dpie> <dpie ref="jtPie" :chartObj="jtPie"></dpie>
</div> </div>
</colWrap> </colWrap>
</div> </div>
@ -80,7 +80,7 @@
<div class="left"> <div class="left">
<sub-col title="企业整改进度"></sub-col> <sub-col title="企业整改进度"></sub-col>
<div class="flex-center" style="flex: 1"> <div class="flex-center" style="flex: 1">
<dpie :chartObj="qyzgPie"></dpie> <dpie ref="qyzgPie" :chartObj="qyzgPie"></dpie>
</div> </div>
</div> </div>
<div class="right"> <div class="right">
@ -149,7 +149,7 @@ export default {
}, },
ytObj: { ytObj: {
name: "源头检查总数", name: "源头检查总数",
value: 11876, value: 0,
}, },
ytmObj: { ytmObj: {
name: "设施完善率", name: "设施完善率",
@ -158,14 +158,14 @@ export default {
ytPie: [ ytPie: [
{ {
name: "区内检查数据", name: "区内检查数据",
value: 128, value: 0,
itemStyle: { itemStyle: {
color: "#2B82F3", color: "#2B82F3",
}, },
}, },
{ {
name: "资质异常企业数", name: "区外检查数据",
value: 86, value: 0,
itemStyle: { itemStyle: {
color: "#49ECC9", color: "#49ECC9",
}, },
@ -278,11 +278,17 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
enterprisereclist().then((res) => {});
enterpriserectification().then((res) => {}); enterpriserectification().then((res) => {});
piechart().then((res) => {}); piechart().then((res) => {});
source().then((res) => {}); source().then((res) => {
sourcelist().then((res) => {}); if (res.code == 200) {
let data = res.data || {};
this.ytPie[0]["value"] = data["区内检查数据"];
this.ytPie[1]["value"] = data["区外检查数据"];
this.ytObj.value = data["区内检查数据"] + data["区外检查数据"];
}
});
transporlist().then((res) => {}); transporlist().then((res) => {});
trafficaccidents().then((res) => { trafficaccidents().then((res) => {
if (res.code == 200) { if (res.code == 200) {
@ -471,7 +477,6 @@ export default {
margin-bottom: 14px; margin-bottom: 14px;
} }
.right { .right {
padding: 14px;
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

@ -5,45 +5,45 @@
<div class="line"> <div class="line">
<div class="item"> <div class="item">
<div class="label">企业名称</div> <div class="label">企业名称</div>
<div class="value">{{ item.cmy }}</div> <div class="value">{{ item.companyName }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="label">问题提出单位</div> <div class="label">问题提出单位</div>
<div class="value"> <div class="value">
<gDict :options="unitList" :value="item.unit"></gDict> {{ item.problemRaisedBy }}
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="label">提出时间</div> <div class="label">提出时间</div>
<div class="value">{{ item.time }}</div> <div class="value">{{ item.raisedTime }}</div>
</div> </div>
</div> </div>
<div class="line"> <div class="line">
<div class="item"> <div class="item">
<div class="label">整改内容</div> <div class="label">整改内容</div>
<div class="value">{{ item.qyT }}</div> <div class="value">{{ item.rectificationContent }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="label">整改截止时间</div> <div class="label">整改截止时间</div>
<div class="value">{{ item.time }}</div> <div class="value">{{ item.rectificationDeadline }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="label">录入人员</div> <div class="label">录入人员</div>
<div class="value">{{ item.name }}</div> <div class="value">{{ item.entryPersonnel }}</div>
</div> </div>
</div> </div>
<div class="line"> <div class="line">
<div class="item"> <div class="item">
<div class="label">录入时间</div> <div class="label">录入时间</div>
<div class="value">{{ item.time }}</div> <div class="value">{{ item.entryTime }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="label">整改结果</div> <div class="label">整改结果</div>
<div class="value">{{ item.sc }}</div> <div class="value">{{ item.rectificationResult }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="label">目前状态</div> <div class="label">目前状态</div>
<div class="value">{{ item.sc }}</div> <div class="value">{{ item.currentStatus }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -78,10 +78,13 @@ export default {
}, },
], ],
disableMixinCreated: true, disableMixinCreated: true,
url: {
list: "/special/road/enterprisereclist",
},
}; };
}, },
created() { created() {
this.ipagination.pageSize = 6; this.ipagination.pageSize = 10;
this.ipagination.pageSizes = []; this.ipagination.pageSizes = [];
this.ipagination.layout = "total, prev, pager, next"; this.ipagination.layout = "total, prev, pager, next";
this.loadData(); this.loadData();
@ -94,7 +97,7 @@ export default {
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
.roadSafetyQyzgTableWrap { .roadSafetyQyzgTableWrap {
height: calc(100% - 12px); height: calc(100% - 30px);
overflow: scroll; overflow: scroll;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;

@ -5,31 +5,31 @@
<div class="line"> <div class="line">
<div class="item"> <div class="item">
<div class="label">企业名称</div> <div class="label">企业名称</div>
<div class="value">{{ item.cmy }}</div> <div class="value">{{ item.companyName }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="label">企业类型</div> <div class="label">企业类型</div>
<div class="value"> <div class="value">
<gDict :options="cmyTypeList" :value="item.cmyType"></gDict> {{ item.companyType }}
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="label">检查人</div> <div class="label">检查人</div>
<div class="value">{{ item.name }}</div> <div class="value">{{ item.inspector }}</div>
</div> </div>
</div> </div>
<div class="line"> <div class="line">
<div class="item"> <div class="item">
<div class="label">检查时间</div> <div class="label">检查时间</div>
<div class="value">{{ item.time }}</div> <div class="value">{{ item.inspectionTime }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="label">危化品类型</div> <div class="label">危化品类型</div>
<div class="value">{{ item.whp }}</div> <div class="value">{{ item.chemicalType }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="label">检查结果</div> <div class="label">检查结果</div>
<div class="value">{{ item.sc }}</div> <div class="value">{{ item.inspectionResult }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -64,10 +64,13 @@ export default {
}, },
], ],
disableMixinCreated: true, disableMixinCreated: true,
url: {
list: "/special/road/sourcelist",
},
}; };
}, },
created() { created() {
this.ipagination.pageSize = 6; this.ipagination.pageSize = 10;
this.ipagination.pageSizes = []; this.ipagination.pageSizes = [];
this.ipagination.layout = "total, prev, pager, next"; this.ipagination.layout = "total, prev, pager, next";
this.loadData(); this.loadData();

Loading…
Cancel
Save