修改UI

src/views/otherStatisticsData/index.vue

@@ -44,14 +44,19 @@
           </el-form>
           <el-table :data="tableData" style="width: 100%">
             <el-table-column prop="name" label="名称" show-overflow-tooltip></el-table-column>
-            <el-table-column prop="time" label="日期" width="200"></el-table-column>
-            <el-table-column prop="count" label="数据" width="200">
+            <el-table-column prop="time" label="日期" width="160"></el-table-column>
+            <el-table-column prop="percent" :label="cloumn1">
               <template slot-scope="scope">
-                <span v-if="isMolecule" class="link" @click="toListPage(scope.row)">{{ scope.row.count }}</span>
-                <span v-else>{{ (scope.row.count * 100).toFixed(2) + '%' }}</span>
+                <span>{{ scope.row.percent }}</span>
               </template>
             </el-table-column>
-            <el-table-column prop="source" label="来源" width="200"></el-table-column>
+            <el-table-column prop="count" :label="cloumn2">
+              <template slot-scope="scope">
+                <span class="link" @click="toListPage(scope.row)">{{ scope.row.count }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="total" label="同期出院患者手术人次数" width="200"></el-table-column>
+            <el-table-column prop="source" label="来源" width="100"></el-table-column>
           </el-table>
         </div>
       </el-col>
@@ -65,310 +70,140 @@ export default {
     return {
       menus: [
         {
-          id: 2301,
-          name: '2.3.1手术患者手术后肺栓塞发生例数和发生率',
-          children: [
-            {
-              id: 'SSHFSS',
-              name: '手术患者后肺栓塞发生例数',
-            },
-            {
-              id: 23012,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'SSHFSS',
+          name: '2.3.1 手术患者手术后肺栓塞发生例数和发生率',
         },
         {
-          id: 2302,
-          name: '2.3.2手术患者手术后深静脉血栓发生例数和发生率',
-          children: [
-            {
-              id: 'SSHSJMXS',
-              name: '手术患者手术后深静脉血栓发生例数',
-            },
-            {
-              id: 23022,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'SSHSJMXS',
+          name: '2.3.2 手术患者手术后深静脉血栓发生例数和发生率',
         },
         {
-          id: 2303,
-          name: '2.3.3手术患者手术后败血症发生例数和发生率',
-          children: [
-            {
-              id: 'SSHBXZ',
-              name: '手术患者手术后败血症发生例数',
-            },
-            {
-              id: 23032,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'SSHBXZ',
+          name: '2.3.3 手术患者手术后败血症发生例数和发生率',
         },
         {
-          id: 2304,
-          name: '2.3.4手术患者手术后出血或血肿发生例数和发生',
-          children: [
-            {
-              id: 'SSHCXHXZ',
-              name: '手术患者手术后出血或血肿发生例数',
-            },
-            {
-              id: 23042,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'SSHCXHXZ',
+          name: '2.3.4 手术患者手术后出血或血肿发生例数和发生',
         },
         {
-          id: 2305,
-          name: '2.3.5手术患者手术伤口裂开发生例数和发生率',
-          children: [
-            {
-              id: 'SSHSKLK',
-              name: '手术患者手术伤口裂开发生例数',
-            },
-            {
-              id: 23052,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'SSHSKLK',
+          name: '2.3.5 手术患者手术伤口裂开发生例数和发生率',
         },
         {
-          id: 2306,
-          name: '2.3.6手术患者手术后猝死发生例数和发生率',
-          children: [
-            {
-              id: 'SSHCS',
-              name: '手术患者手术后猝死发生例数',
-            },
-            {
-              id: 23062,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'SSHCS',
+          name: '2.3.6 手术患者手术后猝死发生例数和发生率',
         },
         {
-          id: 2307,
-          name: '2.3.7手术患者手术后呼吸衰竭发生例数和发生率',
-          children: [
-            {
-              id: 'SSHHXSJ',
-              name: '手术患者手术后呼吸衰竭发生例数',
-            },
-            {
-              id: 23072,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'SSHHXSJ',
+          name: '2.3.7 手术患者手术后呼吸衰竭发生例数和发生率',
         },
         {
-          id: 2308,
-          name: '2.3.8手术患者手术后生理/代谢紊乱发生例数和发生',
-          children: [
-            {
-              id: 'SSHSLDXSLF',
-              name: '手术患者手术后生理/代谢紊乱发生例数',
-            },
-            {
-              id: 23082,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'SSHSLDXSLF',
+          name: '2.3.8 手术患者手术后生理/代谢紊乱发生例数和发生',
         },
         {
-          id: 2309,
-          name: '2.3.9与手术/操作相关感染发生例数和发生率',
-          children: [
-            {
-              id: 'SSCZGR',
-              name: '与手术/操作相关感染发生例数',
-            },
-            {
-              id: 23092,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'SSCZGR',
+          name: '2.3.9 与手术/操作相关感染发生例数和发生率',
         },
         {
-          id: 2310,
-          name: '2.3.10手术过程中异物遗留发生例数和发生率',
-          children: [
-            {
-              id: 'MZBFZ',
-              name: '发生手术过程中异物遗留的出院发生例数',
-            },
-            {
-              id: 23102,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'MZBFZ',
+          name: '2.3.10 手术过程中异物遗留发生例数和发生率',
         },
         {
-          id: 2311,
-          name: '2.3.11手术患者麻醉并发症发生例数和发生率',
-          children: [
-            {
-              id: 'MZBFZ',
-              name: '手术患者麻醉并发症发生例数',
-            },
-            {
-              id: 23112,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'MZBFZ',
+          name: '2.3.11 手术患者麻醉并发症发生例数和发生率',
         },
         {
-          id: 2312,
-          name: '2.3.12手术患者肺部感染与肺机能不全发生例数和发生率',
-          children: [
-            {
-              id: 'FBGRYFJNBQ',
-              name: '手术患者肺部感染与肺机能不全发生例数',
-            },
-            {
-              id: 23122,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'FBGRYFJNBQ',
+          name: '2.3.12 手术患者肺部感染与肺机能不全发生例数和发生率',
         },
         {
-          id: 2313,
+          id: 'YWCCSHSLS',
           name: '2.3.13手术意外穿刺伤或撕裂伤发生例数和发生率',
-          children: [
-            {
-              id: 'YWCCSHSLS',
-              name: '手术患者肺部感染与肺机能不全发生例数',
-            },
-            {
-              id: 23132,
-              name: '同期出院患者手术人次数',
-            },
-          ],
         },
         {
-          id: 2314,
-          name: '2.3.14手术后急性肾衰竭发生例数和发生率',
-          children: [
-            {
-              id: 'SSHJXSSJ',
-              name: '手术后急性肾衰竭发生例数',
-            },
-            {
-              id: 23142,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'SSHJXSSJ',
+          name: '2.3.14 手术后急性肾衰竭发生例数和发生率',
         },
+        // {
+        //   id: 2315,
+        //   name: '2.3.15 各系统/器官术后并发症发生例数和发生率',
+        //   children: [
+        //     {
+        //       id: 'XTQGXH',
+        //       name: '消化系统术后并发症发生例数',
+        //     },
+        //     {
+        //       id: 'XTQGXUNHUAN',
+        //       name: '循环系统术后并发症发生例数',
+        //     },
+        //     {
+        //       id: 'XTQGSJ',
+        //       name: '神经系统术后并发症发生例数',
+        //     },
+        //     {
+        //       id: 'XTQGYHFQ',
+        //       name: '眼和附器术后并发症发生例数',
+        //     },
+        //     {
+        //       id: 'XTQGEHRC',
+        //       name: '耳和乳突术后并发症发生例数',
+        //     },
+        //     {
+        //       id: 'XTQGJRGG',
+        //       name: '肌肉骨骼术后并发症发生例数',
+        //     },
+        //     {
+        //       id: 'XTQGMNSZ',
+        //       name: '泌尿生殖系统术后并发症发生例数',
+        //     },
+        //     {
+        //       id: 'XTQGKQ',
+        //       name: '口腔术后并发症发生例数',
+        //     },
+        //     {
+        //       id: 23152,
+        //       name: '同期出院患者手术人次数',
+        //     },
+        //   ],
+        // },
+        // {
+        //   id: 2316,
+        //   name: '2.3.16 植入物的并发症（不包括脓毒症）发生例数和发生率',
+        //   children: [
+        //     {
+        //       id: 'ZRWXZHXG',
+        //       name: '（心脏和血管）植入物的并发症（不包括脓毒症）发生例数',
+        //     },
+        //     {
+        //       id: 'ZRWMNSZD',
+        //       name: '（泌尿生殖道）植入物的并发症（不包括脓毒症）发生例数',
+        //     },
+        //     {
+        //       id: 'ZRWGK',
+        //       name: '（骨科）植入物的并发症（不包括脓毒症）发生例数',
+        //     },
+        //     {
+        //       id: 'ZRWQT',
+        //       name: '（其他）植入物的并发症（不包括脓毒症）发生例数',
+        //     },
+        //     {
+        //       id: 23162,
+        //       name: '同期出院患者手术人次数',
+        //     },
+        //   ],
+        // },
         {
-          id: 2315,
-          name: '2.3.15各系统/器官术后并发症发生例数和发生率',
-          children: [
-            {
-              id: 'XTQGXH',
-              name: '消化系统术后并发症发生例数',
-            },
-            {
-              id: 'XTQGXUNHUAN',
-              name: '循环系统术后并发症发生例数',
-            },
-            {
-              id: 'XTQGSJ',
-              name: '神经系统术后并发症发生例数',
-            },
-            {
-              id: 'XTQGYHFQ',
-              name: '眼和附器术后并发症发生例数',
-            },
-            {
-              id: 'XTQGEHRC',
-              name: '耳和乳突术后并发症发生例数',
-            },
-            {
-              id: 'XTQGJRGG',
-              name: '肌肉骨骼术后并发症发生例数',
-            },
-            {
-              id: 'XTQGMNSZ',
-              name: '泌尿生殖系统术后并发症发生例数',
-            },
-            {
-              id: 'XTQGKQ',
-              name: '口腔术后并发症发生例数',
-            },
-            {
-              id: 23152,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'YZBFZ',
+          name: '2.3.17 移植的并发症发生例数和发生率',
         },
         {
-          id: 2316,
-          name: '2.3.16植入物的并发症（不包括脓毒症）发生例数和发生率',
-          children: [
-            {
-              id: 'ZRWXZHXG',
-              name: '（心脏和血管）植入物的并发症（不包括脓毒症）发生例数',
-            },
-            {
-              id: 'ZRWMNSZD',
-              name: '（泌尿生殖道）植入物的并发症（不包括脓毒症）发生例数',
-            },
-            {
-              id: 'ZRWGK',
-              name: '（骨科）植入物的并发症（不包括脓毒症）发生例数',
-            },
-            {
-              id: 'ZRWQT',
-              name: '（其他）植入物的并发症（不包括脓毒症）发生例数',
-            },
-            {
-              id: 23162,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'ZZHJZ',
+          name: '2.3.18 再植和截肢的并发症发生例数和发生率',
         },
         {
-          id: 2317,
-          name: '2.3.17移植的并发症发生例数和发生率',
-          children: [
-            {
-              id: 'YZBFZ',
-              name: '移植的并发症发生例数',
-            },
-            {
-              id: 23172,
-              name: '同期出院患者手术人次数',
-            },
-          ],
-        },
-        {
-          id: 2318,
-          name: '2.3.18再植和截肢的并发症发生例数和发生率',
-          children: [
-            {
-              id: 'ZZHJZ',
-              name: '再植和截肢的并发症发生例数',
-            },
-            {
-              id: 23182,
-              name: '同期出院患者手术人次数',
-            },
-          ],
-        },
-        {
-          id: 2319,
-          name: '2.3.19介入操作与手术后患者其他并发症发生例数和发生率',
-          children: [
-            {
-              id: 'JRCZHQT',
-              name: '介入操作与手术后患者其他并发症发生例数',
-            },
-            {
-              id: 23192,
-              name: '同期出院患者手术人次数',
-            },
-          ],
+          id: 'JRCZHQT',
+          name: '2.3.19 介入操作与手术后患者其他并发症发生例数和发生率',
         },
       ],
       formInline: {
@@ -396,20 +231,20 @@ export default {
   },
   created() {
     this.formInline.year = new Date().getFullYear().toString();
-    const { id, name } = this.menus[0]
+    const { id, name } = this.menus[0];
     this.ruleId = id;
     this.ruleName = name;
-    this.getList()
+    this.getList();
   },
   computed: {
-    judgeEdit() {
-      return this.greenColorMenus.includes(this.ruleId) && !!this.tableData.length;
-    },
-    isMolecule() {
-      // 判断是否为分子
-      const isNumber = typeof this.ruleId === 'number';
-      return !isNumber;
+    cloumn1() {
+      const str = this.ruleName.split(' ')[1]
+      return str.replace('发生例数和', '')
     },
+    cloumn2() {
+      const str = this.ruleName.split(' ')[1]
+      return str.replace('和发生率', '')
+    }
   },
   watch: {
     filterText(val) {
@@ -420,8 +255,8 @@ export default {
     // 列表跳转
     toListPage(row) {
       console.log(row);
-      const { time, ruleId, name } = row
-      this.$router.push({ path: '/otherStatisticsList', query: { year: this.formInline.year, time, ruleId, name }})
+      const { time, ruleId, name } = row;
+      this.$router.push({ path: '/otherStatisticsList', query: { year: this.formInline.year, time, ruleId, name } });
     },
     // 菜单筛选
     filterNode(value, data) {
@@ -438,57 +273,25 @@ export default {
     },
     // 获取右侧列表数据
     getList() {
-      if (this.isMolecule) {
-        // 分子
-        const { year } = this.formInline;
-        const params = {
-          start_time: `${year}0101`,
-          end_time: `${year}1231`,
-          field: this.ruleId,
-        };
-        this.$axios.post('/ssbfz/getBfzData', params).then(res => {
-          if (Array.isArray(res.data)) {
-            res.data.map(item => {
-              item.name = this.ruleName;
-              item.ruleId = this.ruleId
-            });
-            this.tableData = res.data;
-          } else {
-            this.tableData = [];
-          }
-        });
-      } else {
-        const obj = {
-          count: '',
-          time: '',
-          source: '系统提取',
-        };
-        let arr = [];
-        for (let i = 0; i < 12; i++) {
-          const month = i < 10 ? `0${i + 1}` : i + 1;
-          arr.push({
-            count: '',
-            time: `${this.formInline.year}-${month}`,
-            source: '系统提取',
+      const { year } = this.formInline;
+      const params = {
+        start_time: `${year}0101`,
+        end_time: `${year}1231`,
+        field: this.ruleId,
+      };
+      this.$axios.post('/ssbfz/getBfzData', params).then(res => {
+        if (Array.isArray(res.data)) {
+          res.data.map(item => {
+            item.name = this.ruleName;
+            item.ruleId = this.ruleId;
+            item.percent = '0%';
+            item.total = 0
           });
-        }
-        arr.push({
-          count: '',
-          time: `全年`,
-          source: '系统提取',
-        });
-        if (this.ruleId.toString().length === 4) {
-          // 比例
-          arr.map(item => (item.count = 0));
+          this.tableData = res.data;
         } else {
-          // 分母
-          arr.map(item => (item.count = 0));
+          this.tableData = [];
         }
-        arr.map(item => {
-          item.name = this.ruleName;
-        });
-        this.tableData = arr;
-      }
+      });
     },
     // 查询
     onSearch() {