医护管理

src/xt_pages/qcd/basicInformationAnalysis.vue

@@ -18,6 +18,19 @@
             >{{ item.label }}</li>
           </ul>
         </div>
+        <label class="title">
+          <span class="name">查看范围</span> :
+        </label>
+        <div class="time">
+          <ul class>
+            <li
+              :class="item.state == way ? 'active' : ''"
+              @click="selectWay(item.state)"
+              v-for="item in wayArr"
+              :key="item.value"
+            >{{ item.label }}</li>
+          </ul>
+        </div>
         <label class="title">
              <span class="name">日期查询</span> :
         </label>
@@ -49,7 +62,7 @@
           :picker-options="pickerOptions"
         ></el-date-picker>
       </div>
-      <div class="cell clearfix" style="align-items:normal">
+      <div v-if="way == 0" class="cell clearfix" style="align-items:normal">
         <div style="float:left">
           <div class="infoBox">
             <div class="infoOne">
@@ -60,79 +73,79 @@
 
               <div class="borderBox">
                <div v-for="(item,index) in modetype" :key="index">
-                 <span v-if="item.mode_id == 1">
+                 <span v-if="item.mode_id == 'HD'">
                     <p>HD:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                     <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
-                  <span v-if="item.mode_id == 2">
+                  <span v-if="item.mode_id == 'HDF'">
                     <p>HDF:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                     <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
-                  <span v-if="item.mode_id == 3">
+                  <span v-if="item.mode_id == 'HD+HP'">
                     <p>HD+HP:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                     <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
-                  <span v-if="item.mode_id == 4">
+                  <span v-if="item.mode_id == 'HP'">
                     <p>HP:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                     <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
-                  <span v-if="item.mode_id == 5">
+                  <span v-if="item.mode_id == 'HF'">
                     <p>HF:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                     <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
-                  <span v-if="item.mode_id == 6">
+                  <span v-if="item.mode_id == 'SCUF'">
                     <p>SCUF:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                     <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
-                  <span v-if="item.mode_id == 7">
+                  <span v-if="item.mode_id == 'IUF'">
                     <p>IUF:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                     <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
-                  <span v-if="item.mode_id == 8">
+                  <span v-if="item.mode_id == 'HFHD'">
                     <p>HFHD:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                     <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
-                  <span v-if="item.mode_id == 9">
+                  <span v-if="item.mode_id == 'HFHD+HP'">
                     <p>HFHD+HP:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                     <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
-                  <span v-if="item.mode_id == 10">
+                  <span v-if="item.mode_id == 'PHF'">
                     <p>PHF:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                     <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
-                   <span v-if="item.mode_id == 11">
+                   <span v-if="item.mode_id == 'HFR'">
                     <p>HFR:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                     <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
-                  <span v-if="item.mode_id == 12">
+                  <span v-if="item.mode_id == 'HDF+HP'">
                     <p>HDF+HP:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                     <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
-                  <span v-if="item.mode_id == 13">
+                  <span v-if="item.mode_id == 'HFHD+HP'">
                       <p>HFHD+HP:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                       <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
-                   <span v-if="item.mode_id == 14">
+                   <span v-if="item.mode_id == '腹水回输'">
                       <p>腹水回输:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                       <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
-                   <span v-if="item.mode_id == 15">
+                   <span v-if="item.mode_id == 'HD前置换'">
                       <p>HD前置换:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                       <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                    </span>
-                    <span v-if="item.mode_id == 16">
+                    <span v-if="item.mode_id == 'HD后置换'">
                       <p>HD后置换:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                       <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                    </span>
-                    <span v-if="item.mode_id == 17">
+                    <span v-if="item.mode_id == 'HDF前置换'">
                       <p>HDF前置换:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                       <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                    </span>
-                    <span v-if="item.mode_id == 18">
+                    <span v-if="item.mode_id == 'HDF后置换'">
                       <p>HDF后置换:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                       <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                    </span>
-                   <span v-if="item.mode_id == 19">
+                   <span v-if="item.mode_id == 'IUF+HD'">
                       <p>IUF+HD:{{item.count}}次({{(item.count/total*100).toFixed(1)}}%)</p>
                       <el-progress :percentage="(item.count/total*100).toFixed(1)"></el-progress>
                   </span>
@@ -260,6 +273,14 @@
           </div>
         </div>
       </div>
+      <div v-else>
+        <div  style="margin-bottom:20px;">
+          <line-chart :options="chart"></line-chart>
+        </div>
+        <div >
+          <line-chart :options="bar"></line-chart>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -268,16 +289,19 @@
 
 <script>
 const moment = require('moment')
+import echarts from "echarts";
 import { GetOICData } from "@/api/qcd";
 import PieChart from "../qcd/components/BarChart";
 import { uParseTime } from "@/utils/tools";
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import LineChart from "../qcd/components/LineChart";
 import {getDialysisModeType,getTotalLapseCount,getTotalSexCount,getTotalInfectiousCount,getTotalAgeCount,getTotalDialysisCount} from "@/api/common/common"
 export default {
   name: "dialysisTotal",
   components: {
     PieChart,
-    BreadCrumb
+    BreadCrumb,
+    LineChart
   },
   data() {
     return {
@@ -324,7 +348,198 @@ export default {
       rollOutTotal:0,
       outTotal:0,
       dialysisAge:[],
+
+      way: 0,
+      wayArr: [
+        { value: 0, label: "统计表", state: 0 },
+        { value: 1, label: "统计图", state: 1 }
+      ],
+      modesData: {
+       xAxis: [],
+       series: []
+      },
+      modesDataTwo:{
+        xAxis:[],
+        series:[]
+      },
+      chart: {
+        title: {
+          text: "ECharts 入门示例"
+        },
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: "{value} %"
+          },
+          show: false
+        },
+        series: [
+          {
+            name: "",
+            type: "bar",
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: "top",
+                formatter: "{c}%"
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ["#A9E0F3", "#9FBDFC"],
+
+                    ["#FFD7C0", "#FF9994"]
+                  ];
+
+                  var index = params.dataIndex;
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length;
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ]);
+                },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
+
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.2)"
+              }
+            }
+          }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
+        ],
+      },
+
+      bar: {
+        title: {
+          text: "ECharts 入门示例"
+        },
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: "{value} %"
+          },
+          show: false
+        },
+        series: [
+          {
+            name: "",
+            type: "bar",
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: "top",
+                formatter: "{c}%"
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ["#A9E0F3", "#9FBDFC"],
+
+                    ["#FFD7C0", "#FF9994"]
+                  ];
+
+                  var index = params.dataIndex;
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length;
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ]);
+                },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
+
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.2)"
+              }
+            }
+          }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
+        ],
+      }
     };
+
+    
   },
   methods: {
     getTimestamp(time) {
@@ -494,31 +709,116 @@ export default {
 
     },
     getDialysisModeType(startDate,endDate){
+       this.modesData.series = []
+       this.modesData.xAxis = []
       getDialysisModeType(startDate,endDate).then(response=>{
          if(response.data.state == 1){
+         
           var modetype =  response.data.data.modetype
-            var total =  response.data.data.total
-            // console.log("total",total)
-            this.total = total
-           this.modetype = modetype
-          //  console.log("modetype",modetype)
-
+          this.modetype = modetype
+          var total =  response.data.data.total
+          this.total = total
+          // console.log("数据",this.modetype)
+          var modedate = response.data.data.modetype
+          for(let i=0;i<modedate.length;i++){
+            if(modedate[i].mode_id == 1){
+               modedate[i].mode_id = "HD"
+            }
+            if(modedate[i].mode_id == 2){
+               modedate[i].mode_id = "HDF"
+            }
+            if(modedate[i].mode_id == 3){
+               modedate[i].mode_id = "HD+HP"
+            }
+            if(modedate[i].mode_id == 4){
+               modedate[i].mode_id = "HP"
+            }
+           if(modedate[i].mode_id == 5){
+               modedate[i].mode_id = "HF"
+            }
+           if(modedate[i].mode_id == 6){
+               modedate[i].mode_id = "SCUF"
+            }
+            if(modedate[i].mode_id == 7){
+               modedate[i].mode_id = "IUF"
+            }
+           if(modedate[i].mode_id == 8){
+               modedate[i].mode_id = "HFHD"
+            }
+           if(modedate[i].mode_id == 9){
+               modedate[i].mode_id = "HFHD+HP"
+            }
+           if(modedate[i].mode_id == 10){
+               modedate[i].mode_id = "PHF"
+            }
+            if(modedate[i].mode_id == 11){
+               modedate[i].mode_id = "HFR"
+            }
+            if(modedate[i].mode_id == 12){
+               modedate[i].mode_id = "HDF+HP"
+            }
+           if(modedate[i].mode_id == 13){
+               modedate[i].mode_id = "CRRT"
+            }
+           if(modedate[i].mode_id == 14){
+               modedate[i].mode_id = "腹水回输"
+            }
+           if(modedate[i].mode_id == 15){
+               modedate[i].mode_id = "HD前置换"
+            }
+           if(modedate[i].mode_id == 16){
+               modedate[i].mode_id = "HD后置换"
+            }
+           if(modedate[i].mode_id == 17){
+               modedate[i].mode_id = "HDF前置换"
+            }
+           if(modedate[i].mode_id == 18){
+               modedate[i].mode_id = "HDF后置换"
+            }
+           if(modedate[i].mode_id == 19){
+               modedate[i].mode_id = "IUF+HD"
+            }
+            this.modesData.xAxis.push(modedate[i].mode_id)
+            this.modesData.series.push(((modedate[i].count/total)*100).toFixed(1))
+          }
+          this.chart.series[0].data = this.modesData.series
+          this.chart.xAxis.data = this.modesData.xAxis
+          this.getArrLength1(this.chart.xAxis.data)
+           
          }
       })
     },
     //统计转归
     getTotalLapseCount(startDate,endDate){
+       this.modesDataTwo.series = []
+       this.modesDataTwo.xAxis = []
       getTotalLapseCount(startDate,endDate).then(response=>{
          if(response.data.state == 1){
+           var arr = [
+             {name:"留治",count:0},
+             {name:"转出",count:0}
+           ]
           var patients =  response.data.data.patients
-          console.log('patients',patients)
           this.rollOutTotal = patients.length
-          console.log("留治病人长度",patients.length)
           var patienttwo = response.data.data.patienttwo
           this.outTotal = patienttwo.length
-          console.log("转出长度", this.outTotal)
           var count = response.data.data.count
+          console.log("count",count)
           this.patientCount = count
+
+          for(let i=0;i<arr.length;i++){
+            arr[0].count = this.rollOutTotal
+            arr[1].count = this.outTotal
+          }
+
+          for(let j=0;j<arr.length;j++){
+            this.modesDataTwo.xAxis.push(arr[j].name)
+            this.modesDataTwo.series.push(((arr[j].count/count)*100).toFixed(1))
+          }
+          this.bar.series[0].data = this.modesDataTwo.series
+          this.bar.xAxis.data = this.modesDataTwo.xAxis
+          this.getArrLength(this.bar.xAxis.data)
+        
          }
       })
     },
@@ -610,6 +910,27 @@ export default {
 
          }
       })
+    },
+    selectWay(index){
+      this.way = index
+    },
+    getArrLength(result){
+      if(result.length > 10){
+        var dataZoom_end = (10/result.length)*100;
+        this.bar.dataZoom[0].end = dataZoom_end
+      }else{
+        var dataZoom_end = 100;
+        this.bar.dataZoom[0].end = dataZoom_end
+      }
+    },
+    getArrLength1(result){
+      if(result.length > 10){
+        var dataZoom_end = (10/result.length)*100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }else{
+        var dataZoom_end = 100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }
     }
   },
   created() {

src/xt_pages/qcd/treatmentControlAnalysis/components/TimePersonal.vue

@@ -84,7 +84,8 @@
           </el-table-column>
           <el-table-column prop="mode_id" label="透析模式">
               <template slot-scope="scope">
-                <span>{{ scope.row.mode_id.join("、") }}</span>
+                <!-- <span>{{ scope.row.mode_id.join("、") }}</span> -->
+                <span>{{getModeIdCount(scope.row.patient_id)}}</span>
               </template>
            </el-table-column>
           <el-table-column prop="address" label="透析总次数" width="140">
@@ -142,6 +143,7 @@ export default {
         }
       }, 
       patient_id:0,
+      modeIdCount:[],
     };
   },
   methods: {
@@ -192,24 +194,76 @@ export default {
       getDialysisList(this.listQuery.start_time,this.listQuery.end_time,this.listQuery.page,this.listQuery.limit).then(response=>{
          if(response.data.state === 1){
           var list = response.data.data.list
-          // console.log("list",list)
           var totallist  =  response.data.data.totallist
-          //  console.log("totallist",totallist)
           this.total = totallist  
           var prescriptionList = response.data.data.prescriptionList
-          // console.log("prescriptionList",prescriptionList)
+         
           this.getModeId(prescriptionList)
           var count = response.data.data.count
-          // console.log("count",count)
           this.DialysisCount = count
-          // for(let i=0;i<count.length;i++){
-          //  for(let j=0;j<prescriptionList.length;j++){
-          //    if(count[i].patient_id == prescriptionList[j].patient_id){
-          //         prescriptionList[j].count = count[i].Count
-          //    }
-          //  }
-          // }
-          // console.log("prescriptionList",prescriptionList)
+          
+          var modeIdCount = response.data.data.modeIdCount
+          console.log("modeidcount=====",modeIdCount)
+          for(let i=0;i<modeIdCount.length;i++){
+            if(modeIdCount[i].mode_id == 1){
+               modeIdCount[i].mode_id = "HD"
+            }
+            if(modeIdCount[i].mode_id == 2){
+               modeIdCount[i].mode_id = "HDF"
+            }
+            if(modeIdCount[i].mode_id == 3){
+               modeIdCount[i].mode_id = "HD+HP"
+            }
+            if(modeIdCount[i].mode_id == 4){
+               modeIdCount[i].mode_id = "HP"
+            }
+            if(modeIdCount[i].mode_id == 5){
+               modeIdCount[i].mode_id = "HF"
+            }
+            if(modeIdCount[i].mode_id == 6){
+               modeIdCount[i].mode_id = "SCUF"
+            }
+            if(modeIdCount[i].mode_id == 7){
+               modeIdCount[i].mode_id = "IUF"
+            }
+            if(modeIdCount[i].mode_id == 8){
+               modeIdCount[i].mode_id = "HFHD"
+            }
+            if(modeIdCount[i].mode_id == 9){
+               modeIdCount[i].mode_id = "HFHD+HP"
+            }
+            if(modeIdCount[i].mode_id == 10){
+               modeIdCount[i].mode_id = "PHF"
+            }
+            if(modeIdCount[i].mode_id == 11){
+               modeIdCount[i].mode_id = "HFR"
+            }
+            if(modeIdCount[i].mode_id == 12){
+               modeIdCount[i].mode_id = "HDF+HP"
+            }
+            if(modeIdCount[i].mode_id == 13){
+               modeIdCount[i].mode_id = "CRRT"
+            }
+             if(modeIdCount[i].mode_id == 14){
+               modeIdCount[i].mode_id = "腹水回输"
+            }
+             if(modeIdCount[i].mode_id == 15){
+               modeIdCount[i].mode_id = "HD前置换"
+            }
+             if(modeIdCount[i].mode_id == 16){
+               modeIdCount[i].mode_id = "HD后置换"
+            }
+             if(modeIdCount[i].mode_id == 17){
+               modeIdCount[i].mode_id = "HDF前置换"
+            }
+             if(modeIdCount[i].mode_id == 18){
+               modeIdCount[i].mode_id = "HDF后置换"
+            }
+              if(modeIdCount[i].mode_id == 19){
+               modeIdCount[i].mode_id = "IUF+HD"
+            }
+          }
+          this.modeIdCount = modeIdCount
           let dataInfo = {}
           list.forEach((item, index) => {
             let { patient_id } = item
@@ -388,12 +442,27 @@ export default {
           }
         })
       },
-   handleSelect(val) {
+    handleSelect(val) {
         // console.log("val",val)
         this.listQuery.search = val.name
         this.patient_id = val.id
         this.onSearch()
       },
+      getModeIdCount(id){
+        var arr = []
+        for(let i = 0;i<this.modeIdCount.length;i++){
+          if(id == this.modeIdCount[i].patient_id){
+             arr.push(this.modeIdCount[i])
+           }
+        }
+        let str = ''
+        arr.map(item => {
+          str += item.mode_id + '(' + item.Count + '次) 、' 
+        })
+        var strs = str.substring(0, str.length - 1)
+       
+        return strs
+      }
   },
   created(){
     var nowDate = new Date();