master
loveflow 7 months ago
parent e5686f7e52
commit 0487f16885

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

@ -65,7 +65,7 @@ export default {
},
},
yAxis: {
name:"单位:吨",
name: "单位:吨",
type: "value",
splitLine: {
show: true,
@ -86,7 +86,7 @@ export default {
type: "bar",
barWidth: 20,
color: this.chartObj.color[0][0],
data: this.chartObj.yData1,
data: this.chartObj.yData[0],
label: {
show: false,
position: "top",
@ -131,7 +131,7 @@ export default {
type: "bar",
barWidth: 20,
color: this.chartObj.color[1][0],
data: this.chartObj.yData2,
data: this.chartObj.yData[1],
label: {
show: false,
position: "top",

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

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

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

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

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

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

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

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

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

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

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

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

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

Loading…
Cancel
Save