fix(资源开放共享): UI优化

src/views/dataCenter/resourceShare/index.vue

@@ -11,12 +11,7 @@
           <TotalContrac />
         </el-col>
         <el-col :span="11" :offset="1">
-            <Activity
-            echartsId="activityBar"
-            echartsTitle="军地需求对接活动情况"
-            echartsDesText=""
-            :cardItems="extendCardItems"
-          />
+            <Activity />
         </el-col>
       </el-row>
     </el-col>
@@ -32,11 +27,7 @@
 
     <el-col class="map-left" :span="8">
       <div class="business-extend footer-item card-item">
-        <Facility
-          echartsId="industryDistribute"
-          echartsTitle="军工科研设备设施开放共享情况"
-          :cardItems="industryCardItems"
-        />
+        <Facility />
       </div>
     </el-col>
   </el-row>

src/views/dataCenter/resourceShare/model/Activity/index.vue

@@ -11,7 +11,7 @@
     <div class="text">合同成交额分布情况</div>
   </div>
 
-  <div :id="echartsId" class="bar-echarts-line"></div>
+  <div id="activityBar" class="bar-echarts-line"></div>
 </template>
 <script lang="ts">
 import { defineComponent } from "vue";
@@ -40,35 +40,6 @@ const xAxisCity = [
  * 军地需求对接活动数量
  */
 export default defineComponent({
-  props: {
-    echartsTitle: {
-      type: String,
-      required: true,
-    },
-    echartsDesText: {
-      type: String,
-      required: true,
-    },
-    cardItems: {
-      type: Array,
-      required: true,
-      dafault: () => [],
-    },
-    echartsData: {
-      type: Array,
-      // required: true,
-      dafault: () => [],
-    },
-    echartsAxisValue: {
-      type: Array,
-      // required: true,
-      dafault: () => [],
-    },
-    echartsId: {
-      type: String,
-      required: true,
-    },
-  },
   components: {
     MapTitle,
   },
@@ -144,6 +115,8 @@ export default defineComponent({
         yAxis: {
           type: "value",
           name: "金额(万元)",
+          splitNumber: 4
+          // min: 10000
         },
         xAxis: {
           type: "category",
@@ -155,7 +128,7 @@ export default defineComponent({
   },
   methods: {
     initEcharts() {
-      const dom = document.getElementById(this.echartsId);
+      const dom = document.getElementById("activityBar");
       MAP_ECHARTS = echarts.init(dom);
       MAP_ECHARTS.setOption(this.optionBar);
       this.mapEcharts = MAP_ECHARTS;
@@ -214,7 +187,7 @@ export default defineComponent({
 <style lang="scss" scoped>
 .bar-echarts-line {
   flex: 1;
-  height: calc(100% - 150px);
+  height: calc(100% - 180px);
   box-sizing: border-box;
 }
 .activity-describes {

src/views/dataCenter/resourceShare/model/Facility/index.vue

 <template>
-  <MapTitle :text="echartsTitle" />
+  <MapTitle text="军工科研设备设施开放共享情况" />
 
-  <div :id="echartsId" class="facility-echarts-line"></div>
+  <div id="industryDistribute" class="facility-echarts-line"></div>
 </template>
 <script lang="ts">
 import { defineComponent } from "vue";
@@ -19,14 +19,7 @@ const xAxisValue = ["2018年", "2019年", "2020年", "2021年"];
  */
 export default defineComponent({
   props: {
-    echartsTitle: {
-      type: String,
-      required: true,
-    },
-    echartsId: {
-      type: String,
-      required: true,
-    },
+   
   },
   components: {
     MapTitle,
@@ -91,8 +84,8 @@ export default defineComponent({
           },
         },
         grid: {
-          left: "2%",
-          right: "10%",
+          left: "3%",
+          right: "5%",
           bottom: "3%",
           containLabel: true,
         },
@@ -112,7 +105,7 @@ export default defineComponent({
   },
   methods: {
     initEcharts() {
-      const dom = document.getElementById(this.echartsId);
+      const dom = document.getElementById("industryDistribute");
       MAP_ECHARTS = echarts.init(dom);
       MAP_ECHARTS.setOption(this.optionBar);
       this.mapEcharts = MAP_ECHARTS;

src/views/dataCenter/resourceShare/model/PlatformInfo/index.vue

@@ -108,8 +108,8 @@ export default defineComponent({
         legend: {},
         grid: {
           top: "12%",
-          left: "2%",
-          right: "2%",
+          left: "1%",
+          right: "1%",
           bottom: "3%",
           containLabel: true,
         },

src/views/dataCenter/resourceShare/model/TargetBar/index.vue

@@ -82,7 +82,7 @@ export default defineComponent({
         grid: {
           top: 0,
           left: "-5%",
-          right: "5%",
+          right: "0%",
           bottom: "3%",
           containLabel: true,
         },

src/views/dataCenter/resourceShare/model/TotalContrac/index.vue

@@ -100,9 +100,8 @@ export default defineComponent({
     optionBar() {
       const seriesBar = {
         type: "pie",
-        radius: [20, 140],
-        radius: ["38%", "90%"],
-        roseType: "radius",
+        // radius: [20, 140],
+     radius: ['40%', '70%'],
         itemStyle: {
           borderRadius: 0,
         },
@@ -137,7 +136,7 @@ export default defineComponent({
 
       return {
         tooltip: {
-          trigger: "item",
+          // trigger: "item",
         },
 
         grid: {
@@ -279,15 +278,14 @@ export default defineComponent({
         color: #333;
       }
       .pie-value {
-        // margin-top: 5px;
         padding-left: 20px;
-        font-size: 12px;
+        font-size: 20px;
         color: #999;
         display: flex;
         align-items: center;
         color: #4198ff;
-        font-size: 18px;
         span {
+          margin-left: 5px;
           font-size: 12px;
           color: rgba(153, 153, 153, 1);
         }