大屏调整

@@ -59,6 +59,9 @@ export default {
     initChart () {
     initChart () {
       // 初始化echart
       // 初始化echart
       this.chart = this.$echarts.init(this.$el, 'tdTheme')
       this.chart = this.$echarts.init(this.$el, 'tdTheme')
+      function nowSize(val,initWidth=1920){
+    return val * (nowClientWidth/initWidth);
+}
       this.chart.setOption(this.options, true)
       this.chart.setOption(this.options, true)
 
 
 
 

@@ -35,6 +35,16 @@ export default {
       }
       }
       return rgbaColor;
       return rgbaColor;
     },
     },
+    fontSize(res) {
+  let docEl = document.documentElement,
+    clientWidth =
+      window.innerWidth ||
+      document.documentElement.clientWidth ||
+      document.body.clientWidth;
+  if (!clientWidth) return;
+  let fontSize = clientWidth / 1920;
+  return res * fontSize;
+}
   },
   },
   watch: {
   watch: {
     cdata: {
     cdata: {
@@ -51,6 +61,7 @@ export default {
             data: newData.legendItem,
             data: newData.legendItem,
             textStyle: {
             textStyle: {
               color: "#00DEFF",
               color: "#00DEFF",
+              fontSize:this.fontSize(12),
             },
             },
           },
           },
           // calculable: true,
           // calculable: true,
@@ -97,8 +108,8 @@ export default {
                 textStyle: {
                 textStyle: {
                   color: "rgba(255, 255, 255,0.7)", // x轴颜色
                   color: "rgba(255, 255, 255,0.7)", // x轴颜色
                   fontWeight: "normal",
                   fontWeight: "normal",
-                  fontSize: "12",
-                  lineHeight: 22,
+                  fontSize: this.fontSize(12),
+                  lineHeight: this.fontSize(22),
                 },
                 },
               },
               },
               data: this.xAxisData,
               data: this.xAxisData,
@@ -136,7 +147,7 @@ export default {
               smooth: false, //是否平滑
               smooth: false, //是否平滑
               showSymbol: true,
               showSymbol: true,
               symbol: "circle",
               symbol: "circle",
-              symbolSize: 6,
+              symbolSize: this.fontSize(6),
               zlevel: 3,
               zlevel: 3,
               lineStyle: {
               lineStyle: {
                 normal: {
                 normal: {
@@ -154,7 +165,7 @@ export default {
               smooth: false,
               smooth: false,
               showSymbol: true,
               showSymbol: true,
               symbol: "circle",
               symbol: "circle",
-              symbolSize: 8,
+              symbolSize: this.fontSize(8),
               zlevel: 3,
               zlevel: 3,
               lineStyle: {
               lineStyle: {
                 normal: {
                 normal: {
@@ -172,7 +183,7 @@ export default {
               smooth: false,
               smooth: false,
               showSymbol: true,
               showSymbol: true,
               symbol: "circle",
               symbol: "circle",
-              symbolSize: 8,
+              symbolSize: this.fontSize(8),
               zlevel: 3,
               zlevel: 3,
               lineStyle: {
               lineStyle: {
                 normal: {
                 normal: {

 <template>
 <template>
-  <Echart :options="options" id="centreLeft1Chart" :key="key" height="225px" width="80%"></Echart>
+  <Echart :options="options" id="centreLeft1Chart" :key="key" height="1.0417rem" width="80%"></Echart>
 </template>
 </template>
 <script>
 <script>
 import Echart from '@/common/echart'
 import Echart from '@/common/echart'
@@ -23,7 +23,7 @@ export default {
       handler (newData) {
       handler (newData) {
         console.log("newData",newData);
         console.log("newData",newData);
         this.options = {
         this.options = {
-         grid: {
+           grid: {
             right:"1%",
             right:"1%",
             bottom:"4%"
             bottom:"4%"
           },
           },
@@ -49,7 +49,7 @@ export default {
             {
             {
               name: "业务量",
               name: "业务量",
               type: "pie",
               type: "pie",
-              radius: [0,100],
+              radius: [20,100],
               roseType: "area",
               roseType: "area",
               data: newData.seriesData
               data: newData.seriesData
             }
             }
@@ -67,7 +67,7 @@ export default {
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 #centreLeft1Chart {
 #centreLeft1Chart {
-  margin-bottom: 10px;
-  margin-left: 60px;
+  margin-bottom: .0521rem;
+  margin-left:60px;
 }
 }
 </style>
 </style>

@@ -20,10 +20,14 @@ export default {
   },
   },
   mounted () {
   mounted () {
     this.getdjywltotal();
     this.getdjywltotal();
+     window.addEventListener("resize", () => {
+      this.getdjywltotal();
+    });
   },
   },
   methods: {
   methods: {
     // 获取登记业务量玫瑰图数据
     // 获取登记业务量玫瑰图数据
    async getdjywltotal () {
    async getdjywltotal () {
+     this.cdata.seriesData=[]
         try {
         try {
           let p = {
           let p = {
             DJLX: "",
             DJLX: "",

@@ -103,7 +103,7 @@ export default {
     height: 33%;
     height: 33%;
     background: url("~@/image/djywl.png") no-repeat;
     background: url("~@/image/djywl.png") no-repeat;
     background-size: 100% 100%;
     background-size: 100% 100%;
-    padding: .2825rem 0 0 0;
+    padding: .3825rem 0 0 0;
   }
   }
 
 
   .card3 {
   .card3 {

@@ -49,6 +49,7 @@ export default {
   margin: auto;
   margin: auto;
   display: flex;
   display: flex;
   justify-content: space-between;
   justify-content: space-between;
+  margin-top: 15px;
 
 
 }
 }
   // #box{
   // #box{