Merge branch '20200916_pc_vue_new_branch' of http://git.shengws.com/csx/Vue_New into 20200916_pc_vue_new_branch

src/api/common/common.js

 import request from '@/utils/request'
 import url from 'postcss-url'
+import { data } from 'autoprefixer'
 
 export function getInspectionMajor(params) {
   return request({
     data: data
   })
 }
+
+
+export function getTreatModeList(params){
+  console.log("params",params)
+  return request({
+    url:"/com/api/getreatmodelist",
+    method:"get",
+    params:params,
+  })
+}
+
+export function getCountModeId(params){
+  return request({
+    url:'/com/api/getcountmodeid',
+    method:"Get",
+    params:params
+  })
+}
+
+export function getRolloutCount(params){
+  
+  return request({
+    url:"/com/api/getrolloutcount",
+    method:"Get",
+    params:params
+  })
+}

src/xt_pages/qcd/basicInformationAnalysis.vue

         <label class="title">
              <span class="name">日期查询</span> :
         </label>
+
         <el-date-picker
           v-model="listQuery.start_time"
           prefix-icon="el-icon-date"
           :picker-options="pickerOptions"
         ></el-date-picker>
       </div>
+
+       <div class="cell clearfix" v-show="treatShow">
+        <label class="title">
+          <span class="name">透析模式</span> :
+        </label>
+        <div class="time">
+          <ul class>
+            <li
+             :class="item.state == stateMode ? 'active' : ''"
+              @click="selectTreatMode(item.state)"
+              v-for="item in treatmentMode"
+              :key="item.mode_id"
+            >{{ item.name }}</li>
+          </ul>
+        </div>
+       </div>
       <div v-if="way == 0" class="cell clearfix" style="align-items:normal">
         <div style="float:left">
           <div class="infoBox" style="width:370px;">
           <line-chart :options="chart"></line-chart>
         </div>
         <div>
+
+        <div class="cell clearfix" v-show="treatShow">
+        <label class="title">
+          <span class="name">转归状态</span> :
+        </label>
+        <div class="time">
+          <ul class>
+            <li
+             :class="item.state == lapseMode ? 'active' : ''"
+              @click="selectLapsetoMode(item.state)"
+              v-for="item in lapsetoMode"
+              :key="item.value"
+            >{{ item.label }}</li>
+          </ul>
+        </div>
+       </div>
+
           <p style="font-size: 16px;font-weight: bold;color: #000;">转归统计</p>
           <line-chart :options="bar"></line-chart>
         </div>
 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"
+import {getDialysisModeType,getTotalLapseCount,getTotalSexCount,getTotalInfectiousCount,getTotalAgeCount,getTotalDialysisCount,getTreatModeList,getCountModeId,getRolloutCount} from "@/api/common/common"
 export default {
   name: "dialysisTotal",
   components: {
       rollOutTotal:0,
       outTotal:0,
       dialysisAge:[],
+      start:0,
+      end:0,
 
       way: 0,
       wayArr: [
         series: [
           {
             name: "",
-            type: "bar",
+            type: "line",
             data: [],
             barWidth: 30,
             label: {
               normal: {
                 show: true,
                 position: "top",
-                formatter: "{c}%"
+                formatter: "{c}次"
               }
             },
             //配置样式
         series: [
           {
             name: "",
-            type: "bar",
+            type: "line",
             data: [],
             barWidth: 30,
             label: {
               normal: {
                 show: true,
                 position: "top",
-                formatter: "{c}%"
+                formatter: "{c}次"
               }
             },
             //配置样式
             zoomLock: true // 锁定区域禁止缩放
           }
         ],
-      }
+      },
+      treatmentMode:[],
+      stateMode:1,
+      lapseMode:0,
+      treatShow:false,
+      mode_id:0,
+      lapsetoMode:[
+        { value: 0, label: "留治", state: 0 },
+        { value: 1, label: "转出", state: 1}
+      ],
+      lapseid:0,
     };
 
-    
+
   },
   methods: {
     getTimestamp(time) {
         this.getTotalAgeCount(timeStar,timeEnd)
         //统计透析年龄
         this.getTotalDialysisCount(timeStar,timeEnd)
+        this.start = timeStar
+        this.end =timeEnd
+        this.getCountModeId()
+        this.getRolloutCount(timeStar,timeEnd)
       }
     },
     changeEndTime(val) {
         this.getTotalAgeCount(timeStar,timeEnd)
         //统计透析年龄
         this.getTotalDialysisCount(timeStar,timeEnd)
+        this.start = timeStar
+        this.end =timeEnd
+        this.getCountModeId()
+        this.getRolloutCount(timeStar,timeEnd)
       }
     },
     selectLapseTo(state) {
       this.listQuery.state = state;
       //获取本月当前机构的透析模式
       const startDate = moment().subtract('month', 0).format('YYYY-MM') + '-01'
-      // console.log("开始时间",startDate)
       const endDate = moment(new Date()).format('YYYY-MM-DD')
-      // console.log("结束时间",endDate)
       var now = new Date()
       var nowMonth = now.getMonth(); //当前月
       var nowYear = now.getFullYear(); //当前年
         this.getTotalAgeCount(timeStar,timeEnd)
         //统计透析年龄
         this.getTotalDialysisCount(timeStar,timeEnd)
+        this.start = timeStar
+        this.end = timeEnd
+        this.getCountModeId()
+        this.getRolloutCount(timeStar,timeEnd)
       }
       //近三月
       if(state == 1){
         this.getTotalAgeCount(startunitx,endunitx)
         //统计透析年龄
         this.getTotalDialysisCount(startunitx,endunitx)
+        this.start = startunitx
+        this.end = endunitx
+        this.getCountModeId()
+        this.getRolloutCount(startunitx,endunitx)
       }
 
      //近半年
         this.getTotalAgeCount(startunitx,endunitx)
         //统计透析年龄
         this.getTotalDialysisCount(startunitx,endunitx)
+
+        this.start = startunitx
+        this.end = endunitx
+        this.getCountModeId()
+        this.getRolloutCount(startunitx,endunitx)
      }
 
      //近一年
         this.getTotalAgeCount(startunitx,endunitx)
         //统计透析年龄
         this.getTotalDialysisCount(startunitx,endunitx)
+
+        this.start = startunitx
+        this.end = endunitx
+        this.getCountModeId()
+        this.getRolloutCount(startunitx,endunitx)
      }
 
 
 
+    },
+    selectTreatMode(state){
+      this.mode_id = state
+      this.stateMode = state;
+      this.getCountModeId()
+    },
+    selectLapsetoMode(state){
+      this.lapseid  = state
+      this.lapseMode = state
+      this.getRolloutCount(this.start,this.end)
     },
     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
           this.modetype = modetype
           var total =  response.data.data.total
            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.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)
-           
+          // this.chart.series[0].data = this.modesData.series
+          // this.chart.xAxis.data = this.modesData.xAxis
+          // this.getArrLength1(this.chart.xAxis.data)
+
          }
       })
     },
              {name:"转出",count:0}
            ]
           var patients =  response.data.data.patients
+
           this.rollOutTotal = patients.length
           var patienttwo = response.data.data.patienttwo
           this.outTotal = patienttwo.length
           var count = response.data.data.count
-          console.log("count",count)
           this.patientCount = count
 
+          var rollout = response.data.data.rollout
+          console.log("rollout",rollout)
+
           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)
-        
+          // 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)
+
          }
       })
     },
        getTotalInfectiousCount(timeStar,timeEnd).then(response=>{
            if(response.data.state === 1){
              this.InfectiousTotal = response.data.data.total
-            //  console.log("===",this.InfectiousTotal)
              var infectious = response.data.data.count
-          //  console.log("infectious",infectious)
              var otherTotal = response.data.data.otherTotal
-            //  console.log("otherTotal",otherTotal)
              this.otherTotal = otherTotal
               var arr = [
                 {count:0,disease_id:2},
       },
     //统计透析年龄
     getTotalDialysisCount(timeStar,timeEnd){
-      //  const endDate = moment(new Date()).format('YYYY-MM-DD')
-      //  console.log("结束时间",endDate)
-      //  var end = Date.parse(endDate)/1000
-      //  console.log("end",end)
-      //  const startDate = moment().subtract('month', 144).format('YYYY-MM-DD')
-      //  var twStart = Date.parse(startDate)/1000
-      //  console.log("12年前",twStart)
-      // const start = moment().subtract('month', 432).format('YYYY-MM-DD')
-      // console.log("start",start)
-      //  var sixStart = Date.parse(start)/1000
-      //  console.log("36年前",sixStart)
-      //  const sevnstart = moment().subtract('month', 720).format('YYYY-MM-DD')
-      //  var sevenStart = Date.parse(sevnstart)/1000
-      //  console.log("60年前",sevenStart)
       getTotalDialysisCount(timeStar,timeEnd).then(response=>{
          if(response.data.state == 1){
            var dataage =  response.data.data.dataage
          }
       })
     },
+    getTreatModeList(timeStar,timeEnd){
+         const params = {
+           start_time:timeStar,
+           end_time:timeEnd
+         }
+      getTreatModeList(params).then(response=>{
+         if(response.data.state == 1){
+           var list =  response.data.data.list
+           this.mode_id = list[0].mode_id
+           for(let i=0;i<list.length;i++){
+             if(list[i].mode_id == 1){
+               list[i].name = "HD"
+               list[i].state = 1
+             }
+             if(list[i].mode_id == 2){
+               list[i].name = "HDF"
+               list[i].state = 2
+             }
+             if(list[i].mode_id == 3){
+               list[i].name = "HD+HP"
+               list[i].state = 3
+             }
+             if(list[i].mode_id == 4){
+               list[i].name = "HP"
+               list[i].state = 4
+             }
+             if(list[i].mode_id == 5){
+               list[i].name = "HF"
+               list[i].state = 5
+             }
+             if(list[i].mode_id == 6){
+               list[i].name = "SCUF"
+               list[i].state = 6
+             }
+             if(list[i].mode_id == 7){
+               list[i].name = "IUF"
+               list[i].state = 7
+             }
+             if(list[i].mode_id == 8){
+               list[i].name="HFHD"
+               list[i].state = 8
+             }
+             if(list[i].mode_id == 9){
+               list[i].name ="HFHD+HP"
+               list[i].state = 9
+             }
+             if(list[i].mode_id == 10){
+               list[i].name = "PHF"
+               list[i].state = 10
+             }
+             if(list[i].mode_id == 11){
+               list[i].name = "HFR"
+               list[i].state = 11
+             }
+             if(list[i].mode_id == 12){
+               list[i].name = "HDF+HP"
+               list[i].state = 12
+             }
+             if(list[i].mode_id == 13){
+               list[i].name = "CRRT"
+               list[i].state = 13
+             }
+             if(list[i].mode_id == 14){
+               list[i].name = "腹水回输"
+               list[i].state = 14
+             }
+             if(list[i].mode_id == 15){
+               list[i].name = "HD前置换"
+               list[i].state = 15
+             }
+             if(list[i].mode_id == 16){
+               list[i].name = "HD后置换"
+               list[i].state = 16
+             }
+             if(list[i].mode_id == 17){
+               list[i].name = "HDF前置换"
+               list[i].state = 17
+             }
+             if(list[i].mode_id == 18){
+               list[i].name = "HDF后置换"
+               list[i].state = 18
+             }
+             if(list[i].mode_id == 19) {
+               list[i].name = "IUF+HD"
+               list[i].state = 19
+             }
+           }
+           this.treatmentMode = list
+         }
+      })
+    },
     selectWay(index){
       this.way = index
+      if(index == 0){
+        this.treatShow = false
+      }
+      if(index == 1){
+        this.treatShow = true
+        this.getCountModeId()
+      }
+
     },
     getArrLength(result){
       if(result.length > 10){
         var dataZoom_end = 100;
         this.chart.dataZoom[0].end = dataZoom_end
       }
+    },
+    getCountModeId(){
+        const params = {
+          start_time:this.start,
+          end_time:this.end,
+          mode_id:this.mode_id
+        }
+        this.modesData.series = []
+        this.modesData.xAxis = []
+      getCountModeId(params).then(response=>{
+         if(response.data.state == 1){
+           var modeCount = response.data.data.modeCount
+           for(let i=0;i<modeCount.length;i++){
+
+             this.modesData.xAxis.push(moment(new Date(modeCount[i].dialysis_date*1000)).format('YYYY-MM-DD'))
+             this.modesData.series.push(modeCount[i].Count)
+
+             this.chart.series[0].data = this.modesData.series
+             this.chart.xAxis.data = this.modesData.xAxis
+             this.getArrLength1(this.chart.xAxis.data)
+           }
+         }
+      })
+    },
+    getRolloutCount(){
+       this.modesDataTwo.series = []
+       this.modesDataTwo.xAxis = []
+        const params = {
+          start_time:this.start,
+          end_time:this.end
+        }
+      getRolloutCount(params).then(response=>{
+         if(response.data.state == 1){
+           var rollout =  response.data.data.rollout
+          var arr = []
+          var arrOne = []
+           for(let i=0;i<rollout.length;i++){
+              if(rollout[i].lapseto_type == 1){
+                arr.push(rollout[i])
+              }
+              if(rollout[i].lapseto_type == 2){
+                 arrOne.push(rollout[i])
+              }
+            }
+          if(this.lapseid == 0){
+             for(let i=0;i<arr.length;i++){
+              this.modesDataTwo.xAxis.push(moment(new Date(arrOne[i]. lapseto_time*1000)).format('YYYY-MM-DD'))
+              this.modesDataTwo.series.push(arr[i].Count)
+             }
+            this.bar.series[0].data = this.modesDataTwo.series
+            this.bar.xAxis.data = this.modesDataTwo.xAxis
+            this.getArrLength(this.bar.xAxis.data)
+           }
+           if(this.lapseid == 1){
+             for(let i=0;i<arrOne.length;i++){
+              this.modesDataTwo.xAxis.push(moment(new Date(arrOne[i].lapseto_time*1000)).format('YYYY-MM-DD'))
+              this.modesDataTwo.series.push(arrOne[i].Count)
+             }
+            this.bar.series[0].data = this.modesDataTwo.series
+            this.bar.xAxis.data = this.modesDataTwo.xAxis
+            this.getArrLength(this.bar.xAxis.data)
+           }
+
+         }
+      })
     }
   },
   created() {
         //获取本月当前机构的透析模式
       const startDate = moment().subtract('month', 0).format('YYYY-MM') + '-01'
-       console.log("开始时间",startDate)
       const endDate = moment(new Date()).format('YYYY-MM-DD')
-     console.log("结束时间",endDate)
       var now = new Date()
       var nowMonth = now.getMonth(); //当前月
       var nowYear = now.getFullYear(); //当前年
       //本月的开始时间
       var monthStartDate = new Date(nowYear, nowMonth, 1);
       var timeStar=Date.parse(monthStartDate)/1000;//s
-      console.log("本月第一天",timeStar)
       //本月的结束时间
       var monthEndDate = new Date(nowYear, nowMonth+1, 0);
       var timeEnd=Date.parse(monthEndDate)/1000-1;//s
-      console.log("本月最后一天",timeEnd)
       //统计透析总量
       this.getDialysisModeType(startDate,endDate)
       //统计转归状态
       this.getTotalAgeCount(timeStar,timeEnd)
       //统计透析年龄
       this.getTotalDialysisCount(timeStar,timeEnd)
+
+      //获取当前选中时间所有的透析模式
+      this.getTreatModeList(timeStar,timeEnd)
+      this.start = timeStar
+      this.end = timeEnd
+
+     this.getRolloutCount(timeStar,timeEnd)
+
+
   },
 };
 </script>