1

src/views/system/securityCheck/components/graphicHome.vue

@@ -4,7 +4,7 @@
   </div>
 </template>
 <script>
-import { pillar } from "@/utils/app-ecahrts";
+import { pillar } from '@/utils/app-ecahrts'
 export default {
   props: {
     texter: {
@@ -13,55 +13,51 @@ export default {
     },
   },
   watch: {
-    "texter.data": {
+    'texter.data': {
       handler(val) {
-        this.init();
+        this.init()
       },
     },
   },
   data() {
-    return {};
+    return {}
   },
   // created() {
   //   this.init();
   // },
   methods() {
-    this.init();
+    this.init()
   },
   methods: {
     init() {
-      let myChart = this.$echarts.init(
-        document.getElementById("echart" + this.texter.id)
-      );
+      let myChart = this.$echarts.init(document.getElementById('echart' + this.texter.id))
       //统计折线
-      pillar.series[0].data = this.texter.data;
-      pillar.title.text = this.texter.name;
-      pillar.title.subtext = this.texter.kaer
-        ? this.texter.cont + "%"
-        : this.texter.cont.toString();
+      pillar.series[0].data = this.texter.data
+      pillar.title.text = this.texter.name
+      pillar.title.subtext = this.texter.kaer ? this.texter.cont + '%' : this.texter.cont.toString()
       // pillar.tooltip.formatter = this.texter.formatter
       //   ? this.texter.formatter
       //   : "{c}";
-      pillar.title.top = this.texter.top;
-      pillar.series[0].color = this.texter.color;
-      pillar.series[0].name = this.texter.name2;
-      pillar.series[1].name = this.texter.name2;
-      pillar.series[1].data = [this.texter.cont];
-      myChart.clear();
-      myChart.setOption(pillar, true);
+      pillar.title.top = this.texter.top
+      pillar.series[0].color = this.texter.color
+      pillar.series[0].name = this.texter.name2
+      pillar.series[1].name = this.texter.name2
+      pillar.series[1].data = [this.texter.cont]
+      myChart.clear()
+      myChart.setOption(pillar, true)
       window.onresize = () => {
-        myChart.resize();
-      };
-      myChart.on("click", (a, b) => {
+        myChart.resize()
+      }
+      myChart.on('click', (a, b) => {
         let obj = {
           namefa: a.seriesName,
           namech: a.name,
-        };
-        this.$emit("echar", obj);
-      });
+        }
+        this.$emit('echar', obj)
+      })
     },
   },
-};
+}
 </script>
 <style lang="scss" scoped>
 .echarts_cap {

src/views/system/securityCheck/views/cargoCharts.vue

@@ -31,22 +31,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>
@@ -104,6 +104,7 @@ export default {
         id: 8,
         formatter: '{c}%',
         name: '高风险',
+        name2: '高风险',
         cont: '70%',
         top: '35%',
         textStyle: {
@@ -125,6 +126,7 @@ export default {
         id: 9,
         formatter: '{c}%',
         name: '低风险',
+        name2: '低风险',
         cont: '70%',
         top: '35%',
         data: [
@@ -146,6 +148,7 @@ export default {
         id: 10,
         formatter: '{c}%',
         name: '优先',
+        name2: '优先',
         cont: '10%',
         top: '35%',
         data: [
@@ -168,6 +171,7 @@ export default {
         // kaer: 1,
         formatter: '{c}%',
         name: '普通',
+        name2: '普通',
         cont: '10%',
         top: '35%',
         data: [
@@ -190,6 +194,7 @@ export default {
         // kaer: 1,
         formatter: '{c}%',
         name: '严控',
+        name2: '严控',
         cont: '10%',
         top: '35%',
         data: [
@@ -266,10 +271,10 @@ export default {
       let params = {
         startTime: this.queryData.beginDate,
         endTime: this.queryData.endDate,
-        destination: typeof this.queryData.places == 'string' ? this.queryData.places : this.queryData.places[0],
+        destination: data.namech,
         agentCode: this.queryData.proxyId,
         openResult: '',
-        riskRating: data,
+        riskRating: data.namefa,
       }
       if (data == '总数') {
         params.riskRating = ''