|
@@ -22,22 +22,22 @@
|
|
|
</div>
|
|
|
<div class="content_classification">
|
|
|
<div class="chart">
|
|
|
- <GraphicEchart :texter="dataall" @echar="echar" />
|
|
|
+ <GraphicEchart :texter="dataall" @echar="echar('总数')" />
|
|
|
</div>
|
|
|
<div class="chart">
|
|
|
- <GraphicEchart :texter="datarisk" @echar="echar" />
|
|
|
+ <GraphicEchart :texter="datarisk" @echar="echar('高风险')" />
|
|
|
</div>
|
|
|
<div class="chart">
|
|
|
- <GraphicEchart :texter="dataLowrisk" @echar="echar" />
|
|
|
+ <GraphicEchart :texter="dataLowrisk" @echar="echar('低风险')" />
|
|
|
</div>
|
|
|
<div class="chart">
|
|
|
- <GraphicEchart :texter="datafirst" @echar="echar" />
|
|
|
+ <GraphicEchart :texter="datafirst" @echar="echar('优先')" />
|
|
|
</div>
|
|
|
<div class="chart">
|
|
|
- <GraphicEchart :texter="dataordinary" @echar="echar" />
|
|
|
+ <GraphicEchart :texter="dataordinary" @echar="echar('普通')" />
|
|
|
</div>
|
|
|
<div class="chart">
|
|
|
- <GraphicEchart :texter="datastrictly" @echar="echar" />
|
|
|
+ <GraphicEchart :texter="datastrictly" @echar="echar('严控')" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -198,9 +198,20 @@ export default {
|
|
|
},
|
|
|
mounted() {
|
|
|
this.routdata();
|
|
|
+ this.formatDate();
|
|
|
this.relationDate();
|
|
|
},
|
|
|
methods: {
|
|
|
+ formatDate() {
|
|
|
+ let date = new Date();
|
|
|
+ let myyear = date.getFullYear();
|
|
|
+ let mymonth = date.getMonth() + 1;
|
|
|
+ let myweekday = date.getDate();
|
|
|
+ mymonth < 10 ? (mymonth = "0" + mymonth) : mymonth;
|
|
|
+ myweekday < 10 ? (myweekday = "0" + myweekday) : myweekday;
|
|
|
+ this.queryData.beginDate = `${myyear}-${mymonth}-${myweekday}`;
|
|
|
+ this.queryData.endDate = `${myyear}-${mymonth}-${myweekday}`;
|
|
|
+ },
|
|
|
search(data) {
|
|
|
this.queryData = {
|
|
|
beginDate: data[0][0],
|
|
@@ -212,15 +223,20 @@ export default {
|
|
|
},
|
|
|
//点击跳转
|
|
|
echar(data) {
|
|
|
- if (data) {
|
|
|
- // this.queryData.riskRating = data.namefa;
|
|
|
- if (data.namech !== "总数") {
|
|
|
- this.queryData.openResult = data.namech;
|
|
|
- }
|
|
|
+ let params = {
|
|
|
+ startTime: this.queryData.beginDate,
|
|
|
+ endTime: this.queryData.endDate,
|
|
|
+ destination:this.queryData.place,
|
|
|
+ agentCode: this.queryData.proxyId,
|
|
|
+ openResult: "",
|
|
|
+ riskRating: data,
|
|
|
+ };
|
|
|
+ if (data == "总数") {
|
|
|
+ params.riskRating = "";
|
|
|
}
|
|
|
this.$router.push({
|
|
|
path: "/waybillTable",
|
|
|
- query: this.queryData,
|
|
|
+ query: params,
|
|
|
});
|
|
|
},
|
|
|
//货物关联统计接口
|
|
@@ -388,11 +404,22 @@ export default {
|
|
|
window.onresize = () => {
|
|
|
myChart.resize();
|
|
|
};
|
|
|
+ let that = this;
|
|
|
myChart.on("click", (a, b) => {
|
|
|
- console.log(a);
|
|
|
- this.queryData.riskRating = a.seriesName;
|
|
|
- // this.queryData.openResult = a.value;
|
|
|
- this.echar();
|
|
|
+ let params = {
|
|
|
+ startTime: that.queryData.beginDate,
|
|
|
+ endTime: that.queryData.endDate,
|
|
|
+ destination: "",
|
|
|
+ agentCode: that.queryData.proxyId,
|
|
|
+ openResult: "",
|
|
|
+ riskRating: "",
|
|
|
+ };
|
|
|
+ params.riskRating = a.seriesName;
|
|
|
+ params.destination = a.name;
|
|
|
+ that.$router.push({
|
|
|
+ path: "/waybillTable",
|
|
|
+ query: params,
|
|
|
+ });
|
|
|
});
|
|
|
},
|
|
|
},
|