工具进行格式化等

components/bussiness/charts/chart-pie.vue

@@ -91,7 +91,7 @@ export default {
         chartPie = vm.$echarts.init(document.getElementById(vm.id));
       }
       options = {
-        color: echartColors,
+        // color: echartColors,
         tooltip: {
           trigger: "item",
           // formatter: "{a} <br/>{b} : {c} ({d}%)"

pages/index.vue

 <template>
-  <section class="container" >
+<section class="container">
   <CommonHeader :title="projectInfo.projectName | shortName"></CommonHeader>
-    <CommonAreaSelect
-      v-show="!isScroll"
-      @areaClick="areaTabClick"
-      @orgClick="orgTabClick"
-      :areaName="areaName"
-      :orgName="orgName"
-      :showArea="isShowArea"
-      :showOrg="isShowOrg">
+  <CommonAreaSelect v-show="!isScroll" @areaClick="areaTabClick" @orgClick="orgTabClick" :areaName="areaName" :orgName="orgName" :showArea="isShowArea" :showOrg="isShowOrg">
   </CommonAreaSelect>
   <CommonTaps :needFixed="isScroll" :projectInfo="projectInfo" @tabClicked="tabClicked"></CommonTaps>
   <!-- 总体概况 -->
   <div v-show="isScroll" class="pd-top-60"></div>
   <article v-show="cIndex === 0">
-      <CommonSwiperItem
-        :isSingleOrg="isSingleOrg"
-        :percentData="allData.percentData || {}"
-        :certFlag="projectInfo.certFlag"
-        @tipsClick="tipsSwiperClick"
-      ></CommonSwiperItem>
+    <CommonSwiperItem :isSingleOrg="isSingleOrg" :percentData="allData.percentData || {}" :certFlag="projectInfo.certFlag" @tipsClick="tipsSwiperClick"></CommonSwiperItem>
     <div v-show="!isSingleOrg">
       <CommonTitle v-if="projectInfo.certFlag" title="证书分布情况"></CommonTitle>
       <ChartPie v-if="projectInfo.certFlag" :certFlag="projectInfo.certFlag" id="certPieId2" :pieData="(allData && allData.certData)"></ChartPie>
@@ -36,14 +24,7 @@
     </div>
     <div v-show="isSingleOrg">
       <CommonTitle title="培训机构情况"></CommonTitle>
-        <OrgDoctorList
-          @orgDoctorTabChange="orgDoctorTabChange"
-          :certUserList="orgDoctorTabData.certUserList"
-          :noCertUserList="orgDoctorTabData.noCertUserList"
-          :noJoinList="orgDoctorTabData.noJoinList"
-          :certFlag="projectInfo.certFlag"
-          :containOfficialFlag="projectInfo.containOfficialFlag"
-        ></OrgDoctorList>
+      <OrgDoctorList @orgDoctorTabChange="orgDoctorTabChange" :certUserList="orgDoctorTabData.certUserList" :noCertUserList="orgDoctorTabData.noCertUserList" :noJoinList="orgDoctorTabData.noJoinList" :certFlag="projectInfo.certFlag" :containOfficialFlag="projectInfo.containOfficialFlag"></OrgDoctorList>
     </div>
     <CommonBottomInfo></CommonBottomInfo>
   </article>
@@ -101,23 +82,22 @@
     <CommonBottomInfo></CommonBottomInfo>
   </article>
 
-    <PicaArea
-      v-show="isShowArea"
-      @confirm="areaConfirm"
-      @cancel="areaCancel"
-      :projectId="projectId"
-      :token="token"
-    ></PicaArea>
+  <PicaArea v-show="isShowArea" @confirm="areaConfirm" @cancel="areaCancel" :projectId="projectId" :token="token"></PicaArea>
   <PicaOrg v-show="isShowOrg" @confirm="orgConfirm" @cancel="orgCancel"></PicaOrg>
   <CommonLoading v-show="false"></CommonLoading>
   <PopTips :tipsContent="tipsContent" @clickTips="clickTips" v-show="isShowTips"></PopTips>
-  </section>
+</section>
 </template>
 
 <script>
 const cookies = require("cookie-universal")();
-import { goPageByNative } from "@/utils";
-import { mapGetters, mapActions } from "vuex";
+import {
+  goPageByNative
+} from "@/utils";
+import {
+  mapGetters,
+  mapActions
+} from "vuex";
 import {
   getProvinceList,
   getUserAnalysis,
@@ -160,7 +140,9 @@ import OrgDoctorList from "@/components/bussiness/org-doctor-list";
 import ExamList from "@/components/bussiness/exam-list";
 import PopTips from "@/components/bussiness/pop-tips";
 import CommonCard from "@/components/common/common-card";
-import { getGeneralData } from "@/service/index";
+import {
+  getGeneralData
+} from "@/service/index";
 let timeOutId = null;
 export default {
   components: {
@@ -209,8 +191,7 @@ export default {
       cIndex: 0,
       colors: ["#39AF9A", "#FF9A4B", "#abb7bb", "#76d2d2"],
       needBG: true,
-      effectCardList: [
-        {
+      effectCardList: [{
           count: 65,
           unitName: "%",
           description: "培训前正确率"
@@ -225,8 +206,7 @@ export default {
       studyRankList: [],
       costRankList: [],
       projectId: "",
-      token:
-        "2DEF4802111943C49A98A1429095A876" ||
+      token: "2DEF4802111943C49A98A1429095A876" ||
         "79A005DB585C45C389ED1DD0C76E3633" ||
         "A220943B006347799F277CC524EBB662",
       isOrgStat: false,
@@ -253,8 +233,14 @@ export default {
       },
       echartsData: null,
       analysisData: {
-        eduList: { join: [], finish: []},
-        titleList: { join: [], finish: []},
+        eduList: {
+          join: [],
+          finish: []
+        },
+        titleList: {
+          join: [],
+          finish: []
+        },
       },
       analysisEduData: [],
       analysisTitleData: [],
@@ -398,7 +384,9 @@ export default {
 
     // 查询用户信息和权限
     getProjectInfo(params) {
-      getProjectInfo({ projectId: this.projectId }).then(res => {
+      getProjectInfo({
+        projectId: this.projectId
+      }).then(res => {
         if (res.code === "000000") {
           this.projectInfo = res.data;
           getProvinceList(params).then(res => {
@@ -491,8 +479,7 @@ export default {
           this.generalExamData = res.data;
           this.setExamTimesList(res.data.examTimesList)
           this.setExamScoreList(res.data.examScoreList)
-          this.examCardList = [
-            {
+          this.examCardList = [{
               count: res.data.afterExamCount,
               unitName: "门",
               description: "正式考试数"
@@ -532,7 +519,7 @@ export default {
           let viewportHeight = this.getViewportHeight();
           let courseLength = res.data.pCourseList.length;
           // 上面的高度 468   每一条数据的高度 60
-          if(viewportHeight > (468 + (courseLength - 1) * 60)) {
+          if (viewportHeight > (468 + (courseLength - 1) * 60)) {
             this.needFixedBottomInfo = true;
           }
         }
@@ -569,7 +556,7 @@ export default {
       this.getHospitalsCNT(this.CNTParams);
       this.isShowArea = false;
       this.setAreaDegree(selData.areaDegree);
-      if(selData.townName || selData.countyName || selData.cityName || selData.provinceName) {
+      if (selData.townName || selData.countyName || selData.cityName || selData.provinceName) {
         this.areaName = this.shortName(selData.townName || selData.countyName || selData.cityName || selData.provinceName, 6)
       }
     },
@@ -595,7 +582,7 @@ export default {
       this.isShowOrg = false;
       this.orgName = this.shortName(hospitalNames[0] || '全部机构', 6);
       this.queryGDParams.hospitalIdList = hospitalIds;
-      if(hospitalIds.length == 0) {
+      if (hospitalIds.length == 0) {
         this.getHospitalsCNT(this.CNTParams);
         return;
       }
@@ -620,7 +607,7 @@ export default {
 
     // 弹出选择区域控件
     areaTabClick() {
-      if(this.isShowOrg) {
+      if (this.isShowOrg) {
         this.isShowOrg = false;
       }
       this.isShowArea = !this.isShowArea;
@@ -628,11 +615,11 @@ export default {
 
     // 弹出选择机构控件
     orgTabClick() {
-      if(this.areaDegree !== 3 && this.areaDegree !== 4) {
+      if (this.areaDegree !== 3 && this.areaDegree !== 4) {
         this.$toast('选择区/县后才可选择机构');
         return;
       }
-      if(this.orgList.length === 0) {
+      if (this.orgList.length === 0) {
         this.$toast('此区域下无机构');
         return;
       }
@@ -643,7 +630,7 @@ export default {
     // 通用跳转页面
     gotoPage(subUrl, hasCert) {
       let subUrlAndParams = `${subUrl}?token=${this.token}&projectId=${this.queryGDParams.projectId}&regionId=${this.queryGDParams.regionId}&hospitalIdList=${this.queryGDParams.hospitalIdList.join(',')}`
-      if(hasCert) {
+      if (hasCert) {
         subUrlAndParams += `&certFlag=${this.projectInfo.certFlag}`
       }
       if (this.$rocNative.isWeb) {
@@ -727,24 +714,30 @@ export default {
 .container {
   margin: 0 auto;
   font-size: 17px;
+
   h1 {
     font-size: 36px;
     text-align: center;
   }
+
   .m1 {
     width: 100%;
-    > div {
+
+    >div {
       width: 100%;
     }
   }
+
   .mt-10 {
     margin-top: 0;
   }
+
   .fixed-bottom-info {
     position: fixed;
     bottom: 0;
     left: 0;
   }
+
   .pd-top-60 {
     padding-top: 40px;
   }