|
@@ -18,7 +18,11 @@
|
|
|
</div>
|
|
|
<div class="chart_cont">
|
|
|
<div class="chart_left">
|
|
|
- <GraphicEchart :texter="dataall" ref="chart" @echar="echar" />
|
|
|
+ <GraphicEchart
|
|
|
+ :texter="dataall"
|
|
|
+ ref="chart"
|
|
|
+ @echar="echarfuck"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="chart_right">
|
|
|
<div
|
|
@@ -28,10 +32,10 @@
|
|
|
>
|
|
|
<div class="top">
|
|
|
<div class="log" :style="{ background: item.color }"></div>
|
|
|
- <div class="name" @click="echar">{{ item.name }}</div>
|
|
|
+ <div class="name">{{ item.name }}</div>
|
|
|
</div>
|
|
|
<div class="boot">
|
|
|
- <div class="child" @click="echar">
|
|
|
+ <div class="child" @click="echarup('', item.name)">
|
|
|
件数:{{ item.value }}
|
|
|
</div>
|
|
|
<div class="child">占比:{{ item.proportion }}</div>
|
|
@@ -52,11 +56,11 @@
|
|
|
</div>
|
|
|
<div class="chart_right">
|
|
|
<div class="analysis">
|
|
|
- <div class="analysis_cont" @click="echar">
|
|
|
+ <div class="analysis_cont" @click="echarup('', '低风险')">
|
|
|
<p>总件数</p>
|
|
|
<span>{{ dataLow.num }}</span>
|
|
|
</div>
|
|
|
- <div class="analysis_cont" @click="echar">
|
|
|
+ <div class="analysis_cont" @click="echarup('', '低风险')">
|
|
|
<p>开包数</p>
|
|
|
<span>{{ dataLow.kxsNum }}</span>
|
|
|
</div>
|
|
@@ -75,7 +79,7 @@
|
|
|
<div class="name">{{ item.name }}</div>
|
|
|
</div>
|
|
|
<div class="boot">
|
|
|
- <div class="child" @click="echar">
|
|
|
+ <div class="child" @click="echarup(item, '低风险')">
|
|
|
件数:{{ item.value }}
|
|
|
</div>
|
|
|
<div class="child">占比:{{ item.prot }}</div>
|
|
@@ -96,11 +100,11 @@
|
|
|
</div>
|
|
|
<div class="chart_right">
|
|
|
<div class="analysis">
|
|
|
- <div class="analysis_cont">
|
|
|
+ <div class="analysis_cont" @click="echarup('', '优先级')">
|
|
|
<p>总件数</p>
|
|
|
<span>{{ dataLowcp.num }}</span>
|
|
|
</div>
|
|
|
- <div class="analysis_cont">
|
|
|
+ <div class="analysis_cont" @click="echarup('', '优先级')">
|
|
|
<p>开包数</p>
|
|
|
<span>{{ dataLowcp.kxsNum }}</span>
|
|
|
</div>
|
|
@@ -119,7 +123,9 @@
|
|
|
<div class="name">{{ item.name }}</div>
|
|
|
</div>
|
|
|
<div class="boot">
|
|
|
- <div class="child">件数:{{ item.value }}</div>
|
|
|
+ <div class="child" @click="echarup(item, '优先级')">
|
|
|
+ 件数:{{ item.value }}
|
|
|
+ </div>
|
|
|
<div class="child">占比:{{ item.prot }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -138,11 +144,11 @@
|
|
|
</div>
|
|
|
<div class="chart_right">
|
|
|
<div class="analysis">
|
|
|
- <div class="analysis_cont" @click="echar">
|
|
|
+ <div class="analysis_cont" @click="echarup('', '普通')">
|
|
|
<p>总件数</p>
|
|
|
<span>{{ dataLowpt.num }}</span>
|
|
|
</div>
|
|
|
- <div class="analysis_cont" @click="echar">
|
|
|
+ <div class="analysis_cont" @click="echarup('', '普通')">
|
|
|
<p>开包数</p>
|
|
|
<span>{{ dataLowpt.kxsNum }}</span>
|
|
|
</div>
|
|
@@ -161,7 +167,7 @@
|
|
|
<div class="name">{{ item.name }}</div>
|
|
|
</div>
|
|
|
<div class="boot">
|
|
|
- <div class="child" @click="echar">
|
|
|
+ <div class="child" @click="echarup(item, '普通')">
|
|
|
件数:{{ item.value }}
|
|
|
</div>
|
|
|
<div class="child">占比:{{ item.prot }}</div>
|
|
@@ -182,11 +188,11 @@
|
|
|
</div>
|
|
|
<div class="chart_right">
|
|
|
<div class="analysis">
|
|
|
- <div class="analysis_cont" @click="echar">
|
|
|
+ <div class="analysis_cont" @click="echarup('', '严控级')">
|
|
|
<p>总件数</p>
|
|
|
<span>{{ dataLowyk.num }}</span>
|
|
|
</div>
|
|
|
- <div class="analysis_cont" @click="echar">
|
|
|
+ <div class="analysis_cont" @click="echarup('', '严控级')">
|
|
|
<p>开包数</p>
|
|
|
<span>{{ dataLowyk.kxsNum }}</span>
|
|
|
</div>
|
|
@@ -205,7 +211,7 @@
|
|
|
<div class="name">{{ item.name }}</div>
|
|
|
</div>
|
|
|
<div class="boot">
|
|
|
- <div class="child" @click="echar">
|
|
|
+ <div class="child" @click="echarup(item, '严控级')">
|
|
|
件数:{{ item.value }}
|
|
|
</div>
|
|
|
<div class="child">占比:{{ item.prot }}</div>
|
|
@@ -226,11 +232,11 @@
|
|
|
</div>
|
|
|
<div class="chart_right">
|
|
|
<div class="analysis">
|
|
|
- <div class="analysis_cont" @click="echar">
|
|
|
+ <div class="analysis_cont" @click="echarup('', '高风险')">
|
|
|
<p>总件数</p>
|
|
|
<span>{{ dataLowgf.num }}</span>
|
|
|
</div>
|
|
|
- <div class="analysis_cont" @click="echar">
|
|
|
+ <div class="analysis_cont" @click="echarup('', '高风险')">
|
|
|
<p>开包数</p>
|
|
|
<span>{{ dataLowgf.kxsNum }}</span>
|
|
|
</div>
|
|
@@ -249,7 +255,7 @@
|
|
|
<div class="name">{{ item.name }}</div>
|
|
|
</div>
|
|
|
<div class="boot">
|
|
|
- <div class="child" @click="echar">
|
|
|
+ <div class="child" @click="echarup(item, '高风险')">
|
|
|
件数:{{ item.value }}
|
|
|
</div>
|
|
|
<div class="child">占比:{{ item.prot }}</div>
|
|
@@ -469,6 +475,21 @@ export default {
|
|
|
};
|
|
|
this.getData();
|
|
|
},
|
|
|
+ echarfuck(data) {
|
|
|
+ this.queryData.riskRating = data.namech;
|
|
|
+ this.$router.push({
|
|
|
+ path: "/waybillTable",
|
|
|
+ query: this.queryData,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ echarup(data, item) {
|
|
|
+ this.queryData.riskRating = item;
|
|
|
+ this.queryData.openResult = data.name ? data.name : data;
|
|
|
+ this.$router.push({
|
|
|
+ path: "/waybillTable",
|
|
|
+ query: this.queryData,
|
|
|
+ });
|
|
|
+ },
|
|
|
//点击跳转
|
|
|
echar(data) {
|
|
|
if (data) {
|
|
@@ -987,6 +1008,10 @@ export default {
|
|
|
font-family: DIN;
|
|
|
font-weight: bold;
|
|
|
color: #101116;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ > span:hover {
|
|
|
+ color: blue;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -1022,6 +1047,7 @@ export default {
|
|
|
font-family: Microsoft YaHei;
|
|
|
font-weight: 400;
|
|
|
color: #747784;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
> .child:hover {
|
|
|
color: blue;
|
|
@@ -1084,6 +1110,7 @@ export default {
|
|
|
font-family: Microsoft YaHei;
|
|
|
font-weight: 400;
|
|
|
color: #747784;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
> .child:hover {
|
|
|
color: blue;
|