生态修复接口接入

src/components/echartsTemplate/3dBar.vue

@@ -35,6 +35,7 @@ let option = {
     axisLabel: {
       color: "#fff",
       rotate: 0,
+      interval: 0,//代表显示所有x轴标签显示//设置为 1，表示『隔一个标签显示一个标签』
     },
     // 不显示x轴刻度
     axisTick: {
@@ -246,12 +247,11 @@ export default {
       v.yData.forEach((item, k) => {
         let o = cloneDeep(seriesItem); // JSON.parse(JSON.stringify(seriesItem));
         // o.name = v.legend[k];
-
         o.data = item;
-        if (v.interval) {
-          option.xAxis.axisLabel.interval = 0;
-          option.xAxis.axisLabel.rotate = 0;
-        }
+        // if (v.interval) {
+        //   option.xAxis.axisLabel.interval = 0;
+        //   option.xAxis.axisLabel.rotate = 0;
+        // }
         option.series.push(o);
       });
       // v.areaStyle ? (option.series[0].areaStyle = v.areaStyle) : null;

src/views/cockpitNew1/stxf.vue

@@ -53,22 +53,14 @@ export default {
   components: { borderTemplate, Bar3d },
   data() {
     return {
-      sdata: {},
       options: [
-        {
-          value: "1",
-          label: "土地综合整治"
-        },
-        {
-          value: "2",
-          label: "山水工程"
-        },
-        {
-          value: "3",
-          label: "海岸线保护"
-        }
+        { value: "tdxf", label: "土地综合整治" },
+        { value: "ssxf", label: "山水工程" },
+        { value: "haxf", label: "海岸线保护" }
       ],
-      value: "国有建设用地"
+      value: "tdxf",
+      datas: {},
+      sdata: {}
     };
   },
   //监听属性 类似于data概念
@@ -76,8 +68,12 @@ export default {
   //监控data中的数据变化
   watch: {},
   methods: {
+    changeCharts() {
+      this.setData(this.datas);
+    },
     // //第二个图表
     setData(datas) {
+      this.datas = datas;
       let v = {
         xData: ["农用地", "建设用地", "生态修复", "历史文化保护"],
         yData: [
@@ -97,7 +93,7 @@ export default {
     GetQueryOne(datas) {
       let params = {
         ...datas,
-        jscType: "jsc_stxf_ztgh_ssxf"
+        jscType: `jsc_stxf_ztgh_${this.value}` //"jsc_stxf_ztgh_ssxf"
       };
       QueryOne(params).then(res => {
         // this.sdata = res.data && res.data.length > 0 ? res.data[0] : {};
@@ -106,7 +102,7 @@ export default {
     GetQueryList(datas) {
       let params = {
         ...datas,
-        jscType: "jsc_stxf_ywlx_ssxf"
+        jscType: `jsc_stxf_ywlx_${this.value}` // "jsc_stxf_ywlx_ssxf"
       };
       QueryList(params).then(res => {
         // this.sdata = res.data && res.data.length > 0 ? res.data[0] : {};