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

src/router/modules/Dialysisanalysis.js

@@ -32,6 +32,17 @@ export default {
         noCache: true
       }
     },
+    // {//体重血压质控
+    //   path: '/Dialysisanalysis/qualitycontrol/weightblood',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/weightblood/index'),
+    //   name: 'weightblood',
+    //   meta: {
+    //     title: '体重血压分析',
+    //     noCache: true
+    //   }
+    // },
+
+
     {//透析总量分析
       path: '/Dialysisanalysis/qualitycontrol/new_otherIndicators/Total_analysis',
       component: () => import('@/xt_pages/Dialysisanalysis/new_otherIndicators/components/Total_analysis'),
@@ -88,6 +99,97 @@ export default {
       is_menu: false
     },
 
+    // 体重血压
+    // {//干体重分析
+    //   path: '/Dialysisanalysis/qualitycontrol/weightblood/dry_weight',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/weightblood/components/dry_weight'),
+    //   name: 'dry_weight',
+    //   meta: {
+    //     title: '患者干体重分析',
+    //     noCache: true
+    //   },
+    //   hidden: true,
+    //   is_menu: false
+    // },
+    // {//上次透析分母
+    //   path: '/Dialysisanalysis/qualitycontrol/weightblood/list_denominator',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/weightblood/components/list_denominator'),
+    //   name: 'list_denominator',
+    //   meta: {
+    //     title: '患者体重增长分析(以上次透后体重为分母)',
+    //     noCache: true
+    //   },
+    //   hidden: true,
+    //   is_menu: false
+    // },
+    // {//干体重分母
+    //   path: '/Dialysisanalysis/qualitycontrol/weightblood/dry_denominator',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/weightblood/components/dry_denominator'),
+    //   name: 'dry_denominator',
+    //   meta: {
+    //     title: '患者体重增长分析(以干体重为分母)',
+    //     noCache: true
+    //   },
+    //   hidden: true,
+    //   is_menu: false
+    // },
+    // {//患者透后体重分析
+    //   path: '/Dialysisanalysis/qualitycontrol/weightblood/dialyze_after',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/weightblood/components/dialyze_after'),
+    //   name: 'dialyze_after',
+    //   meta: {
+    //     title: '患者透后体重分析',
+    //     noCache: true
+    //   },
+    //   hidden: true,
+    //   is_menu: false
+    // },
+    // {//患者体重详情
+    //   path: '/Dialysisanalysis/qualitycontrol/weightblood/weight_table',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/weightblood/components/weight_table'),
+    //   name: 'weight_table',
+    //   meta: {
+    //     title: '患者体重详情',
+    //     noCache: true
+    //   },
+    //   hidden: true,
+    //   is_menu: false
+    // },
+    // {//透前血压分析
+    //   path: '/Dialysisanalysis/qualitycontrol/weightblood/before_Blood',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/weightblood/components/before_Blood'),
+    //   name: 'before_Blood',
+    //   meta: {
+    //     title: '透前血压分析',
+    //     noCache: true
+    //   },
+    //   hidden: true,
+    //   is_menu: false
+    // },
+    // {//透前血压分析
+    //   path: '/Dialysisanalysis/qualitycontrol/weightblood/after_Blood',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/weightblood/components/after_Blood'),
+    //   name: 'after_Blood',
+    //   meta: {
+    //     title: '透后血压分析',
+    //     noCache: true
+    //   },
+    //   hidden: true,
+    //   is_menu: false
+    // },
+    // {//患者血压详情
+    //   path: '/Dialysisanalysis/qualitycontrol/weightblood/blood_table',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/weightblood/components/blood_table'),
+    //   name: 'blood_table',
+    //   meta: {
+    //     title: '透后血压分析',
+    //     noCache: true
+    //   },
+    //   hidden: true,
+    //   is_menu: false
+    // },
+
+
 
     {
       path: '/Dialysisanalysis/qualitycontrol/Indicatorsdetail',

src/router/modules/patient.js

@@ -172,6 +172,17 @@ export default {
       noCache: true
     }
   },
+  {
+    path: '/patient/patient/:id/lapsoSummary',
+    component: () => import('@/xt_pages/user/lapsoSummary'),
+    hidden: true,
+    is_menu: false,
+    name: 'lapsoSummary',
+    meta: {
+      title: 'lapsoSummary',
+      noCache: true
+    }
+  },
   {
     path: '/patients/course',
     component: () => import('@/xt_pages/user/courseOfDisease'),

src/utils/tools.js

@@ -26,18 +26,18 @@ export function jsGetAge(strBirthday, splitstr) {
   var birthMonth = strBirthdayArr[1]
   var birthDay = strBirthdayArr[2]
 
-  console.log("birthYear",birthYear)
-  console.log("birthMonth",birthMonth)
-  console.log("birthDay",birthDay)
+  // console.log("birthYear",birthYear)
+  // console.log("birthMonth",birthMonth)
+  // console.log("birthDay",birthDay)
 
   var d = new Date()
   var nowYear = d.getFullYear()
   var nowMonth = d.getMonth() + 1
   var nowDay = d.getDate()
 
-  console.log("nowYear",nowYear)
-  console.log("nowMonth",nowMonth)
-  console.log("nowDay",nowDay)
+  // console.log("nowYear",nowYear)
+  // console.log("nowMonth",nowMonth)
+  // console.log("nowDay",nowDay)
 
   if (nowYear == birthYear) {
     returnAge = 0 // 同年 则为0岁
@@ -86,9 +86,9 @@ export function jsGetAgeOne(strBirthday,splitstr, nowYear,nowMonth,nowDay) {
   // console.log("anowMonth",anowMonth)
   // console.log("anowDay",anowDay)
 
-  console.log("brityYear666",strBirthdayArr[0])
-  console.log("birthMonth5656",strBirthdayArr[1])
-  console.log("birthDay5656",strBirthdayArr[2])
+  // console.log("brityYear666",strBirthdayArr[0])
+  // console.log("birthMonth5656",strBirthdayArr[1])
+  // console.log("birthDay5656",strBirthdayArr[2])
 
   if (nowYear == birthYear) {
     returnAge = 0 // 同年 则为0岁

src/xt_pages/Dialysisanalysis/weightblood/components/after_Blood.vue

@@ -0,0 +1,715 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <div>
+        <span>
+          <el-button @click="return_click" type="text" icon="el-icon-arrow-left">返回</el-button>
+        </span>&nbsp;&nbsp;
+        <span>患者透后血压分析</span>
+      </div>
+    </div>
+    <div class="app-container">
+      <div class="page_patientControlAnalysis">
+        <div style="display: flex;">
+          <div>
+            日期：
+            <el-select v-model="date_value" @change="datachange" placeholder="请选择" style="width: 100px;">
+              <el-option
+                v-for="item in date_options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div style="margin:0 10px">
+            <el-date-picker
+              v-model="start_date"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期"
+              style="width: 150px;">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+              v-model="end_date"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期"
+              style="width: 150px;">
+            </el-date-picker>
+          </div>
+          <div>
+            <el-button type="primary" @click="sete_click">查询</el-button>
+            <el-button type="primary" @click="Download_click">下载</el-button>
+          </div>
+        </div>
+        <!-- 图表 -->
+        <div ref="mychart">
+          <div class="echart" id="mychart"  style="width:100%;height:60vh"></div>
+        </div>
+
+          <div style="position: fixed;right: 5%;top: 50vh;">
+            <el-popover
+              placement="left"
+              title="提示"
+              width="500"
+              trigger="click"
+              content="1.统计时间段内留治患者干体重，在当前时间段的区间分布，不是统计每次透析的干体重。
+                       2.如果一个患者在时间段内，调整过两次干体重，以最后一次为准。">
+              <img src="@/assets/img/xiang.png" alt="" style="height: 20px;width: 20px;" slot="reference">
+              <!-- <el-button slot="reference">click 激活</el-button> -->
+            </el-popover>
+          </div>
+      </div>
+    </div>
+
+    <!-- 弹窗 -->
+    <div>
+      <el-dialog
+        title="提示"
+        :visible.sync="complete_dialog"
+        width="80%">
+        <div>
+          <div style="display: flex;margin-bottom: 20px;">
+            <div style="flex: 2;display: flex;">
+              <div>
+                日期：
+                <el-select v-model="date_value" @change="datachange" placeholder="请选择" style="width: 100px;">
+                  <el-option
+                    v-for="item in date_options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </div>
+              <div style="margin:0 10px">
+                <el-date-picker
+                  v-model="start_date"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择日期"
+                  style="width: 150px;">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                  v-model="end_date"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择日期"
+                  style="width: 150px;">
+                </el-date-picker>
+              </div>
+
+              <div>
+                状态:
+                <el-select v-model="status_value" placeholder="请选择" style="width: 130px;">
+                  <el-option :key="0" label="不限" :value="0"></el-option>
+                  <el-option
+                    v-for="item in status_options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </div>
+            </div>
+            <div style="flex: 1;">
+              <div>
+                <el-button type="primary" @click="detil_click">查询</el-button>
+
+                <el-button type="primary" @click="derive_click">导出</el-button>
+              </div>
+            </div>
+          </div>
+          <div>
+            <el-table :data="tableData"
+              border
+              style="width: 100%;"
+              :header-cell-style = "{'text-align':'center'}"
+              :cell-style="{'text-align':'center'}"
+              height="380">
+              <el-table-column
+                prop="index"
+                label="序号"
+                width="">
+              </el-table-column>
+              <el-table-column
+                prop="dialysis_no"
+                label="透析号"
+                width="">
+              </el-table-column>
+              <el-table-column
+                prop="patient_name"
+                label="患者姓名">
+              </el-table-column>
+              <el-table-column
+                prop="age"
+                label="年龄">
+              </el-table-column>
+              <el-table-column
+                prop="dialysis_date"
+                label="透析日期"
+                width="">
+              </el-table-column>
+              <el-table-column
+                prop="dialysis_date"
+                label="透后血压"
+                width="">
+              </el-table-column>
+            </el-table>
+          </div>
+          <div style="text-align:right;margin-top: 10px;">
+            <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page="currentPage"
+              :page-sizes="[50,100, 200, 300, 400]"
+              :page-size="limit"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="total">
+            </el-pagination>
+          </div>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="complete_dialog = false">取 消</el-button>
+          <el-button type="primary" @click="complete_dialog = false">确 定</el-button>
+        </span>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import XLSX from 'xlsx';
+import { uParseTime } from "@/utils/tools";
+import {Getdialysistreatfinish,Getdialysistreatdetail} from '../../../../api/qcd'
+import {getAllNurseList} from '@/api/fallassement'
+import { getAllDoctorList} from "@/api/device"
+import html2canvas from "html2canvas"
+  export default {
+    components:{
+    },
+    data(){
+      return{
+        date_value:4,
+        start_date:'',
+        end_date:this.getTime(new Date()),
+        mode:'',
+        date_mode:'',
+        source:'',
+        status_value:0,
+        complete_dialog:false,
+        currentPage:1,
+        limit:50,
+        total:0,
+        tableData:[],
+        // status_options:[],
+        nurseList:[],
+        operators:[],
+        docList:[],
+        status_options:[{value:1,label:'达到透析处方时间'},{value:2,label:'超出处方时间'},{value:3,label:'未到达处方时间'}],
+        // status_options:[{value:1,label:'待定卧床'},{value:2,label:'<40KG'},{value:3,label:'40-50KG'},
+        //                 {value:4,label:'50-60KG'},{value:5,label:'<60-70KG'},{value:6,label:'>70KG'}
+        //                 ],
+        date_options:[{value:1,label:'最近七天'},{value:2,label:'本周'},{value:3,label:'上周'},{value:4,label:'本月'},
+                      {value:5,label:'上月'},{value:6,label:'本年'},{value:7,label:'上一年'}
+        ],
+        mode_options:[{ id: 1, name: 'HD' },{ id: 2, name: 'HDF' },{ id: 3, name: 'HD + HP' },{ id: 4, name: 'HP' },
+          { id: 5, name: 'HF' },{ id: 6, name: 'SCUF' },{ id: 7, name: 'IUF' },{ id: 8, name: 'HFHD' },{ id: 9, name: 'HFHD+HP' },
+          { id: 10, name: 'PHF' },{ id: 11, name: 'HFR' },{ id: 12, name: 'HDF+HP' },{ id: 13, name: 'CRRT' },{ id: 14, name: '腹水回输' },
+          { id: 15, name: 'HD前置换' },{ id: 16, name: 'HD后置换' },{ id: 17, name: 'HDF前置换' },{ id: 18, name: 'HDF后置换' },
+          { id:19, name:"IUF+HD"},{ id:20, name:"UF"},{ id:21, name:"HD+"},{ id:22, name:"血浆胆红素吸附+HDF"},{ id:23, name:"血浆胆红素吸附"},
+          { id:24, name:"I-HDF"},{ id:25, name:"HD高通"},{ id:26, name:"CVVH"},{ id:27, name:"CVVHD"},{ id:28, name:"CVVHDF"},{ id:29, name:"PE"},
+        ],
+        date_mode_options:[{value:1,label:'按周'},{value:2,label:'按天'},{value:3,label:'按月'},{value:4,label:'按年'}],
+        source_options:[{value:1,label:'以开始透析为准'},{value:2,label:'以排班为准'}],
+        status_id:"",
+      }
+    },
+    methods:{
+      // 返回
+      return_click(){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood')
+      },
+      // 数据源
+      getecharts(){
+        var chartDom = document.getElementById('mychart')
+        var myChart = echarts.init(chartDom);
+        const params={
+          start_date:this.start_date,
+          end_date:this.end_date
+        }
+        Getdialysistreatfinish(params).then(response =>{
+          if(response.data.state ==1){
+            const list = response.data.data.data
+            const xAxis = []
+            const yAxis = []
+
+            const total = response.data.data.total
+            for(let key in list){
+              const obj={
+                name:key,
+                value:list[key]
+              }
+              xAxis.push(obj)
+              yAxis.push(key)
+            }
+            const status = []
+            // for(let i in yAxis){
+            //   const obj ={
+            //     value:(i*1)+1,
+            //     label:yAxis[i]
+            //   }
+            //   status.push(obj)
+            // }
+            // this.status_options = status
+            console.log('this.status_options',this.status_options);
+            const option = {
+                title:{
+                  text:'总数'+total,
+                  left:'5%',
+                  bottom:'5%',
+                  textStyle:{
+                    fontSize:30
+                  }
+                },
+                tooltip: {
+                  trigger: 'item',
+
+                },
+                legend: {
+                  data:yAxis,
+                  left: '10%',
+                  top: '30%',
+                  orient: 'vertical'
+                },
+                color:['#FFD7C0','#9FBDFC',"#A9E0F3", "#FF9994",'aquamarine','gold'],
+                series: [
+                  {
+                    name: '',
+                    type: 'pie',
+                    radius: ['40%', '70%'],
+                    avoidLabelOverlap: true,
+                    itemStyle: {
+                      borderRadius: 10,
+                      borderColor: '#fff',
+                      borderWidth: 2
+                    },
+                    label: {
+                      show: true,
+                      position: 'center',
+                      normal : {
+                        formatter: '{b}:{c}: ({d}%)',
+                        textStyle : {
+                          fontWeight : 'normal',
+                          fontSize : 15,
+                          color : "black"
+                        }
+                      }
+                    },
+                    emphasis: {
+                      label: {
+                        show: true,
+                        fontSize: 40,
+                        fontWeight: 'bold'
+                      }
+                    },
+                    labelLine: {
+                      show: false
+                    },
+                    data: xAxis
+                  }
+                ]
+              };
+            myChart.setOption(option);
+            myChart.on('click',params =>{
+              this.complete_dialog = true
+              console.log('bbbb',params);
+              var status_id =''
+              for(let i in this.status_options){
+                if(params.data.name == this.status_options[i].label){
+                  status_id = this.status_options[i].value
+                }
+              }
+              this.getdetail(status_id)
+            })
+          }
+        })
+
+      },
+      // 查询
+      sete_click(){
+        this.getecharts()
+      },
+      // 详情查询
+      detil_click(){
+        this.getdetail(this.status_value)
+      },
+       // 下载
+      Download_click(){
+        const options ={
+          allowTaint: true,
+          useCORS: true
+        }
+        html2canvas(this.$refs.mychart,options).then(canvas =>{
+          // const imageSrc = canvas.toDataURL();
+          const imageUrl = canvas.toDataURL("image/png");
+          const blob = this.dataURLtoBlob(imageUrl)
+          const url = URL.createObjectURL(blob);
+          var link= document.createElement("a");
+        //   //将生成的图片url赋值给a标签的href属性
+          link.href = url;
+        //   //设置下载的文件名
+          link.download = "透析完成率统计.jpg";
+          // // 将a标签插入dom中
+          console.log('link',link);
+          document.body.appendChild(link);
+          //模拟点击事件触发下载
+          link.click();
+          // 完成之后销毁创建的a标签
+          document.body.removeChild(link);
+
+        })
+      },
+      // 导出excel
+      derive_click(){
+        let tableData = [
+          ['序号', '透析号', '患者姓名', '年龄','透析日期', '处方透析时长', '实际透析时长', '实际差(min)', '主治医生', '主治护士']//导出表头
+        ]
+        this.tableData.forEach((item,index) =>{
+          let rowdata=[]
+          rowdata=[
+            item.index,
+            item.dialysis_no,
+            item.patient_name,
+            item.age,
+            item.dialysis_date,
+            item.dialysis_duration,
+            item.actual_duration,
+            item.diff,
+            item.doctor,
+            item.nurse,
+          ]
+          tableData.push(rowdata)
+        })
+        let workSheet = XLSX.utils.aoa_to_sheet(tableData);
+        let bookNew = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(bookNew, workSheet, '透析治疗完成率') // 工作簿名称
+        let name = '透析治疗完成率'+ '.xlsx'
+        XLSX.writeFile(bookNew, name) // 保存的文件名
+      },
+      // 详情数据源
+      getdetail(mode){
+        const params ={
+          start_date:this.start_date,
+          end_date:this.end_date,
+          mode:mode,
+          page:this.currentPage,
+          limit:this.limit,
+        }
+        Getdialysistreatdetail(params).then(response =>{
+          if(response.data.state){
+            const list = response.data.data.list
+            const xAxis = []
+            const table = []
+            list.forEach((item,index) =>{
+              const obj={
+                index:index+1,
+                dialysis_no:item.dialysis_no,
+                patient_name:item.patient_name,
+                age:this.analyzeIDCard(item.id_card_no),
+                dialysis_date:item.dialysis_date.split('T')[0],
+                dialysis_duration:item.dialysis_duration,
+                actual_duration:item.actual_duration,
+                diff:item.diff,
+                doctor:this.getdoctor(item.doctor),
+                nurse:this.getnurse(item.nurse)
+              }
+              table.push(obj)
+            })
+            this.tableData = table
+            this.total = response.data.data.total
+          }
+          console.log('55555',response);
+        })
+      },
+      // 选择日期
+      datachange(eve){
+        if(eve ==1){
+          this.start_date = this.getPreviousDate(7)
+          this.end_date = this.getTime(new Date())
+        }else if(eve==2){
+          this.start_date = this.getFirstDayOfWeek(new Date())
+          this.end_date = this.getTime(new Date())
+          console.log('this.start_date', this.start_date);
+        }else if(eve ==3){
+          var date=new Date()
+          date.setDate(date.getDate()-7 - date.getDay() + 1);
+          var m =''
+          var d = ''
+          if(date.getMonth() + 1<10){
+            m = '0'+(date.getMonth() + 1)
+          }else{
+             m = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+             d = '0'+date.getDate()
+          }else{
+            d = date.getDate()
+          }
+          // this.start_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() ;
+          this.start_date = date.getFullYear() + "-" + m + "-" + d ;
+          date.setDate(date.getDate() +6);
+          var mm = ''
+          var dd = ''
+          if(date.getMonth() + 1<10){
+            mm = '0'+(date.getMonth() + 1)
+          }else{
+            mm = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+            dd = '0'+date.getDate()
+          }else{
+            dd = date.getDate()
+          }
+          // if(date.getMonth() + 1<10)
+          // this.end_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
+          this.end_date = date.getFullYear() + "-" + mm + "-" + dd ;
+          console.log('this.end_date',this.end_date);
+
+        }else if(eve ==4){
+          this.start_date = this.getFirstDayOfMonth(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve ==5){
+          this.getLastMonthFirstDay()
+          this.getLastMonthLastDay()
+        }else if(eve == 6){
+          this.start_date = this.getFirstDayOfYear(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve == 7){
+          this.getLastYearFirstDay()
+          this.getLastYearLastDay()
+        }
+        console.log('eve',eve);
+      },
+      // 首先定义一个getPreviousDate函数，方便调用
+      getPreviousDate(numOfDays) {
+        var date = new Date();
+        date.setDate(date.getDate() - numOfDays);
+        var year = date.getFullYear();
+        if(date.getMonth() + 1<10){
+          var month = '0'+(date.getMonth() + 1);
+        }else{
+          var month = date.getMonth() + 1;
+        }
+
+        if(date.getDate()<10){
+          var day = '0'+date.getDate();
+        }else{
+          var day = date.getDate();
+        }
+        return year + "-" + month + "-" + day;
+      },
+      // 本周
+      getFirstDayOfWeek(date){
+        var weekday = date.getDay()
+        date.setDate(date.getDate()-weekday+1);//往前算（weekday-1）天，年份、月份会自动变化
+        return this.timeFormat(date);
+      },
+      // 本月
+      getFirstDayOfMonth (date) {
+        date.setDate(1);
+        return this.timeFormat(date);
+      },
+       //上个月第一天
+       getLastMonthFirstDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          m = m < 10 ? "0" + m : m;
+          this.start_date = [y, m, '01'].join("-")
+          // return [y, m, '01'].join("-");
+      },
+      // 上个月最后一天
+      getLastMonthLastDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          var d = new Date(y, m, 0).getDate(); //获取当月最后一日
+          m = m < 10 ? "0" + m : m; //月份补 0
+          d = d < 10 ? "0" + d : d; //日数补 0
+          this.end_date = [y, m, d].join("-")
+          // return [y, m, d].join("-");
+      },
+
+      // 本年
+      getFirstDayOfYear (date) {
+        date.setDate(1);
+        date.setMonth(0);
+        return this.timeFormat(date);
+      },
+      // 上一年第一天
+      getLastYearFirstDay() {
+          let date = new Date();
+         const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+         const start_month= date.setMonth(0); // 设置月份为1月（注意月份是从0开始的）
+         const start_day = date.setDate(1); // 设置日期为1日
+        //  const last_month = date.setMonth(11); // 设置月份为12月
+        //  const last_day = date.setDate(0); // 设置日期为0，这将自动设置为该月的最后一天
+        //  this.start_date = year+ "-" +start_month+ "-" +start_day
+         this.start_date = this.getTime(start_day)
+        //  return this.start_date
+      },
+      // 上一年最后一天
+      getLastYearLastDay() {
+          let date = new Date();
+          const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+          const last_month = date.setMonth(12); // 设置月份为12月
+          const last_day = date.setDate(0);// 设置日期为0，这将自动设置为该月的最后一天
+          // this.end_date =  year+ "-" +last_month+ "-" +last_day
+          this.end_date = this.getTime(last_day)
+          console.log('this.end_date',this.end_date);
+          // return this.end_date;
+      },
+      // 日期格式化
+      timeFormat(date) {
+          if (!date || typeof(date) === "string") {
+            this.error("参数异常，请检查...");
+          }
+          var y = date.getFullYear(); //年
+          if(date.getMonth() + 1<10){
+            var m ='0'+(date.getMonth() + 1); //月
+          }else{
+            var m =date.getMonth() + 1; //月
+          }
+          if(date.getDate() + 1<10){
+            var d ='0'+date.getDate(); //日
+          }else{
+            var d = date.getDate(); //日
+          }
+          // var d = date.getDate(); //日
+
+          return y + "-" + m + "-" + d;
+      },
+      handleCurrentChange(val){
+        this.currentPage = val
+        this.getdetail(this.status_value)
+      },
+      handleSizeChange(val){
+        this.limit = val
+        this.getdetail(this.status_value)
+      },
+       // 转换时间
+      getTime(val) {
+        if(val < 0){
+          return ""
+        }
+        if(val == ""){
+          return ""
+        }else {
+          return uParseTime(val, '{y}-{m}-{d}')
+        }
+      },
+      dataURLtoBlob(dataURL) {
+        const arr = dataURL.split(',');
+        const mime = arr[0].match(/:(.*?);/)[1];
+        const bstr = atob(arr[1]);
+        let n = bstr.length;
+        const u8arr = new Uint8Array(n);
+        while (n--) {
+          u8arr[n] = bstr.charCodeAt(n);
+        }
+        return new Blob([u8arr], { type: mime });
+      },
+      // 计算年龄
+      analyzeIDCard(IDCard){
+        var age = 0,yearBirth,monthBirth,dayBirth;
+        //获取用户身份证号码
+        var userCard = IDCard;
+        //如果身份证号码为undefind则返回空
+        if(!userCard){
+          return age;
+        }
+        var reg = /(^\d{15}$)|(^\d{17}([0-9]|X)$)/; //验证身份证号码的正则
+        if (reg.test(userCard)) {
+          if (userCard.length == 15) {
+              var org_birthday = userCard.substring(6, 12);
+              //获取出生年月日
+              yearBirth = "19" + org_birthday.substring(0, 2);
+              monthBirth = org_birthday.substring(2, 4);
+              dayBirth = org_birthday.substring(4, 6);
+              } else if (userCard.length == 18) {
+              //获取出生年月日
+              yearBirth = userCard.substring(6,10);
+              monthBirth = userCard.substring(10,12);
+              dayBirth = userCard.substring(12,14);
+
+            }
+            //获取当前年月日并计算年龄
+            var myDate = new Date();
+            var monthNow = myDate.getMonth() + 1;
+            var dayNow = myDate.getDate();
+            var age = myDate.getFullYear() - yearBirth;
+            if(monthNow < monthBirth || (monthNow == monthBirth && dayNow < dayBirth)){
+              age--;
+            }
+            //返回年龄
+            return age;
+        } else {
+          return ''
+        }
+
+      },
+      // 护士
+      getAllNurseList(){
+        getAllNurseList().then(response=>{
+           if(response.data.state ==1){
+             var nurseList  = response.data.data.nurseList
+            console.log('0000',nurseList);
+             this.nurseList =nurseList
+           }
+        })
+      },
+      // 医生
+      getAllDoctorList(){
+        getAllDoctorList().then(response=>{
+          if(response.data.state == 1){
+              var list = response.data.data.list
+              console.log("list222222",list)
+              this.docList = list
+              this.operators = response.data.data.operators
+          }
+        })
+      },
+      getnurse(ids){
+        const nurse = this.nurseList
+        for(let i in nurse){
+          if(ids==nurse[i].admin_user_id){
+            return nurse[i].user_name
+          }
+        }
+      },
+      getdoctor(ids){
+        const doctor = this.docList
+        for(let i in doctor){
+          if(ids == doctor[i].admin_user_id){
+            return doctor[i].user_name
+          }
+        }
+      }
+    },
+    mounted(){
+      this.getecharts()
+    },
+    created(){
+      this.start_date = this.getFirstDayOfMonth(new Date())
+      this.getAllNurseList()
+      this.getAllDoctorList()
+    },
+
+  }
+</script>

src/xt_pages/Dialysisanalysis/weightblood/components/before_Blood.vue

@@ -0,0 +1,715 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <div>
+        <span>
+          <el-button @click="return_click" type="text" icon="el-icon-arrow-left">返回</el-button>
+        </span>&nbsp;&nbsp;
+        <span>患者透前血压分析</span>
+      </div>
+    </div>
+    <div class="app-container">
+      <div class="page_patientControlAnalysis">
+        <div style="display: flex;">
+          <div>
+            日期：
+            <el-select v-model="date_value" @change="datachange" placeholder="请选择" style="width: 100px;">
+              <el-option
+                v-for="item in date_options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div style="margin:0 10px">
+            <el-date-picker
+              v-model="start_date"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期"
+              style="width: 150px;">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+              v-model="end_date"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期"
+              style="width: 150px;">
+            </el-date-picker>
+          </div>
+          <div>
+            <el-button type="primary" @click="sete_click">查询</el-button>
+            <el-button type="primary" @click="Download_click">下载</el-button>
+          </div>
+        </div>
+        <!-- 图表 -->
+        <div ref="mychart">
+          <div class="echart" id="mychart"  style="width:100%;height:60vh"></div>
+        </div>
+
+          <div style="position: fixed;right: 5%;top: 50vh;">
+            <el-popover
+              placement="left"
+              title="提示"
+              width="500"
+              trigger="click"
+              content="1.统计时间段内留治患者干体重，在当前时间段的区间分布，不是统计每次透析的干体重。
+                       2.如果一个患者在时间段内，调整过两次干体重，以最后一次为准。">
+              <img src="@/assets/img/xiang.png" alt="" style="height: 20px;width: 20px;" slot="reference">
+              <!-- <el-button slot="reference">click 激活</el-button> -->
+            </el-popover>
+          </div>
+      </div>
+    </div>
+
+    <!-- 弹窗 -->
+    <div>
+      <el-dialog
+        title="提示"
+        :visible.sync="complete_dialog"
+        width="80%">
+        <div>
+          <div style="display: flex;margin-bottom: 20px;">
+            <div style="flex: 2;display: flex;">
+              <div>
+                日期：
+                <el-select v-model="date_value" @change="datachange" placeholder="请选择" style="width: 100px;">
+                  <el-option
+                    v-for="item in date_options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </div>
+              <div style="margin:0 10px">
+                <el-date-picker
+                  v-model="start_date"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择日期"
+                  style="width: 150px;">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                  v-model="end_date"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择日期"
+                  style="width: 150px;">
+                </el-date-picker>
+              </div>
+
+              <div>
+                状态:
+                <el-select v-model="status_value" placeholder="请选择" style="width: 130px;">
+                  <el-option :key="0" label="不限" :value="0"></el-option>
+                  <el-option
+                    v-for="item in status_options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </div>
+            </div>
+            <div style="flex: 1;">
+              <div>
+                <el-button type="primary" @click="detil_click">查询</el-button>
+
+                <el-button type="primary" @click="derive_click">导出</el-button>
+              </div>
+            </div>
+          </div>
+          <div>
+            <el-table :data="tableData"
+              border
+              style="width: 100%;"
+              :header-cell-style = "{'text-align':'center'}"
+              :cell-style="{'text-align':'center'}"
+              height="380">
+              <el-table-column
+                prop="index"
+                label="序号"
+                width="">
+              </el-table-column>
+              <el-table-column
+                prop="dialysis_no"
+                label="透析号"
+                width="">
+              </el-table-column>
+              <el-table-column
+                prop="patient_name"
+                label="患者姓名">
+              </el-table-column>
+              <el-table-column
+                prop="age"
+                label="年龄">
+              </el-table-column>
+              <el-table-column
+                prop="dialysis_date"
+                label="透析日期"
+                width="">
+              </el-table-column>
+              <el-table-column
+                prop="dialysis_date"
+                label="透前血压"
+                width="">
+              </el-table-column>
+            </el-table>
+          </div>
+          <div style="text-align:right;margin-top: 10px;">
+            <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page="currentPage"
+              :page-sizes="[50,100, 200, 300, 400]"
+              :page-size="limit"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="total">
+            </el-pagination>
+          </div>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="complete_dialog = false">取 消</el-button>
+          <el-button type="primary" @click="complete_dialog = false">确 定</el-button>
+        </span>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import XLSX from 'xlsx';
+import { uParseTime } from "@/utils/tools";
+import {Getdialysistreatfinish,Getdialysistreatdetail} from '../../../../api/qcd'
+import {getAllNurseList} from '@/api/fallassement'
+import { getAllDoctorList} from "@/api/device"
+import html2canvas from "html2canvas"
+  export default {
+    components:{
+    },
+    data(){
+      return{
+        date_value:4,
+        start_date:'',
+        end_date:this.getTime(new Date()),
+        mode:'',
+        date_mode:'',
+        source:'',
+        status_value:0,
+        complete_dialog:false,
+        currentPage:1,
+        limit:50,
+        total:0,
+        tableData:[],
+        // status_options:[],
+        nurseList:[],
+        operators:[],
+        docList:[],
+        status_options:[{value:1,label:'达到透析处方时间'},{value:2,label:'超出处方时间'},{value:3,label:'未到达处方时间'}],
+        // status_options:[{value:1,label:'待定卧床'},{value:2,label:'<40KG'},{value:3,label:'40-50KG'},
+        //                 {value:4,label:'50-60KG'},{value:5,label:'<60-70KG'},{value:6,label:'>70KG'}
+        //                 ],
+        date_options:[{value:1,label:'最近七天'},{value:2,label:'本周'},{value:3,label:'上周'},{value:4,label:'本月'},
+                      {value:5,label:'上月'},{value:6,label:'本年'},{value:7,label:'上一年'}
+        ],
+        mode_options:[{ id: 1, name: 'HD' },{ id: 2, name: 'HDF' },{ id: 3, name: 'HD + HP' },{ id: 4, name: 'HP' },
+          { id: 5, name: 'HF' },{ id: 6, name: 'SCUF' },{ id: 7, name: 'IUF' },{ id: 8, name: 'HFHD' },{ id: 9, name: 'HFHD+HP' },
+          { id: 10, name: 'PHF' },{ id: 11, name: 'HFR' },{ id: 12, name: 'HDF+HP' },{ id: 13, name: 'CRRT' },{ id: 14, name: '腹水回输' },
+          { id: 15, name: 'HD前置换' },{ id: 16, name: 'HD后置换' },{ id: 17, name: 'HDF前置换' },{ id: 18, name: 'HDF后置换' },
+          { id:19, name:"IUF+HD"},{ id:20, name:"UF"},{ id:21, name:"HD+"},{ id:22, name:"血浆胆红素吸附+HDF"},{ id:23, name:"血浆胆红素吸附"},
+          { id:24, name:"I-HDF"},{ id:25, name:"HD高通"},{ id:26, name:"CVVH"},{ id:27, name:"CVVHD"},{ id:28, name:"CVVHDF"},{ id:29, name:"PE"},
+        ],
+        date_mode_options:[{value:1,label:'按周'},{value:2,label:'按天'},{value:3,label:'按月'},{value:4,label:'按年'}],
+        source_options:[{value:1,label:'以开始透析为准'},{value:2,label:'以排班为准'}],
+        status_id:"",
+      }
+    },
+    methods:{
+      // 返回
+      return_click(){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood')
+      },
+      // 数据源
+      getecharts(){
+        var chartDom = document.getElementById('mychart')
+        var myChart = echarts.init(chartDom);
+        const params={
+          start_date:this.start_date,
+          end_date:this.end_date
+        }
+        Getdialysistreatfinish(params).then(response =>{
+          if(response.data.state ==1){
+            const list = response.data.data.data
+            const xAxis = []
+            const yAxis = []
+
+            const total = response.data.data.total
+            for(let key in list){
+              const obj={
+                name:key,
+                value:list[key]
+              }
+              xAxis.push(obj)
+              yAxis.push(key)
+            }
+            const status = []
+            // for(let i in yAxis){
+            //   const obj ={
+            //     value:(i*1)+1,
+            //     label:yAxis[i]
+            //   }
+            //   status.push(obj)
+            // }
+            // this.status_options = status
+            console.log('this.status_options',this.status_options);
+            const option = {
+                title:{
+                  text:'总数'+total,
+                  left:'5%',
+                  bottom:'5%',
+                  textStyle:{
+                    fontSize:30
+                  }
+                },
+                tooltip: {
+                  trigger: 'item',
+
+                },
+                legend: {
+                  data:yAxis,
+                  left: '10%',
+                  top: '30%',
+                  orient: 'vertical'
+                },
+                color:['#FFD7C0','#9FBDFC',"#A9E0F3", "#FF9994",'aquamarine','gold'],
+                series: [
+                  {
+                    name: '',
+                    type: 'pie',
+                    radius: ['40%', '70%'],
+                    avoidLabelOverlap: true,
+                    itemStyle: {
+                      borderRadius: 10,
+                      borderColor: '#fff',
+                      borderWidth: 2
+                    },
+                    label: {
+                      show: true,
+                      position: 'center',
+                      normal : {
+                        formatter: '{b}:{c}: ({d}%)',
+                        textStyle : {
+                          fontWeight : 'normal',
+                          fontSize : 15,
+                          color : "black"
+                        }
+                      }
+                    },
+                    emphasis: {
+                      label: {
+                        show: true,
+                        fontSize: 40,
+                        fontWeight: 'bold'
+                      }
+                    },
+                    labelLine: {
+                      show: false
+                    },
+                    data: xAxis
+                  }
+                ]
+              };
+            myChart.setOption(option);
+            myChart.on('click',params =>{
+              this.complete_dialog = true
+              console.log('bbbb',params);
+              var status_id =''
+              for(let i in this.status_options){
+                if(params.data.name == this.status_options[i].label){
+                  status_id = this.status_options[i].value
+                }
+              }
+              this.getdetail(status_id)
+            })
+          }
+        })
+
+      },
+      // 查询
+      sete_click(){
+        this.getecharts()
+      },
+      // 详情查询
+      detil_click(){
+        this.getdetail(this.status_value)
+      },
+       // 下载
+      Download_click(){
+        const options ={
+          allowTaint: true,
+          useCORS: true
+        }
+        html2canvas(this.$refs.mychart,options).then(canvas =>{
+          // const imageSrc = canvas.toDataURL();
+          const imageUrl = canvas.toDataURL("image/png");
+          const blob = this.dataURLtoBlob(imageUrl)
+          const url = URL.createObjectURL(blob);
+          var link= document.createElement("a");
+        //   //将生成的图片url赋值给a标签的href属性
+          link.href = url;
+        //   //设置下载的文件名
+          link.download = "透析完成率统计.jpg";
+          // // 将a标签插入dom中
+          console.log('link',link);
+          document.body.appendChild(link);
+          //模拟点击事件触发下载
+          link.click();
+          // 完成之后销毁创建的a标签
+          document.body.removeChild(link);
+
+        })
+      },
+      // 导出excel
+      derive_click(){
+        let tableData = [
+          ['序号', '透析号', '患者姓名', '年龄','透析日期', '处方透析时长', '实际透析时长', '实际差(min)', '主治医生', '主治护士']//导出表头
+        ]
+        this.tableData.forEach((item,index) =>{
+          let rowdata=[]
+          rowdata=[
+            item.index,
+            item.dialysis_no,
+            item.patient_name,
+            item.age,
+            item.dialysis_date,
+            item.dialysis_duration,
+            item.actual_duration,
+            item.diff,
+            item.doctor,
+            item.nurse,
+          ]
+          tableData.push(rowdata)
+        })
+        let workSheet = XLSX.utils.aoa_to_sheet(tableData);
+        let bookNew = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(bookNew, workSheet, '透析治疗完成率') // 工作簿名称
+        let name = '透析治疗完成率'+ '.xlsx'
+        XLSX.writeFile(bookNew, name) // 保存的文件名
+      },
+      // 详情数据源
+      getdetail(mode){
+        const params ={
+          start_date:this.start_date,
+          end_date:this.end_date,
+          mode:mode,
+          page:this.currentPage,
+          limit:this.limit,
+        }
+        Getdialysistreatdetail(params).then(response =>{
+          if(response.data.state){
+            const list = response.data.data.list
+            const xAxis = []
+            const table = []
+            list.forEach((item,index) =>{
+              const obj={
+                index:index+1,
+                dialysis_no:item.dialysis_no,
+                patient_name:item.patient_name,
+                age:this.analyzeIDCard(item.id_card_no),
+                dialysis_date:item.dialysis_date.split('T')[0],
+                dialysis_duration:item.dialysis_duration,
+                actual_duration:item.actual_duration,
+                diff:item.diff,
+                doctor:this.getdoctor(item.doctor),
+                nurse:this.getnurse(item.nurse)
+              }
+              table.push(obj)
+            })
+            this.tableData = table
+            this.total = response.data.data.total
+          }
+          console.log('55555',response);
+        })
+      },
+      // 选择日期
+      datachange(eve){
+        if(eve ==1){
+          this.start_date = this.getPreviousDate(7)
+          this.end_date = this.getTime(new Date())
+        }else if(eve==2){
+          this.start_date = this.getFirstDayOfWeek(new Date())
+          this.end_date = this.getTime(new Date())
+          console.log('this.start_date', this.start_date);
+        }else if(eve ==3){
+          var date=new Date()
+          date.setDate(date.getDate()-7 - date.getDay() + 1);
+          var m =''
+          var d = ''
+          if(date.getMonth() + 1<10){
+            m = '0'+(date.getMonth() + 1)
+          }else{
+             m = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+             d = '0'+date.getDate()
+          }else{
+            d = date.getDate()
+          }
+          // this.start_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() ;
+          this.start_date = date.getFullYear() + "-" + m + "-" + d ;
+          date.setDate(date.getDate() +6);
+          var mm = ''
+          var dd = ''
+          if(date.getMonth() + 1<10){
+            mm = '0'+(date.getMonth() + 1)
+          }else{
+            mm = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+            dd = '0'+date.getDate()
+          }else{
+            dd = date.getDate()
+          }
+          // if(date.getMonth() + 1<10)
+          // this.end_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
+          this.end_date = date.getFullYear() + "-" + mm + "-" + dd ;
+          console.log('this.end_date',this.end_date);
+
+        }else if(eve ==4){
+          this.start_date = this.getFirstDayOfMonth(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve ==5){
+          this.getLastMonthFirstDay()
+          this.getLastMonthLastDay()
+        }else if(eve == 6){
+          this.start_date = this.getFirstDayOfYear(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve == 7){
+          this.getLastYearFirstDay()
+          this.getLastYearLastDay()
+        }
+        console.log('eve',eve);
+      },
+      // 首先定义一个getPreviousDate函数，方便调用
+      getPreviousDate(numOfDays) {
+        var date = new Date();
+        date.setDate(date.getDate() - numOfDays);
+        var year = date.getFullYear();
+        if(date.getMonth() + 1<10){
+          var month = '0'+(date.getMonth() + 1);
+        }else{
+          var month = date.getMonth() + 1;
+        }
+
+        if(date.getDate()<10){
+          var day = '0'+date.getDate();
+        }else{
+          var day = date.getDate();
+        }
+        return year + "-" + month + "-" + day;
+      },
+      // 本周
+      getFirstDayOfWeek(date){
+        var weekday = date.getDay()
+        date.setDate(date.getDate()-weekday+1);//往前算（weekday-1）天，年份、月份会自动变化
+        return this.timeFormat(date);
+      },
+      // 本月
+      getFirstDayOfMonth (date) {
+        date.setDate(1);
+        return this.timeFormat(date);
+      },
+       //上个月第一天
+       getLastMonthFirstDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          m = m < 10 ? "0" + m : m;
+          this.start_date = [y, m, '01'].join("-")
+          // return [y, m, '01'].join("-");
+      },
+      // 上个月最后一天
+      getLastMonthLastDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          var d = new Date(y, m, 0).getDate(); //获取当月最后一日
+          m = m < 10 ? "0" + m : m; //月份补 0
+          d = d < 10 ? "0" + d : d; //日数补 0
+          this.end_date = [y, m, d].join("-")
+          // return [y, m, d].join("-");
+      },
+
+      // 本年
+      getFirstDayOfYear (date) {
+        date.setDate(1);
+        date.setMonth(0);
+        return this.timeFormat(date);
+      },
+      // 上一年第一天
+      getLastYearFirstDay() {
+          let date = new Date();
+         const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+         const start_month= date.setMonth(0); // 设置月份为1月（注意月份是从0开始的）
+         const start_day = date.setDate(1); // 设置日期为1日
+        //  const last_month = date.setMonth(11); // 设置月份为12月
+        //  const last_day = date.setDate(0); // 设置日期为0，这将自动设置为该月的最后一天
+        //  this.start_date = year+ "-" +start_month+ "-" +start_day
+         this.start_date = this.getTime(start_day)
+        //  return this.start_date
+      },
+      // 上一年最后一天
+      getLastYearLastDay() {
+          let date = new Date();
+          const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+          const last_month = date.setMonth(12); // 设置月份为12月
+          const last_day = date.setDate(0);// 设置日期为0，这将自动设置为该月的最后一天
+          // this.end_date =  year+ "-" +last_month+ "-" +last_day
+          this.end_date = this.getTime(last_day)
+          console.log('this.end_date',this.end_date);
+          // return this.end_date;
+      },
+      // 日期格式化
+      timeFormat(date) {
+          if (!date || typeof(date) === "string") {
+            this.error("参数异常，请检查...");
+          }
+          var y = date.getFullYear(); //年
+          if(date.getMonth() + 1<10){
+            var m ='0'+(date.getMonth() + 1); //月
+          }else{
+            var m =date.getMonth() + 1; //月
+          }
+          if(date.getDate() + 1<10){
+            var d ='0'+date.getDate(); //日
+          }else{
+            var d = date.getDate(); //日
+          }
+          // var d = date.getDate(); //日
+
+          return y + "-" + m + "-" + d;
+      },
+      handleCurrentChange(val){
+        this.currentPage = val
+        this.getdetail(this.status_value)
+      },
+      handleSizeChange(val){
+        this.limit = val
+        this.getdetail(this.status_value)
+      },
+       // 转换时间
+      getTime(val) {
+        if(val < 0){
+          return ""
+        }
+        if(val == ""){
+          return ""
+        }else {
+          return uParseTime(val, '{y}-{m}-{d}')
+        }
+      },
+      dataURLtoBlob(dataURL) {
+        const arr = dataURL.split(',');
+        const mime = arr[0].match(/:(.*?);/)[1];
+        const bstr = atob(arr[1]);
+        let n = bstr.length;
+        const u8arr = new Uint8Array(n);
+        while (n--) {
+          u8arr[n] = bstr.charCodeAt(n);
+        }
+        return new Blob([u8arr], { type: mime });
+      },
+      // 计算年龄
+      analyzeIDCard(IDCard){
+        var age = 0,yearBirth,monthBirth,dayBirth;
+        //获取用户身份证号码
+        var userCard = IDCard;
+        //如果身份证号码为undefind则返回空
+        if(!userCard){
+          return age;
+        }
+        var reg = /(^\d{15}$)|(^\d{17}([0-9]|X)$)/; //验证身份证号码的正则
+        if (reg.test(userCard)) {
+          if (userCard.length == 15) {
+              var org_birthday = userCard.substring(6, 12);
+              //获取出生年月日
+              yearBirth = "19" + org_birthday.substring(0, 2);
+              monthBirth = org_birthday.substring(2, 4);
+              dayBirth = org_birthday.substring(4, 6);
+              } else if (userCard.length == 18) {
+              //获取出生年月日
+              yearBirth = userCard.substring(6,10);
+              monthBirth = userCard.substring(10,12);
+              dayBirth = userCard.substring(12,14);
+
+            }
+            //获取当前年月日并计算年龄
+            var myDate = new Date();
+            var monthNow = myDate.getMonth() + 1;
+            var dayNow = myDate.getDate();
+            var age = myDate.getFullYear() - yearBirth;
+            if(monthNow < monthBirth || (monthNow == monthBirth && dayNow < dayBirth)){
+              age--;
+            }
+            //返回年龄
+            return age;
+        } else {
+          return ''
+        }
+
+      },
+      // 护士
+      getAllNurseList(){
+        getAllNurseList().then(response=>{
+           if(response.data.state ==1){
+             var nurseList  = response.data.data.nurseList
+            console.log('0000',nurseList);
+             this.nurseList =nurseList
+           }
+        })
+      },
+      // 医生
+      getAllDoctorList(){
+        getAllDoctorList().then(response=>{
+          if(response.data.state == 1){
+              var list = response.data.data.list
+              console.log("list222222",list)
+              this.docList = list
+              this.operators = response.data.data.operators
+          }
+        })
+      },
+      getnurse(ids){
+        const nurse = this.nurseList
+        for(let i in nurse){
+          if(ids==nurse[i].admin_user_id){
+            return nurse[i].user_name
+          }
+        }
+      },
+      getdoctor(ids){
+        const doctor = this.docList
+        for(let i in doctor){
+          if(ids == doctor[i].admin_user_id){
+            return doctor[i].user_name
+          }
+        }
+      }
+    },
+    mounted(){
+      this.getecharts()
+    },
+    created(){
+      this.start_date = this.getFirstDayOfMonth(new Date())
+      this.getAllNurseList()
+      this.getAllDoctorList()
+    },
+
+  }
+</script>

src/xt_pages/Dialysisanalysis/weightblood/components/blood_table.vue

@@ -0,0 +1,600 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <div>
+        <span>
+          <el-button @click="return_click" type="text" icon="el-icon-arrow-left">返回</el-button>
+        </span>&nbsp;&nbsp;
+        <span>患者血压详情</span>
+      </div>
+    </div>
+    <div class="app-container">
+      <div class="page_patientControlAnalysis">
+        <div style="display: flex;margin-bottom: 20px;">
+          <div style="flex: 2;display: flex;flex-wrap:wrap">
+            <div>
+              日期：
+              <el-select v-model="date_value" @change="datachange" placeholder="请选择" style="width: 100px;">
+                <el-option
+                  v-for="item in date_options"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+            <div style="margin:0 10px;">
+              <el-date-picker
+                v-model="start_date"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+                style="width: 150px;">
+              </el-date-picker>
+              <span>-</span>
+              <el-date-picker
+                v-model="end_date"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+                style="width: 150px;">
+              </el-date-picker>
+            </div>
+            <div>
+              体重增长:
+              <el-select v-model="dialyze_value" placeholder="请选择" style="width: 100px;">
+                <el-option :key="0" label="不限" :value="0"></el-option>
+                <el-option
+                  v-for="item in dialyze_options"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id">
+                </el-option>
+              </el-select>
+            </div>
+            
+          </div>
+          <div style="flex: 1;">
+            <div>
+              <el-button type="primary" @click="deil_click">查询</el-button>
+              <el-button type="primary" @click="exportExcel">导出</el-button>
+            </div>
+          </div>
+        </div>
+
+        <el-table :data="tableData" border style="width: 100%"
+        :header-cell-style="{textAlign: 'center'}"
+        :cell-style="{ textAlign: 'center' }"
+        height="380">
+          <el-table-column
+            prop="index"
+            label="序号"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="dialysis_no"
+            label="透析号"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="患者姓名">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="性别"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="年龄"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="date"
+            label="透析日期"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="mode_name"
+            label="干体重"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="dialyszers"
+            label="超滤总量(L)">
+          </el-table-column>
+          <el-table-column
+            prop="date"
+            label="实际超滤量(ml)"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="mode_name"
+            label="超滤滤"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="dialyszers"
+            label="透前血压">
+          </el-table-column>
+          <el-table-column
+            prop="dialyszers"
+            label="监测记录血压">
+          </el-table-column>
+          <el-table-column
+            prop="dialyszers"
+            label="透后血压">
+          </el-table-column>
+        </el-table>
+        <div style="text-align: right;margin-top: 10px;">
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="currentPage"
+            :page-sizes="[50,100, 200, 300, 400]"
+            :page-size="limit"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="total">
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+
+    <!-- 弹窗 -->
+   
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import XLSX from 'xlsx';
+import { uParseTime } from "@/utils/tools";
+import {Getdialyzer,Getdialyzerdetail,Getdialyzerconfig} from '../../../../api/qcd'
+import { forEach } from 'jszip';
+import html2canvas from "html2canvas"
+  export default {
+    components:{
+    },
+    data(){
+      return{
+        date_value:4,
+        start_date:'',
+        end_date:this.getTime(new Date()),
+        mode:'',
+        date_mode:'',
+        source:'',
+        dialyze_value:0,
+        dialyze_dialog:false,
+        currentPage:1,
+        limit:50,
+        total:0,
+        tableData:[],
+        dialyze_options:[],
+        date_options:[{value:1,label:'最近七天'},{value:2,label:'本周'},{value:3,label:'上周'},{value:4,label:'本月'},
+                      {value:5,label:'上月'},{value:6,label:'本年'},{value:7,label:'上一年'}
+        ],
+        modearr:[{ id: 1, name: 'HD' },{ id: 2, name: 'HDF' },{ id: 3, name: 'HD + HP' },{ id: 4, name: 'HP' },
+          { id: 5, name: 'HF' },{ id: 6, name: 'SCUF' },{ id: 7, name: 'IUF' },{ id: 8, name: 'HFHD' },{ id: 9, name: 'HFHD+HP' },
+          { id: 10, name: 'PHF' },{ id: 11, name: 'HFR' },{ id: 12, name: 'HDF+HP' },{ id: 13, name: 'CRRT' },{ id: 14, name: '腹水回输' },
+          { id:19, name:"IUF+HD"},{ id:20, name:"UF"},{ id:21, name:"HD+"},{ id:22, name:"血浆胆红素吸附+HDF"},{ id:23, name:"血浆胆红素吸附"},
+          { id:24, name:"I-HDF"},{ id:25, name:"HD高通"},{ id:26, name:"CVVH"},{ id:27, name:"CVVHD"},{ id:28, name:"CVVHDF"},{ id:29, name:"PE"},
+          { id:30, name:"血浆胆红素吸附+HP"},{ id:31, name:"HPD"},{ id:32, name:"HDP"},{ id:33, name:"HFD"},{ id:34, name:"HDF100"},
+          { id:35, name:"HDF600"},{ id:36, name:"HDF800"},{ id:37, name:"HDF1000"},
+        ],
+        date_mode_options:[{value:1,label:'按周'},{value:2,label:'按天'},{value:3,label:'按月'},{value:4,label:'按年'}],
+        source_options:[{value:1,label:'以开始透析为准'},{value:2,label:'以排班为准'}],
+
+
+        input:'',
+      }
+    },
+    methods:{
+      // 返回
+      return_click(){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood')
+      },
+      // 数据源
+      getecharts(){
+        var chartDom = document.getElementById('mychart')
+        var myChart = echarts.init(chartDom);
+        const params ={
+          start_date:this.start_date,
+          end_date:this.end_date,
+        }
+        Getdialyzer(params).then(response =>{
+          console.log('ressponse',response.data.data);
+          if(response.data.state ==1){
+            console.log('bbbbbbbbb',response.data.data);
+            const list = response.data.data.data
+            const xAxis =[]
+            const yAxis = []
+            list.forEach(item =>{
+
+              xAxis.push(item.name)
+              yAxis.push(item.count)
+            })
+            this.bar_xAxis = xAxis
+            const options = []
+            for(let i in xAxis){
+              const arr ={
+                id:i+1,
+                name:xAxis[i]
+              }
+              options.push(arr)
+            }
+            this.dialyze_options = options
+            const option = {
+              xAxis: {
+                type: 'category',
+                data: xAxis,
+                axisLabel:{
+                  interval:0,
+                }
+              },
+              yAxis: {
+                type: 'value'
+              },
+              series: [
+                {
+                  data:yAxis ,
+                  type: 'bar',
+                  barWidth: '25%',
+                  label: {
+                    normal: {
+                      show: true,
+                      position: 'top',
+                      formatter: '{c}',
+                      textStyle:{
+                        color: 'black',//字体颜色
+                        fontSize: 13//字体大小
+                      }
+                    },
+                  },
+                  itemStyle:{
+                    normal:{
+                      color:function (params){
+                        // const colorarr=['#FFA333','#A155E8','#6D91FF','#A233A2'];
+                        var colorarr = [["#A9E0F3", "#9FBDFC"],["#FFD7C0", "#FF9994"]]
+                        var index = params.dataIndex;
+                        if (params.dataIndex >= colorarr.length) {
+                          index = params.dataIndex % colorarr.length;
+                        }
+                        return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                          { offset: 0, color: colorarr[index][0] },
+                          // { offset: 0.5, color: colorList[index][1] },
+                          { offset: 1, color: colorarr[index][1] }
+                        ]);
+                      }
+                    }
+                  }
+                }
+              ]
+            }
+            myChart.setOption(option);
+            myChart.on('click',params =>{
+              this.dialyze_dialog = true
+              console.log('vvvvv',params);
+              this.Getdialyzerdetail(params.name)
+            })
+          }
+
+        })
+
+      },
+      // 导出excel
+      exportExcel(){
+        let tableData = [
+          ['序号', '透析号', '患者姓名', '透析日期','透析模式', '透析器']//导出表头
+        ]
+        this.tableData.forEach((item,index) =>{
+          let rowdata=[]
+          rowdata=[
+            item.index,
+            item.dialysis_no,
+            item.name,
+            item.date,
+            item.mode_name,
+            item.dialyszers,
+          ]
+          tableData.push(rowdata)
+        })
+        let workSheet = XLSX.utils.aoa_to_sheet(tableData);
+        let bookNew = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(bookNew, workSheet, '透析器使用统计') // 工作簿名称
+        let name = '透析器使用统计'+ '.xlsx'
+        XLSX.writeFile(bookNew, name) // 保存的文件名
+      },
+      // 查询
+      sete_click(){
+        this.getecharts()
+      },
+      // 详情查询
+      deil_click(){
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+       // 下载
+      Download_click(){
+        const options ={
+          allowTaint: true,
+          useCORS: true
+        }
+        html2canvas(this.$refs.mychart,options).then(canvas =>{
+          // const imageSrc = canvas.toDataURL();
+          const imageUrl = canvas.toDataURL("image/png");
+          // console.log('5555',imageUrl);
+        //   // const base = this.url.split(',')[1]
+        //   // console.log('2222',base);
+          const blob = this.dataURLtoBlob(imageUrl)
+          // console.log('4444',blob);
+          const url = URL.createObjectURL(blob);
+          // const file = (this.url).blob();
+          // console.log('1111',url);
+          var link= document.createElement("a");
+        //   //将生成的图片url赋值给a标签的href属性
+          link.href = url;
+        //   //设置下载的文件名
+          link.download = "透析器使用统计.jpg";
+          // // 将a标签插入dom中
+          console.log('link',link);
+          document.body.appendChild(link);
+          //模拟点击事件触发下载
+          link.click();
+          // 完成之后销毁创建的a标签
+          document.body.removeChild(link);
+
+        })
+      },
+      // 选择日期
+      datachange(eve){
+        if(eve ==1){
+          this.start_date = this.getPreviousDate(7)
+          this.end_date = this.getTime(new Date())
+        }else if(eve==2){
+          this.start_date = this.getFirstDayOfWeek(new Date())
+          this.end_date = this.getTime(new Date())
+          console.log('this.start_date', this.start_date);
+        }else if(eve ==3){
+          var date=new Date()
+          date.setDate(date.getDate()-7 - date.getDay() + 1);
+          var m =''
+          var d = ''
+          if(date.getMonth() + 1<10){
+            m = '0'+(date.getMonth() + 1)
+          }else{
+             m = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+             d = '0'+date.getDate()
+          }else{
+            d = date.getDate()
+          }
+          // this.start_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() ;
+          this.start_date = date.getFullYear() + "-" + m + "-" + d ;
+          date.setDate(date.getDate() +6);
+          var mm = ''
+          var dd = ''
+          if(date.getMonth() + 1<10){
+            mm = '0'+(date.getMonth() + 1)
+          }else{
+            mm = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+            dd = '0'+date.getDate()
+          }else{
+            dd = date.getDate()
+          }
+          // if(date.getMonth() + 1<10)
+          // this.end_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
+          this.end_date = date.getFullYear() + "-" + mm + "-" + dd ;
+          console.log('this.end_date',this.end_date);
+
+        }else if(eve ==4){
+          this.start_date = this.getFirstDayOfMonth(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve ==5){
+          this.getLastMonthFirstDay()
+          this.getLastMonthLastDay()
+        }else if(eve == 6){
+          this.start_date = this.getFirstDayOfYear(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve == 7){
+          this.getLastYearFirstDay()
+          this.getLastYearLastDay()
+        }
+        console.log('eve',eve);
+      },
+      // 详情数据源
+      Getdialyzerdetail(name){
+        const params={
+          dialyzer:name,
+          start_date:this.start_date,
+          end_date:this.end_date,
+          page:this.currentPage,
+          limit:this.limit,
+        }
+        Getdialyzerdetail(params).then(response =>{
+          if(response.data.state == 1){
+            const list = response.data.data.prescriptions
+            const table=[]
+            list.forEach((item,index)=>{
+              const obj ={
+                index:index+1,
+                dialysis_no:item.patient.dialysis_no,
+                name:item.patient.name,
+                date:this.getTime(item.record_date),
+                mode_name:this.getmode(item.mode_id),
+                dialyszers:item.dialysis_dialyszers +'  '+ item.dialysis_irrigation+'  '+item.dialysis_strainer
+                // dialyszers:item.dialysis_dialyszers || item.dialysis_irrigation || item.dialysis_strainer
+              }
+              table.push(obj)
+            })
+            this.tableData = table
+            this.total = response.data.data.total
+          }
+          console.log('77777',response);
+        })
+      },
+       // 首先定义一个getPreviousDate函数，方便调用
+      getPreviousDate(numOfDays) {
+        var date = new Date();
+        date.setDate(date.getDate() - numOfDays);
+        var year = date.getFullYear();
+        if(date.getMonth() + 1<10){
+          var month = '0'+(date.getMonth() + 1);
+        }else{
+          var month = date.getMonth() + 1;
+        }
+
+        if(date.getDate()<10){
+          var day = '0'+date.getDate();
+        }else{
+          var day = date.getDate();
+        }
+        return year + "-" + month + "-" + day;
+      },
+      // 本周
+      getFirstDayOfWeek(date){
+        var weekday = date.getDay()
+        date.setDate(date.getDate()-weekday+1);//往前算（weekday-1）天，年份、月份会自动变化
+        return this.timeFormat(date);
+      },
+      // 本月
+      getFirstDayOfMonth (date) {
+        date.setDate(1);
+        return this.timeFormat(date);
+      },
+       //上个月第一天
+      getLastMonthFirstDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          m = m < 10 ? "0" + m : m;
+          this.start_date = [y, m, '01'].join("-")
+          // return [y, m, '01'].join("-");
+      },
+      // 上个月最后一天
+      getLastMonthLastDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          var d = new Date(y, m, 0).getDate(); //获取当月最后一日
+          m = m < 10 ? "0" + m : m; //月份补 0
+          d = d < 10 ? "0" + d : d; //日数补 0
+          this.end_date = [y, m, d].join("-")
+          // return [y, m, d].join("-");
+      },
+      // 本年
+      getFirstDayOfYear (date) {
+        date.setDate(1);
+        date.setMonth(0);
+        return this.timeFormat(date);
+      },
+      // 上一年第一天
+      getLastYearFirstDay() {
+          let date = new Date();
+         const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+         const start_month= date.setMonth(0); // 设置月份为1月（注意月份是从0开始的）
+         const start_day = date.setDate(1); // 设置日期为1日
+        //  const last_month = date.setMonth(11); // 设置月份为12月
+        //  const last_day = date.setDate(0); // 设置日期为0，这将自动设置为该月的最后一天
+        //  this.start_date = year+ "-" +start_month+ "-" +start_day
+         this.start_date = this.getTime(start_day)
+        //  return this.start_date
+      },
+      // 上一年最后一天
+      getLastYearLastDay() {
+          let date = new Date();
+          const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+          const last_month = date.setMonth(12); // 设置月份为12月
+          const last_day = date.setDate(0);// 设置日期为0，这将自动设置为该月的最后一天
+          // this.end_date =  year+ "-" +last_month+ "-" +last_day
+          this.end_date = this.getTime(last_day)
+          console.log('this.end_date',this.end_date);
+          // return this.end_date;
+      },
+      // 日期格式化
+      timeFormat(date) {
+          if (!date || typeof(date) === "string") {
+            this.error("参数异常，请检查...");
+          }
+          var y = date.getFullYear(); //年
+          if(date.getMonth() + 1<10){
+            var m ='0'+(date.getMonth() + 1); //月
+          }else{
+            var m =date.getMonth() + 1; //月
+          }
+          if(date.getDate() + 1<10){
+            var d ='0'+date.getDate(); //日
+          }else{
+            var d = date.getDate(); //日
+          }
+          // var d = date.getDate(); //日
+
+          return y + "-" + m + "-" + d;
+      },
+      handleCurrentChange(val){
+        this.currentPage = val
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+      handleSizeChange(val){
+        this.limit = val
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+      // 透析模式
+      getmode(ids){
+        const modes=this.modearr
+        for(let i in modes){
+          if(ids == modes[i].id){
+            return modes[i].name
+          }
+        }
+      },
+       // 转换时间
+      getTime(val) {
+        if(val < 0){
+          return ""
+        }
+        if(val == ""){
+          return ""
+        }else {
+          return uParseTime(val, '{y}-{m}-{d}')
+        }
+      },
+      dataURLtoBlob(dataURL) {
+        const arr = dataURL.split(',');
+        const mime = arr[0].match(/:(.*?);/)[1];
+        const bstr = atob(arr[1]);
+        let n = bstr.length;
+        const u8arr = new Uint8Array(n);
+        while (n--) {
+          u8arr[n] = bstr.charCodeAt(n);
+        }
+        return new Blob([u8arr], { type: mime });
+      },
+      // 全部透析器
+      Getdialyzerconfig(){
+        Getdialyzerconfig().then(response =>{
+          console.log('666666',response);
+        })
+      },
+      getdialyze(val){
+        const option = this.dialyze_options
+        for(let i in option){
+          if(val == option[i].id){
+            return option[i].name
+          }
+        }
+      }
+    },
+    mounted(){
+      this.getecharts()
+    },
+    created(){
+      this.start_date = this.getFirstDayOfMonth(new Date())
+      this.Getdialyzerconfig()
+    },
+
+  }
+</script>

src/xt_pages/Dialysisanalysis/weightblood/components/dialyze_after.vue

@@ -0,0 +1,681 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <div>
+        <span>
+          <el-button @click="return_click" type="text" icon="el-icon-arrow-left">返回</el-button>
+        </span>&nbsp;&nbsp;
+        <span>患者透后体重分析</span>
+      </div>
+    </div>
+    <div class="app-container">
+      <div class="page_patientControlAnalysis">
+        <div style="display: flex;">
+          <div>
+            日期：
+            <el-select v-model="date_value" @change="datachange" placeholder="请选择" style="width: 100px;">
+              <el-option
+                v-for="item in date_options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div style="margin: 0 10px;">
+            <el-date-picker
+              v-model="start_date"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期"
+              style="width: 150px;">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+              v-model="end_date"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期"
+              style="width: 150px;">
+            </el-date-picker>
+          </div>
+          <div>
+            <el-button type="primary" @click="sete_click">查询</el-button>
+            <el-button type="primary" @click="Download_click">下载</el-button>
+          </div>
+        </div>
+        <!-- 图表 -->
+        <div ref="mychart">
+          <div class="echart" id="mychart"  style="width:100%;height:60vh"></div>
+        </div>
+
+        <div style="position: fixed;right: 5%;top: 50vh;">
+          <el-popover
+            placement="left"
+            title="提示"
+            width="500"
+            trigger="click"
+            content="1.统计时间段内所有患者每次透析后，透后体重是否在干体重的±0.3范围内。">
+            <img src="@/assets/img/xiang.png" alt="" style="height: 20px;width: 20px;" slot="reference">
+            <!-- <el-button slot="reference">click 激活</el-button> -->
+          </el-popover>
+        </div>
+      </div>
+    </div>
+
+    <!-- 弹窗 -->
+    <div>
+      <el-dialog
+        title="详情"
+        :visible.sync="dialyze_dialog"
+        width="80%">
+        <div>
+          <div style="display: flex;margin-bottom: 20px;">
+            <div style="flex: 2;display: flex;flex-wrap:wrap">
+              <div>
+                日期：
+                <el-select v-model="date_value" @change="datachange" placeholder="请选择" style="width: 100px;">
+                  <el-option
+                    v-for="item in date_options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </div>
+              <div style="margin:0 10px;">
+                <el-date-picker
+                  v-model="start_date"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择日期"
+                  style="width: 150px;">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                  v-model="end_date"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择日期"
+                  style="width: 150px;">
+                </el-date-picker>
+              </div>
+              <div>
+                体重增长:
+                <el-select v-model="dialyze_value" placeholder="请选择" style="width: 100px;">
+                  <el-option :key="0" label="不限" :value="0"></el-option>
+                  <el-option
+                    v-for="item in dialyze_options"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div>
+                干体重:
+                <el-select v-model="dialyze_value" placeholder="请选择" style="width: 100px;">
+                  <el-option :key="0" label="不限" :value="0"></el-option>
+                  <el-option
+                    v-for="item in dialyze_options"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div>
+                透后体重:
+                <el-select v-model="dialyze_value" placeholder="请选择" style="width: 100px;">
+                  <el-option :key="0" label="不限" :value="0"></el-option>
+                  <el-option
+                    v-for="item in dialyze_options"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div >
+                <el-input v-model="input" placeholder="搜索患者姓名"></el-input>
+              </div>
+            </div>
+            <div style="flex: 1;">
+              <div>
+                <el-button type="primary" @click="deil_click">查询</el-button>
+                <el-button type="primary" @click="exportExcel">导出</el-button>
+              </div>
+            </div>
+          </div>
+
+          <el-table :data="tableData" border style="width: 100%"
+          :header-cell-style="{textAlign: 'center'}"
+          :cell-style="{ textAlign: 'center' }"
+          height="380">
+            <el-table-column
+              prop="index"
+              label="序号"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="dialysis_no"
+              label="透析号"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="患者姓名">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="性别"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="年龄"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="date"
+              label="透析日期"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="mode_name"
+              label="干体重"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="dialyszers"
+              label="前次透后体重">
+            </el-table-column>
+            <el-table-column
+              prop="date"
+              label="透前体重"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="mode_name"
+              label="体重增加"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="dialyszers"
+              label="透后体重">
+            </el-table-column>
+          </el-table>
+          <div style="text-align: right;margin-top: 10px;">
+            <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page="currentPage"
+              :page-sizes="[50,100, 200, 300, 400]"
+              :page-size="limit"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="total">
+            </el-pagination>
+          </div>
+
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="dialyze_dialog = false">取 消</el-button>
+          <el-button type="primary" @click="dialyze_dialog = false">确 定</el-button>
+        </span>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import XLSX from 'xlsx';
+import { uParseTime } from "@/utils/tools";
+import {Getdialyzer,Getdialyzerdetail,Getdialyzerconfig} from '../../../../api/qcd'
+import { forEach } from 'jszip';
+import html2canvas from "html2canvas"
+  export default {
+    components:{
+    },
+    data(){
+      return{
+        date_value:4,
+        start_date:'',
+        end_date:this.getTime(new Date()),
+        mode:'',
+        date_mode:'',
+        source:'',
+        dialyze_value:0,
+        dialyze_dialog:false,
+        currentPage:1,
+        limit:50,
+        total:0,
+        tableData:[],
+        dialyze_options:[],
+        date_options:[{value:1,label:'最近七天'},{value:2,label:'本周'},{value:3,label:'上周'},{value:4,label:'本月'},
+                      {value:5,label:'上月'},{value:6,label:'本年'},{value:7,label:'上一年'}
+        ],
+        modearr:[{ id: 1, name: 'HD' },{ id: 2, name: 'HDF' },{ id: 3, name: 'HD + HP' },{ id: 4, name: 'HP' },
+          { id: 5, name: 'HF' },{ id: 6, name: 'SCUF' },{ id: 7, name: 'IUF' },{ id: 8, name: 'HFHD' },{ id: 9, name: 'HFHD+HP' },
+          { id: 10, name: 'PHF' },{ id: 11, name: 'HFR' },{ id: 12, name: 'HDF+HP' },{ id: 13, name: 'CRRT' },{ id: 14, name: '腹水回输' },
+          { id:19, name:"IUF+HD"},{ id:20, name:"UF"},{ id:21, name:"HD+"},{ id:22, name:"血浆胆红素吸附+HDF"},{ id:23, name:"血浆胆红素吸附"},
+          { id:24, name:"I-HDF"},{ id:25, name:"HD高通"},{ id:26, name:"CVVH"},{ id:27, name:"CVVHD"},{ id:28, name:"CVVHDF"},{ id:29, name:"PE"},
+          { id:30, name:"血浆胆红素吸附+HP"},{ id:31, name:"HPD"},{ id:32, name:"HDP"},{ id:33, name:"HFD"},{ id:34, name:"HDF100"},
+          { id:35, name:"HDF600"},{ id:36, name:"HDF800"},{ id:37, name:"HDF1000"},
+        ],
+        date_mode_options:[{value:1,label:'按周'},{value:2,label:'按天'},{value:3,label:'按月'},{value:4,label:'按年'}],
+        source_options:[{value:1,label:'以开始透析为准'},{value:2,label:'以排班为准'}],
+
+
+        input:'',
+      }
+    },
+    methods:{
+      // 返回
+      return_click(){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood')
+      },
+      // 数据源
+      getecharts(){
+        var chartDom = document.getElementById('mychart')
+        var myChart = echarts.init(chartDom);
+        const params ={
+          start_date:this.start_date,
+          end_date:this.end_date,
+        }
+        Getdialyzer(params).then(response =>{
+          console.log('ressponse',response.data.data);
+          if(response.data.state ==1){
+            console.log('bbbbbbbbb',response.data.data);
+            const list = response.data.data.data
+            const xAxis =[]
+            const yAxis = []
+            list.forEach(item =>{
+
+              xAxis.push(item.name)
+              yAxis.push(item.count)
+            })
+            this.bar_xAxis = xAxis
+            const options = []
+            for(let i in xAxis){
+              const arr ={
+                id:i+1,
+                name:xAxis[i]
+              }
+              options.push(arr)
+            }
+            this.dialyze_options = options
+            const option = {
+              xAxis: {
+                type: 'category',
+                data: xAxis,
+                axisLabel:{
+                  interval:0,
+                }
+              },
+              yAxis: {
+                type: 'value'
+              },
+              series: [
+                {
+                  data:yAxis ,
+                  type: 'bar',
+                  barWidth: '25%',
+                  label: {
+                    normal: {
+                      show: true,
+                      position: 'top',
+                      formatter: '{c}',
+                      textStyle:{
+                        color: 'black',//字体颜色
+                        fontSize: 13//字体大小
+                      }
+                    },
+                  },
+                  itemStyle:{
+                    normal:{
+                      color:function (params){
+                        // const colorarr=['#FFA333','#A155E8','#6D91FF','#A233A2'];
+                        var colorarr = [["#A9E0F3", "#9FBDFC"],["#FFD7C0", "#FF9994"]]
+                        var index = params.dataIndex;
+                        if (params.dataIndex >= colorarr.length) {
+                          index = params.dataIndex % colorarr.length;
+                        }
+                        return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                          { offset: 0, color: colorarr[index][0] },
+                          // { offset: 0.5, color: colorList[index][1] },
+                          { offset: 1, color: colorarr[index][1] }
+                        ]);
+                      }
+                    }
+                  }
+                }
+              ]
+            }
+            myChart.setOption(option);
+            myChart.on('click',params =>{
+              this.dialyze_dialog = true
+              console.log('vvvvv',params);
+              this.Getdialyzerdetail(params.name)
+            })
+          }
+
+        })
+
+      },
+      // 导出excel
+      exportExcel(){
+        let tableData = [
+          ['序号', '透析号', '患者姓名', '透析日期','透析模式', '透析器']//导出表头
+        ]
+        this.tableData.forEach((item,index) =>{
+          let rowdata=[]
+          rowdata=[
+            item.index,
+            item.dialysis_no,
+            item.name,
+            item.date,
+            item.mode_name,
+            item.dialyszers,
+          ]
+          tableData.push(rowdata)
+        })
+        let workSheet = XLSX.utils.aoa_to_sheet(tableData);
+        let bookNew = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(bookNew, workSheet, '透析器使用统计') // 工作簿名称
+        let name = '透析器使用统计'+ '.xlsx'
+        XLSX.writeFile(bookNew, name) // 保存的文件名
+      },
+      // 查询
+      sete_click(){
+        this.getecharts()
+      },
+      // 详情查询
+      deil_click(){
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+       // 下载
+      Download_click(){
+        const options ={
+          allowTaint: true,
+          useCORS: true
+        }
+        html2canvas(this.$refs.mychart,options).then(canvas =>{
+          // const imageSrc = canvas.toDataURL();
+          const imageUrl = canvas.toDataURL("image/png");
+          // console.log('5555',imageUrl);
+        //   // const base = this.url.split(',')[1]
+        //   // console.log('2222',base);
+          const blob = this.dataURLtoBlob(imageUrl)
+          // console.log('4444',blob);
+          const url = URL.createObjectURL(blob);
+          // const file = (this.url).blob();
+          // console.log('1111',url);
+          var link= document.createElement("a");
+        //   //将生成的图片url赋值给a标签的href属性
+          link.href = url;
+        //   //设置下载的文件名
+          link.download = "透析器使用统计.jpg";
+          // // 将a标签插入dom中
+          console.log('link',link);
+          document.body.appendChild(link);
+          //模拟点击事件触发下载
+          link.click();
+          // 完成之后销毁创建的a标签
+          document.body.removeChild(link);
+
+        })
+      },
+      // 选择日期
+      datachange(eve){
+        if(eve ==1){
+          this.start_date = this.getPreviousDate(7)
+          this.end_date = this.getTime(new Date())
+        }else if(eve==2){
+          this.start_date = this.getFirstDayOfWeek(new Date())
+          this.end_date = this.getTime(new Date())
+          console.log('this.start_date', this.start_date);
+        }else if(eve ==3){
+          var date=new Date()
+          date.setDate(date.getDate()-7 - date.getDay() + 1);
+          var m =''
+          var d = ''
+          if(date.getMonth() + 1<10){
+            m = '0'+(date.getMonth() + 1)
+          }else{
+             m = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+             d = '0'+date.getDate()
+          }else{
+            d = date.getDate()
+          }
+          // this.start_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() ;
+          this.start_date = date.getFullYear() + "-" + m + "-" + d ;
+          date.setDate(date.getDate() +6);
+          var mm = ''
+          var dd = ''
+          if(date.getMonth() + 1<10){
+            mm = '0'+(date.getMonth() + 1)
+          }else{
+            mm = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+            dd = '0'+date.getDate()
+          }else{
+            dd = date.getDate()
+          }
+          // if(date.getMonth() + 1<10)
+          // this.end_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
+          this.end_date = date.getFullYear() + "-" + mm + "-" + dd ;
+          console.log('this.end_date',this.end_date);
+
+        }else if(eve ==4){
+          this.start_date = this.getFirstDayOfMonth(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve ==5){
+          this.getLastMonthFirstDay()
+          this.getLastMonthLastDay()
+        }else if(eve == 6){
+          this.start_date = this.getFirstDayOfYear(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve == 7){
+          this.getLastYearFirstDay()
+          this.getLastYearLastDay()
+        }
+        console.log('eve',eve);
+      },
+      // 详情数据源
+      Getdialyzerdetail(name){
+        const params={
+          dialyzer:name,
+          start_date:this.start_date,
+          end_date:this.end_date,
+          page:this.currentPage,
+          limit:this.limit,
+        }
+        Getdialyzerdetail(params).then(response =>{
+          if(response.data.state == 1){
+            const list = response.data.data.prescriptions
+            const table=[]
+            list.forEach((item,index)=>{
+              const obj ={
+                index:index+1,
+                dialysis_no:item.patient.dialysis_no,
+                name:item.patient.name,
+                date:this.getTime(item.record_date),
+                mode_name:this.getmode(item.mode_id),
+                dialyszers:item.dialysis_dialyszers +'  '+ item.dialysis_irrigation+'  '+item.dialysis_strainer
+                // dialyszers:item.dialysis_dialyszers || item.dialysis_irrigation || item.dialysis_strainer
+              }
+              table.push(obj)
+            })
+            this.tableData = table
+            this.total = response.data.data.total
+          }
+          console.log('77777',response);
+        })
+      },
+       // 首先定义一个getPreviousDate函数，方便调用
+      getPreviousDate(numOfDays) {
+        var date = new Date();
+        date.setDate(date.getDate() - numOfDays);
+        var year = date.getFullYear();
+        if(date.getMonth() + 1<10){
+          var month = '0'+(date.getMonth() + 1);
+        }else{
+          var month = date.getMonth() + 1;
+        }
+
+        if(date.getDate()<10){
+          var day = '0'+date.getDate();
+        }else{
+          var day = date.getDate();
+        }
+        return year + "-" + month + "-" + day;
+      },
+      // 本周
+      getFirstDayOfWeek(date){
+        var weekday = date.getDay()
+        date.setDate(date.getDate()-weekday+1);//往前算（weekday-1）天，年份、月份会自动变化
+        return this.timeFormat(date);
+      },
+      // 本月
+      getFirstDayOfMonth (date) {
+        date.setDate(1);
+        return this.timeFormat(date);
+      },
+       //上个月第一天
+      getLastMonthFirstDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          m = m < 10 ? "0" + m : m;
+          this.start_date = [y, m, '01'].join("-")
+          // return [y, m, '01'].join("-");
+      },
+      // 上个月最后一天
+      getLastMonthLastDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          var d = new Date(y, m, 0).getDate(); //获取当月最后一日
+          m = m < 10 ? "0" + m : m; //月份补 0
+          d = d < 10 ? "0" + d : d; //日数补 0
+          this.end_date = [y, m, d].join("-")
+          // return [y, m, d].join("-");
+      },
+      // 本年
+      getFirstDayOfYear (date) {
+        date.setDate(1);
+        date.setMonth(0);
+        return this.timeFormat(date);
+      },
+      // 上一年第一天
+      getLastYearFirstDay() {
+          let date = new Date();
+         const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+         const start_month= date.setMonth(0); // 设置月份为1月（注意月份是从0开始的）
+         const start_day = date.setDate(1); // 设置日期为1日
+        //  const last_month = date.setMonth(11); // 设置月份为12月
+        //  const last_day = date.setDate(0); // 设置日期为0，这将自动设置为该月的最后一天
+        //  this.start_date = year+ "-" +start_month+ "-" +start_day
+         this.start_date = this.getTime(start_day)
+        //  return this.start_date
+      },
+      // 上一年最后一天
+      getLastYearLastDay() {
+          let date = new Date();
+          const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+          const last_month = date.setMonth(12); // 设置月份为12月
+          const last_day = date.setDate(0);// 设置日期为0，这将自动设置为该月的最后一天
+          // this.end_date =  year+ "-" +last_month+ "-" +last_day
+          this.end_date = this.getTime(last_day)
+          console.log('this.end_date',this.end_date);
+          // return this.end_date;
+      },
+      // 日期格式化
+      timeFormat(date) {
+          if (!date || typeof(date) === "string") {
+            this.error("参数异常，请检查...");
+          }
+          var y = date.getFullYear(); //年
+          if(date.getMonth() + 1<10){
+            var m ='0'+(date.getMonth() + 1); //月
+          }else{
+            var m =date.getMonth() + 1; //月
+          }
+          if(date.getDate() + 1<10){
+            var d ='0'+date.getDate(); //日
+          }else{
+            var d = date.getDate(); //日
+          }
+          // var d = date.getDate(); //日
+
+          return y + "-" + m + "-" + d;
+      },
+      handleCurrentChange(val){
+        this.currentPage = val
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+      handleSizeChange(val){
+        this.limit = val
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+      // 透析模式
+      getmode(ids){
+        const modes=this.modearr
+        for(let i in modes){
+          if(ids == modes[i].id){
+            return modes[i].name
+          }
+        }
+      },
+       // 转换时间
+      getTime(val) {
+        if(val < 0){
+          return ""
+        }
+        if(val == ""){
+          return ""
+        }else {
+          return uParseTime(val, '{y}-{m}-{d}')
+        }
+      },
+      dataURLtoBlob(dataURL) {
+        const arr = dataURL.split(',');
+        const mime = arr[0].match(/:(.*?);/)[1];
+        const bstr = atob(arr[1]);
+        let n = bstr.length;
+        const u8arr = new Uint8Array(n);
+        while (n--) {
+          u8arr[n] = bstr.charCodeAt(n);
+        }
+        return new Blob([u8arr], { type: mime });
+      },
+      // 全部透析器
+      Getdialyzerconfig(){
+        Getdialyzerconfig().then(response =>{
+          console.log('666666',response);
+        })
+      },
+      getdialyze(val){
+        const option = this.dialyze_options
+        for(let i in option){
+          if(val == option[i].id){
+            return option[i].name
+          }
+        }
+      }
+    },
+    mounted(){
+      this.getecharts()
+    },
+    created(){
+      this.start_date = this.getFirstDayOfMonth(new Date())
+      this.Getdialyzerconfig()
+    },
+
+  }
+</script>

src/xt_pages/Dialysisanalysis/weightblood/components/dry_denominator.vue

@@ -0,0 +1,682 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <div>
+        <span>
+          <el-button @click="return_click" type="text" icon="el-icon-arrow-left">返回</el-button>
+        </span>&nbsp;&nbsp;
+        <span>患者体重增长分析(以干体重为分母)</span>
+      </div>
+    </div>
+    <div class="app-container">
+      <div class="page_patientControlAnalysis">
+        <div style="display: flex;">
+          <div>
+            日期：
+            <el-select v-model="date_value" @change="datachange" placeholder="请选择" style="width: 100px;">
+              <el-option
+                v-for="item in date_options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div style="margin: 0 10px;">
+            <el-date-picker
+              v-model="start_date"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期"
+              style="width: 150px;">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+              v-model="end_date"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期"
+              style="width: 150px;">
+            </el-date-picker>
+          </div>
+          <div>
+            <el-button type="primary" @click="sete_click">查询</el-button>
+            <el-button type="primary" @click="Download_click">下载</el-button>
+          </div>
+        </div>
+        <!-- 图表 -->
+        <div ref="mychart">
+          <div class="echart" id="mychart"  style="width:100%;height:60vh"></div>
+        </div>
+
+        <div style="position: fixed;right: 5%;top: 50vh;">
+          <el-popover
+            placement="left"
+            title="提示"
+            width="500"
+            trigger="click"
+            content="1.统计时间段内所有患者每次透析时的体重增长情况。
+                      2.体重增长=（透前体重-干体重）/干体重×100%。">
+            <img src="@/assets/img/xiang.png" alt="" style="height: 20px;width: 20px;" slot="reference">
+            <!-- <el-button slot="reference">click 激活</el-button> -->
+          </el-popover>
+        </div>
+      </div>
+    </div>
+
+    <!-- 弹窗 -->
+    <div>
+      <el-dialog
+        title="详情"
+        :visible.sync="dialyze_dialog"
+        width="80%">
+        <div>
+          <div style="display: flex;margin-bottom: 20px;">
+            <div style="flex: 2;display: flex;flex-wrap:wrap">
+              <div>
+                日期：
+                <el-select v-model="date_value" @change="datachange" placeholder="请选择" style="width: 100px;">
+                  <el-option
+                    v-for="item in date_options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </div>
+              <div style="margin:0 10px;">
+                <el-date-picker
+                  v-model="start_date"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择日期"
+                  style="width: 150px;">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                  v-model="end_date"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择日期"
+                  style="width: 150px;">
+                </el-date-picker>
+              </div>
+              <div>
+                体重增长:
+                <el-select v-model="dialyze_value" placeholder="请选择" style="width: 100px;">
+                  <el-option :key="0" label="不限" :value="0"></el-option>
+                  <el-option
+                    v-for="item in dialyze_options"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div>
+                干体重:
+                <el-select v-model="dialyze_value" placeholder="请选择" style="width: 100px;">
+                  <el-option :key="0" label="不限" :value="0"></el-option>
+                  <el-option
+                    v-for="item in dialyze_options"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div>
+                透后体重:
+                <el-select v-model="dialyze_value" placeholder="请选择" style="width: 100px;">
+                  <el-option :key="0" label="不限" :value="0"></el-option>
+                  <el-option
+                    v-for="item in dialyze_options"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div >
+                <el-input v-model="input" placeholder="搜索患者姓名"></el-input>
+              </div>
+            </div>
+            <div style="flex: 1;">
+              <div>
+                <el-button type="primary" @click="deil_click">查询</el-button>
+                <el-button type="primary" @click="exportExcel">导出</el-button>
+              </div>
+            </div>
+          </div>
+
+          <el-table :data="tableData" border style="width: 100%"
+          :header-cell-style="{textAlign: 'center'}"
+          :cell-style="{ textAlign: 'center' }"
+          height="380">
+            <el-table-column
+              prop="index"
+              label="序号"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="dialysis_no"
+              label="透析号"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="患者姓名">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="性别"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="年龄"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="date"
+              label="透析日期"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="mode_name"
+              label="干体重"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="dialyszers"
+              label="前次透后体重">
+            </el-table-column>
+            <el-table-column
+              prop="date"
+              label="透前体重"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="mode_name"
+              label="体重增加"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="dialyszers"
+              label="透后体重">
+            </el-table-column>
+          </el-table>
+          <div style="text-align: right;margin-top: 10px;">
+            <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page="currentPage"
+              :page-sizes="[50,100, 200, 300, 400]"
+              :page-size="limit"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="total">
+            </el-pagination>
+          </div>
+
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="dialyze_dialog = false">取 消</el-button>
+          <el-button type="primary" @click="dialyze_dialog = false">确 定</el-button>
+        </span>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import XLSX from 'xlsx';
+import { uParseTime } from "@/utils/tools";
+import {Getdialyzer,Getdialyzerdetail,Getdialyzerconfig} from '../../../../api/qcd'
+import { forEach } from 'jszip';
+import html2canvas from "html2canvas"
+  export default {
+    components:{
+    },
+    data(){
+      return{
+        date_value:4,
+        start_date:'',
+        end_date:this.getTime(new Date()),
+        mode:'',
+        date_mode:'',
+        source:'',
+        dialyze_value:0,
+        dialyze_dialog:false,
+        currentPage:1,
+        limit:50,
+        total:0,
+        tableData:[],
+        dialyze_options:[],
+        date_options:[{value:1,label:'最近七天'},{value:2,label:'本周'},{value:3,label:'上周'},{value:4,label:'本月'},
+                      {value:5,label:'上月'},{value:6,label:'本年'},{value:7,label:'上一年'}
+        ],
+        modearr:[{ id: 1, name: 'HD' },{ id: 2, name: 'HDF' },{ id: 3, name: 'HD + HP' },{ id: 4, name: 'HP' },
+          { id: 5, name: 'HF' },{ id: 6, name: 'SCUF' },{ id: 7, name: 'IUF' },{ id: 8, name: 'HFHD' },{ id: 9, name: 'HFHD+HP' },
+          { id: 10, name: 'PHF' },{ id: 11, name: 'HFR' },{ id: 12, name: 'HDF+HP' },{ id: 13, name: 'CRRT' },{ id: 14, name: '腹水回输' },
+          { id:19, name:"IUF+HD"},{ id:20, name:"UF"},{ id:21, name:"HD+"},{ id:22, name:"血浆胆红素吸附+HDF"},{ id:23, name:"血浆胆红素吸附"},
+          { id:24, name:"I-HDF"},{ id:25, name:"HD高通"},{ id:26, name:"CVVH"},{ id:27, name:"CVVHD"},{ id:28, name:"CVVHDF"},{ id:29, name:"PE"},
+          { id:30, name:"血浆胆红素吸附+HP"},{ id:31, name:"HPD"},{ id:32, name:"HDP"},{ id:33, name:"HFD"},{ id:34, name:"HDF100"},
+          { id:35, name:"HDF600"},{ id:36, name:"HDF800"},{ id:37, name:"HDF1000"},
+        ],
+        date_mode_options:[{value:1,label:'按周'},{value:2,label:'按天'},{value:3,label:'按月'},{value:4,label:'按年'}],
+        source_options:[{value:1,label:'以开始透析为准'},{value:2,label:'以排班为准'}],
+
+
+        input:'',
+      }
+    },
+    methods:{
+      // 返回
+      return_click(){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood')
+      },
+      // 数据源
+      getecharts(){
+        var chartDom = document.getElementById('mychart')
+        var myChart = echarts.init(chartDom);
+        const params ={
+          start_date:this.start_date,
+          end_date:this.end_date,
+        }
+        Getdialyzer(params).then(response =>{
+          console.log('ressponse',response.data.data);
+          if(response.data.state ==1){
+            console.log('bbbbbbbbb',response.data.data);
+            const list = response.data.data.data
+            const xAxis =[]
+            const yAxis = []
+            list.forEach(item =>{
+
+              xAxis.push(item.name)
+              yAxis.push(item.count)
+            })
+            this.bar_xAxis = xAxis
+            const options = []
+            for(let i in xAxis){
+              const arr ={
+                id:i+1,
+                name:xAxis[i]
+              }
+              options.push(arr)
+            }
+            this.dialyze_options = options
+            const option = {
+              xAxis: {
+                type: 'category',
+                data: xAxis,
+                axisLabel:{
+                  interval:0,
+                }
+              },
+              yAxis: {
+                type: 'value'
+              },
+              series: [
+                {
+                  data:yAxis ,
+                  type: 'bar',
+                  barWidth: '25%',
+                  label: {
+                    normal: {
+                      show: true,
+                      position: 'top',
+                      formatter: '{c}',
+                      textStyle:{
+                        color: 'black',//字体颜色
+                        fontSize: 13//字体大小
+                      }
+                    },
+                  },
+                  itemStyle:{
+                    normal:{
+                      color:function (params){
+                        // const colorarr=['#FFA333','#A155E8','#6D91FF','#A233A2'];
+                        var colorarr = [["#A9E0F3", "#9FBDFC"],["#FFD7C0", "#FF9994"]]
+                        var index = params.dataIndex;
+                        if (params.dataIndex >= colorarr.length) {
+                          index = params.dataIndex % colorarr.length;
+                        }
+                        return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                          { offset: 0, color: colorarr[index][0] },
+                          // { offset: 0.5, color: colorList[index][1] },
+                          { offset: 1, color: colorarr[index][1] }
+                        ]);
+                      }
+                    }
+                  }
+                }
+              ]
+            }
+            myChart.setOption(option);
+            myChart.on('click',params =>{
+              this.dialyze_dialog = true
+              console.log('vvvvv',params);
+              this.Getdialyzerdetail(params.name)
+            })
+          }
+
+        })
+
+      },
+      // 导出excel
+      exportExcel(){
+        let tableData = [
+          ['序号', '透析号', '患者姓名', '透析日期','透析模式', '透析器']//导出表头
+        ]
+        this.tableData.forEach((item,index) =>{
+          let rowdata=[]
+          rowdata=[
+            item.index,
+            item.dialysis_no,
+            item.name,
+            item.date,
+            item.mode_name,
+            item.dialyszers,
+          ]
+          tableData.push(rowdata)
+        })
+        let workSheet = XLSX.utils.aoa_to_sheet(tableData);
+        let bookNew = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(bookNew, workSheet, '透析器使用统计') // 工作簿名称
+        let name = '透析器使用统计'+ '.xlsx'
+        XLSX.writeFile(bookNew, name) // 保存的文件名
+      },
+      // 查询
+      sete_click(){
+        this.getecharts()
+      },
+      // 详情查询
+      deil_click(){
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+       // 下载
+      Download_click(){
+        const options ={
+          allowTaint: true,
+          useCORS: true
+        }
+        html2canvas(this.$refs.mychart,options).then(canvas =>{
+          // const imageSrc = canvas.toDataURL();
+          const imageUrl = canvas.toDataURL("image/png");
+          // console.log('5555',imageUrl);
+        //   // const base = this.url.split(',')[1]
+        //   // console.log('2222',base);
+          const blob = this.dataURLtoBlob(imageUrl)
+          // console.log('4444',blob);
+          const url = URL.createObjectURL(blob);
+          // const file = (this.url).blob();
+          // console.log('1111',url);
+          var link= document.createElement("a");
+        //   //将生成的图片url赋值给a标签的href属性
+          link.href = url;
+        //   //设置下载的文件名
+          link.download = "透析器使用统计.jpg";
+          // // 将a标签插入dom中
+          console.log('link',link);
+          document.body.appendChild(link);
+          //模拟点击事件触发下载
+          link.click();
+          // 完成之后销毁创建的a标签
+          document.body.removeChild(link);
+
+        })
+      },
+      // 选择日期
+      datachange(eve){
+        if(eve ==1){
+          this.start_date = this.getPreviousDate(7)
+          this.end_date = this.getTime(new Date())
+        }else if(eve==2){
+          this.start_date = this.getFirstDayOfWeek(new Date())
+          this.end_date = this.getTime(new Date())
+          console.log('this.start_date', this.start_date);
+        }else if(eve ==3){
+          var date=new Date()
+          date.setDate(date.getDate()-7 - date.getDay() + 1);
+          var m =''
+          var d = ''
+          if(date.getMonth() + 1<10){
+            m = '0'+(date.getMonth() + 1)
+          }else{
+             m = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+             d = '0'+date.getDate()
+          }else{
+            d = date.getDate()
+          }
+          // this.start_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() ;
+          this.start_date = date.getFullYear() + "-" + m + "-" + d ;
+          date.setDate(date.getDate() +6);
+          var mm = ''
+          var dd = ''
+          if(date.getMonth() + 1<10){
+            mm = '0'+(date.getMonth() + 1)
+          }else{
+            mm = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+            dd = '0'+date.getDate()
+          }else{
+            dd = date.getDate()
+          }
+          // if(date.getMonth() + 1<10)
+          // this.end_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
+          this.end_date = date.getFullYear() + "-" + mm + "-" + dd ;
+          console.log('this.end_date',this.end_date);
+
+        }else if(eve ==4){
+          this.start_date = this.getFirstDayOfMonth(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve ==5){
+          this.getLastMonthFirstDay()
+          this.getLastMonthLastDay()
+        }else if(eve == 6){
+          this.start_date = this.getFirstDayOfYear(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve == 7){
+          this.getLastYearFirstDay()
+          this.getLastYearLastDay()
+        }
+        console.log('eve',eve);
+      },
+      // 详情数据源
+      Getdialyzerdetail(name){
+        const params={
+          dialyzer:name,
+          start_date:this.start_date,
+          end_date:this.end_date,
+          page:this.currentPage,
+          limit:this.limit,
+        }
+        Getdialyzerdetail(params).then(response =>{
+          if(response.data.state == 1){
+            const list = response.data.data.prescriptions
+            const table=[]
+            list.forEach((item,index)=>{
+              const obj ={
+                index:index+1,
+                dialysis_no:item.patient.dialysis_no,
+                name:item.patient.name,
+                date:this.getTime(item.record_date),
+                mode_name:this.getmode(item.mode_id),
+                dialyszers:item.dialysis_dialyszers +'  '+ item.dialysis_irrigation+'  '+item.dialysis_strainer
+                // dialyszers:item.dialysis_dialyszers || item.dialysis_irrigation || item.dialysis_strainer
+              }
+              table.push(obj)
+            })
+            this.tableData = table
+            this.total = response.data.data.total
+          }
+          console.log('77777',response);
+        })
+      },
+       // 首先定义一个getPreviousDate函数，方便调用
+      getPreviousDate(numOfDays) {
+        var date = new Date();
+        date.setDate(date.getDate() - numOfDays);
+        var year = date.getFullYear();
+        if(date.getMonth() + 1<10){
+          var month = '0'+(date.getMonth() + 1);
+        }else{
+          var month = date.getMonth() + 1;
+        }
+
+        if(date.getDate()<10){
+          var day = '0'+date.getDate();
+        }else{
+          var day = date.getDate();
+        }
+        return year + "-" + month + "-" + day;
+      },
+      // 本周
+      getFirstDayOfWeek(date){
+        var weekday = date.getDay()
+        date.setDate(date.getDate()-weekday+1);//往前算（weekday-1）天，年份、月份会自动变化
+        return this.timeFormat(date);
+      },
+      // 本月
+      getFirstDayOfMonth (date) {
+        date.setDate(1);
+        return this.timeFormat(date);
+      },
+       //上个月第一天
+      getLastMonthFirstDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          m = m < 10 ? "0" + m : m;
+          this.start_date = [y, m, '01'].join("-")
+          // return [y, m, '01'].join("-");
+      },
+      // 上个月最后一天
+      getLastMonthLastDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          var d = new Date(y, m, 0).getDate(); //获取当月最后一日
+          m = m < 10 ? "0" + m : m; //月份补 0
+          d = d < 10 ? "0" + d : d; //日数补 0
+          this.end_date = [y, m, d].join("-")
+          // return [y, m, d].join("-");
+      },
+      // 本年
+      getFirstDayOfYear (date) {
+        date.setDate(1);
+        date.setMonth(0);
+        return this.timeFormat(date);
+      },
+      // 上一年第一天
+      getLastYearFirstDay() {
+          let date = new Date();
+         const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+         const start_month= date.setMonth(0); // 设置月份为1月（注意月份是从0开始的）
+         const start_day = date.setDate(1); // 设置日期为1日
+        //  const last_month = date.setMonth(11); // 设置月份为12月
+        //  const last_day = date.setDate(0); // 设置日期为0，这将自动设置为该月的最后一天
+        //  this.start_date = year+ "-" +start_month+ "-" +start_day
+         this.start_date = this.getTime(start_day)
+        //  return this.start_date
+      },
+      // 上一年最后一天
+      getLastYearLastDay() {
+          let date = new Date();
+          const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+          const last_month = date.setMonth(12); // 设置月份为12月
+          const last_day = date.setDate(0);// 设置日期为0，这将自动设置为该月的最后一天
+          // this.end_date =  year+ "-" +last_month+ "-" +last_day
+          this.end_date = this.getTime(last_day)
+          console.log('this.end_date',this.end_date);
+          // return this.end_date;
+      },
+      // 日期格式化
+      timeFormat(date) {
+          if (!date || typeof(date) === "string") {
+            this.error("参数异常，请检查...");
+          }
+          var y = date.getFullYear(); //年
+          if(date.getMonth() + 1<10){
+            var m ='0'+(date.getMonth() + 1); //月
+          }else{
+            var m =date.getMonth() + 1; //月
+          }
+          if(date.getDate() + 1<10){
+            var d ='0'+date.getDate(); //日
+          }else{
+            var d = date.getDate(); //日
+          }
+          // var d = date.getDate(); //日
+
+          return y + "-" + m + "-" + d;
+      },
+      handleCurrentChange(val){
+        this.currentPage = val
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+      handleSizeChange(val){
+        this.limit = val
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+      // 透析模式
+      getmode(ids){
+        const modes=this.modearr
+        for(let i in modes){
+          if(ids == modes[i].id){
+            return modes[i].name
+          }
+        }
+      },
+       // 转换时间
+      getTime(val) {
+        if(val < 0){
+          return ""
+        }
+        if(val == ""){
+          return ""
+        }else {
+          return uParseTime(val, '{y}-{m}-{d}')
+        }
+      },
+      dataURLtoBlob(dataURL) {
+        const arr = dataURL.split(',');
+        const mime = arr[0].match(/:(.*?);/)[1];
+        const bstr = atob(arr[1]);
+        let n = bstr.length;
+        const u8arr = new Uint8Array(n);
+        while (n--) {
+          u8arr[n] = bstr.charCodeAt(n);
+        }
+        return new Blob([u8arr], { type: mime });
+      },
+      // 全部透析器
+      Getdialyzerconfig(){
+        Getdialyzerconfig().then(response =>{
+          console.log('666666',response);
+        })
+      },
+      getdialyze(val){
+        const option = this.dialyze_options
+        for(let i in option){
+          if(val == option[i].id){
+            return option[i].name
+          }
+        }
+      }
+    },
+    mounted(){
+      this.getecharts()
+    },
+    created(){
+      this.start_date = this.getFirstDayOfMonth(new Date())
+      this.Getdialyzerconfig()
+    },
+
+  }
+</script>

src/xt_pages/Dialysisanalysis/weightblood/components/dry_weight.vue

@@ -0,0 +1,711 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <div>
+        <span>
+          <el-button @click="return_click" type="text" icon="el-icon-arrow-left">返回</el-button>
+        </span>&nbsp;&nbsp;
+        <span>患者干体重分析</span>
+      </div>
+    </div>
+    <div class="app-container">
+      <div class="page_patientControlAnalysis">
+        <div style="display: flex;">
+          <div>
+            日期：
+            <el-select v-model="date_value" @change="datachange" placeholder="请选择" style="width: 100px;">
+              <el-option
+                v-for="item in date_options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div style="margin:0 10px">
+            <el-date-picker
+              v-model="start_date"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期"
+              style="width: 150px;">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+              v-model="end_date"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期"
+              style="width: 150px;">
+            </el-date-picker>
+          </div>
+          <div>
+            <el-button type="primary" @click="sete_click">查询</el-button>
+            <el-button type="primary" @click="Download_click">下载</el-button>
+          </div>
+        </div>
+        <!-- 图表 -->
+        <div ref="mychart">
+          <div class="echart" id="mychart"  style="width:100%;height:60vh"></div>
+        </div>
+
+          <div style="position: fixed;right: 5%;top: 50vh;">
+            <el-popover
+              placement="left"
+              title="提示"
+              width="500"
+              trigger="click"
+              content="1.统计时间段内留治患者干体重，在当前时间段的区间分布，不是统计每次透析的干体重。
+                       2.如果一个患者在时间段内，调整过两次干体重，以最后一次为准。">
+              <img src="@/assets/img/xiang.png" alt="" style="height: 20px;width: 20px;" slot="reference">
+              <!-- <el-button slot="reference">click 激活</el-button> -->
+            </el-popover>
+          </div>
+      </div>
+    </div>
+
+    <!-- 弹窗 -->
+    <div>
+      <el-dialog
+        title="提示"
+        :visible.sync="complete_dialog"
+        width="80%">
+        <div>
+          <div style="display: flex;margin-bottom: 20px;">
+            <div style="flex: 2;display: flex;">
+              <div>
+                日期：
+                <el-select v-model="date_value" @change="datachange" placeholder="请选择" style="width: 100px;">
+                  <el-option
+                    v-for="item in date_options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </div>
+              <div style="margin:0 10px">
+                <el-date-picker
+                  v-model="start_date"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择日期"
+                  style="width: 150px;">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                  v-model="end_date"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择日期"
+                  style="width: 150px;">
+                </el-date-picker>
+              </div>
+
+              <div>
+                状态:
+                <el-select v-model="status_value" placeholder="请选择" style="width: 130px;">
+                  <el-option :key="0" label="不限" :value="0"></el-option>
+                  <el-option
+                    v-for="item in status_options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </div>
+            </div>
+            <div style="flex: 1;">
+              <div>
+                <el-button type="primary" @click="detil_click">查询</el-button>
+
+                <el-button type="primary" @click="derive_click">导出</el-button>
+              </div>
+            </div>
+          </div>
+          <div>
+            <el-table :data="tableData"
+              border
+              style="width: 100%;"
+              :header-cell-style = "{'text-align':'center'}"
+              :cell-style="{'text-align':'center'}"
+              height="380">
+              <el-table-column
+                prop="index"
+                label="序号"
+                width="">
+              </el-table-column>
+              <el-table-column
+                prop="dialysis_no"
+                label="透析号"
+                width="">
+              </el-table-column>
+              <el-table-column
+                prop="patient_name"
+                label="患者姓名">
+              </el-table-column>
+              <el-table-column
+                prop="age"
+                label="年龄">
+              </el-table-column>
+              <el-table-column
+                prop="dialysis_date"
+                label="干体重"
+                width="">
+              </el-table-column>
+             
+            </el-table>
+          </div>
+          <div style="text-align:right;margin-top: 10px;">
+            <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page="currentPage"
+              :page-sizes="[50,100, 200, 300, 400]"
+              :page-size="limit"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="total">
+            </el-pagination>
+          </div>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="complete_dialog = false">取 消</el-button>
+          <el-button type="primary" @click="complete_dialog = false">确 定</el-button>
+        </span>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import XLSX from 'xlsx';
+import { uParseTime } from "@/utils/tools";
+import {Getdialysistreatfinish,Getdialysistreatdetail} from '../../../../api/qcd'
+import {getAllNurseList} from '@/api/fallassement'
+import { getAllDoctorList} from "@/api/device"
+import html2canvas from "html2canvas"
+  export default {
+    components:{
+    },
+    data(){
+      return{
+        date_value:4,
+        start_date:'',
+        end_date:this.getTime(new Date()),
+        mode:'',
+        date_mode:'',
+        source:'',
+        status_value:0,
+        complete_dialog:false,
+        currentPage:1,
+        limit:50,
+        total:0,
+        tableData:[],
+        // status_options:[],
+        nurseList:[],
+        operators:[],
+        docList:[],
+        status_options:[{value:1,label:'达到透析处方时间'},{value:2,label:'超出处方时间'},{value:3,label:'未到达处方时间'}],
+        // status_options:[{value:1,label:'待定卧床'},{value:2,label:'<40KG'},{value:3,label:'40-50KG'},
+        //                 {value:4,label:'50-60KG'},{value:5,label:'<60-70KG'},{value:6,label:'>70KG'}
+        //                 ],
+        date_options:[{value:1,label:'最近七天'},{value:2,label:'本周'},{value:3,label:'上周'},{value:4,label:'本月'},
+                      {value:5,label:'上月'},{value:6,label:'本年'},{value:7,label:'上一年'}
+        ],
+        mode_options:[{ id: 1, name: 'HD' },{ id: 2, name: 'HDF' },{ id: 3, name: 'HD + HP' },{ id: 4, name: 'HP' },
+          { id: 5, name: 'HF' },{ id: 6, name: 'SCUF' },{ id: 7, name: 'IUF' },{ id: 8, name: 'HFHD' },{ id: 9, name: 'HFHD+HP' },
+          { id: 10, name: 'PHF' },{ id: 11, name: 'HFR' },{ id: 12, name: 'HDF+HP' },{ id: 13, name: 'CRRT' },{ id: 14, name: '腹水回输' },
+          { id: 15, name: 'HD前置换' },{ id: 16, name: 'HD后置换' },{ id: 17, name: 'HDF前置换' },{ id: 18, name: 'HDF后置换' },
+          { id:19, name:"IUF+HD"},{ id:20, name:"UF"},{ id:21, name:"HD+"},{ id:22, name:"血浆胆红素吸附+HDF"},{ id:23, name:"血浆胆红素吸附"},
+          { id:24, name:"I-HDF"},{ id:25, name:"HD高通"},{ id:26, name:"CVVH"},{ id:27, name:"CVVHD"},{ id:28, name:"CVVHDF"},{ id:29, name:"PE"},
+        ],
+        date_mode_options:[{value:1,label:'按周'},{value:2,label:'按天'},{value:3,label:'按月'},{value:4,label:'按年'}],
+        source_options:[{value:1,label:'以开始透析为准'},{value:2,label:'以排班为准'}],
+        status_id:"",
+      }
+    },
+    methods:{
+      // 返回
+      return_click(){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood')
+      },
+      // 数据源
+      getecharts(){
+        var chartDom = document.getElementById('mychart')
+        var myChart = echarts.init(chartDom);
+        const params={
+          start_date:this.start_date,
+          end_date:this.end_date
+        }
+        Getdialysistreatfinish(params).then(response =>{
+          if(response.data.state ==1){
+            const list = response.data.data.data
+            const xAxis = []
+            const yAxis = []
+
+            const total = response.data.data.total
+            for(let key in list){
+              const obj={
+                name:key,
+                value:list[key]
+              }
+              xAxis.push(obj)
+              yAxis.push(key)
+            }
+            const status = []
+            // for(let i in yAxis){
+            //   const obj ={
+            //     value:(i*1)+1,
+            //     label:yAxis[i]
+            //   }
+            //   status.push(obj)
+            // }
+            // this.status_options = status
+            console.log('this.status_options',this.status_options);
+            const option = {
+                title:{
+                  text:'总数'+total,
+                  left:'5%',
+                  bottom:'5%',
+                  textStyle:{
+                    fontSize:30
+                  }
+                },
+                tooltip: {
+                  trigger: 'item',
+
+                },
+                legend: {
+                  data:yAxis,
+                  left: '10%',
+                  top: '30%',
+                  orient: 'vertical'
+                },
+                color:['#FFD7C0','#9FBDFC',"#A9E0F3", "#FF9994",'aquamarine','gold'],
+                series: [
+                  {
+                    name: '',
+                    type: 'pie',
+                    radius: ['40%', '70%'],
+                    avoidLabelOverlap: true,
+                    itemStyle: {
+                      borderRadius: 10,
+                      borderColor: '#fff',
+                      borderWidth: 2
+                    },
+                    label: {
+                      show: true,
+                      position: 'center',
+                      normal : {
+                        formatter: '{b}:{c}: ({d}%)',
+                        textStyle : {
+                          fontWeight : 'normal',
+                          fontSize : 15,
+                          color : "black"
+                        }
+                      }
+                    },
+                    emphasis: {
+                      label: {
+                        show: true,
+                        fontSize: 40,
+                        fontWeight: 'bold'
+                      }
+                    },
+                    labelLine: {
+                      show: false
+                    },
+                    data: xAxis
+                  }
+                ]
+              };
+            myChart.setOption(option);
+            myChart.on('click',params =>{
+              this.complete_dialog = true
+              console.log('bbbb',params);
+              var status_id =''
+              for(let i in this.status_options){
+                if(params.data.name == this.status_options[i].label){
+                  status_id = this.status_options[i].value
+                }
+              }
+              this.getdetail(status_id)
+            })
+          }
+        })
+
+      },
+      // 查询
+      sete_click(){
+        this.getecharts()
+      },
+      // 详情查询
+      detil_click(){
+        this.getdetail(this.status_value)
+      },
+       // 下载
+      Download_click(){
+        const options ={
+          allowTaint: true,
+          useCORS: true
+        }
+        html2canvas(this.$refs.mychart,options).then(canvas =>{
+          // const imageSrc = canvas.toDataURL();
+          const imageUrl = canvas.toDataURL("image/png");
+          const blob = this.dataURLtoBlob(imageUrl)
+          const url = URL.createObjectURL(blob);
+          var link= document.createElement("a");
+        //   //将生成的图片url赋值给a标签的href属性
+          link.href = url;
+        //   //设置下载的文件名
+          link.download = "透析完成率统计.jpg";
+          // // 将a标签插入dom中
+          console.log('link',link);
+          document.body.appendChild(link);
+          //模拟点击事件触发下载
+          link.click();
+          // 完成之后销毁创建的a标签
+          document.body.removeChild(link);
+
+        })
+      },
+      // 导出excel
+      derive_click(){
+        let tableData = [
+          ['序号', '透析号', '患者姓名', '年龄','透析日期', '处方透析时长', '实际透析时长', '实际差(min)', '主治医生', '主治护士']//导出表头
+        ]
+        this.tableData.forEach((item,index) =>{
+          let rowdata=[]
+          rowdata=[
+            item.index,
+            item.dialysis_no,
+            item.patient_name,
+            item.age,
+            item.dialysis_date,
+            item.dialysis_duration,
+            item.actual_duration,
+            item.diff,
+            item.doctor,
+            item.nurse,
+          ]
+          tableData.push(rowdata)
+        })
+        let workSheet = XLSX.utils.aoa_to_sheet(tableData);
+        let bookNew = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(bookNew, workSheet, '透析治疗完成率') // 工作簿名称
+        let name = '透析治疗完成率'+ '.xlsx'
+        XLSX.writeFile(bookNew, name) // 保存的文件名
+      },
+      // 详情数据源
+      getdetail(mode){
+        const params ={
+          start_date:this.start_date,
+          end_date:this.end_date,
+          mode:mode,
+          page:this.currentPage,
+          limit:this.limit,
+        }
+        Getdialysistreatdetail(params).then(response =>{
+          if(response.data.state){
+            const list = response.data.data.list
+            const xAxis = []
+            const table = []
+            list.forEach((item,index) =>{
+              const obj={
+                index:index+1,
+                dialysis_no:item.dialysis_no,
+                patient_name:item.patient_name,
+                age:this.analyzeIDCard(item.id_card_no),
+                dialysis_date:item.dialysis_date.split('T')[0],
+                dialysis_duration:item.dialysis_duration,
+                actual_duration:item.actual_duration,
+                diff:item.diff,
+                doctor:this.getdoctor(item.doctor),
+                nurse:this.getnurse(item.nurse)
+              }
+              table.push(obj)
+            })
+            this.tableData = table
+            this.total = response.data.data.total
+          }
+          console.log('55555',response);
+        })
+      },
+      // 选择日期
+      datachange(eve){
+        if(eve ==1){
+          this.start_date = this.getPreviousDate(7)
+          this.end_date = this.getTime(new Date())
+        }else if(eve==2){
+          this.start_date = this.getFirstDayOfWeek(new Date())
+          this.end_date = this.getTime(new Date())
+          console.log('this.start_date', this.start_date);
+        }else if(eve ==3){
+          var date=new Date()
+          date.setDate(date.getDate()-7 - date.getDay() + 1);
+          var m =''
+          var d = ''
+          if(date.getMonth() + 1<10){
+            m = '0'+(date.getMonth() + 1)
+          }else{
+             m = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+             d = '0'+date.getDate()
+          }else{
+            d = date.getDate()
+          }
+          // this.start_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() ;
+          this.start_date = date.getFullYear() + "-" + m + "-" + d ;
+          date.setDate(date.getDate() +6);
+          var mm = ''
+          var dd = ''
+          if(date.getMonth() + 1<10){
+            mm = '0'+(date.getMonth() + 1)
+          }else{
+            mm = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+            dd = '0'+date.getDate()
+          }else{
+            dd = date.getDate()
+          }
+          // if(date.getMonth() + 1<10)
+          // this.end_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
+          this.end_date = date.getFullYear() + "-" + mm + "-" + dd ;
+          console.log('this.end_date',this.end_date);
+
+        }else if(eve ==4){
+          this.start_date = this.getFirstDayOfMonth(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve ==5){
+          this.getLastMonthFirstDay()
+          this.getLastMonthLastDay()
+        }else if(eve == 6){
+          this.start_date = this.getFirstDayOfYear(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve == 7){
+          this.getLastYearFirstDay()
+          this.getLastYearLastDay()
+        }
+        console.log('eve',eve);
+      },
+      // 首先定义一个getPreviousDate函数，方便调用
+      getPreviousDate(numOfDays) {
+        var date = new Date();
+        date.setDate(date.getDate() - numOfDays);
+        var year = date.getFullYear();
+        if(date.getMonth() + 1<10){
+          var month = '0'+(date.getMonth() + 1);
+        }else{
+          var month = date.getMonth() + 1;
+        }
+
+        if(date.getDate()<10){
+          var day = '0'+date.getDate();
+        }else{
+          var day = date.getDate();
+        }
+        return year + "-" + month + "-" + day;
+      },
+      // 本周
+      getFirstDayOfWeek(date){
+        var weekday = date.getDay()
+        date.setDate(date.getDate()-weekday+1);//往前算（weekday-1）天，年份、月份会自动变化
+        return this.timeFormat(date);
+      },
+      // 本月
+      getFirstDayOfMonth (date) {
+        date.setDate(1);
+        return this.timeFormat(date);
+      },
+       //上个月第一天
+       getLastMonthFirstDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          m = m < 10 ? "0" + m : m;
+          this.start_date = [y, m, '01'].join("-")
+          // return [y, m, '01'].join("-");
+      },
+      // 上个月最后一天
+      getLastMonthLastDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          var d = new Date(y, m, 0).getDate(); //获取当月最后一日
+          m = m < 10 ? "0" + m : m; //月份补 0
+          d = d < 10 ? "0" + d : d; //日数补 0
+          this.end_date = [y, m, d].join("-")
+          // return [y, m, d].join("-");
+      },
+
+      // 本年
+      getFirstDayOfYear (date) {
+        date.setDate(1);
+        date.setMonth(0);
+        return this.timeFormat(date);
+      },
+      // 上一年第一天
+      getLastYearFirstDay() {
+          let date = new Date();
+         const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+         const start_month= date.setMonth(0); // 设置月份为1月（注意月份是从0开始的）
+         const start_day = date.setDate(1); // 设置日期为1日
+        //  const last_month = date.setMonth(11); // 设置月份为12月
+        //  const last_day = date.setDate(0); // 设置日期为0，这将自动设置为该月的最后一天
+        //  this.start_date = year+ "-" +start_month+ "-" +start_day
+         this.start_date = this.getTime(start_day)
+        //  return this.start_date
+      },
+      // 上一年最后一天
+      getLastYearLastDay() {
+          let date = new Date();
+          const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+          const last_month = date.setMonth(12); // 设置月份为12月
+          const last_day = date.setDate(0);// 设置日期为0，这将自动设置为该月的最后一天
+          // this.end_date =  year+ "-" +last_month+ "-" +last_day
+          this.end_date = this.getTime(last_day)
+          console.log('this.end_date',this.end_date);
+          // return this.end_date;
+      },
+      // 日期格式化
+      timeFormat(date) {
+          if (!date || typeof(date) === "string") {
+            this.error("参数异常，请检查...");
+          }
+          var y = date.getFullYear(); //年
+          if(date.getMonth() + 1<10){
+            var m ='0'+(date.getMonth() + 1); //月
+          }else{
+            var m =date.getMonth() + 1; //月
+          }
+          if(date.getDate() + 1<10){
+            var d ='0'+date.getDate(); //日
+          }else{
+            var d = date.getDate(); //日
+          }
+          // var d = date.getDate(); //日
+
+          return y + "-" + m + "-" + d;
+      },
+      handleCurrentChange(val){
+        this.currentPage = val
+        this.getdetail(this.status_value)
+      },
+      handleSizeChange(val){
+        this.limit = val
+        this.getdetail(this.status_value)
+      },
+       // 转换时间
+      getTime(val) {
+        if(val < 0){
+          return ""
+        }
+        if(val == ""){
+          return ""
+        }else {
+          return uParseTime(val, '{y}-{m}-{d}')
+        }
+      },
+      dataURLtoBlob(dataURL) {
+        const arr = dataURL.split(',');
+        const mime = arr[0].match(/:(.*?);/)[1];
+        const bstr = atob(arr[1]);
+        let n = bstr.length;
+        const u8arr = new Uint8Array(n);
+        while (n--) {
+          u8arr[n] = bstr.charCodeAt(n);
+        }
+        return new Blob([u8arr], { type: mime });
+      },
+      // 计算年龄
+      analyzeIDCard(IDCard){
+        var age = 0,yearBirth,monthBirth,dayBirth;
+        //获取用户身份证号码
+        var userCard = IDCard;
+        //如果身份证号码为undefind则返回空
+        if(!userCard){
+          return age;
+        }
+        var reg = /(^\d{15}$)|(^\d{17}([0-9]|X)$)/; //验证身份证号码的正则
+        if (reg.test(userCard)) {
+          if (userCard.length == 15) {
+              var org_birthday = userCard.substring(6, 12);
+              //获取出生年月日
+              yearBirth = "19" + org_birthday.substring(0, 2);
+              monthBirth = org_birthday.substring(2, 4);
+              dayBirth = org_birthday.substring(4, 6);
+              } else if (userCard.length == 18) {
+              //获取出生年月日
+              yearBirth = userCard.substring(6,10);
+              monthBirth = userCard.substring(10,12);
+              dayBirth = userCard.substring(12,14);
+
+            }
+            //获取当前年月日并计算年龄
+            var myDate = new Date();
+            var monthNow = myDate.getMonth() + 1;
+            var dayNow = myDate.getDate();
+            var age = myDate.getFullYear() - yearBirth;
+            if(monthNow < monthBirth || (monthNow == monthBirth && dayNow < dayBirth)){
+              age--;
+            }
+            //返回年龄
+            return age;
+        } else {
+          return ''
+        }
+
+      },
+      // 护士
+      getAllNurseList(){
+        getAllNurseList().then(response=>{
+           if(response.data.state ==1){
+             var nurseList  = response.data.data.nurseList
+            console.log('0000',nurseList);
+             this.nurseList =nurseList
+           }
+        })
+      },
+      // 医生
+      getAllDoctorList(){
+        getAllDoctorList().then(response=>{
+          if(response.data.state == 1){
+              var list = response.data.data.list
+              console.log("list222222",list)
+              this.docList = list
+              this.operators = response.data.data.operators
+          }
+        })
+      },
+      getnurse(ids){
+        const nurse = this.nurseList
+        for(let i in nurse){
+          if(ids==nurse[i].admin_user_id){
+            return nurse[i].user_name
+          }
+        }
+      },
+      getdoctor(ids){
+        const doctor = this.docList
+        for(let i in doctor){
+          if(ids == doctor[i].admin_user_id){
+            return doctor[i].user_name
+          }
+        }
+      }
+    },
+    mounted(){
+      this.getecharts()
+    },
+    created(){
+      this.start_date = this.getFirstDayOfMonth(new Date())
+      this.getAllNurseList()
+      this.getAllDoctorList()
+    },
+
+  }
+</script>

src/xt_pages/Dialysisanalysis/weightblood/components/list_denominator.vue

@@ -0,0 +1,682 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <div>
+        <span>
+          <el-button @click="return_click" type="text" icon="el-icon-arrow-left">返回</el-button>
+        </span>&nbsp;&nbsp;
+        <span>患者体重增长分析(以上次透后体重为分母)</span>
+      </div>
+    </div>
+    <div class="app-container">
+      <div class="page_patientControlAnalysis">
+        <div style="display: flex;">
+          <div>
+            日期：
+            <el-select v-model="date_value" @change="datachange" placeholder="请选择" style="width: 100px;">
+              <el-option
+                v-for="item in date_options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div style="margin: 0 10px;">
+            <el-date-picker
+              v-model="start_date"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期"
+              style="width: 150px;">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+              v-model="end_date"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期"
+              style="width: 150px;">
+            </el-date-picker>
+          </div>
+          <div>
+            <el-button type="primary" @click="sete_click">查询</el-button>
+            <el-button type="primary" @click="Download_click">下载</el-button>
+          </div>
+        </div>
+        <!-- 图表 -->
+        <div ref="mychart">
+          <div class="echart" id="mychart"  style="width:100%;height:60vh"></div>
+        </div>
+
+        <div style="position: fixed;right: 5%;top: 50vh;">
+          <el-popover
+            placement="left"
+            title="提示"
+            width="500"
+            trigger="click"
+            content="1.统计时间段内所有患者每次透析时的体重增长情况。
+                     2.体重增长=（透前体重-上次透后体重）/上次透后体重×100%。">
+            <img src="@/assets/img/xiang.png" alt="" style="height: 20px;width: 20px;" slot="reference">
+            <!-- <el-button slot="reference">click 激活</el-button> -->
+          </el-popover>
+        </div>
+      </div>
+    </div>
+
+    <!-- 弹窗 -->
+    <div>
+      <el-dialog
+        title="详情"
+        :visible.sync="dialyze_dialog"
+        width="80%">
+        <div>
+          <div style="display: flex;margin-bottom: 20px;">
+            <div style="flex: 2;display: flex;flex-wrap:wrap">
+              <div>
+                日期：
+                <el-select v-model="date_value" @change="datachange" placeholder="请选择" style="width: 100px;">
+                  <el-option
+                    v-for="item in date_options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </div>
+              <div style="margin:0 10px;">
+                <el-date-picker
+                  v-model="start_date"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择日期"
+                  style="width: 150px;">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                  v-model="end_date"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择日期"
+                  style="width: 150px;">
+                </el-date-picker>
+              </div>
+              <div>
+                体重增长:
+                <el-select v-model="dialyze_value" placeholder="请选择" style="width: 100px;">
+                  <el-option :key="0" label="不限" :value="0"></el-option>
+                  <el-option
+                    v-for="item in dialyze_options"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div>
+                干体重:
+                <el-select v-model="dialyze_value" placeholder="请选择" style="width: 100px;">
+                  <el-option :key="0" label="不限" :value="0"></el-option>
+                  <el-option
+                    v-for="item in dialyze_options"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div>
+                透后体重:
+                <el-select v-model="dialyze_value" placeholder="请选择" style="width: 100px;">
+                  <el-option :key="0" label="不限" :value="0"></el-option>
+                  <el-option
+                    v-for="item in dialyze_options"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div >
+                <el-input v-model="input" placeholder="搜索患者姓名"></el-input>
+              </div>
+            </div>
+            <div style="flex: 1;">
+              <div>
+                <el-button type="primary" @click="deil_click">查询</el-button>
+                <el-button type="primary" @click="exportExcel">导出</el-button>
+              </div>
+            </div>
+          </div>
+
+          <el-table :data="tableData" border style="width: 100%"
+          :header-cell-style="{textAlign: 'center'}"
+          :cell-style="{ textAlign: 'center' }"
+          height="380">
+            <el-table-column
+              prop="index"
+              label="序号"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="dialysis_no"
+              label="透析号"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="患者姓名">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="性别"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="年龄"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="date"
+              label="透析日期"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="mode_name"
+              label="干体重"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="dialyszers"
+              label="前次透后体重">
+            </el-table-column>
+            <el-table-column
+              prop="date"
+              label="透前体重"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="mode_name"
+              label="体重增加"
+              width="">
+            </el-table-column>
+            <el-table-column
+              prop="dialyszers"
+              label="透后体重">
+            </el-table-column>
+          </el-table>
+          <div style="text-align: right;margin-top: 10px;">
+            <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page="currentPage"
+              :page-sizes="[50,100, 200, 300, 400]"
+              :page-size="limit"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="total">
+            </el-pagination>
+          </div>
+
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="dialyze_dialog = false">取 消</el-button>
+          <el-button type="primary" @click="dialyze_dialog = false">确 定</el-button>
+        </span>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import XLSX from 'xlsx';
+import { uParseTime } from "@/utils/tools";
+import {Getdialyzer,Getdialyzerdetail,Getdialyzerconfig} from '../../../../api/qcd'
+import { forEach } from 'jszip';
+import html2canvas from "html2canvas"
+  export default {
+    components:{
+    },
+    data(){
+      return{
+        date_value:4,
+        start_date:'',
+        end_date:this.getTime(new Date()),
+        mode:'',
+        date_mode:'',
+        source:'',
+        dialyze_value:0,
+        dialyze_dialog:false,
+        currentPage:1,
+        limit:50,
+        total:0,
+        tableData:[],
+        dialyze_options:[],
+        date_options:[{value:1,label:'最近七天'},{value:2,label:'本周'},{value:3,label:'上周'},{value:4,label:'本月'},
+                      {value:5,label:'上月'},{value:6,label:'本年'},{value:7,label:'上一年'}
+        ],
+        modearr:[{ id: 1, name: 'HD' },{ id: 2, name: 'HDF' },{ id: 3, name: 'HD + HP' },{ id: 4, name: 'HP' },
+          { id: 5, name: 'HF' },{ id: 6, name: 'SCUF' },{ id: 7, name: 'IUF' },{ id: 8, name: 'HFHD' },{ id: 9, name: 'HFHD+HP' },
+          { id: 10, name: 'PHF' },{ id: 11, name: 'HFR' },{ id: 12, name: 'HDF+HP' },{ id: 13, name: 'CRRT' },{ id: 14, name: '腹水回输' },
+          { id:19, name:"IUF+HD"},{ id:20, name:"UF"},{ id:21, name:"HD+"},{ id:22, name:"血浆胆红素吸附+HDF"},{ id:23, name:"血浆胆红素吸附"},
+          { id:24, name:"I-HDF"},{ id:25, name:"HD高通"},{ id:26, name:"CVVH"},{ id:27, name:"CVVHD"},{ id:28, name:"CVVHDF"},{ id:29, name:"PE"},
+          { id:30, name:"血浆胆红素吸附+HP"},{ id:31, name:"HPD"},{ id:32, name:"HDP"},{ id:33, name:"HFD"},{ id:34, name:"HDF100"},
+          { id:35, name:"HDF600"},{ id:36, name:"HDF800"},{ id:37, name:"HDF1000"},
+        ],
+        date_mode_options:[{value:1,label:'按周'},{value:2,label:'按天'},{value:3,label:'按月'},{value:4,label:'按年'}],
+        source_options:[{value:1,label:'以开始透析为准'},{value:2,label:'以排班为准'}],
+
+
+        input:'',
+      }
+    },
+    methods:{
+      // 返回
+      return_click(){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood')
+      },
+      // 数据源
+      getecharts(){
+        var chartDom = document.getElementById('mychart')
+        var myChart = echarts.init(chartDom);
+        const params ={
+          start_date:this.start_date,
+          end_date:this.end_date,
+        }
+        Getdialyzer(params).then(response =>{
+          console.log('ressponse',response.data.data);
+          if(response.data.state ==1){
+            console.log('bbbbbbbbb',response.data.data);
+            const list = response.data.data.data
+            const xAxis =[]
+            const yAxis = []
+            list.forEach(item =>{
+
+              xAxis.push(item.name)
+              yAxis.push(item.count)
+            })
+            this.bar_xAxis = xAxis
+            const options = []
+            for(let i in xAxis){
+              const arr ={
+                id:i+1,
+                name:xAxis[i]
+              }
+              options.push(arr)
+            }
+            this.dialyze_options = options
+            const option = {
+              xAxis: {
+                type: 'category',
+                data: xAxis,
+                axisLabel:{
+                  interval:0,
+                }
+              },
+              yAxis: {
+                type: 'value'
+              },
+              series: [
+                {
+                  data:yAxis ,
+                  type: 'bar',
+                  barWidth: '25%',
+                  label: {
+                    normal: {
+                      show: true,
+                      position: 'top',
+                      formatter: '{c}',
+                      textStyle:{
+                        color: 'black',//字体颜色
+                        fontSize: 13//字体大小
+                      }
+                    },
+                  },
+                  itemStyle:{
+                    normal:{
+                      color:function (params){
+                        // const colorarr=['#FFA333','#A155E8','#6D91FF','#A233A2'];
+                        var colorarr = [["#A9E0F3", "#9FBDFC"],["#FFD7C0", "#FF9994"]]
+                        var index = params.dataIndex;
+                        if (params.dataIndex >= colorarr.length) {
+                          index = params.dataIndex % colorarr.length;
+                        }
+                        return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                          { offset: 0, color: colorarr[index][0] },
+                          // { offset: 0.5, color: colorList[index][1] },
+                          { offset: 1, color: colorarr[index][1] }
+                        ]);
+                      }
+                    }
+                  }
+                }
+              ]
+            }
+            myChart.setOption(option);
+            myChart.on('click',params =>{
+              this.dialyze_dialog = true
+              console.log('vvvvv',params);
+              this.Getdialyzerdetail(params.name)
+            })
+          }
+
+        })
+
+      },
+      // 导出excel
+      exportExcel(){
+        let tableData = [
+          ['序号', '透析号', '患者姓名', '透析日期','透析模式', '透析器']//导出表头
+        ]
+        this.tableData.forEach((item,index) =>{
+          let rowdata=[]
+          rowdata=[
+            item.index,
+            item.dialysis_no,
+            item.name,
+            item.date,
+            item.mode_name,
+            item.dialyszers,
+          ]
+          tableData.push(rowdata)
+        })
+        let workSheet = XLSX.utils.aoa_to_sheet(tableData);
+        let bookNew = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(bookNew, workSheet, '透析器使用统计') // 工作簿名称
+        let name = '透析器使用统计'+ '.xlsx'
+        XLSX.writeFile(bookNew, name) // 保存的文件名
+      },
+      // 查询
+      sete_click(){
+        this.getecharts()
+      },
+      // 详情查询
+      deil_click(){
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+       // 下载
+      Download_click(){
+        const options ={
+          allowTaint: true,
+          useCORS: true
+        }
+        html2canvas(this.$refs.mychart,options).then(canvas =>{
+          // const imageSrc = canvas.toDataURL();
+          const imageUrl = canvas.toDataURL("image/png");
+          // console.log('5555',imageUrl);
+        //   // const base = this.url.split(',')[1]
+        //   // console.log('2222',base);
+          const blob = this.dataURLtoBlob(imageUrl)
+          // console.log('4444',blob);
+          const url = URL.createObjectURL(blob);
+          // const file = (this.url).blob();
+          // console.log('1111',url);
+          var link= document.createElement("a");
+        //   //将生成的图片url赋值给a标签的href属性
+          link.href = url;
+        //   //设置下载的文件名
+          link.download = "透析器使用统计.jpg";
+          // // 将a标签插入dom中
+          console.log('link',link);
+          document.body.appendChild(link);
+          //模拟点击事件触发下载
+          link.click();
+          // 完成之后销毁创建的a标签
+          document.body.removeChild(link);
+
+        })
+      },
+      // 选择日期
+      datachange(eve){
+        if(eve ==1){
+          this.start_date = this.getPreviousDate(7)
+          this.end_date = this.getTime(new Date())
+        }else if(eve==2){
+          this.start_date = this.getFirstDayOfWeek(new Date())
+          this.end_date = this.getTime(new Date())
+          console.log('this.start_date', this.start_date);
+        }else if(eve ==3){
+          var date=new Date()
+          date.setDate(date.getDate()-7 - date.getDay() + 1);
+          var m =''
+          var d = ''
+          if(date.getMonth() + 1<10){
+            m = '0'+(date.getMonth() + 1)
+          }else{
+             m = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+             d = '0'+date.getDate()
+          }else{
+            d = date.getDate()
+          }
+          // this.start_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() ;
+          this.start_date = date.getFullYear() + "-" + m + "-" + d ;
+          date.setDate(date.getDate() +6);
+          var mm = ''
+          var dd = ''
+          if(date.getMonth() + 1<10){
+            mm = '0'+(date.getMonth() + 1)
+          }else{
+            mm = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+            dd = '0'+date.getDate()
+          }else{
+            dd = date.getDate()
+          }
+          // if(date.getMonth() + 1<10)
+          // this.end_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
+          this.end_date = date.getFullYear() + "-" + mm + "-" + dd ;
+          console.log('this.end_date',this.end_date);
+
+        }else if(eve ==4){
+          this.start_date = this.getFirstDayOfMonth(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve ==5){
+          this.getLastMonthFirstDay()
+          this.getLastMonthLastDay()
+        }else if(eve == 6){
+          this.start_date = this.getFirstDayOfYear(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve == 7){
+          this.getLastYearFirstDay()
+          this.getLastYearLastDay()
+        }
+        console.log('eve',eve);
+      },
+      // 详情数据源
+      Getdialyzerdetail(name){
+        const params={
+          dialyzer:name,
+          start_date:this.start_date,
+          end_date:this.end_date,
+          page:this.currentPage,
+          limit:this.limit,
+        }
+        Getdialyzerdetail(params).then(response =>{
+          if(response.data.state == 1){
+            const list = response.data.data.prescriptions
+            const table=[]
+            list.forEach((item,index)=>{
+              const obj ={
+                index:index+1,
+                dialysis_no:item.patient.dialysis_no,
+                name:item.patient.name,
+                date:this.getTime(item.record_date),
+                mode_name:this.getmode(item.mode_id),
+                dialyszers:item.dialysis_dialyszers +'  '+ item.dialysis_irrigation+'  '+item.dialysis_strainer
+                // dialyszers:item.dialysis_dialyszers || item.dialysis_irrigation || item.dialysis_strainer
+              }
+              table.push(obj)
+            })
+            this.tableData = table
+            this.total = response.data.data.total
+          }
+          console.log('77777',response);
+        })
+      },
+       // 首先定义一个getPreviousDate函数，方便调用
+      getPreviousDate(numOfDays) {
+        var date = new Date();
+        date.setDate(date.getDate() - numOfDays);
+        var year = date.getFullYear();
+        if(date.getMonth() + 1<10){
+          var month = '0'+(date.getMonth() + 1);
+        }else{
+          var month = date.getMonth() + 1;
+        }
+
+        if(date.getDate()<10){
+          var day = '0'+date.getDate();
+        }else{
+          var day = date.getDate();
+        }
+        return year + "-" + month + "-" + day;
+      },
+      // 本周
+      getFirstDayOfWeek(date){
+        var weekday = date.getDay()
+        date.setDate(date.getDate()-weekday+1);//往前算（weekday-1）天，年份、月份会自动变化
+        return this.timeFormat(date);
+      },
+      // 本月
+      getFirstDayOfMonth (date) {
+        date.setDate(1);
+        return this.timeFormat(date);
+      },
+       //上个月第一天
+      getLastMonthFirstDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          m = m < 10 ? "0" + m : m;
+          this.start_date = [y, m, '01'].join("-")
+          // return [y, m, '01'].join("-");
+      },
+      // 上个月最后一天
+      getLastMonthLastDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          var d = new Date(y, m, 0).getDate(); //获取当月最后一日
+          m = m < 10 ? "0" + m : m; //月份补 0
+          d = d < 10 ? "0" + d : d; //日数补 0
+          this.end_date = [y, m, d].join("-")
+          // return [y, m, d].join("-");
+      },
+      // 本年
+      getFirstDayOfYear (date) {
+        date.setDate(1);
+        date.setMonth(0);
+        return this.timeFormat(date);
+      },
+      // 上一年第一天
+      getLastYearFirstDay() {
+          let date = new Date();
+         const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+         const start_month= date.setMonth(0); // 设置月份为1月（注意月份是从0开始的）
+         const start_day = date.setDate(1); // 设置日期为1日
+        //  const last_month = date.setMonth(11); // 设置月份为12月
+        //  const last_day = date.setDate(0); // 设置日期为0，这将自动设置为该月的最后一天
+        //  this.start_date = year+ "-" +start_month+ "-" +start_day
+         this.start_date = this.getTime(start_day)
+        //  return this.start_date
+      },
+      // 上一年最后一天
+      getLastYearLastDay() {
+          let date = new Date();
+          const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+          const last_month = date.setMonth(12); // 设置月份为12月
+          const last_day = date.setDate(0);// 设置日期为0，这将自动设置为该月的最后一天
+          // this.end_date =  year+ "-" +last_month+ "-" +last_day
+          this.end_date = this.getTime(last_day)
+          console.log('this.end_date',this.end_date);
+          // return this.end_date;
+      },
+      // 日期格式化
+      timeFormat(date) {
+          if (!date || typeof(date) === "string") {
+            this.error("参数异常，请检查...");
+          }
+          var y = date.getFullYear(); //年
+          if(date.getMonth() + 1<10){
+            var m ='0'+(date.getMonth() + 1); //月
+          }else{
+            var m =date.getMonth() + 1; //月
+          }
+          if(date.getDate() + 1<10){
+            var d ='0'+date.getDate(); //日
+          }else{
+            var d = date.getDate(); //日
+          }
+          // var d = date.getDate(); //日
+
+          return y + "-" + m + "-" + d;
+      },
+      handleCurrentChange(val){
+        this.currentPage = val
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+      handleSizeChange(val){
+        this.limit = val
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+      // 透析模式
+      getmode(ids){
+        const modes=this.modearr
+        for(let i in modes){
+          if(ids == modes[i].id){
+            return modes[i].name
+          }
+        }
+      },
+       // 转换时间
+      getTime(val) {
+        if(val < 0){
+          return ""
+        }
+        if(val == ""){
+          return ""
+        }else {
+          return uParseTime(val, '{y}-{m}-{d}')
+        }
+      },
+      dataURLtoBlob(dataURL) {
+        const arr = dataURL.split(',');
+        const mime = arr[0].match(/:(.*?);/)[1];
+        const bstr = atob(arr[1]);
+        let n = bstr.length;
+        const u8arr = new Uint8Array(n);
+        while (n--) {
+          u8arr[n] = bstr.charCodeAt(n);
+        }
+        return new Blob([u8arr], { type: mime });
+      },
+      // 全部透析器
+      Getdialyzerconfig(){
+        Getdialyzerconfig().then(response =>{
+          console.log('666666',response);
+        })
+      },
+      getdialyze(val){
+        const option = this.dialyze_options
+        for(let i in option){
+          if(val == option[i].id){
+            return option[i].name
+          }
+        }
+      }
+    },
+    mounted(){
+      this.getecharts()
+    },
+    created(){
+      this.start_date = this.getFirstDayOfMonth(new Date())
+      this.Getdialyzerconfig()
+    },
+
+  }
+</script>

src/xt_pages/Dialysisanalysis/weightblood/components/weight_table.vue

@@ -0,0 +1,618 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <div>
+        <span>
+          <el-button @click="return_click" type="text" icon="el-icon-arrow-left">返回</el-button>
+        </span>&nbsp;&nbsp;
+        <span>患者体重详情</span>
+      </div>
+    </div>
+    <div class="app-container">
+      <div class="page_patientControlAnalysis">
+        <div style="display: flex;margin-bottom: 20px;">
+          <div style="flex: 2;display: flex;flex-wrap:wrap">
+            <div>
+              日期：
+              <el-select v-model="date_value" @change="datachange" placeholder="请选择" style="width: 100px;">
+                <el-option
+                  v-for="item in date_options"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+            <div style="margin:0 10px;">
+              <el-date-picker
+                v-model="start_date"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+                style="width: 150px;">
+              </el-date-picker>
+              <span>-</span>
+              <el-date-picker
+                v-model="end_date"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+                style="width: 150px;">
+              </el-date-picker>
+            </div>
+            <div>
+              体重增长:
+              <el-select v-model="dialyze_value" placeholder="请选择" style="width: 100px;">
+                <el-option :key="0" label="不限" :value="0"></el-option>
+                <el-option
+                  v-for="item in dialyze_options"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id">
+                </el-option>
+              </el-select>
+            </div>
+            <div>
+              干体重:
+              <el-select v-model="dialyze_value" placeholder="请选择" style="width: 100px;">
+                <el-option :key="0" label="不限" :value="0"></el-option>
+                <el-option
+                  v-for="item in dialyze_options"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id">
+                </el-option>
+              </el-select>
+            </div>
+            <div>
+              透后体重:
+              <el-select v-model="dialyze_value" placeholder="请选择" style="width: 100px;">
+                <el-option :key="0" label="不限" :value="0"></el-option>
+                <el-option
+                  v-for="item in dialyze_options"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id">
+                </el-option>
+              </el-select>
+            </div>
+            <div >
+              <el-input v-model="input" placeholder="搜索患者姓名"></el-input>
+            </div>
+          </div>
+          <div style="flex: 1;">
+            <div>
+              <el-button type="primary" @click="deil_click">查询</el-button>
+              <el-button type="primary" @click="exportExcel">导出</el-button>
+            </div>
+          </div>
+        </div>
+
+        <el-table :data="tableData" border style="width: 100%"
+        :header-cell-style="{textAlign: 'center'}"
+        :cell-style="{ textAlign: 'center' }"
+        height="380">
+          <el-table-column
+            prop="index"
+            label="序号"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="dialysis_no"
+            label="透析号"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="患者姓名">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="性别"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="年龄"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="date"
+            label="透析日期"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="mode_name"
+            label="干体重"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="dialyszers"
+            label="前次透后体重">
+          </el-table-column>
+          <el-table-column
+            prop="date"
+            label="透前体重"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="mode_name"
+            label="体重增加"
+            width="">
+          </el-table-column>
+          <el-table-column
+            prop="dialyszers"
+            label="透后体重">
+          </el-table-column>
+        </el-table>
+        <div style="text-align: right;margin-top: 10px;">
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="currentPage"
+            :page-sizes="[50,100, 200, 300, 400]"
+            :page-size="limit"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="total">
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+
+    <!-- 弹窗 -->
+   
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import XLSX from 'xlsx';
+import { uParseTime } from "@/utils/tools";
+import {Getdialyzer,Getdialyzerdetail,Getdialyzerconfig} from '../../../../api/qcd'
+import { forEach } from 'jszip';
+import html2canvas from "html2canvas"
+  export default {
+    components:{
+    },
+    data(){
+      return{
+        date_value:4,
+        start_date:'',
+        end_date:this.getTime(new Date()),
+        mode:'',
+        date_mode:'',
+        source:'',
+        dialyze_value:0,
+        dialyze_dialog:false,
+        currentPage:1,
+        limit:50,
+        total:0,
+        tableData:[],
+        dialyze_options:[],
+        date_options:[{value:1,label:'最近七天'},{value:2,label:'本周'},{value:3,label:'上周'},{value:4,label:'本月'},
+                      {value:5,label:'上月'},{value:6,label:'本年'},{value:7,label:'上一年'}
+        ],
+        modearr:[{ id: 1, name: 'HD' },{ id: 2, name: 'HDF' },{ id: 3, name: 'HD + HP' },{ id: 4, name: 'HP' },
+          { id: 5, name: 'HF' },{ id: 6, name: 'SCUF' },{ id: 7, name: 'IUF' },{ id: 8, name: 'HFHD' },{ id: 9, name: 'HFHD+HP' },
+          { id: 10, name: 'PHF' },{ id: 11, name: 'HFR' },{ id: 12, name: 'HDF+HP' },{ id: 13, name: 'CRRT' },{ id: 14, name: '腹水回输' },
+          { id:19, name:"IUF+HD"},{ id:20, name:"UF"},{ id:21, name:"HD+"},{ id:22, name:"血浆胆红素吸附+HDF"},{ id:23, name:"血浆胆红素吸附"},
+          { id:24, name:"I-HDF"},{ id:25, name:"HD高通"},{ id:26, name:"CVVH"},{ id:27, name:"CVVHD"},{ id:28, name:"CVVHDF"},{ id:29, name:"PE"},
+          { id:30, name:"血浆胆红素吸附+HP"},{ id:31, name:"HPD"},{ id:32, name:"HDP"},{ id:33, name:"HFD"},{ id:34, name:"HDF100"},
+          { id:35, name:"HDF600"},{ id:36, name:"HDF800"},{ id:37, name:"HDF1000"},
+        ],
+        date_mode_options:[{value:1,label:'按周'},{value:2,label:'按天'},{value:3,label:'按月'},{value:4,label:'按年'}],
+        source_options:[{value:1,label:'以开始透析为准'},{value:2,label:'以排班为准'}],
+
+
+        input:'',
+      }
+    },
+    methods:{
+      // 返回
+      return_click(){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood')
+      },
+      // 数据源
+      getecharts(){
+        var chartDom = document.getElementById('mychart')
+        var myChart = echarts.init(chartDom);
+        const params ={
+          start_date:this.start_date,
+          end_date:this.end_date,
+        }
+        Getdialyzer(params).then(response =>{
+          console.log('ressponse',response.data.data);
+          if(response.data.state ==1){
+            console.log('bbbbbbbbb',response.data.data);
+            const list = response.data.data.data
+            const xAxis =[]
+            const yAxis = []
+            list.forEach(item =>{
+
+              xAxis.push(item.name)
+              yAxis.push(item.count)
+            })
+            this.bar_xAxis = xAxis
+            const options = []
+            for(let i in xAxis){
+              const arr ={
+                id:i+1,
+                name:xAxis[i]
+              }
+              options.push(arr)
+            }
+            this.dialyze_options = options
+            const option = {
+              xAxis: {
+                type: 'category',
+                data: xAxis,
+                axisLabel:{
+                  interval:0,
+                }
+              },
+              yAxis: {
+                type: 'value'
+              },
+              series: [
+                {
+                  data:yAxis ,
+                  type: 'bar',
+                  barWidth: '25%',
+                  label: {
+                    normal: {
+                      show: true,
+                      position: 'top',
+                      formatter: '{c}',
+                      textStyle:{
+                        color: 'black',//字体颜色
+                        fontSize: 13//字体大小
+                      }
+                    },
+                  },
+                  itemStyle:{
+                    normal:{
+                      color:function (params){
+                        // const colorarr=['#FFA333','#A155E8','#6D91FF','#A233A2'];
+                        var colorarr = [["#A9E0F3", "#9FBDFC"],["#FFD7C0", "#FF9994"]]
+                        var index = params.dataIndex;
+                        if (params.dataIndex >= colorarr.length) {
+                          index = params.dataIndex % colorarr.length;
+                        }
+                        return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                          { offset: 0, color: colorarr[index][0] },
+                          // { offset: 0.5, color: colorList[index][1] },
+                          { offset: 1, color: colorarr[index][1] }
+                        ]);
+                      }
+                    }
+                  }
+                }
+              ]
+            }
+            myChart.setOption(option);
+            myChart.on('click',params =>{
+              this.dialyze_dialog = true
+              console.log('vvvvv',params);
+              this.Getdialyzerdetail(params.name)
+            })
+          }
+
+        })
+
+      },
+      // 导出excel
+      exportExcel(){
+        let tableData = [
+          ['序号', '透析号', '患者姓名', '透析日期','透析模式', '透析器']//导出表头
+        ]
+        this.tableData.forEach((item,index) =>{
+          let rowdata=[]
+          rowdata=[
+            item.index,
+            item.dialysis_no,
+            item.name,
+            item.date,
+            item.mode_name,
+            item.dialyszers,
+          ]
+          tableData.push(rowdata)
+        })
+        let workSheet = XLSX.utils.aoa_to_sheet(tableData);
+        let bookNew = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(bookNew, workSheet, '透析器使用统计') // 工作簿名称
+        let name = '透析器使用统计'+ '.xlsx'
+        XLSX.writeFile(bookNew, name) // 保存的文件名
+      },
+      // 查询
+      sete_click(){
+        this.getecharts()
+      },
+      // 详情查询
+      deil_click(){
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+       // 下载
+      Download_click(){
+        const options ={
+          allowTaint: true,
+          useCORS: true
+        }
+        html2canvas(this.$refs.mychart,options).then(canvas =>{
+          // const imageSrc = canvas.toDataURL();
+          const imageUrl = canvas.toDataURL("image/png");
+          // console.log('5555',imageUrl);
+        //   // const base = this.url.split(',')[1]
+        //   // console.log('2222',base);
+          const blob = this.dataURLtoBlob(imageUrl)
+          // console.log('4444',blob);
+          const url = URL.createObjectURL(blob);
+          // const file = (this.url).blob();
+          // console.log('1111',url);
+          var link= document.createElement("a");
+        //   //将生成的图片url赋值给a标签的href属性
+          link.href = url;
+        //   //设置下载的文件名
+          link.download = "透析器使用统计.jpg";
+          // // 将a标签插入dom中
+          console.log('link',link);
+          document.body.appendChild(link);
+          //模拟点击事件触发下载
+          link.click();
+          // 完成之后销毁创建的a标签
+          document.body.removeChild(link);
+
+        })
+      },
+      // 选择日期
+      datachange(eve){
+        if(eve ==1){
+          this.start_date = this.getPreviousDate(7)
+          this.end_date = this.getTime(new Date())
+        }else if(eve==2){
+          this.start_date = this.getFirstDayOfWeek(new Date())
+          this.end_date = this.getTime(new Date())
+          console.log('this.start_date', this.start_date);
+        }else if(eve ==3){
+          var date=new Date()
+          date.setDate(date.getDate()-7 - date.getDay() + 1);
+          var m =''
+          var d = ''
+          if(date.getMonth() + 1<10){
+            m = '0'+(date.getMonth() + 1)
+          }else{
+             m = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+             d = '0'+date.getDate()
+          }else{
+            d = date.getDate()
+          }
+          // this.start_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() ;
+          this.start_date = date.getFullYear() + "-" + m + "-" + d ;
+          date.setDate(date.getDate() +6);
+          var mm = ''
+          var dd = ''
+          if(date.getMonth() + 1<10){
+            mm = '0'+(date.getMonth() + 1)
+          }else{
+            mm = date.getMonth() + 1
+          }
+          if(date.getDate()<10){
+            dd = '0'+date.getDate()
+          }else{
+            dd = date.getDate()
+          }
+          // if(date.getMonth() + 1<10)
+          // this.end_date = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
+          this.end_date = date.getFullYear() + "-" + mm + "-" + dd ;
+          console.log('this.end_date',this.end_date);
+
+        }else if(eve ==4){
+          this.start_date = this.getFirstDayOfMonth(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve ==5){
+          this.getLastMonthFirstDay()
+          this.getLastMonthLastDay()
+        }else if(eve == 6){
+          this.start_date = this.getFirstDayOfYear(new Date())
+          this.end_date = this.getTime(new Date())
+        }else if(eve == 7){
+          this.getLastYearFirstDay()
+          this.getLastYearLastDay()
+        }
+        console.log('eve',eve);
+      },
+      // 详情数据源
+      Getdialyzerdetail(name){
+        const params={
+          dialyzer:name,
+          start_date:this.start_date,
+          end_date:this.end_date,
+          page:this.currentPage,
+          limit:this.limit,
+        }
+        Getdialyzerdetail(params).then(response =>{
+          if(response.data.state == 1){
+            const list = response.data.data.prescriptions
+            const table=[]
+            list.forEach((item,index)=>{
+              const obj ={
+                index:index+1,
+                dialysis_no:item.patient.dialysis_no,
+                name:item.patient.name,
+                date:this.getTime(item.record_date),
+                mode_name:this.getmode(item.mode_id),
+                dialyszers:item.dialysis_dialyszers +'  '+ item.dialysis_irrigation+'  '+item.dialysis_strainer
+                // dialyszers:item.dialysis_dialyszers || item.dialysis_irrigation || item.dialysis_strainer
+              }
+              table.push(obj)
+            })
+            this.tableData = table
+            this.total = response.data.data.total
+          }
+          console.log('77777',response);
+        })
+      },
+       // 首先定义一个getPreviousDate函数，方便调用
+      getPreviousDate(numOfDays) {
+        var date = new Date();
+        date.setDate(date.getDate() - numOfDays);
+        var year = date.getFullYear();
+        if(date.getMonth() + 1<10){
+          var month = '0'+(date.getMonth() + 1);
+        }else{
+          var month = date.getMonth() + 1;
+        }
+
+        if(date.getDate()<10){
+          var day = '0'+date.getDate();
+        }else{
+          var day = date.getDate();
+        }
+        return year + "-" + month + "-" + day;
+      },
+      // 本周
+      getFirstDayOfWeek(date){
+        var weekday = date.getDay()
+        date.setDate(date.getDate()-weekday+1);//往前算（weekday-1）天，年份、月份会自动变化
+        return this.timeFormat(date);
+      },
+      // 本月
+      getFirstDayOfMonth (date) {
+        date.setDate(1);
+        return this.timeFormat(date);
+      },
+       //上个月第一天
+      getLastMonthFirstDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          m = m < 10 ? "0" + m : m;
+          this.start_date = [y, m, '01'].join("-")
+          // return [y, m, '01'].join("-");
+      },
+      // 上个月最后一天
+      getLastMonthLastDay() {
+          var date = new Date();
+          date.setDate(0);
+          var y = date.getFullYear(); //获取年份
+          var m = date.getMonth() + 1; //获取月份
+          var d = new Date(y, m, 0).getDate(); //获取当月最后一日
+          m = m < 10 ? "0" + m : m; //月份补 0
+          d = d < 10 ? "0" + d : d; //日数补 0
+          this.end_date = [y, m, d].join("-")
+          // return [y, m, d].join("-");
+      },
+      // 本年
+      getFirstDayOfYear (date) {
+        date.setDate(1);
+        date.setMonth(0);
+        return this.timeFormat(date);
+      },
+      // 上一年第一天
+      getLastYearFirstDay() {
+          let date = new Date();
+         const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+         const start_month= date.setMonth(0); // 设置月份为1月（注意月份是从0开始的）
+         const start_day = date.setDate(1); // 设置日期为1日
+        //  const last_month = date.setMonth(11); // 设置月份为12月
+        //  const last_day = date.setDate(0); // 设置日期为0，这将自动设置为该月的最后一天
+        //  this.start_date = year+ "-" +start_month+ "-" +start_day
+         this.start_date = this.getTime(start_day)
+        //  return this.start_date
+      },
+      // 上一年最后一天
+      getLastYearLastDay() {
+          let date = new Date();
+          const year= date.setFullYear(date.getFullYear() - 1); // 设置年份为前一年
+          const last_month = date.setMonth(12); // 设置月份为12月
+          const last_day = date.setDate(0);// 设置日期为0，这将自动设置为该月的最后一天
+          // this.end_date =  year+ "-" +last_month+ "-" +last_day
+          this.end_date = this.getTime(last_day)
+          console.log('this.end_date',this.end_date);
+          // return this.end_date;
+      },
+      // 日期格式化
+      timeFormat(date) {
+          if (!date || typeof(date) === "string") {
+            this.error("参数异常，请检查...");
+          }
+          var y = date.getFullYear(); //年
+          if(date.getMonth() + 1<10){
+            var m ='0'+(date.getMonth() + 1); //月
+          }else{
+            var m =date.getMonth() + 1; //月
+          }
+          if(date.getDate() + 1<10){
+            var d ='0'+date.getDate(); //日
+          }else{
+            var d = date.getDate(); //日
+          }
+          // var d = date.getDate(); //日
+
+          return y + "-" + m + "-" + d;
+      },
+      handleCurrentChange(val){
+        this.currentPage = val
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+      handleSizeChange(val){
+        this.limit = val
+        this.Getdialyzerdetail(this.getdialyze(this.dialyze_value))
+      },
+      // 透析模式
+      getmode(ids){
+        const modes=this.modearr
+        for(let i in modes){
+          if(ids == modes[i].id){
+            return modes[i].name
+          }
+        }
+      },
+       // 转换时间
+      getTime(val) {
+        if(val < 0){
+          return ""
+        }
+        if(val == ""){
+          return ""
+        }else {
+          return uParseTime(val, '{y}-{m}-{d}')
+        }
+      },
+      dataURLtoBlob(dataURL) {
+        const arr = dataURL.split(',');
+        const mime = arr[0].match(/:(.*?);/)[1];
+        const bstr = atob(arr[1]);
+        let n = bstr.length;
+        const u8arr = new Uint8Array(n);
+        while (n--) {
+          u8arr[n] = bstr.charCodeAt(n);
+        }
+        return new Blob([u8arr], { type: mime });
+      },
+      // 全部透析器
+      Getdialyzerconfig(){
+        Getdialyzerconfig().then(response =>{
+          console.log('666666',response);
+        })
+      },
+      getdialyze(val){
+        const option = this.dialyze_options
+        for(let i in option){
+          if(val == option[i].id){
+            return option[i].name
+          }
+        }
+      }
+    },
+    mounted(){
+      this.getecharts()
+    },
+    created(){
+      this.start_date = this.getFirstDayOfMonth(new Date())
+      this.Getdialyzerconfig()
+    },
+
+  }
+</script>

src/xt_pages/Dialysisanalysis/weightblood/index.vue

@@ -0,0 +1,276 @@
+<!-- 其他指标 -->
+<template>
+  <div class="main-contain">
+    <div class="position">
+<!--        <bread-crumb :crumbs="crumbs"></bread-crumb>-->
+    </div>
+    <div class="app-container">
+      <div class="page_patientControlAnalysis">
+        <div class="photos">
+          <div v-for="(item,index) in indicators" :key="index"  @click="echart_click(item)"
+            style="width: 280px;height: 235px;border:1px solid gainsboro;border-radius: 8px;margin: 0 0 30px 28px"
+          >
+            <!-- <div v-if="" class="background date_type1" style="background-repeat: no-repeat;"></div>
+            <div v-if="item.check_type == 1" class="background date_type2" style="background-repeat: no-repeat;"></div>
+            <div v-if="item.check_type == 2" class="background date_type3" style="background-repeat: no-repeat;"></div>
+            <p class="title">{{item.item_name}}</p> -->
+            <div :class="[item.sub_check_type ==1 ? 'date_type1 background' : item.sub_check_type ==2 ?'date_type2 background':item.sub_check_type ==3 ?'date_type3 background':'']" style="background-repeat: no-repeat;"></div>
+            <!-- <div v-if="item.check_type == 1" class="background date_type2" style="background-repeat: no-repeat;"></div>
+            <div v-if="item.check_type == 2" class="background date_type3" style="background-repeat: no-repeat;"></div> -->
+            <!-- <div v-if="item.check_type == 1" class="background date_type1" style="background-repeat: no-repeat;"></div> -->
+
+            <p class="title" style="text-align: center;">{{item.item_name}}</p>
+
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import { getStatisticsList } from '../../../api/statistics'
+export default {
+  name:'index',
+  components: {
+      BreadCrumb,
+  },
+  data() {
+      return {
+        indicators:[],
+          activeName: 'first'
+      }
+  },
+  methods:{
+    getStatisticsList(){
+      let params = {
+      }
+      this.indicators = []
+      getStatisticsList(params).then(response => {
+        if (response.data.state == 1) {
+          this.indicators  =  this.indicators.concat(response.data.data.configurationlist)
+          console.log('444444444',this.indicators);
+          for(let i = 0; i < this.indicators.length; i++){
+            this.indicators[i]["check_type"] = 1
+            this.indicators[i]["sub_check_type"] = 1
+          }
+          let obj = {
+            "check_type":1,
+            "item_name":"患者干体重分析",
+            "sub_check_type":2
+          }
+          this.indicators.push(obj)
+          let obj2 = {
+            "check_type":2,
+            "item_name":"患者体重增长分析(以上次透后体重为分母)",
+            "sub_check_type":1
+          }
+          this.indicators.push(obj2)
+          let obj3 = {
+            "check_type":3,
+            "item_name":"患者体重增长分析(以干体重为分母)",
+            "sub_check_type":1
+          }
+          this.indicators.push(obj3)
+
+          let obj4 = {
+            "check_type":4,
+            "item_name":"患者透后体重分析",
+            "sub_check_type":1
+          }
+          this.indicators.push(obj4)
+          let obj5 = {
+            "check_type":5,
+            "item_name":"患者体重详情",
+            "sub_check_type":3
+          }
+          this.indicators.push(obj5)
+          let obj6 = {
+            "check_type":6,
+            "item_name":"患者透前血压分析",
+            "sub_check_type":2
+          }
+          this.indicators.push(obj6)
+
+          let obj7 = {
+            "check_type":7,
+            "item_name":"患者透后血压分析",
+            "sub_check_type":2
+          }
+          this.indicators.push(obj7)
+          let obj8 = {
+            "check_type":8,
+            "item_name":"患者血压详情",
+            "sub_check_type":3
+          }
+          this.indicators.push(obj8)
+
+          console.log( this.indicators)
+          // this.indicators.push("")
+        } else {
+          this.$message.error(response.data.msg)
+        }
+      })
+    },
+    echart_click(item){
+      if(item.check_type == 1){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood/dry_weight')
+      }else if(item.check_type == 2){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood/list_denominator')
+      }else if (item.check_type == 3){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood/dry_denominator')
+      }else if (item.check_type == 4){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood/dialyze_after')
+      } else if(item.check_type == 5){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood/weight_table')
+      }else if (item.check_type == 6){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood/before_Blood')
+      }else if (item.check_type == 7){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood/after_Blood')
+      }else if(item.check_type == 8){
+        this.$router.push('/Dialysisanalysis/qualitycontrol/weightblood/blood_table')
+      }
+     
+      
+      console.log('item',item);
+    }
+    // jump(project_id, item_id,project_type){
+    //   this.$router.push('/Dialysisanalysis/qualitycontrol/Indicatorsdetail?project_id='+project_id+"&item_id="+item_id+"&project_type="+parseInt(project_type))
+    // },
+    // handleClick(tab, event) {
+    //   console.log(tab, event);
+    // },
+    // echart_click(item){
+    //   // if(item.check_type == 1){
+    //   //   if(item.sub_check_type == 1){
+    //   //     this.$router.push('/Dialysisanalysis/qualitycontrol/Indicatorsdetail?project_id='+item.inspection_major+"&item_id="+item.inspection_minor+"&project_type="+parseInt(item.id))
+
+    //   //     // this.$router.push('/Dialysisanalysis/qualitycontrol/otherIndicators/components/columnarTotal')
+
+    //   //   }else if(item.sub_check_type == 2){
+    //   //     this.$router.push('/Dialysisanalysis/qualitycontrol/platelets')
+    //   //   }
+    //   // }else if(item.check_type == 2){
+    //   //   this.$router.push('/Dialysisanalysis/qualitycontrol/summary')
+    //   // }
+
+
+    // }
+  },
+  created(){
+  this.getStatisticsList()
+
+}
+}
+</script>
+
+<style lang="scss" scoped>
+
+.page_patientControlAnalysis{
+.background{
+  height: 180px;
+  width: 100%;
+  background-repeat:no-repeat;
+}
+.date_type1{
+  background: url('../../../assets/img/zhuzhuantu.png');
+}
+.date_type2{
+  background: url('../../../assets/img/bingzhuantua.png');
+}
+.date_type3{
+  background: url('../../../assets/img/biaoge.png');
+}
+
+.title{
+  font-size: 18px;
+  margin: 15px 10px;
+  color: #333333;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.tag {
+  margin-left: 10px;
+  height: 82px;
+  overflow: auto;
+}
+.use {
+  font-size: 14px;
+  color: #999;
+  margin-left: 10px;
+}
+// .shoucang{
+//   width: 20px;
+//   height: 20px;
+//   margin-right: 15px;
+//   float: right;
+//   background:url('../../../assets/img/xingixnghuise.png')
+// }
+.tags{
+  font-size: 14px;
+  font-family: Microsoft YaHei;
+  color: #477ac5;
+  background: #edf4ff;
+  margin-right: 3px;
+  margin-top: 3px;
+  padding: 1px 6px;
+  border-radius: 5px;
+}
+.photos{
+  display: flex;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+}
+
+}
+// .page_patientControlAnalysis {
+
+// .pointTitle {
+//   font-size: 13px;
+// }
+
+// .chartTitle {
+//   font-size: 16px;
+//   font-weight: bold;
+//   color: #000000;
+// }
+
+// .point {
+//   width: 13px;
+//   height: 13px;
+//   background: linear-gradient(
+//       0deg,
+//       rgba(169, 224, 243, 1),
+//       rgba(159, 189, 252, 1)
+//   );
+//   border-radius: 7px;
+//   margin-right: 8px;
+// }
+
+// .pointTitle {
+//   font-size: 13px;
+// }
+
+// }
+
+</style>
+
+<style lang="scss">
+// .page_patientControlAnalysis {
+
+// .el-form-item {
+//   margin-bottom: 0;
+// }
+
+// .cell {
+//   text-align: center;
+// }
+
+// ::-webkit-scrollbar {
+//   height: 15px !important;
+// }
+
+// }
+</style>

src/xt_pages/dialysis/PatientBox.vue

@@ -590,8 +590,10 @@ export default {
             }
           }
           var lastMonitorRecord = resp.data.lastMonitorRecord;
-          var lastAssessmentAfterDislysis =
-            resp.data.lastAssessmentAfterDislysis;
+          var lastAssessmentAfterDislysis = resp.data.lastAssessmentAfterDislysis;
+          // if(this.$store.getters.xt_user.org.id == 10702 || this.$store.getters.xt_user.org.id == 0){
+          //   lastAssessmentAfterDislysis.actual_ultrafiltration = 0
+          // }
           var lastDialysisPrescribe = resp.data.lastDialysisPrescribe;
           var lastDryWeightDislysis = resp.data.lastDryWeightDislysis;
 

src/xt_pages/dialysis/batch_print/batch_print_order_forty.vue

@@ -490,7 +490,7 @@
                                 <td width="20">mg</td>
                                 <td width="10">)</td>
                                 <td width="100">
-                                    <label-box :isChecked="record.prescription.anticoagulant==6?true:record.prescription.anticoagulant==7?true:false" showValue='低分子肝素'></label-box> 
+                                    <label-box :isChecked="record.prescription.anticoagulant==3?true:false" showValue='低分子肝素'></label-box> 
                                 </td>
                                 
                                 <td width="10">(</td>

src/xt_pages/dialysis/details/dialog/AssessmentAfterDislysis.vue

@@ -30,7 +30,7 @@
           <el-col :span="8" v-if="isShow('实际超滤量')">
             <el-form-item
               label="实际超滤量(ml): " :prop="isName('实际超滤量')" :rules="isCheckmust('实际超滤量')"
-              v-if=" this.template_id == 6 || this.template_id == 9 || this.template_id == 10 || this.template_id == 11  || this.template_id == 17 || this.template_id == 20 || this.template_id == 21 || this.template_id == 22 || this.template_id == 23 || this.template_id == 24 || this.template_id == 26 || this.template_id == 28 || this.template_id == 27 || this.template_id == 29 || this.template_id == 30 || this.template_id == 31 || this.template_id == 32 || this.template_id == 34 || this.template_id == 36 || this.template_id == 38 || this.template_id == 43 || this.template_id == 44 || this.template_id == 47 || this.template_id == 56 || this.template_id == 60 || this.$store.getters.xt_user.template_info.org_id == 10307 || this.$store.getters.xt_user.template_info.org_id == 10340 || this.$store.getters.xt_user.template_info.org_id == 9555 || this.$store.getters.xt_user.template_info.org_id == 10387 || this.$store.getters.xt_user.template_info.org_id == 10430 || this.$store.getters.xt_user.template_info.org_id == 10432 || this.$store.getters.xt_user.template_info.org_id == 10441 || this.$store.getters.xt_user.template_info.org_id == 10445 || this.$store.getters.xt_user.template_info.org_id == 10410 || this.$store.getters.xt_user.template_info.org_id == 10495 || this.$store.getters.xt_user.template_info.org_id == 10558 || this.$store.getters.xt_user.template_info.org_id == 10597 || this.$store.getters.xt_user.template_info.org_id == 10599 || this.$store.getters.xt_user.template_info.org_id == 10612 || this.$store.getters.xt_user.template_info.org_id == 10617 || this.$store.getters.xt_user.template_info.org_id == 10480 || this.$store.getters.xt_user.template_info.org_id == 10693  || this.$store.getters.xt_user.template_info.org_id == 10697"  >
+              v-if=" this.template_id == 6 || this.template_id == 9 || this.template_id == 10 || this.template_id == 11  || this.template_id == 17 || this.template_id == 20 || this.template_id == 21 || this.template_id == 22 || this.template_id == 23 || this.template_id == 24 || this.template_id == 26 || this.template_id == 28 || this.template_id == 27 || this.template_id == 29 || this.template_id == 30 || this.template_id == 31 || this.template_id == 32 || this.template_id == 34 || this.template_id == 36 || this.template_id == 38 || this.template_id == 43 || this.template_id == 44 || this.template_id == 47 || this.template_id == 56 || this.template_id == 60 || this.$store.getters.xt_user.template_info.org_id == 10307 || this.$store.getters.xt_user.template_info.org_id == 10340 || this.$store.getters.xt_user.template_info.org_id == 9555 || this.$store.getters.xt_user.template_info.org_id == 10387 || this.$store.getters.xt_user.template_info.org_id == 10430 || this.$store.getters.xt_user.template_info.org_id == 10432 || this.$store.getters.xt_user.template_info.org_id == 10441 || this.$store.getters.xt_user.template_info.org_id == 10445 || this.$store.getters.xt_user.template_info.org_id == 10410 || this.$store.getters.xt_user.template_info.org_id == 10495 || this.$store.getters.xt_user.template_info.org_id == 10558 || this.$store.getters.xt_user.template_info.org_id == 10597 || this.$store.getters.xt_user.template_info.org_id == 10599 || this.$store.getters.xt_user.template_info.org_id == 10612 || this.$store.getters.xt_user.template_info.org_id == 10617 || this.$store.getters.xt_user.template_info.org_id == 10480 || this.$store.getters.xt_user.template_info.org_id == 10693  || this.$store.getters.xt_user.template_info.org_id == 10697 || this.$store.getters.xt_user.template_info.org_id == 10702"  >
               <el-input v-model="form.actual_ultrafiltration"></el-input>
             </el-form-item>
             <el-form-item label="实际超滤量(L): " v-else :prop="isName('实际超滤量')" :rules="isCheckmust('实际超滤量')">
@@ -459,7 +459,7 @@
         <el-row :gutter="20"> -->
 
         <el-col :span="8" v-if="isShow('实际置换量')">
-          <el-form-item v-if="this.template_id == 20 || this.template_id == 21 || this.org_id ==10702 || this.org_id ==10702" label="实际置换量(ml): " :prop="isName('实际置换量')" :rules="isCheckmust('实际置换量')">
+          <el-form-item v-if="this.template_id == 20 || this.template_id == 21" label="实际置换量(ml): " :prop="isName('实际置换量')" :rules="isCheckmust('实际置换量')">
             <el-input v-model="form.actual_displacement"></el-input>
           </el-form-item>
           <el-form-item v-else label="实际置换量(L): " :prop="isName('实际置换量')" :rules="isCheckmust('实际置换量')">
@@ -1135,6 +1135,7 @@ export default {
       }
     },
     isShow(name) {
+      
       var filedList = store.getters.xt_user.fileds
 
       for (let i = 0; i < filedList.length; i++) {
@@ -1511,7 +1512,7 @@ export default {
       if(predialysis != null && predialysis.id == 0){
         if (last_after != null) {
           for (var key in last_after){
-            if (key != 'actual_treatment_hour' && key != 'actual_treatment_minute' && key != 'weight_loss' && key != 'weight_after'  && key != 'systolic_blood_pressure' && key != 'diastolic_blood_pressure' && key != 'pulse_frequency' ){
+            if (key != 'actual_treatment_hour' && key != 'actual_treatment_minute' && key != 'weight_loss' && key != 'weight_after'  && key != 'systolic_blood_pressure' && key != 'diastolic_blood_pressure' && key != 'pulse_frequency'  && key != 'actual_ultrafiltration'  ){
               this.$set(
                 this.form,
                 key,

src/xt_pages/dialysis/details/index.vue

@@ -2055,6 +2055,9 @@ export default {
           }
           var lastMonitorRecord = resp.data.lastMonitorRecord
           var lastAssessmentAfterDislysis = resp.data.lastAssessmentAfterDislysis
+          // if(this.org_id == 10702){
+          //   lastAssessmentAfterDislysis.actual_ultrafiltration = 0
+          // }
           // if(lastAssessmentAfterDislysis.hypertenison!=""){
           //   lastAssessmentAfterDislysis.hypertenison = lastAssessmentAfterDislysis.hypertenison.toString()
           // }

src/xt_pages/dialysis/doctorAdvicePrint.vue

@@ -292,7 +292,7 @@ export default {
                     this.project = resp.data.project
                     resp.data.hisAdvices.map((item,index) => {
                     item.new_advice = item.new_advice ? item.new_advice : []
-                      if(this.org_id!=9671 && this.org_id!= 10318 && this.org_id!=0){
+                      if(this.org_id!=9671 && this.org_id!= 10318 && this.org_id!=0 && this.org_id!=10633){
                         if(this.project[index].project.length > 0){
                             this.project[index].project.map(it => {
                             let obj = {

src/xt_pages/dialysis/newDoctorAdvice.vue

@@ -1365,11 +1365,11 @@ export default {
           name = ""
        }
 
-       if(this.org_id == 9671 || this.org_id == 10340 || this.org_id == 0){
+       if(this.org_id == 9671 || this.org_id == 10340){
         this.$router.push({ path: "/dialysis/doctorAdvicePrint/one",query:{time: new Date(this.time).getTime(),delivery_way:name} });
        }
 
-       if(this.org_id != 9671 && this.org_id != 10340 && this.org_id!=0){
+       if(this.org_id != 9671 && this.org_id != 10340){
         this.$router.push({ path: "/dialysis/doctorAdvicePrint",query:{time: new Date(this.time).getTime(),delivery_way:name} });
        }
 

src/xt_pages/dialysis/template/DialysisPrintOrderForty.vue

@@ -576,7 +576,7 @@
                   <td width="20">mg</td>
                   <td width="10">)</td>
                   <td width="100">
-                      <label-box :isChecked="prescription.anticoagulant==6?true:prescription.anticoagulant==7?true:false" showValue='低分子肝素'></label-box> 
+                      <label-box :isChecked="prescription.anticoagulant==3?true:false" showValue='低分子肝素'></label-box> 
                   </td>
                   
                   <td width="10">(</td>

src/xt_pages/dialysis/template/DialysisPrintOrderSix.vue

@@ -3382,7 +3382,7 @@
 
 
                   </div>
-                  <div v-if="org_id!=10440">
+                  <div v-if="org_id ==10644">
                     <div class="inline_block" style="flex: 1" v-if="predialysis.catheter == ''">
                       穿刺护士：
                       <div
@@ -3504,7 +3504,130 @@
                     </div>
                   </div>
 
-                  <div v-if="org_id==0||org_id==10440">
+
+                  <div v-if="org_id !=10644 && org_id!=10440">
+                    <div class="inline_block" style="flex: 1" v-if="predialysis.catheter == ''">
+                      穿刺护士：
+                      <div
+                        class="under_line"
+                        style="width: 90px; text-align: center"
+                      >
+                        <span
+                          style="height: 30px; display: inline-block"
+                          v-if="
+                            setAdminUserES(
+                              dialysisOrder == null
+                                ? 0
+                                : dialysisOrder.puncture_nurse
+                            ) == ''
+                          "
+                        >
+                          {{
+                            getAdminUser(
+                              dialysisOrder == null
+                                ? 0
+                                : dialysisOrder.puncture_nurse
+                            )
+                          }}</span
+                        >
+                        <img
+                          style="height: 35px"
+                          :src="
+                            setAdminUserES(
+                              dialysisOrder == null
+                                ? 0
+                                : dialysisOrder.puncture_nurse
+                            )
+                          "
+                          alt=""
+                          srcset=""
+                          v-else
+                        />
+                      </div>
+                    </div>
+
+                    <div class="inline_block" style="flex: 1" v-if="predialysis.catheter != ''">
+                      穿刺护士：
+
+                      <div
+                        class="under_line"
+                        style="width: 90px; text-align: center"
+                        v-if="org_id==10644"
+                      >
+                        <span
+                          style="height: 30px; display: inline-block"
+                          v-if="
+                            setAdminUserES(
+                              dialysisOrder == null
+                                ? 0
+                                : dialysisOrder.puncture_nurse
+                            ) == ''
+                          "
+                        >
+                          {{
+                            getAdminUser(
+                              dialysisOrder == null
+                                ? 0
+                                : dialysisOrder.puncture_nurse
+                            )
+                          }}</span
+                        >
+                        <img
+                          style="height: 35px"
+                          :src="
+                            setAdminUserES(
+                              dialysisOrder == null
+                                ? 0
+                                : dialysisOrder.puncture_nurse
+                            )
+                          "
+                          alt=""
+                          srcset=""
+                          v-else
+                        />
+                      </div>
+
+                      <div
+                        class="under_line"
+                        style="width: 90px; text-align: center"
+                        v-if="org_id!=10644"
+                      >
+                        <span
+                          style="height: 30px; display: inline-block"
+                          v-if="
+                            setAdminUserES(
+                              dialysisOrder == null
+                                ? 0
+                                : dialysisOrder.puncture_nurse
+                            ) == ''
+                          "
+                        >
+                          {{
+                            getAdminUser(
+                              dialysisOrder == null
+                                ? 0
+                                : dialysisOrder.puncture_nurse
+                            )
+                          }}</span
+                        >
+                        <img
+                          style="height: 35px"
+                          :src="
+                            setAdminUserES(
+                              dialysisOrder == null
+                                ? 0
+                                : dialysisOrder.puncture_nurse
+                            )
+                          "
+                          alt=""
+                          srcset=""
+                          v-else
+                        />
+                      </div>
+                    </div>
+                  </div>
+
+                  <div v-if="org_id==10440">
 
                     <div class="inline_block" style="flex: 1">
                      <div>

src/xt_pages/outpatientCharges/listPrint.vue

@@ -14,12 +14,16 @@
     </template>
 
     <div class='dialysisPage' style="padding-top:40px;">
-      <printOne v-if=" org_id != 10106&&org_id != 10215&&org_id != 10265 && org_id!=9675 && org_id!=10485 &&org_id !=0 " :list="list" :patient="patient" :order="order" :admin="admin"></printOne>
+      
+      <listPrintforu v-if=" org_id != 10106&&org_id != 10215&&org_id != 10265 && org_id!=9675 && org_id!=10485 && org_id != 10191"
+        :list="list" :patient="patient" :order="order" :admin="admin">
+      </listPrintforu>
+      <printOne v-if="org_id == 10191" :list="list" :patient="patient" :order="order" :admin="admin"></printOne>
       <printTwo v-if="org_id == 10106 && this.paramsObj.balance_accounts_type != 2" :info="info" :order_infos="order_infos" :p_admin="p_admin" :charge_admin="charge_admin"></printTwo>
       <print-three v-if="org_id == 10106 && this.paramsObj.balance_accounts_type == 2" :info="info" :order_infos="order_infos" :p_admin="p_admin" :charge_admin="charge_admin"></print-three>
 <!--      <list-print-two v-if="org_id == 10215 || org_id==9675" :list="list" :patient="patient" :order="order" :admin="admin"></list-print-two>-->
      <list-print-three v-if="org_id == 10215 || org_id==9675  || org_id ==10485" :list="list" :patient="patient" :order="order" :admin="admin"></list-print-three>
-      <print-two10265  v-if="org_id == 10265 || org_id ==0 " :list="list" :patient="patient" :order="order" :admin="admin" :hospital_record="hospital_record"></print-two10265>
+      <print-two10265  v-if="org_id == 10265" :list="list" :patient="patient" :order="order" :admin="admin" :hospital_record="hospital_record"></print-two10265>
     </div>
   </div>
 </template>
@@ -36,16 +40,17 @@
   import ListPrintTwo from './listTemplate/listPrintTwo'
   import PrintTwo10265 from "./listTemplate/printTwo10265";
   import ListPrintThree from "./listTemplate/listPrintThree";
-
+  import listPrintforu from "./listTemplate/listPrintforu"
   export default {
     name: 'listPrint',
     components: {
+      listPrintforu,
       ListPrintThree,
       PrintTwo10265,
       ListPrintTwo,
       PrintThree,
       printOne,
-      printTwo
+      printTwo,
     },
     props: {
       paramsObj: Object
@@ -157,6 +162,8 @@
               console.log(this.list,'sssss')
 
             }else{
+              console.log('response.data.data',response.data.data);
+
               this.order = response.data.data.order
               this.patient = response.data.data.patient
               this.admin = response.data.data.admin_info
@@ -165,7 +172,8 @@
                 let obj = {
                   med_chrgitm_type: this.getType(infos.med_chrgitm_type),
                   price: infos.pric.toFixed(4),
-                  count: infos.cnt
+                  count: infos.cnt,
+                  selfpay_prop:infos.selfpay_prop,
                 }
                 if (infos.advice && infos.advice.id == 0 && infos.project && infos.project.id > 0) {
                   obj['p_time'] = this.getTimes(infos.project.prescription.ctime)
@@ -639,7 +647,7 @@
           }
         })
 
-      }, 
+      },
       getGoodUnit(id) {
         var goodUnit = this.$store.getters.good_unit
         for (let i = 0; i < goodUnit.length; i++) {
@@ -744,7 +752,7 @@
       //           }
       //           advice.push(adv)
       //         }
-              
+
       //         if(order_info[i].project.good_info.good_name !=''){
       //           const god={
       //             // advice_name:order_info[i].advice.advice_name,

src/xt_pages/outpatientCharges/listTemplate/listPrintforu.vue

@@ -0,0 +1,226 @@
+<template>
+  <div id="list-print" class="list-print">
+      <div v-for='(i,index) in pageArr.length' :key="index" style="page-break-after: always;">
+        <div class="listTitle">{{$store.getters.xt_user.org.org_name}}费用清单</div>
+        <div class="listInfo">
+            <div>患者姓名：{{patient.name}}</div>
+            <div>性别：{{patient.gender == 1 ? '男': '女'}}</div>
+            <div>身份证号：{{patient.id_card_no}}</div>
+            <div>年龄：{{patient.age}}  岁</div>
+            <div>开方日期：{{getTimes(order.ctime)}}</div>
+        </div>
+        <div class="listInfo">
+            <div>结算类型：{{order.is_medicine_insurance == 1 ? "医保" : "自费"}}</div>
+            <div>就诊流水号：{{ order.mdtrt_id }}</div>
+            <div>透析号：{{patient.dialysis_no}}</div>
+            <div>发票号：{{order.fa_piao_number}}</div>
+        </div>
+        <div class="listInfo">
+            <div>总金额：{{ order.medfee_sumamt }}</div>
+            <div>个人支付金额：{{ order.psn_part_amt }}</div>
+            <div>基金支付金额：{{ order.fund_pay_sumamt }}</div>
+            <div>收费日期：{{getTimes(order.settle_accounts_date)}}</div>
+        </div>
+        
+        <table class="listTable" style="text-align: center;">
+            <tr style="border-bottom: 1px solid black;">
+              <td style="width:25%">医保编码</td>
+              <td style="width:25%">项目名称</td>
+              <td style="width:15%">规格</td>
+              <td style="width:5%">数量</td>
+              <td style="width:5%">单位</td>
+              <td style="width:8%">单价(元)</td>
+              <td style="width:8%">金额(元)</td>
+              <td style="width:8%">自负比例</td>
+            </tr>
+            <tr v-for="(item,index) in list" style="line-height: 30px;">
+                <!-- <template v-if="index == (list.length)-1">
+                    <tr style="border-bottom: 1px solid black;"></tr>
+                </template> -->
+                <td style="width:25%">{{item.code}}</td>
+                <td style="width:25%">{{item.name}}</td>
+                <td style="width:15%">{{item.spec}}</td>
+                <td style="width:5%">{{item.count}}</td>
+                <td style="width:5%">{{item.unit}}</td>
+                <td style="width:8%">{{(item.price*1).toFixed(2)}}</td>
+                <td style="width:8%">{{(item.price * item.count).toFixed(2)}}</td>
+                <td style="width:8%">
+                  {{(item.selfpay_prop)*100}}
+                  <span v-if="item.selfpay_prop !=''">%</span>
+                </td>
+            </tr>
+        </table>
+        <div style="border-top: 1px solid black;">
+          <div style="text-align: right;">
+            合计金额:{{order.medfee_sumamt}}
+          </div>
+        </div>
+      </div>
+  </div>
+</template>
+
+<script>
+import { uParseTime } from '@/utils/tools'
+
+export default {
+  props: {
+    list: {
+      type: Array,
+      default: function () {
+        return [];
+      }
+    },
+    patient: {
+      type: Object,
+      default: function () {
+        return {};
+      }
+    }, order: {
+      type: Object,
+      default: function () {
+        return {};
+      }
+    }, admin: {
+      type: Object,
+      default: function () {
+        return {};
+      }
+    },
+  },
+  data(){
+      return{
+          page:1,
+          pageArr:[],
+          org_id:'',
+          list:[]
+      }
+  },
+  // mounted(){
+  //     this.getPage()
+  // },
+  methods:{
+    getMedicineInsuranceKind(type){
+      switch (type) {
+        case "01":
+          return '甲类';
+        case "02":
+          return '乙类';
+        case "03":
+          return '自费';
+          break;
+      }
+
+    },
+    getNowTime: function () {
+      let dateTime
+      let yy = new Date().getFullYear()
+      let mm = new Date().getMonth() + 1
+      let dd = new Date().getDate()
+      let hh = new Date().getHours()
+      let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes()
+        :
+        new Date().getMinutes()
+      let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds()
+        :
+        new Date().getSeconds()
+      dateTime = yy + '-' + mm + '-' + dd
+      return dateTime
+    },
+    getTimes(time) {
+      return uParseTime(time, '{y}-{m}-{d}')
+    },
+    getPage(){
+
+      if(this.list.length <= 17){
+          this.page = 1
+          this.pageArr.push(this.list.length)
+      }else if(this.list.length > 17){
+          this.page = parseInt(this.list.length / 17)
+          let num = this.list.length % 17
+          for (var i=0;i<this.page;i++){
+              this.pageArr.push(17)
+          }
+          if(num != 0){
+              this.pageArr.push(num)
+          }
+      }
+      console.log('this.pageArr',this.list);
+    },
+    getlist(){
+      // if(this.list.length <= 17){
+          this.page = 1
+          this.pageArr.push(this.list.length)
+          console.log('this.pageArr',this.pageArr);
+      // }else if(this.list.length > 17){
+      //     this.page = parseInt(this.list.length / 17)
+      //     let num = this.list.length % 17
+      //     for (var i=0;i<this.page;i++){
+      //         this.pageArr.push(17)
+      //     }
+      //     if(num != 0){
+      //         this.pageArr.push(num)
+      //     }
+      // }
+    }
+  },
+  created(){
+   
+    this.org_id = this.$store.getters.xt_user.org_id
+  },
+  watch:{
+      list: {
+          handler(newVal) {
+            // this.list = newVal
+              this.getPage()
+              // this.getlist()
+          },
+          deep: true
+      }
+  }
+
+}
+
+
+</script>
+
+<style lang="scss" scoped>
+.list-print{
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+  margin-bottom: 20px;
+  padding:20px 10px;
+}
+.listTitle{
+  font-size: 24px;
+  text-align: center;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+.listInfo{
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  margin: 10px 0;
+}
+.listTable{
+  width: 100%;
+  text-align: center;
+  border-collapse: collapse;
+  line-height: 20px;
+  font-size: 14px;
+  border-color: #000;
+  text-align: left;
+}
+.listTable tr td {
+  padding: 0 5px;
+}
+.tableBottom{
+  font-size: 12px;
+  display: flex;
+  margin-top: 20px;
+}
+.tableBottomOne{
+  margin-right: 20px;
+}
+</style>

src/xt_pages/outpatientCharges/statementTemplate/privateChargePrint.vue

@@ -10,7 +10,6 @@
     <div class="statementTitle" v-if="this.$store.getters.xt_user.org_id == 10489">湖北省社会医疗保险医疗费用结算单</div>
     <div class="statementTitle" v-if="this.$store.getters.xt_user.org_id == 10635 || this.$store.getters.xt_user.org_id == 0">河北省社会医疗保险医疗费用结算单</div>
 
-
     <div class="statementTitle" v-if="this.$store.getters.xt_user.org_id != 10489 && this.$store.getters.xt_user.org_id != 10515 &&
                   this.$store.getters.xt_user.org_id != 10375 && this.$store.getters.xt_user.org_id != 10188 &&
                   this.$store.getters.xt_user.org_id != 10217 &&this.$store.getters.xt_user.org_id != 10088 &&
@@ -72,11 +71,11 @@
 <!--        <td>{{getDay(info.his.in_hosptial_time.split(' ')[0] ,info.his.out_hosptial_time.split(' ')[0])}}</td>-->
 
         <td>入院日期</td>
-        <td></td>
+        <td>{{ getTime(info.settle_accounts_date) }}</td>
         <td>出院日期</td>
-        <td width="100"></td>
+        <td width="100">{{ getTime(info.settle_accounts_date) }}</td>
         <td>住院天数</td>
-        <td></td>
+        <td>0</td>
 
       </tr>
       <tr>
@@ -286,6 +285,7 @@
   </div>
 </template>
 <script>
+import { uParseTime } from '@/utils/tools'
 export default {
   props: {
     info: {
@@ -333,7 +333,16 @@ export default {
       dateTime = yy + '-' + mm + '-' + dd
       return dateTime
     },
-
+    getTime(val) {
+        if(val < 0){
+          return ""
+        }
+        if(val == ""){
+        return ""
+        }else {
+        return uParseTime(val, '{y}-{m}-{d}')
+        }
+    },
   }
 }
 

src/xt_pages/outpatientDoctorStation/template/prineight.vue

@@ -603,7 +603,6 @@ export default{
               for(let x=j+1; x<advicess.length;x++){
                 if(advicess[j].groupno == advicess[x].groupno){
                   this.advicePrint[i].advices[j]['arr'].push(advicess.splice(x,1))
-                  // advicess.splice(x,1)
                   x--
                 }
               }
@@ -622,7 +621,6 @@ export default{
               );
             }
           }
-
           // console.log("处方222222", this.prescriptions);
           var hisPatient = response.data.data.hisPatient;
           console.log("hisPatient", hisPatient);
@@ -649,7 +647,9 @@ export default{
       getInitData().then((response) => {
         if (response.data.state == 1) {
           this.department = response.data.data.department;
-          this.diagnoses = response.data.data.diagnose;
+          // this.diagnoses = response.data.data.diagnose;
+          const diagnoses = response.data.data.diagnose;
+          this.diagnoses = diagnoses.reverse()
           console.log("争端", this.diagnoses);
         }
       });
@@ -664,7 +664,7 @@ export default{
       return name;
     },
     getTotalOne(id) {
-      console.log('999999999',this.prescriptions);
+      // console.log('999999999',this.prescriptions);
       var total = 0;
       var addtotal = 0;
       var zimuyao = 0;
@@ -699,7 +699,7 @@ export default{
       for (let i = 0; i < this.prescriptions.length; i++) {
         if (id == this.prescriptions[i].id) {
           if (this.prescriptions[i].advices != null) {
-            console.log('123456789',this.prescriptions[i].advices);
+            // console.log('123456789',this.prescriptions[i].advices);
             
             for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
               total =
@@ -713,18 +713,7 @@ export default{
                     this.prescriptions[i].advices[a].arr[b][0].price *
                     this.prescriptions[i].advices[a].arr[b][0].prescribing_number
                   }
-                //   if(this.prescriptions[i].advices[a].arr.length<2){
-                //     zimuyao = zimuyao +
-                //     this.prescriptions[i].advices[a].arr[0].price *
-                //     this.prescriptions[i].advices[a].arr[0].prescribing_number
-                //   }else{
-                //     const child = this.prescriptions[i].advices[a].arr
-                //     for(let i in child){
-                //       zimuyao = zimuyao +
-                //       child[i][0].price *
-                //       child[i][0].prescribing_number
-                //     }
-                //   }
+                
                 }
             }
           }
@@ -760,9 +749,10 @@ export default{
     getDiagnosis(id) {
       let arr = id.split(",");
       var name = "";
-      for (let i = 0; i < this.diagnoses.length; i++) {
-        if (arr.indexOf(String(this.diagnoses[i].id)) > -1) {
-          name += this.diagnoses[i].class_name + " ";
+      const diagnoses = this.diagnoses
+      for (let i = 0; i < diagnoses.length; i++) {
+        if (arr.indexOf(String(diagnoses[i].id)) > -1) {
+          name += diagnoses[i].class_name + " ";
         }
       }
       return name;

src/xt_pages/outpatientTool/components/pdetail.vue

@@ -200,7 +200,7 @@ export default {
         let count = order.count
         let price = order.price.toFixed(2)
         let pay_sumamt = (order.price.toFixed(2) * order.count).toFixed(2)
-        let total = order.total.toFixed(2)
+        let total = parseFloat(order.total).toFixed(2)
 
         let obj = {
           '患者姓名': name,
@@ -226,8 +226,8 @@ export default {
 
     },
     getCostType(type){
-      console.log(this.costClassifyList)
-      console.log(type)
+      // console.log(this.costClassifyList)
+      // console.log(type)
       var name = "";
       for (let i = 0; i < this.costClassifyList.length; i++) {
         if (type == this.costClassifyList[i].value) {

src/xt_pages/stock/drugs/drugStockInOrderAdd.vue

@@ -356,9 +356,15 @@
             </template>
           </el-table-column>
 
+          <el-table-column label="药品追溯码" width="150" align="center">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.drug_code"  placeholder="请输入药品追溯码"></el-input>
+            </template>
+          </el-table-column>
+
           <el-table-column label="备注" width="150" align="center">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.remark"></el-input>
+              <el-input v-model="scope.row.remark"  placeholder="请输入备注"></el-input>
             </template>
           </el-table-column>
 
@@ -706,6 +712,7 @@ export default {
       tempObj["last_price"] = "";
       tempObj["count_unit"] = "";
       tempObj["min_number"] = "";
+      tempObj["drug_code"] = ""
       this.recordInfo.recordData.push(tempObj);
     },
     handleDelete: function (index, row) {
@@ -919,6 +926,7 @@ export default {
                 list[i].last_price = list[i].price
                 list[i].warehousing_count = list[i].warehousing_count.toString()
                 list[i].unitList = []
+                list[i].drug_code = list[i].drug_code
                 var obj = {id:1,name:""}
                 obj.name = list[i].drug.max_unit
                 var objOne = {id:2,name:""}
@@ -1178,6 +1186,7 @@ export default {
     tempObj["number"] = "";
     tempObj["count_unit"] = "";
     tempObj["min_number"] = "";
+    tempObj["drug_code"] = ""
     this.recordInfo.recordData.push(tempObj);
 
     this.GetConfigInfo();

src/xt_pages/stock/drugs/drugStockInOrderEdit.vue

@@ -339,12 +339,20 @@
             </template>
           </el-table-column>
 
+          <el-table-column label="药品追溯码" width="150" align="center">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.drug_code"  placeholder="请输入药品追溯码" :disabled="disabled"></el-input>
+            </template>
+          </el-table-column>
+
           <el-table-column label="备注" width="150" align="center">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.remark" :disabled="disabled"></el-input>
+              <el-input v-model="scope.row.remark"  placeholder="请输入备注" :disabled="disabled"></el-input>
             </template>
           </el-table-column>
 
+         
+
           <el-table-column
             label="操作"
             fixed="right"
@@ -618,6 +626,7 @@ export default {
       tempObj['retail_price'] = ""
       tempObj['drug_name'] = ""
       tempObj['manufacturer'] = ""
+      tempObj["drug_code"] = ""
       this.recordInfo.recordData.push(tempObj);
     },
     handleDelete: function(index, row) {
@@ -764,6 +773,8 @@ export default {
                 }
                 list[i].last_price = list[i].price
                 list[i].warehousing_count = list[i].warehousing_count.toString()
+
+                list[i].drug_code = list[i].drug_code
                 list[i].unitList = []
                 var obj = {id:1,name:""}
                 obj.name = list[i].drug.max_unit
@@ -829,6 +840,8 @@ export default {
 
             response.data.data.info[i].drug_type = response.data.data.info[i].drug.drug_type
 
+            response.data.data.info[i].drug_code = response.data.data.info[i].drug_code
+
            if(response.data.data.info[i].manufacturer == 0){
                response.data.data.info[i].manufacturer = ""
             }

src/xt_pages/stock/selfPreparedMedicine/editWarehouseOut.vue

@@ -12,6 +12,7 @@
             size="small"
             type="primary"
             @click="submit()"
+            v-if="is_sys!=1 && is_check!=1"
             class="filter-item"
             >保 存</el-button
           >
@@ -36,7 +37,7 @@
       </div>
       <div class="app-container" v-loading="loading">
        
-        <div class="cell clearfix">
+        <div class="cell clearfix" v-if="is_sys == 0">
           <label class="title"
             ><span class="name"><span style="color: red">*</span>患者</span>
             :</label
@@ -637,6 +638,14 @@
         return name;
       },
       handleEdit: function (index, row) {
+        if(this.is_sys == 1){
+           this.$message.error("自动出库不能编辑!")
+           return
+        }
+        if(this.is_check == 1){
+           this.$message.error("自动出库不能编辑!")
+           return
+        }
         const tempObj = {};
         tempObj["id"] = 0;
         tempObj["drug_id"] = 0;
@@ -669,6 +678,14 @@
         this.recordInfo.recordData.push(tempObj);
       },
       handleDelete: function (index, row) {
+        if(this.is_sys == 1){
+         this.$message.error("自动出库不能删除!")
+         return
+        }
+        if(this.is_check == 1){
+          this.$message.error("已经审核不能删除!")
+          return
+        }
         if (this.recordInfo.recordData.length <= 1) {
           this.$message.error("只有一条记录的时候无法删除");
           return;

src/xt_pages/stock/selfPreparedMedicine/newDrugQuery.vue

@@ -101,14 +101,6 @@
             >
               </el-pagination>
        </div>
-  
-  
-  
-   
-  
-  
-   
-  
     </div>
   </template>
   <script>

src/xt_pages/stock/selfPreparedMedicine/warehouseInfo.vue

@@ -954,9 +954,9 @@ export default {
       },
       GetDrugTypeName(drug_type){
         var name = ""
-        console.log("drugTypeList---------------",this.drugTypeList)
+        // console.log("drugTypeList---------------",this.drugTypeList)
         for(let i=0;i<this.drugTypeList.length;i++){
-          if(drug_type == this.drugTypeList[i].value){
+          if(drug_type == this.drugTypeList[i].id){
              name = this.drugTypeList[i].name
           }
         }

src/xt_pages/stock/selfPreparedMedicine/warehouseOut.vue

@@ -164,11 +164,11 @@
           </template>
         </el-table-column>
 
-        <el-table-column label="患者名称" align="center">
+        <!-- <el-table-column label="患者名称" align="center">
           <template slot-scope="scope">
              {{getPatientName(scope.row.patient_id)}}
           </template>
-        </el-table-column>
+        </el-table-column> -->
 
         <el-table-column label="制单人" align="center">
           <template slot-scope="scope">

src/xt_pages/user/components/PatientSidebar.vue

@@ -179,7 +179,12 @@ export default {
             }, {
               name: '1-10',
               label: '出院小结'
-            }
+            },
+            // {
+            //   name: '1-12',
+            //   label: '转归记录'
+            // }
+
           ]
         },
         {
@@ -283,6 +288,7 @@ export default {
   },
   methods: {
     handleNodeClick(data) {
+      console.log("Data-----------",data.name)
       var name = data.name
       this.name = data.name
       window.sessionStorage.setItem('patientKey',data.name)
@@ -328,6 +334,8 @@ export default {
         this.$router.push({path:'/patient/patient/'+this.id+'/hospitalSummary'})
       } else if(name == '1-11'){
         this.$router.push({path:'/patient/patient/'+this.id+'/firstDisease'})
+      }else if(name == '1-12'){
+        this.$router.push({path:'/patient/patient/'+this.id+'/lapsoSummary'})
       } else if(name == '3-1'){
         this.$router.push({ path: '/patients/sickhistory?id=' + this.id })
 
@@ -496,9 +504,9 @@ export default {
     }
   },
   created() {
-    var patientKey =  window.sessionStorage.getItem('patientKey')
+    var patientKey = window.sessionStorage.getItem('patientKey')
+    console.log("patient-----------------",patientKey)
     this.org_id = this.$store.getters.xt_user.template_info.org_id
-    console.log("patient",patientKey)
     var query = this.$route.path
     console.log("query",this.$route.path)
     if(patientKey){
@@ -519,11 +527,10 @@ export default {
           path: '/patients/patient/' + this.id + '/dryWeight'
         })
       }else if(patientKey == '1-11'){
-       this.$router.push({
-          path: '/patients/patient/' + this.id + '/firstDisease'
-        })
-      }
-       else if (patientKey == '1-5') {
+       this.$router.push({path: '/patients/patient/' + this.id + '/firstDisease'})
+      }else if(patientKey == '1-12'){
+        this.$router.push({path:'/patient/patient/'+this.id+'/lapsoSummary'})
+      }else if (patientKey == '1-5') {
         this.$router.push({ path: '/patients/rescue?id=' + this.id })
       } else if (patientKey == '2-1') {
         this.$router.push({

src/xt_pages/user/lapsoSummary.vue

@@ -0,0 +1,445 @@
+<template>
+    <div class="patient-container">
+      <patient-sidebar :id="patientID" defaultActive="1-6" v-on:tran-patient="onTranPatient"></patient-sidebar>
+      <div class="patient-app-container advice-container app-container">
+        <div style="display:flex;justify-content: space-between;align-items: center;margin-bottom: 12px;">
+           <span style="font-weight:bold;">转归记录列表</span>
+           <el-button size="medium" type="primary" @click="dialogVisible =true">新增</el-button>
+        </div>
+        <el-table class="oictable" :data="tableData" border style="width:100%">
+        <el-table-column prop="start_time" label="建立日期" width="100" align="center">
+            <template slot-scope="scope">
+              <span>{{ getTime(scope.row.start_time)}}</span>
+            </template>
+       </el-table-column>
+        <el-table-column prop="blood_access_part_opera_id" label="血管通路" align="center" width="120">
+          <template slot-scope="scope">
+             <router-link
+                :to="'/patients/patient/' + scope.row.patient_id+'/vascularAccessDetail/'+scope.row.id"
+                style="color:#409eff;width:100%;display:block;"
+              >{{ scope.row.blood_access_part_opera_id }}
+              </router-link
+              >
+          </template>
+       </el-table-column>
+       <el-table-column prop="blood_access_part_id" label="血管通路部位" width="200" align="center">
+          <template slot-scope="scope">
+             <span>{{scope.row.blood_access_part_id}}</span>  
+          </template>
+       </el-table-column>
+        <el-table-column prop="inflow_pass" label="血管通路部位(其他)" width="100" align="center">
+           <template slot-scope="scope">
+              <span>{{scope.row.other_vascular}}</span>
+           </template>
+        </el-table-column>
+        <el-table-column prop="date" label="首次启用日期" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ getTime(scope.row.first_start_time)}}</span>
+            </template>
+        </el-table-column>
+       
+         <el-table-column prop="date" label="停用日期" align="center" width="100">
+            <template slot-scope="scope">
+              <span v-if="scope.row.stop_time>0">{{ getTime(scope.row.stop_time)}}</span>
+               <span v-if="scope.row.stop_time<0"></span>
+            </template>
+        </el-table-column>
+         <el-table-column prop="date" label="停用原因" align="center" width="120">
+            <template slot-scope="scope">
+               <span>{{scope.row.stop_reason}}</span>
+            </template>
+        </el-table-column>
+         <el-table-column prop="date" label="使用寿命(天)" align="center" width="120">
+            <template slot-scope="scope">
+             <span v-if="scope.row.stop_time>0&&(scope.row.stop_time - scope.row.start_time)/86400 == 0"></span> 
+             <span v-if="scope.row.stop_time>0&&(scope.row.stop_time - scope.row.start_time)/86400 != 0">{{(scope.row.stop_time - scope.row.start_time)/86400}}</span>
+            </template>
+        </el-table-column>
+         
+        <el-table-column prop="date" label="导管感染转归" align="center" width="120">
+            <template slot-scope="scope">
+               <span v-if="scope.row.ci_type == 1">拔管</span>
+               <span v-if="scope.row.ci_type == 2">治愈</span>
+               <span v-if="scope.row.ci_type == 3">死亡</span>
+               <span v-if="scope.row.ci_type == 4">放弃</span>
+               <span v-if="scope.row.ci_type == 9">其它</span>
+            </template>
+        </el-table-column>
+         
+         <el-table-column prop="date" label="血培养检查结果" align="center" width="120">
+            <template slot-scope="scope">
+               <span v-if="scope.row.blood_cultupe == 0">阴性</span>
+               <span v-if="scope.row.blood_cultupe == 1">阳性</span>
+               <span v-if="scope.row.blood_cultupe == 9">未查</span>
+            </template>
+        </el-table-column>
+        
+       <el-table-column prop="date" label="患者导管转归类型" align="center" width="120">
+            <template slot-scope="scope">
+               <span v-if="scope.row.sequelae_type == 1">局部感染</span>
+               <span v-if="scope.row.sequelae_type == 2">静脉炎</span>
+               <span v-if="scope.row.sequelae_type == 3">导管细菌定植</span>
+               <span v-if="scope.row.sequelae_type == 4">导管相关血型感染</span>
+            </template>
+        </el-table-column>
+         <el-table-column prop="date" label="备注" align="center" width="180">
+            <template slot-scope="scope">
+               <span>{{scope.row.remark}}</span>
+            </template>
+        </el-table-column>
+        <el-table-column prop="date" label="创始人" align="center" width="100">
+            <template slot-scope="scope">
+              <span>{{getDoctor(scope.row.creator)}}</span>
+            </template>
+        </el-table-column>
+         <el-table-column prop="date" fixed="right" label="操作" width="140" align="center">
+            <template slot-scope="scope">
+               <el-tooltip class="item" effect="dark" content="编辑" placement="top">
+                 <el-button
+                    type="primary"
+                    size="small"
+                    icon="el-icon-edit-outline"
+                   
+                    @click="handleUpdateAdviceTemplate(scope.row.id)"
+                    >
+                 </el-button>
+               </el-tooltip>
+                <el-tooltip class="item" effect="dark" content="删除" placement="top">
+                   <el-button
+                    size="small"
+                    type="danger"
+                    icon="el-icon-delete"
+                    @click="handleDeleteAdviceTemplate(scope.row.id, scope.$index)"
+                    >
+                   </el-button>
+                </el-tooltip>
+             </template>
+        </el-table-column>
+        </el-table>
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :page-sizes="[10,20,50,100]"
+          :page-size="10"
+          background
+          style="margin-top:20px;"
+          align="right"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total"></el-pagination>
+  
+        <el-dialog
+            title="新增"
+            :visible.sync="dialogVisible"
+            width="65%"
+            center>
+          <el-form label-width="150px" :model="form" ref="form" :rules="rules" >
+            <el-row  :gutter="24">
+              <el-col :span="24">
+                <el-form-item label="透析号:" >
+                    <el-input style="width:200px" v-model="dialysis_no"></el-input>
+                </el-form-item>
+                
+              </el-col>
+            </el-row>
+            <el-row  :gutter="24" >
+              <el-col :span="24">
+                 <el-form-item  label="姓名:">
+                    <el-input style="width:200px" v-model="name"></el-input>
+                 </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="转归类型:"  prop="access_project"  > 
+                        <el-radio-group style="padding: 10px;" v-model="lapse_type">
+                            <el-radio  label="1">转出</el-radio>
+                            <el-radio  label="2">院内转诊</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="转归分类:"  prop="access_project"  > 
+                        <el-radio-group style="padding: 10px;" v-model="lapse_class">
+                            <el-radio  label="1">终止透析</el-radio>
+                            <el-radio  label="2">转出院外</el-radio>
+                            <el-radio  label="3">回居住地透析</el-radio>
+                            <el-radio  label="4">临时透析</el-radio>
+                            <el-radio  label="5">转腹膜透析</el-radio>
+                            <el-radio  label="6">其他</el-radio>
+                            <el-radio  label="7">变更透析医院</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="转出原因:"  prop="access_project"> 
+                        <el-input style="width: 300px;height: 50px;"  type="textarea" v-model="lapse_reason"></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="转出日期:"  prop="access_project"  > 
+                        <el-date-picker
+                            v-model="record_date"
+                            type="date"
+                            placeholder="选择日期">
+                         </el-date-picker>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="操作人:"  prop="access_project"  > 
+                        <el-select v-model="admin_user_id" placeholder="请选择">
+                            <el-option
+                            v-for="item in options"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                         </el-select>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="备注:"  prop="access_project"  > 
+                        <el-input style="width: 300px;height: 50px;" type="textarea" v-model="remark"></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+           
+          </el-form>
+  
+        <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="saveVasularAccess('form')">保存</el-button>
+        </span>
+        </el-dialog>
+  
+      </div>
+  
+       <!-- <multi-select-box
+          :propsForm="InnerDialogProps"
+          v-on:dialog-comfirm="innerDialogComfirm"
+          v-on:dialog-cancle="innerDialogCancle"
+        ></multi-select-box> -->
+        
+    </div>
+  </template>
+  <script>
+    const moment = require('moment')
+    import PatientSidebar from './components/PatientSidebar'
+    import { fetchAllAdminUsers, fetchAllDoctorAndNurse } from '@/api/doctor'
+    import { saveVasularAccess,getAllVascularAccessList,getVascularAccessByDetail,updatedVasularAccess,DeleteVascularAccess,getAccessList } from '@/api/patient'
+  
+    import { jsGetAge, uParseTime } from '@/utils/tools'
+    import { getDataConfig } from '@/utils/data'
+    import multiSelectBox from '../dialysis/details/dialog/MultiSelectBox'
+    import sitemap from './Sitemap'
+    export default {
+      name: 'doctorAdvice',
+      components: {
+        PatientSidebar,
+        multiSelectBox,
+        sitemap
+      },
+      data() {
+        return {
+          tableData: [],
+          nowtime: moment(new Date()).format('YYYY-MM-DD'),
+          page: 1,
+          limit: 10,
+          total: 0,
+          rules: {
+            start_time: [{ required: true, message: '请输入建立日期' }],
+            access_project: [{ required: true, message: '请选择通路项目' }],
+            blood_access_part_opera_id:[{required:true,message:'请选择血管通路类型'}],
+            blood_access_part_id:[{required:true,message:"请选择血管通路"}],
+           //  first_start_time:[{required:true,message:"请选择首次启用日期"}],
+            user_status:[{required:true,message:"请选择使用状态"}]
+          },
+          dialogVisible:false,
+          editDialogVisible:false,
+          form:{
+           id:0,
+           access_project:"1",
+           blood_access_part_id:"",
+           blood_access_part_opera_id:"",
+           inflow_pass:"",
+           start_time:moment(new Date()).format('YYYY-MM-DD'),
+           first_start_time:moment(new Date()).format('YYYY-MM-DD'),
+           stop_reason:"",
+           user_status:1,
+           remark:"",
+           stop_time:"",
+           other_vascular:"",
+           ci_type:"",//导管感染转归
+           blood_cultupe:"", //血培养检查结果
+           sequelae_type:"",//患者导管转归类型
+          },
+          options:[
+           {id:1,name:"启用"},
+           {id:2,name:"停用"},
+           {id:3,name:"备用"}
+          ],
+          optionsPass:[
+            {id:1,name:"流入-动脉"},
+            {id:2,name:"流出-静脉"},
+          ],
+  
+          blood_access_part_opera:[],
+          blood_access_part:[],
+          show:false,
+          doctorList:[],
+          InnerDialogProps: {
+            values: [],
+            visibility: false,
+            isShowTextArea: true,
+            customContent: '',
+            titles: '',
+            type: '' // 不同弹框类型，用来匹配数据
+          },
+          new_blood_access_part_opera:[],
+          new_blood_access_part:[],
+         // 导管感染类型
+          optionsOne:[
+             {id:1,name:"局部感染"},
+             {id:2,name:"静脉炎"},
+             {id:3,name:"导管细菌定植"},
+             {id:4,name:"导管相关血型感染"},
+          ],
+        //   导管转归类型
+          optionsTwo:[
+             {id:1,name:"拔管"},
+             {id:2,name:"治愈"},
+             {id:3,name:"死亡"},
+             {id:4,name:"放弃"},
+             {id:9,name:"其它"},
+          ],
+        //  血培养检查结果
+          optionsThree:[
+             {id:0,name:"阴性"},
+             {id:1,name:"阳性"},
+             {id:9,name:"未查"}
+          ],
+          showOne:false,
+          name:"",
+          dialysis_no:"",
+          lapse_type:"",
+          lapse_class:"",
+          lapse_reason:"",
+          record_date:"",
+          admin_user_id:"",
+          remark:""
+        }
+      },
+      methods: {
+        clickuseradvicecell(row, column, cell, event) {
+        },
+        onTranPatient: function(tranPatient) {
+          this.currentPatient = tranPatient
+        },
+        CreateTime(time) {
+          return uParseTime(time, '{y}-{m}-{d} {h}:{i}:{s}')
+        },
+     
+       
+      
+       
+        handleSizeChange(limit) {
+          this.limit = limit
+          this.getlist()
+        },
+        handleCurrentChange(page) {
+          this.page = page
+        
+          this.getlist()
+        },
+        changeStatus(val){
+          if(val == 1 ){
+            this.show = false
+          }
+          if(val == 2){
+            this.show = true
+          }
+        },
+       getTime(val) {
+           if(val < 0){
+             return ""
+           }
+           if(val == ""){
+            return ""
+           }else {
+            return uParseTime(val, '{y}-{m}-{d}')
+           }
+        },
+     
+       getDoctor(id){
+         var name = ""
+         for(let i=0;i<this.doctorList.length;i++){
+            if(id == this.doctorList[i].admin_user_id){
+               name = this.doctorList[i].user_name
+            }
+         }
+         return name
+       },
+       handleDeleteAdviceTemplate(id,index){
+         this.$confirm("确认删除吗?", "删除", {
+          confirmButtonText: "确 定",
+          cancelButtonText: "取 消",
+          type: "warning"
+        })
+          .then(() => {
+            DeleteVascularAccess(id).then(response => {
+              if(response.data.state == 1){
+                var msg = response.data.data.msg
+                this.tableData.splice(index, 1);
+                this.$message.success("删除成功!")
+              }
+               
+              
+            });
+          })
+          .catch(() => {});
+       },
+       getlist(){
+            
+       }
+     
+  
+     
+      },
+      created() {
+        const id = this.$route.params && this.$route.params.id
+        this.patientID = parseInt(id)
+        this.getAllPatient()
+        this.getlist()
+      },
+     
+    }
+  </script>
+  
+  <style>
+    .oictable ::-webkit-scrollbar {
+      height: 15px;
+    }
+  </style>
+  
+  <style rel="stylesheet/scss" lang="scss">
+     ::-webkit-scrollbar{
+        height:15px;
+     }
+  
+  </style>
+  
+  

src/xt_permission.js

@@ -12,19 +12,19 @@ const permissionWhiteList = loginWhiteList.concat(['/']) // 权限验证白名
 
 router.beforeEach((to, from, next) => {
   // 线上注释
-  if (!store.getters.configlist || store.getters.configlist === undefined || store.getters.configlist.length <= 0) {
-    store.dispatch('VerifyConfigList', []).then(() => {
-      next()
-    })
-  }
-  if (store.getters.permission_routers === undefined) {
-    store.dispatch('xt_GenerateRoutes', []).then(() => {
-      next()
-    })
-  } else {
-    next()
-  }
-  return
+  // if (!store.getters.configlist || store.getters.configlist === undefined || store.getters.configlist.length <= 0) {
+  //   store.dispatch('VerifyConfigList', []).then(() => {
+  //     next()
+  //   })
+  // }
+  // if (store.getters.permission_routers === undefined) {
+  //   store.dispatch('xt_GenerateRoutes', []).then(() => {
+  //     next()
+  //   })
+  // } else {
+  //   next()
+  // }
+  // return
   // 线上注释
   NProgress.start()
   // console.log(store.getters.current_role_urls.indexOf(to.path))