样式调整等

components/bussiness/charts/chart-column-horizontal-tc-long.vue

@@ -32,23 +32,35 @@ export default {
   data() {
     return {
       chartWidth: "300px",
-      chartHeight: "350px",
+      chartHeight: "350px"
     };
   },
- watch: {
+  watch: {
     dataList: {
       handler(newVal) {
-        let yAxisData = [], series0Data = [], series1Data = []
-        yAxisData = newVal.map( item => {
-          return item.classifyName
-        })
-        series0Data = this.dataList.map( item => {
-          return item.beforeRate
-        })
-        series1Data = this.dataList.map( item => {
-          return item.afterRate
-        })
-        this.drawColumn(yAxisData, series0Data, series1Data);
+        let yAxisData = [],
+          series0Data = [],
+          series1Data = [];
+        yAxisData = newVal.map(item => {
+          return item.classifyName;
+        });
+        series0Data = this.dataList.map(item => {
+          return item.beforeRate;
+        });
+        series1Data = this.dataList.map(item => {
+          return item.afterRate;
+        });
+        if (process.client) {
+          let clientWidth =
+            window.outerWidth ||
+            document.body.clientWidth ||
+            document.documentElement.clientWidth;
+          this.chartWidth = clientWidth + "px";
+          this.chartHeight = 54 * 3 + "px";
+          this.chartHeight = 54 * this.dataList.length + "px";
+          this.drawColumn(yAxisData, series0Data, series1Data);
+        }
+        // this.drawColumn(yAxisData, series0Data, series1Data);
       },
       deep: false
     }
@@ -68,7 +80,7 @@ export default {
   mounted() {
     vm = this;
     // chartColumn = this.$echarts.init(document.getElementById(this.id));
-    this.drawColumn([], [], []);
+    // this.drawColumn([], [], []);
   },
   methods: {
     // 画

components/common/pica-process.vue

@@ -59,7 +59,7 @@ export default {
           if(this.value && this.maxValue > this.value) {
             ratio = this.value / this.maxValue;
           }
-          if(this.value <= 1 || this.maxValue <= 1) {
+          if(this.value <= 1 || this.maxValue <= 1 || ratio <= 0.01) {
             this.maxPocessWidth = '1px'
           } else {
             this.maxPocessWidth = Math.round(ratio * maxWidth) + 'px'

pages/index.vue

 <template>
   <section class="container">
-    <CommonHeader title="2019年基础高血压管理"></CommonHeader>
+    <CommonHeader :title="projectInfo.projectName"></CommonHeader>
     <CommonAreaSelect
       @areaClick="areaTabClick" 
       @orgClick="orgTabClick"
@@ -217,6 +217,7 @@ export default {
       allData: {},
       projectId: "",
       token:
+        "B10441890E2940499621C76667675B2D" ||
         // "17B31C94D44947829097A953BC7C2732" ||
         "A0E52265D31B4D2380C7CFC9E1ACCDCE" ||
         "A7F0A8A4BB5C4EC4B78E71261B753C9C" ||
@@ -245,10 +246,10 @@ export default {
           type: 1
         }
       },
-      examSingleParams: {
-        projectId: "",
-        hospitalId: ""
-      },
+      // examSingleParams: {
+      //   projectId: "",
+      //   hospitalId: ""
+      // },
       echartsData: null,
       analysisData: {
         eduList: [],
@@ -268,6 +269,7 @@ export default {
         noJoinList: []
       },
       projectInfo: {
+        projectName: '项目名称',
         certFlag: 0, // 项目证书情况 0：无证；1：单证书；2：多证书
         existCourse: 2, // 是否显示课程分析 1：显示 2：不显示
         existEffect: 2, // 是否显示学习效果分析 1：显示 2：不显示
@@ -318,7 +320,7 @@ export default {
         374;
       this.queryGDParams.projectId = this.projectId;
       this.CNTParams.projectId = this.projectId;
-      this.examSingleParams.projectId = this.projectId;
+      // this.examSingleParams.projectId = this.projectId;
       this.queryParams.projectId = this.projectId;
       if (this.$rocNative.isWeb) {
         this.setUserToken(this.token);
@@ -541,7 +543,7 @@ export default {
         this.getGeneralData(this.queryGDParams);
       }
       this.isShowOrg = false;
-      this.orgName = hospitalNames[0] || this.orgName
+      this.orgName = hospitalNames[0] || '全部机构'
       this.getGeneralExam(this.queryGDParams);
       this.getUserAnalysis(this.queryGDParams);
       this.getGeneralCourse(this.queryGDParams);