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

src/router/index.js

 import dialysis from './modules/dialysis'
 import patient from './modules/patient'
 import qcd from './modules/qcd'
+// import Dialysisanalysis from './modules/Dialysisanalysis'//
 import role from './modules/role'
 import stock from './modules/stock'
 import weight_sign from './modules/weight_sign'
 
   otherManagement,
   qcd,
+ 
   device,
   org,
   data_upload,
   integration,
   basicConfig,
   supply,
- 
+  // Dialysisanalysis,// 新菜单6.1
 ]
 
 var is_asy_router = process.env.NODE_ENV === 'production' // true; 设置为 true 强制进行路由验证

src/router/modules/Dialysisanalysis.js

+import Layout from '@/views/layout/Layout'
+
+export default {
+  path: '/Dialysisanalysis',
+  component: Layout,
+  redirect: 'noredirect',
+  name: 'Dialysisanalysis',
+  alwaysShow: true,
+  meta: {
+    title: '透析分析',
+    icon: 'statistics'
+  },
+  children: [
+    {
+      path: '/Dialysisanalysis/qualitycontrol/thyroidGland',
+      component: () => import('@/xt_pages/Dialysisanalysis/qualitycontrol/thyroidGland'),
+      name: 'thyroidGland',
+      meta: {
+        title: '甲状旁腺激素分析',
+        noCache: true
+      }
+    },
+    {
+      path: '/Dialysisanalysis/hemoglobin',
+      component: () => import('@/xt_pages/Dialysisanalysis/hemoglobin/index'),
+      name: 'index',
+      meta: {
+        title: '血红蛋白',
+        noCache: true
+      }
+    },
+    {
+      path: '/Dialysisanalysis/bloodPotassium',
+      component: () => import('@/xt_pages/Dialysisanalysis/bloodPotassium/index'),
+      name: 'index',
+      meta: {
+        title: '血钾',
+        noCache: true
+      }
+    },
+    {
+      path: '/Dialysisanalysis/albumin',
+      component: () => import('@/xt_pages/Dialysisanalysis/albumin/index'),
+      name: 'index',
+      meta: {
+        title: '白蛋白',
+        noCache: true
+      }
+    },
+    {
+      path: '/Dialysisanalysis/bloodPhosphorus',
+      component: () => import('@/xt_pages/Dialysisanalysis/bloodPhosphorus/index'),
+      name: 'index',
+      meta: {
+        title: '血磷',
+        noCache: true
+      }
+    },
+    {
+      path: '/Dialysisanalysis/calcium',
+      component: () => import('@/xt_pages/Dialysisanalysis/calcium/index'),
+      name: 'index',
+      meta: {
+        title: '钙',
+        noCache: true
+      }
+    },
+    {
+      path: '/Dialysisanalysis/platelets',
+      component: () => import('@/xt_pages/Dialysisanalysis/platelets/index'),
+      name: 'index',
+      meta: {
+        title: '血小板',
+        noCache: true
+      }
+    },
+    {
+      path: '/Dialysisanalysis/otherIndicators',
+      component: () => import('@/xt_pages/Dialysisanalysis/otherIndicators/index'),
+      name: 'index',
+      meta: {
+        title: '其他指标',
+        noCache: true
+      }
+    },
+    {
+      path: '/Dialysisanalysis/nonnumerical',
+      component: () => import('@/xt_pages/Dialysisanalysis/nonnumerical'),
+      name: 'nonnumerical',
+      meta: {
+        title: '非数值类的列表展示',
+        noCache: true
+      }
+    },
+    {
+      path: '/Dialysisanalysis/dialysis_index',
+      component: () => import('@/xt_pages/Dialysisanalysis/dialysis_index'),
+      name: 'dialysis_index',
+      meta: {
+        title: '透析指标详情',
+        noCache: true
+      }
+    },
+   
+  
+  ]
+}

src/router/modules/dialysis.js

         noCache: true
       }
     },
-    // {
-    //   path: '/dialysis/print/batch/fiftyone',
-    //   component: () =>
-    //     import('@/xt_pages/dialysis/batch_print/batch_print_order_fiftyone'),
-    //   hidden: true,
-    //   is_menu: false,
-    //   name: 'dialysis_batch_fiftyone',
-    //   meta: {
-    //     title: '批量打印',
-    //     noCache: true
-    //   }
-    // },
+    {
+      path: '/dialysis/print/batch/sixtyFive',
+      component: () =>
+        import('@/xt_pages/dialysis/batch_print/batch_print_order_sixtyFive'),
+      hidden: true,
+      is_menu: false,
+      name: 'dialysis_batch_sixtyFive',
+      meta: {
+        title: '批量打印',
+        noCache: true
+      }
+    },
     // {
     //   path: '/dialysis/print/batch/fiftythree',
     //   component: () =>

src/router/modules/qcd.js

     //   }
     // },
     
+    
+    // {
+    //   path: '/qcd/thyroidGland',
+    //   component: () => import('@/xt_pages/qcd/qualitycontrol/thyroidGland'),
+    //   name: 'thyroidGland',
+    //   meta: {
+    //     title: '甲状旁腺激素分析',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/qcd/hemoglobin',
+    //   component: () => import('@/xt_pages/qcd/hemoglobin/index'),
+    //   name: 'index',
+    //   meta: {
+    //     title: '血红蛋白',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/qcd/bloodPotassium',
+    //   component: () => import('@/xt_pages/qcd/bloodPotassium/index'),
+    //   name: 'index',
+    //   meta: {
+    //     title: '血钾',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/qcd/albumin',
+    //   component: () => import('@/xt_pages/qcd/albumin/index'),
+    //   name: 'index',
+    //   meta: {
+    //     title: '白蛋白',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/qcd/bloodPhosphorus',
+    //   component: () => import('@/xt_pages/qcd/bloodPhosphorus/index'),
+    //   name: 'index',
+    //   meta: {
+    //     title: '血磷',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/qcd/calcium',
+    //   component: () => import('@/xt_pages/qcd/calcium/index'),
+    //   name: 'index',
+    //   meta: {
+    //     title: '钙',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/qcd/platelets',
+    //   component: () => import('@/xt_pages/qcd/platelets/index'),
+    //   name: 'index',
+    //   meta: {
+    //     title: '血小板',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/qcd/otherIndicators',
+    //   component: () => import('@/xt_pages/qcd/otherIndicators/index'),
+    //   name: 'index',
+    //   meta: {
+    //     title: '其他指标',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/qcd/nonnumerical',
+    //   component: () => import('@/xt_pages/qcd/nonnumerical'),
+    //   name: 'nonnumerical',
+    //   meta: {
+    //     title: '非数值类的列表展示',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/qcd/dialysis_index',
+    //   component: () => import('@/xt_pages/qcd/dialysis_index'),
+    //   name: 'dialysis_index',
+    //   meta: {
+    //     title: '透析指标详情',
+    //     noCache: true
+    //   }
+    // },
     {
       path: '/qcd/basicInformationAnalysis',
       component: () => import('@/xt_pages/qcd/basicInformationAnalysis'),

src/xt_pages/Dialysisanalysis/albumin/albuminall.vue

+<template>
+    <div>
+        <!-- <div class="content_top">
+            <div class="block">
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="time_month"
+                type="month"
+                placeholder="选择月">
+                </el-date-picker>
+            </div>
+            <div>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+            </div>
+            <div style="width: 200px;">
+                <el-input v-model="input" placeholder="请输入内容"></el-input>
+            </div>
+            <el-button type="primary">查询</el-button>
+        </div> -->
+        
+        <el-row :gutter="20">
+        <el-col :span="5"> 
+          <div class="block">
+            <span>查询时间:</span>
+            <el-date-picker
+            v-model="time_month"
+            type="month"
+            placeholder="选择月">
+            </el-date-picker>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div>
+            <el-date-picker
+            v-model="stat_time"
+            type="date"
+            placeholder="选择日期">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+            v-model="end_time"
+            type="date"
+            placeholder="选择日期">
+            </el-date-picker>
+          </div>
+        </el-col>
+        <el-col :span="3">
+          <div style="width: 200px;">
+            <el-input v-model="input" placeholder="请输入内容"></el-input>
+          </div>
+        </el-col>
+        <el-col :span="2">
+            <el-button type="primary">查询</el-button>
+        </el-col>
+        </el-row>
+        
+        <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+          <p class="chartTitle">统计图</p>
+        </div>
+        <div class="echart" id="mychart" :style={width:width,height:height}></div>
+        <div style="width: 80%;margin: auto;">
+            <el-table
+            :data="tableData"
+            :show-summary = true
+            border
+            style="width: 100%;">
+                <el-table-column
+                    prop="date"
+                    align="center"
+                    label="白蛋白"
+                    >
+                </el-table-column>
+                <el-table-column
+                    prop="name"
+                    
+                    label="人数"
+                    >
+                </el-table-column>
+                <el-table-column
+                    prop="address"
+                    align="center"
+                    label="操作">
+                    <template slot-scope="scope">
+                        <el-button @click="handleClick(scope.row)" style="font-size:16px;"
+                                type="text" >查看详情
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </div>
+</template>
+<script>
+import * as echarts from "echarts";
+export default{
+    props: {
+   
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "400px"
+    },
+    
+  },
+    data() {
+        return {
+            time_month:'',
+            stat_time:'',
+            end_time:'',
+            input:'',
+            myChart: {},
+            pieData : [
+            {
+          value: 463,
+          name: "不达标值患者"
+        },
+        {
+          value: 395,
+          name: "未检查患者"
+        },
+        {
+          value: 157,
+          name: "达标值患者"
+        },
+        // {
+        //   value: 149,
+        //   name: "广东"
+        // },
+        // {
+        //   value: 147,
+        //   name: "湖南"
+        // }
+            
+            ],
+            pieName: [],
+            // myChartStyle:{float: "right", width: "100%", height: "400px"},
+            tableData:[],
+        }
+    },
+    mounted() {
+    this.initDate(); //数据初始化
+    this.initEcharts();
+  },
+  methods: {
+    initDate() {
+      for (let i = 0; i < this.pieData.length; i++) {
+        this.pieName[i] = this.pieData[i].name;
+      }
+    },
+    initEcharts() {
+      // 饼图
+      const option = {
+        legend: {
+          // 图例
+          data: this.pieName,
+          left: "10%",
+          top: "30%",
+          orient: "vertical"
+        },
+        color:['#ff7f9f','#fff67f','#1e5feb'],
+        title: {
+          // 设置饼图标题，位置设为顶部居中
+        //   text: "国内院士前五省份图示",
+          top: "0%",
+          left: "center"
+        },
+        series: [
+          {
+            type: "pie",
+            label: {
+              normal : {
+                formatter: '{b}:{c}: ({d}%)',
+                textStyle : {
+                    fontWeight : 'normal',
+                    fontSize : 15,
+                    color : "black"
+                }
+              }
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+            },
+            radius: "65%", //饼图半径
+            data: this.pieData,
+            itemStyle : {
+              emphasis: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      };
+    //   console.log(this.seriesData);
+      const optionFree = {
+        series: [
+          {
+            data: this.seriesData,
+            type: "line",
+            smooth: true
+          }
+        ]
+      };
+      this.myChart = echarts.init(document.getElementById("mychart"));
+      this.myChart.setOption(option);
+      //随着屏幕大小调节图表
+      window.addEventListener("resize", () => {
+        this.myChart.resize();
+      });
+    },
+    getSummaries(param) {
+        const { columns, data } = param;
+        const sums = [];
+        columns.forEach((column, index) => {
+          if (index === 0) {
+            sums[index] = '总价';
+            return;
+          }
+          const values = data.map(item => Number(item[column.property]));
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr);
+              if (!isNaN(value)) {
+                return prev + curr;
+              } else {
+                return prev;
+              }
+            }, 0);
+            sums[index] += ' 元';
+          } else {
+            sums[index] = 'N/A';
+          }
+        });
+
+        return sums;
+    },
+    handleClick(id){
+        console.log(id);
+    }
+  }
+
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    color: #1e5feb;
+}
+</style>

src/xt_pages/Dialysisanalysis/albumin/albuminalone.vue

+<template>
+    <div>
+       <div class="content_top">
+            <el-autocomplete
+            class="inline-input"
+            v-model="inputValue"
+            :fetch-suggestions="querySearch"
+            :trigger-on-focus="false"
+            placeholder="请输入患者名字或透析号"
+            @select="handleSubmit"
+            ></el-autocomplete>
+            <div>
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-button type="primary">查询</el-button>
+            </div>
+            <div>
+                <el-button type="primary">打印</el-button>
+                <el-button type="primary">导出</el-button>
+            </div>
+       </div>
+       <div style="margin: 20px 0px;">
+        <h2 >患者列表</h2>
+       </div>
+       
+       <div >
+        <el-row :gutter="20">
+            <el-col :span="4">
+              <div class="grid-content bg-purple">
+                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
+                
+                <el-table
+                :data="tableData"
+                border
+                style="width: 100%">
+                    <el-table-column
+                        align="center"
+                        prop="date"
+                        label="透析号"
+                       >
+                    </el-table-column>
+                    <el-table-column
+                        align="center"
+                        prop="name"
+                        label="姓名"
+                        >
+                    </el-table-column>
+                </el-table>
+              </div>
+            </el-col>
+            <el-col :span="19">
+               <div class="grid-content bg-purple">
+                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
+                <el-table
+                    :data="tableData"
+                    style="width: 100%"
+                    border
+                    align="center"
+                    max-height="250">
+                    <el-table-column
+                    fixed
+                    prop="date"
+                    label="姓名"
+                   >
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"
+                    label="检查日期"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="白蛋白（g/L）"
+                    >
+                    </el-table-column>
+                    
+                </el-table>
+               </div>
+           </el-col>
+        </el-row>
+       </div>
+
+    </div>
+</template>
+<script>
+  import * as echarts from 'echarts'
+export default{
+    // props: {
+    //     width: {
+    //         type: String,
+    //         default: "100%"
+    //     },
+    //     height: {
+    //         type: String,
+    //         default: "400px"
+    //     },
+    
+    // },
+    data() {
+        return {
+            inputValue:'',
+            stat_time:'',
+            end_time:'',
+            value:'',
+            myChart: {},
+            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
+            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
+            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
+            tableData:[],
+        }
+    },
+    created(){
+        
+    },
+    mounted() {
+        // this.$nextTick(function() {
+            this.initEcharts();
+		// })  
+        // this.myChart = echarts.init(document.getElementById("germychart"));
+        //     this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                this.myChart.resize();
+            });
+    },
+    methods:{
+        handleSubmit(){
+            console.log('asdfa');
+        },
+        initEcharts() {
+            const option = {
+                xAxis: {
+                    type: 'category',
+                        boundaryGap:true,
+                        axisTick:{
+                            alignWithLabel:true //保证刻度线和标签对齐
+                        },
+                    data: this.xData,
+                    splitNumber:this.xData.length, //纵坐标数
+                    interval:this.xData //强制设置坐标轴分割间隔
+                },
+                yAxis: {
+                    type: 'value',
+                    boundaryGap: true,
+                    splitNumber:4, //纵坐标数
+                    interval:10 //强制设置坐标轴分割间隔
+                },
+                legend: {
+                    show: true,
+                    align:'left',//文字在前图标在后
+                    left:'15%',
+                    top:'5%',
+                    data: [{name:'白蛋白g/L'}]
+                },
+                series: [
+                {
+                    data: this.opinionData,
+                    name:'白蛋白g/L',
+                    type: "line",// 类型设置为折线图
+                    symbol: 'circle',
+                    itemStyle: {
+                        normal: {
+                            color: '#409eff', //改变折线点的颜色#a80000
+                            lineStyle: {
+                                color: '#409eff' //改变折线颜色
+                            }
+                        }
+                    },
+
+                },
+                
+                ],
+                
+            };
+            this.myChart = echarts.init(document.getElementById("germychart"));
+            this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                this.myChart.resize();
+            });
+        },
+    },
+    
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 20px;
+}
+</style>

src/xt_pages/Dialysisanalysis/albumin/index.vue

+<!-- 白蛋白 -->
+<template>
+    <div class="main-contain">
+      <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+      </div>
+      <div class="app-container">
+        <div class="page_patientControlAnalysis">
+            <el-tabs v-model="activeName" @tab-click="handleClick" >
+                <el-tab-pane label="统计全部" name="first">
+                  <keep-alive>
+                    <albuminall v-if="activeName == 'first'"></albuminall>
+                  </keep-alive>
+                </el-tab-pane>
+                
+                <el-tab-pane label="统计个人" name="second">
+                  <keep-alive>
+                    <albuminalone v-if="activeName == 'second'"></albuminalone>
+                  </keep-alive>
+                </el-tab-pane>
+            
+            </el-tabs>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+<script>
+// import echarts from 'echarts'
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import albuminall from './albuminall.vue'
+import albuminalone from './albuminalone.vue'
+export default {
+    name:'thyroidGland',
+    components: {
+        BreadCrumb,
+        albuminall,
+        albuminalone
+    },
+    data() {
+        return {
+            activeName: 'first'
+        }
+    },
+    methods:{
+      handleClick(tab, event) {
+        console.log(tab, event);
+      }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+// .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/Dialysisanalysis/bloodPhosphorus/index.vue

+<!-- 血磷 -->
+<template>
+    <div class="main-contain">
+      <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+      </div>
+      <div class="app-container">
+        <div class="page_patientControlAnalysis">
+            <el-tabs v-model="activeName" @tab-click="handleClick" >
+                <el-tab-pane label="统计全部" name="first">
+                  <keep-alive>
+                    <phosphorusall v-if="activeName == 'first'"></phosphorusall>
+                  </keep-alive>
+                </el-tab-pane>
+                
+                <el-tab-pane label="统计个人" name="second">
+                  <keep-alive>
+                    <phosphorusalone v-if="activeName == 'second'"></phosphorusalone>
+                  </keep-alive>
+                </el-tab-pane>
+            
+            </el-tabs>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+<script>
+import echarts from 'echarts'
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import phosphorusall from './phosphorusall.vue'
+import phosphorusalone from './phosphorusalone.vue'
+export default {
+    name:'thyroidGland',
+    components: {
+        BreadCrumb,
+        phosphorusall,
+        phosphorusalone
+    },
+    data() {
+        return {
+            activeName: 'first'
+        }
+    },
+    methods:{
+      handleClick(tab, event) {
+        console.log(tab, event);
+      }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+// .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/Dialysisanalysis/bloodPhosphorus/phosphorusall.vue

+<template>
+    <div>
+        <!-- <div class="content_top">
+            <div class="block">
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="time_month"
+                type="month"
+                placeholder="选择月">
+                </el-date-picker>
+            </div>
+            <div>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+            </div>
+            <div style="width: 200px;">
+                <el-input v-model="input" placeholder="请输入内容"></el-input>
+            </div>
+            <el-button type="primary">查询</el-button>
+        </div> -->
+        <el-row :gutter="20">
+        <el-col :span="5"> 
+          <div class="block">
+            <span>查询时间:</span>
+            <el-date-picker
+            v-model="time_month"
+            type="month"
+            placeholder="选择月">
+            </el-date-picker>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div>
+            <el-date-picker
+            v-model="stat_time"
+            type="date"
+            placeholder="选择日期">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+            v-model="end_time"
+            type="date"
+            placeholder="选择日期">
+            </el-date-picker>
+          </div>
+        </el-col>
+        <el-col :span="3">
+          <div style="width: 200px;">
+            <el-input v-model="input" placeholder="请输入内容"></el-input>
+          </div>
+        </el-col>
+        <el-col :span="2">
+            <el-button type="primary">查询</el-button>
+        </el-col>
+        </el-row>
+        
+        
+        <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+          <p class="chartTitle">统计图</p>
+        </div>
+        <div class="echart" id="mychart" :style={width:width,height:height}></div>
+        <div style="width: 80%;margin: auto;">
+            <el-table
+            :data="tableData"
+            :show-summary = true
+            border
+            style="width: 100%;">
+                <el-table-column
+                    prop="date"
+                    align="center"
+                    label="血磷"
+                    >
+                </el-table-column>
+                <el-table-column
+                    prop="name"
+                    
+                    label="人数"
+                    >
+                </el-table-column>
+                <el-table-column
+                    prop="address"
+                    align="center"
+                    label="操作">
+                    <template slot-scope="scope">
+                        <el-button @click="handleClick(scope.row)" style="font-size:16px;"
+                                type="text" >查看详情
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </div>
+</template>
+<script>
+import * as echarts from "echarts";
+export default{
+    props: {
+   
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "400px"
+    },
+    
+  },
+    data() {
+        return {
+            time_month:'',
+            stat_time:'',
+            end_time:'',
+            input:'',
+            myChart: {},
+            pieData : [
+            {
+          value: 463,
+          name: "不达标值患者"
+        },
+        {
+          value: 395,
+          name: "未检查患者"
+        },
+        {
+          value: 157,
+          name: "达标值患者"
+        },
+        // {
+        //   value: 149,
+        //   name: "广东"
+        // },
+        // {
+        //   value: 147,
+        //   name: "湖南"
+        // }
+            
+            ],
+            pieName: [],
+            // myChartStyle:{float: "right", width: "100%", height: "400px"},
+            tableData:[],
+        }
+    },
+    mounted() {
+    this.initDate(); //数据初始化
+    this.initEcharts();
+  },
+  methods: {
+    initDate() {
+      for (let i = 0; i < this.pieData.length; i++) {
+        this.pieName[i] = this.pieData[i].name;
+      }
+    },
+    initEcharts() {
+      // 饼图
+      const option = {
+        legend: {
+          // 图例
+          data: this.pieName,
+          left: "10%",
+          top: "30%",
+          orient: "vertical"
+        },
+        color:['#ff7f9f','#fff67f','#1e5feb'],
+        title: {
+          // 设置饼图标题，位置设为顶部居中
+        //   text: "国内院士前五省份图示",
+          top: "0%",
+          left: "center"
+        },
+        series: [
+          {
+            type: "pie",
+            label: {
+              normal : {
+                formatter: '{b}:{c}: ({d}%)',
+                textStyle : {
+                    fontWeight : 'normal',
+                    fontSize : 15,
+                    color : "black"
+                }
+              }
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+            },
+            radius: "65%", //饼图半径
+            data: this.pieData,
+            itemStyle : {
+              emphasis: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      };
+    //   console.log(this.seriesData);
+      const optionFree = {
+        series: [
+          {
+            data: this.seriesData,
+            type: "line",
+            smooth: true
+          }
+        ]
+      };
+      this.myChart = echarts.init(document.getElementById("mychart"));
+      this.myChart.setOption(option);
+      //随着屏幕大小调节图表
+      window.addEventListener("resize", () => {
+        this.myChart.resize();
+      });
+    },
+    getSummaries(param) {
+        const { columns, data } = param;
+        const sums = [];
+        columns.forEach((column, index) => {
+          if (index === 0) {
+            sums[index] = '总价';
+            return;
+          }
+          const values = data.map(item => Number(item[column.property]));
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr);
+              if (!isNaN(value)) {
+                return prev + curr;
+              } else {
+                return prev;
+              }
+            }, 0);
+            sums[index] += ' 元';
+          } else {
+            sums[index] = 'N/A';
+          }
+        });
+
+        return sums;
+    },
+    handleClick(id){
+        console.log(id);
+    }
+  }
+
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    color: #1e5feb;
+}
+</style>

src/xt_pages/Dialysisanalysis/bloodPhosphorus/phosphorusalone.vue

+<template>
+    <div>
+       <div class="content_top">
+            <el-autocomplete
+            class="inline-input"
+            v-model="inputValue"
+            :fetch-suggestions="querySearch"
+            :trigger-on-focus="false"
+            placeholder="请输入患者名字或透析号"
+            @select="handleSubmit"
+            ></el-autocomplete>
+            <div>
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-button type="primary">查询</el-button>
+            </div>
+            <div>
+                <el-button type="primary">打印</el-button>
+                <el-button type="primary">导出</el-button>
+            </div>
+       </div>
+       <div style="margin: 20px 0px;">
+        <h2 >患者列表</h2>
+       </div>
+       <div >
+        <el-row :gutter="20">
+            <el-col :span="4">
+              <div class="grid-content bg-purple">
+                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
+                <!-- <h2>患者列表</h2> -->
+                <el-table
+                :data="tableData"
+                border
+                style="width: 100%">
+                    <el-table-column
+                        align="center"
+                        prop="date"
+                        label="透析号"
+                       >
+                    </el-table-column>
+                    <el-table-column
+                        align="center"
+                        prop="name"
+                        label="姓名"
+                        >
+                    </el-table-column>
+                </el-table>
+              </div>
+            </el-col>
+            <el-col :span="19">
+               <div class="grid-content bg-purple">
+                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
+                <el-table
+                    :data="tableData"
+                    style="width: 100%"
+                    border
+                    align="center"
+                    max-height="250">
+                    <el-table-column
+                    fixed
+                    prop="date"
+                    label="姓名"
+                   >
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"
+                    label="检查日期"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="血磷（mmol/L）"
+                    >
+                    </el-table-column>
+                    
+                </el-table>
+               </div>
+           </el-col>
+        </el-row>
+       </div>
+
+    </div>
+</template>
+<script>
+  import * as echarts from 'echarts'
+export default{
+    // props: {
+    //     width: {
+    //         type: String,
+    //         default: "100%"
+    //     },
+    //     height: {
+    //         type: String,
+    //         default: "400px"
+    //     },
+    
+    // },
+    data() {
+        return {
+            inputValue:'',
+            stat_time:'',
+            end_time:'',
+            value:'',
+            myChart: {},
+            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
+            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
+            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
+            tableData:[],
+        }
+    },
+    created(){
+        
+    },
+    mounted() {
+        // this.$nextTick(function() {
+            this.initEcharts();
+		// })  
+        // this.myChart = echarts.init(document.getElementById("germychart"));
+        //     this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                this.myChart.resize();
+            });
+    },
+    methods:{
+        handleSubmit(){
+            console.log('asdfa');
+        },
+        initEcharts() {
+            const option = {
+                xAxis: {
+                    type: 'category',
+                        boundaryGap:true,
+                        axisTick:{
+                            alignWithLabel:true //保证刻度线和标签对齐
+                        },
+                    data: this.xData,
+                    splitNumber:this.xData.length, //纵坐标数
+                    interval:this.xData //强制设置坐标轴分割间隔
+                },
+                yAxis: {
+                    type: 'value',
+                    boundaryGap: true,
+                    splitNumber:4, //纵坐标数
+                    interval:10 //强制设置坐标轴分割间隔
+                },
+                legend: {
+                    show: true,
+                    align:'left',//文字在前图标在后
+                    left:'15%',
+                    top:'5%',
+                    data: [{name:'血磷mmol/L'}]
+                },
+                series: [
+                {
+                    data: this.opinionData,
+                    name:'血磷mmol/L',
+                    type: "line",// 类型设置为折线图
+                    symbol: 'circle',
+                    itemStyle: {
+                        normal: {
+                            color: '#409eff', //改变折线点的颜色#a80000
+                            lineStyle: {
+                                color: '#409eff' //改变折线颜色
+                            }
+                        }
+                    },
+
+                },
+                
+                ],
+                
+            };
+            this.myChart = echarts.init(document.getElementById("germychart"));
+            this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                this.myChart.resize();
+            });
+        },
+    },
+    
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 20px;
+}
+</style>

src/xt_pages/Dialysisanalysis/bloodPotassium/index.vue

+<!-- 血钾 -->
+<template>
+    <div class="main-contain">
+      <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+      </div>
+      <div class="app-container">
+        <div class="page_patientControlAnalysis">
+            <el-tabs v-model="activeName" @tab-click="handleClick" >
+                <el-tab-pane label="统计全部" name="first">
+                  <keep-alive>
+                    <potassiumall v-if="activeName == 'first'"></potassiumall>
+                  </keep-alive>
+                </el-tab-pane>
+                
+                <el-tab-pane label="统计个人" name="second">
+                  <keep-alive> 
+                    <potassiumalone v-if="activeName == 'second'"></potassiumalone>
+                  </keep-alive>
+                </el-tab-pane>
+            
+            </el-tabs>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+<script>
+import echarts from 'echarts'
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import potassiumall from './potassiumall'
+import potassiumalone from './potassiumalone.vue'
+export default {
+    name:'thyroidGland',
+    components: {
+        BreadCrumb,
+        potassiumall,
+        potassiumalone
+    },
+    data() {
+        return {
+            activeName: 'first'
+        }
+    },
+    methods:{
+      handleClick(tab, event) {
+        console.log(tab, event);
+      }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+// .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/Dialysisanalysis/bloodPotassium/potassiumall.vue

+<template>
+    <div>
+        <!-- <div class="content_top">
+            <div class="block">
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="time_month"
+                type="month"
+                placeholder="选择月">
+                </el-date-picker>
+            </div>
+            <div>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+            </div>
+            <div style="width: 200px;">
+                <el-input v-model="input" placeholder="请输入内容"></el-input>
+            </div>
+            <el-button type="primary">查询</el-button>
+        </div> -->
+        
+        <el-row :gutter="20">
+        <el-col :span="5"> 
+          <div class="block">
+            <span>查询时间:</span>
+            <el-date-picker
+            v-model="time_month"
+            type="month"
+            placeholder="选择月">
+            </el-date-picker>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div>
+            <el-date-picker
+            v-model="stat_time"
+            type="date"
+            placeholder="选择日期">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+            v-model="end_time"
+            type="date"
+            placeholder="选择日期">
+            </el-date-picker>
+          </div>
+        </el-col>
+        <el-col :span="3">
+          <div style="width: 200px;">
+            <el-input v-model="input" placeholder="请输入内容"></el-input>
+          </div>
+        </el-col>
+        <el-col :span="2">
+            <el-button type="primary">查询</el-button>
+        </el-col>
+        </el-row>
+        
+        <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+          <p class="chartTitle">统计图</p>
+        </div>
+        <div class="echart" id="mychart" :style={width:width,height:height}></div>
+        <div style="width: 80%;margin: auto;">
+            <el-table
+            :data="tableData"
+            :show-summary = true
+            border
+            style="width: 100%;">
+                <el-table-column
+                    prop="date"
+                    align="center"
+                    label="血钾"
+                    >
+                </el-table-column>
+                <el-table-column
+                    prop="name"
+                    
+                    label="人数"
+                    >
+                </el-table-column>
+                <el-table-column
+                    prop="address"
+                    align="center"
+                    label="操作">
+                    <template slot-scope="scope">
+                        <el-button @click="handleClick(scope.row)" style="font-size:16px;"
+                                type="text" >查看详情
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </div>
+</template>
+<script>
+import * as echarts from "echarts";
+export default{
+    props: {
+   
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "400px"
+    },
+    
+  },
+    data() {
+        return {
+            time_month:'',
+            stat_time:'',
+            end_time:'',
+            input:'',
+            myChart: {},
+            pieData : [
+            {
+          value: 463,
+          name: "不达标值患者"
+        },
+        {
+          value: 395,
+          name: "未检查患者"
+        },
+        {
+          value: 157,
+          name: "达标值患者"
+        },
+        // {
+        //   value: 149,
+        //   name: "广东"
+        // },
+        // {
+        //   value: 147,
+        //   name: "湖南"
+        // }
+            
+            ],
+            pieName: [],
+            // myChartStyle:{float: "right", width: "100%", height: "400px"},
+            tableData:[],
+        }
+    },
+    mounted() {
+    this.initDate(); //数据初始化
+    this.initEcharts();
+  },
+  methods: {
+    initDate() {
+      for (let i = 0; i < this.pieData.length; i++) {
+        this.pieName[i] = this.pieData[i].name;
+      }
+    },
+    initEcharts() {
+      // 饼图
+      const option = {
+        legend: {
+          // 图例
+          data: this.pieName,
+          left: "10%",
+          top: "30%",
+          orient: "vertical"
+        },
+        color:['#ff7f9f','#fff67f','#1e5feb'],
+        title: {
+          // 设置饼图标题，位置设为顶部居中
+        //   text: "国内院士前五省份图示",
+          top: "0%",
+          left: "center"
+        },
+        series: [
+          {
+            type: "pie",
+            label: {
+              normal : {
+                formatter: '{b}:{c}: ({d}%)',
+                textStyle : {
+                    fontWeight : 'normal',
+                    fontSize : 15,
+                    color : "black"
+                }
+              }
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+            },
+            radius: "65%", //饼图半径
+            data: this.pieData,
+            itemStyle : {
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      };
+    //   console.log(this.seriesData);
+      const optionFree = {
+        series: [
+          {
+            data: this.seriesData,
+            type: "line",
+            smooth: true
+          }
+        ]
+      };
+      this.myChart = echarts.init(document.getElementById("mychart"));
+      this.myChart.setOption(option);
+      //随着屏幕大小调节图表
+      window.addEventListener("resize", () => {
+        this.myChart.resize();
+      });
+    },
+    getSummaries(param) {
+        const { columns, data } = param;
+        const sums = [];
+        columns.forEach((column, index) => {
+          if (index === 0) {
+            sums[index] = '总价';
+            return;
+          }
+          const values = data.map(item => Number(item[column.property]));
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr);
+              if (!isNaN(value)) {
+                return prev + curr;
+              } else {
+                return prev;
+              }
+            }, 0);
+            sums[index] += ' 元';
+          } else {
+            sums[index] = 'N/A';
+          }
+        });
+
+        return sums;
+    },
+    handleClick(id){
+        console.log(id);
+    }
+  }
+
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    color: #1e5feb;
+}
+</style>

src/xt_pages/Dialysisanalysis/bloodPotassium/potassiumalone.vue

+<template>
+    <div>
+       <div class="content_top">
+            <el-autocomplete
+            class="inline-input"
+            v-model="inputValue"
+            :fetch-suggestions="querySearch"
+            :trigger-on-focus="false"
+            placeholder="请输入患者名字或透析号"
+            @select="handleSubmit"
+            ></el-autocomplete>
+            <div>
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-button type="primary">查询</el-button>
+            </div>
+            <div>
+                <el-button type="primary">打印</el-button>
+                <el-button type="primary">导出</el-button>
+            </div>
+       </div>
+       <div style="margin: 20px 0px;">
+        <h2 >患者列表</h2>
+       </div>
+       <div >
+        <el-row :gutter="20">
+            <el-col :span="4">
+              <div class="grid-content bg-purple">
+                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
+                <!-- <h2>患者列表</h2> -->
+                <el-table
+                :data="tableData"
+                border
+                style="width: 100%">
+                    <el-table-column
+                        align="center"
+                        prop="date"
+                        label="透析号"
+                       >
+                    </el-table-column>
+                    <el-table-column
+                        align="center"
+                        prop="name"
+                        label="姓名"
+                        >
+                    </el-table-column>
+                </el-table>
+              </div>
+            </el-col>
+            <el-col :span="19">
+               <div class="grid-content bg-purple">
+                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
+                <el-table
+                    :data="tableData"
+                    style="width: 100%"
+                    border
+                    align="center"
+                    max-height="250">
+                    <el-table-column
+                    fixed
+                    prop="date"
+                    label="姓名"
+                   >
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"
+                    label="检查日期"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="血钾（mmol/L）"
+                    >
+                    </el-table-column>
+                    
+                </el-table>
+               </div>
+           </el-col>
+        </el-row>
+       </div>
+
+    </div>
+</template>
+<script>
+  import * as echarts from 'echarts'
+export default{
+    // props: {
+    //     width: {
+    //         type: String,
+    //         default: "100%"
+    //     },
+    //     height: {
+    //         type: String,
+    //         default: "400px"
+    //     },
+    
+    // },
+    data() {
+        return {
+            inputValue:'',
+            stat_time:'',
+            end_time:'',
+            value:'',
+            myChart: {},
+            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
+            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
+            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
+            tableData:[],
+        }
+    },
+    created(){
+        
+    },
+    mounted() {
+        // this.$nextTick(function() {
+            this.initEcharts();
+		// })  
+        // this.myChart = echarts.init(document.getElementById("germychart"));
+        //     this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                this.myChart.resize();
+            });
+    },
+    methods:{
+        handleSubmit(){
+            console.log('asdfa');
+        },
+        initEcharts() {
+            const option = {
+                xAxis: {
+                    type: 'category',
+                        boundaryGap:true,
+                        axisTick:{
+                            alignWithLabel:true //保证刻度线和标签对齐
+                        },
+                    data: this.xData,
+                    splitNumber:this.xData.length, //纵坐标数
+                    interval:this.xData //强制设置坐标轴分割间隔
+                },
+                yAxis: {
+                    type: 'value',
+                    boundaryGap: true,
+                    splitNumber:4, //纵坐标数
+                    interval:10 //强制设置坐标轴分割间隔
+                },
+                legend: {
+                    show: true,
+                    align:'left',//文字在前图标在后
+                    left:'15%',
+                    top:'5%',
+                    data: [{name:'血钾mmol/L'}]
+                },
+                series: [
+                {
+                    data: this.opinionData,
+                    name:'血钾mmol/L',
+                    type: "line",// 类型设置为折线图
+                    symbol: 'circle',
+                    itemStyle: {
+                        normal: {
+                            color: '#409eff', //改变折线点的颜色#a80000
+                            lineStyle: {
+                                color: '#409eff' //改变折线颜色
+                            }
+                        }
+                    },
+
+                },
+                
+                ],
+                
+            };
+            this.myChart = echarts.init(document.getElementById("germychart"));
+            this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                this.myChart.resize();
+            });
+        },
+    },
+    
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 20px;
+}
+</style>

src/xt_pages/Dialysisanalysis/calcium/calciumall.vue

+<template>
+    <div>
+        <!-- <div class="content_top">
+            <div class="block">
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="time_month"
+                type="month"
+                placeholder="选择月">
+                </el-date-picker>
+            </div>
+            <div>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+            </div>
+            <div style="width: 200px;">
+                <el-input v-model="input" placeholder="请输入内容"></el-input>
+            </div>
+            <el-button type="primary">查询</el-button>
+        </div> -->
+        
+        <el-row :gutter="20">
+        <el-col :span="5"> 
+          <div class="block">
+            <span>查询时间:</span>
+            <el-date-picker
+            v-model="time_month"
+            type="month"
+            placeholder="选择月">
+            </el-date-picker>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div>
+            <el-date-picker
+            v-model="stat_time"
+            type="date"
+            placeholder="选择日期">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+            v-model="end_time"
+            type="date"
+            placeholder="选择日期">
+            </el-date-picker>
+          </div>
+        </el-col>
+        <el-col :span="3">
+          <div style="width: 200px;">
+            <el-input v-model="input" placeholder="请输入内容"></el-input>
+          </div>
+        </el-col>
+        <el-col :span="2">
+            <el-button type="primary">查询</el-button>
+        </el-col>
+        </el-row>
+
+        <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+          <p class="chartTitle">统计图</p>
+        </div>
+        <div class="echart" id="mychart" :style={width:width,height:height}></div>
+        <div style="width: 80%;margin: auto;">
+            <el-table
+            :data="tableData"
+            :show-summary = true
+            border
+            style="width: 100%;">
+                <el-table-column
+                    prop="date"
+                    align="center"
+                    label="钙"
+                    >
+                </el-table-column>
+                <el-table-column
+                    prop="name"
+                    
+                    label="人数"
+                    >
+                </el-table-column>
+                <el-table-column
+                    prop="address"
+                    align="center"
+                    label="操作">
+                    <template slot-scope="scope">
+                        <el-button @click="handleClick(scope.row)" style="font-size:16px;"
+                                type="text" >查看详情
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </div>
+</template>
+<script>
+import * as echarts from "echarts";
+export default{
+    props: {
+   
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "400px"
+    },
+    
+  },
+    data() {
+        return {
+            time_month:'',
+            stat_time:'',
+            end_time:'',
+            input:'',
+            myChart: {},
+            pieData : [
+            {
+          value: 463,
+          name: "不达标值患者"
+        },
+        {
+          value: 395,
+          name: "未检查患者"
+        },
+        {
+          value: 157,
+          name: "达标值患者"
+        },
+        // {
+        //   value: 149,
+        //   name: "广东"
+        // },
+        // {
+        //   value: 147,
+        //   name: "湖南"
+        // }
+            
+            ],
+            pieName: [],
+            // myChartStyle:{float: "right", width: "100%", height: "400px"},
+            tableData:[],
+        }
+    },
+    mounted() {
+    this.initDate(); //数据初始化
+    this.initEcharts();
+  },
+  methods: {
+    initDate() {
+      for (let i = 0; i < this.pieData.length; i++) {
+        this.pieName[i] = this.pieData[i].name;
+      }
+    },
+    initEcharts() {
+      // 饼图
+      const option = {
+        legend: {
+          // 图例
+          data: this.pieName,
+          left: "10%",
+          top: "30%",
+          orient: "vertical"
+        },
+        color:['#ff7f9f','#fff67f','#1e5feb'],
+        title: {
+          // 设置饼图标题，位置设为顶部居中
+        //   text: "国内院士前五省份图示",
+          top: "0%",
+          left: "center"
+        },
+        series: [
+          {
+            type: "pie",
+            label: {
+              normal : {
+                formatter: '{b}:{c}: ({d}%)',
+                textStyle : {
+                    fontWeight : 'normal',
+                    fontSize : 15,
+                    color : "black"
+                }
+              }
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+            },
+            radius: "65%", //饼图半径
+            data: this.pieData,
+            itemStyle : {
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      };
+    //   console.log(this.seriesData);
+      const optionFree = {
+        series: [
+          {
+            data: this.seriesData,
+            type: "line",
+            smooth: true
+          }
+        ]
+      };
+      this.myChart = echarts.init(document.getElementById("mychart"));
+      this.myChart.setOption(option);
+      //随着屏幕大小调节图表
+      window.addEventListener("resize", () => {
+        this.myChart.resize();
+      });
+    },
+    getSummaries(param) {
+        const { columns, data } = param;
+        const sums = [];
+        columns.forEach((column, index) => {
+          if (index === 0) {
+            sums[index] = '总价';
+            return;
+          }
+          const values = data.map(item => Number(item[column.property]));
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr);
+              if (!isNaN(value)) {
+                return prev + curr;
+              } else {
+                return prev;
+              }
+            }, 0);
+            sums[index] += ' 元';
+          } else {
+            sums[index] = 'N/A';
+          }
+        });
+
+        return sums;
+    },
+    handleClick(id){
+        console.log(id);
+    }
+  }
+
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    color: #1e5feb;
+}
+</style>

src/xt_pages/Dialysisanalysis/calcium/calciumalone.vue

+<template>
+    <div>
+       <div class="content_top">
+            <el-autocomplete
+            class="inline-input"
+            v-model="inputValue"
+            :fetch-suggestions="querySearch"
+            :trigger-on-focus="false"
+            placeholder="请输入患者名字或透析号"
+            @select="handleSubmit"
+            ></el-autocomplete>
+            <div>
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-button type="primary">查询</el-button>
+            </div>
+            <div>
+                <el-button type="primary">打印</el-button>
+                <el-button type="primary">导出</el-button>
+            </div>
+       </div>
+       <div style="margin: 20px 0px;">
+        <h2 >患者列表</h2>
+       </div>
+       <div >
+        <el-row :gutter="20">
+            <el-col :span="4">
+              <div class="grid-content bg-purple">
+                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
+                <!-- <h2>患者列表</h2> -->
+                <el-table
+                :data="tableData"
+                border
+                style="width: 100%">
+                    <el-table-column
+                        align="center"
+                        prop="date"
+                        label="透析号"
+                       >
+                    </el-table-column>
+                    <el-table-column
+                        align="center"
+                        prop="name"
+                        label="姓名"
+                        >
+                    </el-table-column>
+                </el-table>
+              </div>
+            </el-col>
+            <el-col :span="19">
+               <div class="grid-content bg-purple">
+                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
+                <el-table
+                    :data="tableData"
+                    style="width: 100%"
+                    border
+                    align="center"
+                    max-height="250">
+                    <el-table-column
+                    fixed
+                    prop="date"
+                    label="姓名"
+                   >
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"
+                    label="检查日期"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="钙（mmol/L）"
+                    >
+                    </el-table-column>
+                    
+                </el-table>
+               </div>
+           </el-col>
+        </el-row>
+       </div>
+
+    </div>
+</template>
+<script>
+  import * as echarts from 'echarts'
+export default{
+    // props: {
+    //     width: {
+    //         type: String,
+    //         default: "100%"
+    //     },
+    //     height: {
+    //         type: String,
+    //         default: "400px"
+    //     },
+    
+    // },
+    data() {
+        return {
+            inputValue:'',
+            stat_time:'',
+            end_time:'',
+            value:'',
+            myChart: {},
+            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
+            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
+            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
+            tableData:[],
+        }
+    },
+    created(){
+        
+    },
+    mounted() {
+        // this.$nextTick(function() {
+            this.initEcharts();
+		// })  
+        // this.myChart = echarts.init(document.getElementById("germychart"));
+        //     this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                this.myChart.resize();
+            });
+    },
+    methods:{
+        handleSubmit(){
+            console.log('asdfa');
+        },
+        initEcharts() {
+            const option = {
+                xAxis: {
+                    type: 'category',
+                        boundaryGap:true,
+                        axisTick:{
+                            alignWithLabel:true //保证刻度线和标签对齐
+                        },
+                    data: this.xData,
+                    splitNumber:this.xData.length, //纵坐标数
+                    interval:this.xData //强制设置坐标轴分割间隔
+                },
+                yAxis: {
+                    type: 'value',
+                    boundaryGap: true,
+                    splitNumber:4, //纵坐标数
+                    interval:10 //强制设置坐标轴分割间隔
+                },
+                legend: {
+                    show: true,
+                    align:'left',//文字在前图标在后
+                    left:'15%',
+                    top:'5%',
+                    data: [{name:'钙mmol/L'}]
+                },
+                series: [
+                {
+                    data: this.opinionData,
+                    name:'钙mmol/L',
+                    type: "line",// 类型设置为折线图
+                    symbol: 'circle',
+                    itemStyle: {
+                        normal: {
+                            color: '#409eff', //改变折线点的颜色#a80000
+                            lineStyle: {
+                                color: '#409eff' //改变折线颜色
+                            }
+                        }
+                    },
+
+                },
+                
+                ],
+                
+            };
+            this.myChart = echarts.init(document.getElementById("germychart"));
+            this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                this.myChart.resize();
+            });
+        },
+    },
+    
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 20px;
+}
+</style>

src/xt_pages/Dialysisanalysis/calcium/index.vue

+<!-- 钙-->
+<template>
+    <div class="main-contain">
+      <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+      </div>
+      <div class="app-container">
+        <div class="page_patientControlAnalysis">
+            <el-tabs v-model="activeName" @tab-click="handleClick" >
+                <el-tab-pane label="统计全部" name="first">
+                  <keep-alive>
+                    <calciumall v-if="activeName == 'first'"></calciumall>
+                  </keep-alive>
+                </el-tab-pane>
+                
+                <el-tab-pane label="统计个人" name="second">
+                  <keep-alive>
+                    <calciumalone v-if="activeName == 'second'"></calciumalone>
+                  </keep-alive>
+                </el-tab-pane>
+            
+            </el-tabs>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+<script>
+import echarts from 'echarts'
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import calciumall from './calciumall'
+import calciumalone from './calciumalone.vue'
+export default {
+    name:'thyroidGland',
+    components: {
+        BreadCrumb,
+        calciumall,
+        calciumalone
+    },
+    data() {
+        return {
+            activeName: 'first'
+        }
+    },
+    methods:{
+      handleClick(tab, event) {
+        console.log(tab, event);
+      }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+// .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/Dialysisanalysis/dialysis_index.vue

+<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="content_top">
+            <div>
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-button type="primary">查询</el-button>
+            </div>
+            <div>
+                <el-button type="primary">设置</el-button>
+                <el-button type="primary">打印</el-button>
+                <el-button type="primary">导出</el-button>
+            </div>
+          </div>
+       <div >
+        <el-row :gutter="20">
+            <!-- <el-col :span="4">
+              <div class="grid-content bg-purple">
+                
+                <el-table
+                :data="tableData"
+                border
+                style="width: 100%">
+                    <el-table-column
+                        align="center"
+                        prop="date"
+                        label="透析号"
+                       >
+                    </el-table-column>
+                    <el-table-column
+                        align="center"
+                        prop="name"
+                        label="姓名"
+                        >
+                    </el-table-column>
+                </el-table>
+              </div>
+            </el-col> -->
+            <el-col :span="24">
+               <div class="grid-content bg-purple">
+                <el-table
+                    :data="tableData"
+                    style="width: 100%"
+                    border
+                    align="center"
+                    max-height="450">
+                    <el-table-column
+                    fixed
+                    prop="date"
+                    label="序号"
+                   >
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"
+                    label="透析号"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="姓名"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="白蛋白(g/L)"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    fixed
+                    prop="date"
+                    label="血红蛋白(g/L)"
+                   >
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"
+                    label="血钾(mmol/L)"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="钙(mmol/L)"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="无机磷(mmol/L)"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="甲状旁腺激素(pmol/L)"
+                    >
+                    </el-table-column>
+                </el-table>
+               </div>
+           </el-col>
+        </el-row>
+       </div>
+        </div>
+      </div>
+    </div>
+</template>
+<script>
+export default{
+    data() {
+        return {
+            inputValue:'',
+            stat_time:'',
+            end_time:'',
+            value:'',
+            tableData:[],
+        }
+    },
+    created(){
+        
+    },
+    mounted() {
+        
+    },
+    methods:{
+        handleSubmit(){
+            console.log('asdfa');
+        },
+       
+    },
+    
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    margin: 20px;
+}
+</style>

src/xt_pages/Dialysisanalysis/hemoglobin/hemoglobinall.vue

+<template>
+    <div>
+        <!-- <div class="content_top">
+            <div class="block">
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="time_month"
+                type="month"
+                placeholder="选择月">
+                </el-date-picker>
+            </div>
+            <div>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+            </div>
+            <div style="width: 200px;">
+                <el-input v-model="input" placeholder="请输入内容"></el-input>
+            </div>
+            <el-button type="primary">查询</el-button>
+        </div> -->
+        <el-row :gutter="20">
+        <el-col :span="5"> 
+          <div class="block">
+            <span>查询时间:</span>
+            <el-date-picker
+            v-model="time_month"
+            type="month"
+            placeholder="选择月">
+            </el-date-picker>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div>
+            <el-date-picker
+            v-model="stat_time"
+            type="date"
+            placeholder="选择日期">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+            v-model="end_time"
+            type="date"
+            placeholder="选择日期">
+            </el-date-picker>
+          </div>
+        </el-col>
+        <el-col :span="3">
+          <div style="width: 200px;">
+            <el-input v-model="input" placeholder="请输入内容"></el-input>
+          </div>
+        </el-col>
+        <el-col :span="2">
+            <el-button type="primary">查询</el-button>
+        </el-col>
+        </el-row>
+        
+        <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+          <p class="chartTitle">统计图</p>
+        </div>
+        <div class="echart" id="mychart" :style={width:width,height:height}></div>
+        <div style="width: 80%;margin: auto;">
+            <el-table
+            :data="tableData"
+            :show-summary = true
+            border
+            style="width: 100%;">
+                <el-table-column
+                    prop="date"
+                    align="center"
+                    label="血红蛋白"
+                    >
+                </el-table-column>
+                <el-table-column
+                    prop="name"
+                    
+                    label="人数"
+                    >
+                </el-table-column>
+                <el-table-column
+                    prop="address"
+                    align="center"
+                    label="操作">
+                    <template slot-scope="scope">
+                        <el-button @click="handleClick(scope.row)" style="font-size:16px;"
+                                type="text" >查看详情
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </div>
+</template>
+<script>
+import * as echarts from "echarts";
+export default{
+    props: {
+   
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "400px"
+    },
+    
+  },
+    data() {
+        return {
+            time_month:'',
+            stat_time:'',
+            end_time:'',
+            input:'',
+            myChart: {},
+            pieData : [
+            {
+          value: 463,
+          name: "不达标值患者"
+        },
+        {
+          value: 395,
+          name: "未检查患者"
+        },
+        {
+          value: 157,
+          name: "达标值患者"
+        },
+        // {
+        //   value: 149,
+        //   name: "广东"
+        // },
+        // {
+        //   value: 147,
+        //   name: "湖南"
+        // }
+            
+            ],
+            pieName: [],
+            // myChartStyle:{float: "right", width: "100%", height: "400px"},
+            tableData:[],
+        }
+    },
+    mounted() {
+    this.initDate(); //数据初始化
+    this.initEcharts();
+  },
+  methods: {
+    initDate() {
+      for (let i = 0; i < this.pieData.length; i++) {
+        this.pieName[i] = this.pieData[i].name;
+      }
+    },
+    initEcharts() {
+      // 饼图
+      const option = {
+        legend: {
+          // 图例
+          data: this.pieName,
+          left: "10%",
+          top: "30%",
+          orient: "vertical"
+        },
+        color:['#ff7f9f','#fff67f','#1e5feb'],
+        title: {
+          // 设置饼图标题，位置设为顶部居中
+        //   text: "国内院士前五省份图示",
+          top: "0%",
+          left: "center"
+        },
+        series: [
+          {
+            type: "pie",
+            label: {
+              normal : {
+                formatter: '{b}:{c}: ({d}%)',
+                textStyle : {
+                    fontWeight : 'normal',
+                    fontSize : 15,
+                    color : "black"
+                }
+              }
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+            },
+            radius: "65%", //饼图半径
+            data: this.pieData,
+            itemStyle : {
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      };
+    //   console.log(this.seriesData);
+      const optionFree = {
+        series: [
+          {
+            data: this.seriesData,
+            type: "line",
+            smooth: true
+          }
+        ]
+      };
+      this.myChart = echarts.init(document.getElementById("mychart"));
+      this.myChart.setOption(option);
+      //随着屏幕大小调节图表
+      window.addEventListener("resize", () => {
+        this.myChart.resize();
+      });
+    },
+    getSummaries(param) {
+        const { columns, data } = param;
+        const sums = [];
+        columns.forEach((column, index) => {
+          if (index === 0) {
+            sums[index] = '总价';
+            return;
+          }
+          const values = data.map(item => Number(item[column.property]));
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr);
+              if (!isNaN(value)) {
+                return prev + curr;
+              } else {
+                return prev;
+              }
+            }, 0);
+            sums[index] += ' 元';
+          } else {
+            sums[index] = 'N/A';
+          }
+        });
+
+        return sums;
+    },
+    handleClick(id){
+        console.log(id);
+    }
+  }
+
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    color: #1e5feb;
+}
+</style>

src/xt_pages/Dialysisanalysis/hemoglobin/hemoglobinalone.vue

+<template>
+    <div>
+       <div class="content_top">
+            <el-autocomplete
+            class="inline-input"
+            v-model="inputValue"
+            :fetch-suggestions="querySearch"
+            :trigger-on-focus="false"
+            placeholder="请输入患者名字或透析号"
+            @select="handleSubmit"
+            ></el-autocomplete>
+            <div>
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-button type="primary">查询</el-button>
+            </div>
+            <div>
+                <el-button type="primary">打印</el-button>
+                <el-button type="primary">导出</el-button>
+            </div>
+       </div>
+       <div style="margin: 20px 0px;">
+        <h2 >患者列表</h2>
+       </div>
+       <div >
+        <el-row :gutter="20">
+            <el-col :span="4">
+              <div class="grid-content bg-purple">
+                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
+                <!-- <h2>患者列表</h2> -->
+                <el-table
+                :data="tableData"
+                border
+                style="width: 100%">
+                    <el-table-column
+                        align="center"
+                        prop="date"
+                        label="透析号"
+                       >
+                    </el-table-column>
+                    <el-table-column
+                        align="center"
+                        prop="name"
+                        label="姓名"
+                        >
+                    </el-table-column>
+                </el-table>
+              </div>
+            </el-col>
+            <el-col :span="19">
+               <div class="grid-content bg-purple">
+                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
+                <el-table
+                    :data="tableData"
+                    style="width: 100%"
+                    border
+                    align="center"
+                    max-height="250">
+                    <el-table-column
+                    fixed
+                    prop="date"
+                    label="姓名"
+                   >
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"
+                    label="检查日期"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="血红蛋白（g/L）"
+                    >
+                    </el-table-column>
+                    
+                </el-table>
+               </div>
+           </el-col>
+        </el-row>
+       </div>
+
+    </div>
+</template>
+<script>
+  import * as echarts from 'echarts'
+export default{
+    // props: {
+    //     width: {
+    //         type: String,
+    //         default: "100%"
+    //     },
+    //     height: {
+    //         type: String,
+    //         default: "400px"
+    //     },
+    
+    // },
+    data() {
+        return {
+            inputValue:'',
+            stat_time:'',
+            end_time:'',
+            value:'',
+            myChart: {},
+            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
+            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
+            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
+            tableData:[],
+        }
+    },
+    created(){
+        
+    },
+    mounted() {
+        // this.$nextTick(function() {
+            this.initEcharts();
+		// })  
+        // this.myChart = echarts.init(document.getElementById("germychart"));
+        //     this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                this.myChart.resize();
+            });
+    },
+    methods:{
+        handleSubmit(){
+            console.log('asdfa');
+        },
+        initEcharts() {
+            const option = {
+                xAxis: {
+                    type: 'category',
+                        boundaryGap:true,
+                        axisTick:{
+                            alignWithLabel:true //保证刻度线和标签对齐
+                        },
+                    data: this.xData,
+                    splitNumber:this.xData.length, //纵坐标数
+                    interval:this.xData //强制设置坐标轴分割间隔
+                },
+                yAxis: {
+                    type: 'value',
+                    boundaryGap: true,
+                    splitNumber:4, //纵坐标数
+                    interval:10 //强制设置坐标轴分割间隔
+                },
+                legend: {
+                    show: true,
+                    align:'left',//文字在前图标在后
+                    left:'15%',
+                    top:'5%',
+                    data: [{name:'血红蛋白g/L'}]
+                },
+                series: [
+                {
+                    data: this.opinionData,
+                    name:'血红蛋白g/L',
+                    type: "line",// 类型设置为折线图
+                    symbol: 'circle',
+                    itemStyle: {
+                        normal: {
+                            color: '#409eff', //改变折线点的颜色#a80000
+                            lineStyle: {
+                                color: '#409eff' //改变折线颜色
+                            }
+                        }
+                    },
+
+                },
+                
+                ],
+                
+            };
+            this.myChart = echarts.init(document.getElementById("germychart"));
+            this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                this.myChart.resize();
+            });
+        },
+    },
+    
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 20px;
+}
+</style>

src/xt_pages/Dialysisanalysis/hemoglobin/index.vue

+<!-- 血红蛋白 -->
+<template>
+    <div class="main-contain">
+      <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+      </div>
+      <div class="app-container">
+        <div class="page_patientControlAnalysis">
+            <el-tabs v-model="activeName" @tab-click="handleClick" >
+                <el-tab-pane label="统计全部" name="first">
+                  <keep-alive>
+                    <hemoglobinall v-if="activeName == 'first'"></hemoglobinall>
+                  </keep-alive>
+                </el-tab-pane>
+                
+                <el-tab-pane label="统计个人" name="second">
+                  <keep-alive>
+                    <hemoglobinalone v-if="activeName == 'second'"></hemoglobinalone>
+                  </keep-alive>
+                </el-tab-pane>
+            
+            </el-tabs>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+<script>
+import echarts from 'echarts'
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import hemoglobinall from './hemoglobinall'
+import hemoglobinalone from './hemoglobinalone.vue'
+export default {
+    name:'thyroidGland',
+    components: {
+        BreadCrumb,
+        hemoglobinall,
+        hemoglobinalone
+    },
+    data() {
+        return {
+            activeName: 'first'
+        }
+    },
+    methods:{
+      handleClick(tab, event) {
+        console.log(tab, event);
+      }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+// .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/Dialysisanalysis/nonnumerical.vue

+<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="content_top">
+            <el-autocomplete
+            class="inline-input"
+            v-model="inputValue"
+            :fetch-suggestions="querySearch"
+            :trigger-on-focus="false"
+            placeholder="请输入患者名字或透析号"
+            @select="handleSubmit"
+            ></el-autocomplete>
+            <div>
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-button type="primary">查询</el-button>
+            </div>
+            <div>
+                <el-button type="primary">打印</el-button>
+                <el-button type="primary">导出</el-button>
+            </div>
+          </div>
+       <div style="margin-bottom:20px;"> <h2>患者列表</h2></div>
+       <div >
+        <el-row :gutter="20">
+            <el-col :span="4">
+              <div class="grid-content bg-purple">
+                
+                <el-table
+                :data="tableData"
+                border
+                style="width: 100%">
+                    <el-table-column
+                        align="center"
+                        prop="date"
+                        label="透析号"
+                       >
+                    </el-table-column>
+                    <el-table-column
+                        align="center"
+                        prop="name"
+                        label="姓名"
+                        >
+                    </el-table-column>
+                </el-table>
+              </div>
+            </el-col>
+            <el-col :span="19">
+               <div class="grid-content bg-purple">
+                <el-table
+                    :data="tableData"
+                    style="width: 100%"
+                    border
+                    align="center"
+                    max-height="250">
+                    <el-table-column
+                    fixed
+                    prop="date"
+                    label="名字"
+                   >
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"
+                    label="检查日期"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="乙型肝炎病毒表面抗体(AntiHBs)"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="参考值"
+                    >
+                    </el-table-column>
+                </el-table>
+               </div>
+           </el-col>
+        </el-row>
+       </div>
+        </div>
+      </div>
+    </div>
+</template>
+<script>
+export default{
+    data() {
+        return {
+            inputValue:'',
+            stat_time:'',
+            end_time:'',
+            value:'',
+            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
+            tableData:[],
+        }
+    },
+    created(){
+        
+    },
+    mounted() {
+        // this.$nextTick(function() {
+            // this.initEcharts();
+		// })  
+        // this.myChart = echarts.init(document.getElementById("germychart"));
+        //     this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            // window.addEventListener("resize", () => {
+            //     this.myChart.resize();
+            // });
+    },
+    methods:{
+        handleSubmit(){
+            console.log('asdfa');
+        },
+        // initEcharts() {
+        //     const option = {
+        //         xAxis: {
+        //             type: 'category',
+        //                 boundaryGap:true,
+        //                 axisTick:{
+        //                     alignWithLabel:true //保证刻度线和标签对齐
+        //                 },
+        //             data: this.xData,
+        //             splitNumber:this.xData.length, //纵坐标数
+        //             interval:this.xData //强制设置坐标轴分割间隔
+        //         },
+        //         yAxis: {
+        //             type: 'value',
+        //             boundaryGap: true,
+        //             splitNumber:4, //纵坐标数
+        //             interval:10 //强制设置坐标轴分割间隔
+        //         },
+        //         legend: {
+        //             show: true,
+        //             align:'left',//文字在前图标在后
+        //             left:'15%',
+        //             top:'5%',
+        //             data: [{name:'血红蛋白g/L'}]
+        //         },
+        //         series: [
+        //         {
+        //             data: this.opinionData,
+        //             name:'血红蛋白g/L',
+        //             type: "line",// 类型设置为折线图
+        //             symbol: 'circle',
+        //             itemStyle: {
+        //                 normal: {
+        //                     color: '#409eff', //改变折线点的颜色#a80000
+        //                     lineStyle: {
+        //                         color: '#409eff' //改变折线颜色
+        //                     }
+        //                 }
+        //             },
+
+        //         },
+                
+        //         ],
+                
+        //     };
+        //     this.myChart = echarts.init(document.getElementById("germychart"));
+        //     this.myChart.setOption(option);
+        //     //随着屏幕大小调节图表
+        //     window.addEventListener("resize", () => {
+        //         this.myChart.resize();
+        //     });
+        // },
+    },
+    
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    margin: 20px;
+}
+</style>

src/xt_pages/Dialysisanalysis/otherIndicators/index.vue

+<!-- 其他指标 -->
+<template>
+    <div class="main-contain">
+      <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+      </div>
+      <div class="app-container">
+        <div class="page_patientControlAnalysis">
+            <el-tabs v-model="activeName" @tab-click="handleClick" >
+                <el-tab-pane label="统计全部" name="first">
+                  <keep-alive>
+                    <otherall v-if="activeName == 'first'"></otherall>
+                  </keep-alive>
+                </el-tab-pane>
+                
+                <el-tab-pane label="统计个人" name="second">
+                  <keep-alive>
+                    <otheralone v-if="activeName == 'second'"></otheralone>
+                  </keep-alive>
+                </el-tab-pane>
+            
+            </el-tabs>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+<script>
+// import echarts from 'echarts'
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import otherall from './otherall.vue'
+import otheralone from './otheralone.vue'
+export default {
+    name:'thyroidGland',
+    components: {
+        BreadCrumb,
+        otherall,
+        otheralone
+    },
+    data() {
+        return {
+            activeName: 'first'
+        }
+    },
+    methods:{
+      handleClick(tab, event) {
+        console.log(tab, event);
+      }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+// .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/Dialysisanalysis/otherIndicators/otherall.vue

+<template>
+    <div>
+        <!-- <div class="content_top">
+            <div class="block">
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="time_month"
+                type="month"
+                placeholder="选择月">
+                </el-date-picker>
+            </div>
+            <div>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+            </div>
+            <div style="width: 200px;">
+                <el-input v-model="input" placeholder="请输入内容"></el-input>
+            </div>
+            <el-button type="primary">查询</el-button>
+        </div> -->
+        
+        <el-row :gutter="20">
+        <el-col :span="5"> 
+          <div class="block">
+            <span>查询时间:</span>
+            <el-date-picker
+            v-model="time_month"
+            type="month"
+            placeholder="选择月">
+            </el-date-picker>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div>
+            <el-date-picker
+            v-model="stat_time"
+            type="date"
+            placeholder="选择日期">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+            v-model="end_time"
+            type="date"
+            placeholder="选择日期">
+            </el-date-picker>
+          </div>
+        </el-col>
+        <el-col :span="3">
+          <div style="width: 200px;">
+            <el-input v-model="input" placeholder="请输入内容"></el-input>
+          </div>
+        </el-col>
+        <el-col :span="2">
+            <el-button type="primary">查询</el-button>
+        </el-col>
+        </el-row>
+        
+        <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+          <p class="chartTitle">统计图</p>
+        </div>
+        <div class="echart" id="mychart" :style={width:width,height:height}></div>
+        <div style="width: 80%;margin: auto;">
+            <el-table
+            :data="tableData"
+            :show-summary = true
+            border
+            style="width: 100%;">
+                <el-table-column
+                    prop="date"
+                    align="center"
+                    label="白蛋白"
+                    >
+                </el-table-column>
+                <el-table-column
+                    prop="name"
+                    
+                    label="人数"
+                    >
+                </el-table-column>
+                <el-table-column
+                    prop="address"
+                    align="center"
+                    label="操作">
+                    <template slot-scope="scope">
+                        <el-button @click="handleClick(scope.row)" style="font-size:16px;"
+                                type="text" >查看详情
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </div>
+</template>
+<script>
+import * as echarts from "echarts";
+export default{
+    props: {
+   
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "400px"
+    },
+    
+  },
+    data() {
+        return {
+            time_month:'',
+            stat_time:'',
+            end_time:'',
+            input:'',
+            myChart: {},
+            pieData : [
+            {
+          value: 463,
+          name: "不达标值患者"
+        },
+        {
+          value: 395,
+          name: "未检查患者"
+        },
+        {
+          value: 157,
+          name: "达标值患者"
+        },
+        // {
+        //   value: 149,
+        //   name: "广东"
+        // },
+        // {
+        //   value: 147,
+        //   name: "湖南"
+        // }
+            
+            ],
+            pieName: [],
+            // myChartStyle:{float: "right", width: "100%", height: "400px"},
+            tableData:[],
+        }
+    },
+    mounted() {
+    this.initDate(); //数据初始化
+    this.initEcharts();
+  },
+  methods: {
+    initDate() {
+      for (let i = 0; i < this.pieData.length; i++) {
+        this.pieName[i] = this.pieData[i].name;
+      }
+    },
+    initEcharts() {
+      // 饼图
+      const option = {
+        legend: {
+          // 图例
+          data: this.pieName,
+          left: "10%",
+          top: "30%",
+          orient: "vertical"
+        },
+        color:['#ff7f9f','#fff67f','#1e5feb'],
+        title: {
+          // 设置饼图标题，位置设为顶部居中
+        //   text: "国内院士前五省份图示",
+          top: "0%",
+          left: "center"
+        },
+        series: [
+          {
+            type: "pie",
+            label: {
+              normal : {
+                formatter: '{b}:{c}: ({d}%)',
+                textStyle : {
+                    fontWeight : 'normal',
+                    fontSize : 15,
+                    color : "black"
+                }
+              }
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+            },
+            radius: "65%", //饼图半径
+            data: this.pieData,
+            itemStyle : {
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      };
+    //   console.log(this.seriesData);
+      const optionFree = {
+        series: [
+          {
+            data: this.seriesData,
+            type: "line",
+            smooth: true
+          }
+        ]
+      };
+      this.myChart = echarts.init(document.getElementById("mychart"));
+      this.myChart.setOption(option);
+      //随着屏幕大小调节图表
+      window.addEventListener("resize", () => {
+        this.myChart.resize();
+      });
+    },
+    getSummaries(param) {
+        const { columns, data } = param;
+        const sums = [];
+        columns.forEach((column, index) => {
+          if (index === 0) {
+            sums[index] = '总价';
+            return;
+          }
+          const values = data.map(item => Number(item[column.property]));
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr);
+              if (!isNaN(value)) {
+                return prev + curr;
+              } else {
+                return prev;
+              }
+            }, 0);
+            sums[index] += ' 元';
+          } else {
+            sums[index] = 'N/A';
+          }
+        });
+
+        return sums;
+    },
+    handleClick(id){
+        console.log(id);
+    }
+  }
+
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    color: #1e5feb;
+}
+</style>

src/xt_pages/Dialysisanalysis/otherIndicators/otheralone.vue

+<template>
+    <div>
+       <div class="content_top">
+            <el-autocomplete
+            class="inline-input"
+            v-model="inputValue"
+            :fetch-suggestions="querySearch"
+            :trigger-on-focus="false"
+            placeholder="请输入患者名字或透析号"
+            @select="handleSubmit"
+            ></el-autocomplete>
+            <div>
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-button type="primary">查询</el-button>
+            </div>
+            <div>
+                <el-button type="primary">打印</el-button>
+                <el-button type="primary">导出</el-button>
+            </div>
+       </div>
+       <div style="margin: 20px 0px;">
+        <h2 >患者列表</h2>
+       </div>
+       <div >
+        <el-row :gutter="20">
+            <el-col :span="4">
+              <div class="grid-content bg-purple">
+                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
+                <!-- <h2>患者列表</h2> -->
+                <el-table
+                :data="tableData"
+                border
+                style="width: 100%">
+                    <el-table-column
+                        align="center"
+                        prop="date"
+                        label="透析号"
+                       >
+                    </el-table-column>
+                    <el-table-column
+                        align="center"
+                        prop="name"
+                        label="姓名"
+                        >
+                    </el-table-column>
+                </el-table>
+              </div>
+            </el-col>
+            <el-col :span="19">
+               <div class="grid-content bg-purple">
+                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
+                <el-table
+                    :data="tableData"
+                    style="width: 100%"
+                    border
+                    align="center"
+                    max-height="250">
+                    <el-table-column
+                    fixed
+                    prop="date"
+                    label="姓名"
+                   >
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"
+                    label="检查日期"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="白蛋白（g/L）"
+                    >
+                    </el-table-column>
+                    
+                </el-table>
+               </div>
+           </el-col>
+        </el-row>
+       </div>
+
+    </div>
+</template>
+<script>
+  import * as echarts from 'echarts'
+export default{
+    // props: {
+    //     width: {
+    //         type: String,
+    //         default: "100%"
+    //     },
+    //     height: {
+    //         type: String,
+    //         default: "400px"
+    //     },
+    
+    // },
+    data() {
+        return {
+            inputValue:'',
+            stat_time:'',
+            end_time:'',
+            value:'',
+            myChart: {},
+            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
+            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
+            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
+            tableData:[],
+        }
+    },
+    created(){
+        
+    },
+    mounted() {
+        // this.$nextTick(function() {
+            this.initEcharts();
+		// })  
+        // this.myChart = echarts.init(document.getElementById("germychart"));
+        //     this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                this.myChart.resize();
+            });
+    },
+    methods:{
+        handleSubmit(){
+            console.log('asdfa');
+        },
+        initEcharts() {
+            const option = {
+                xAxis: {
+                    type: 'category',
+                        boundaryGap:true,
+                        axisTick:{
+                            alignWithLabel:true //保证刻度线和标签对齐
+                        },
+                    data: this.xData,
+                    splitNumber:this.xData.length, //纵坐标数
+                    interval:this.xData //强制设置坐标轴分割间隔
+                },
+                yAxis: {
+                    type: 'value',
+                    boundaryGap: true,
+                    splitNumber:4, //纵坐标数
+                    interval:10 //强制设置坐标轴分割间隔
+                },
+                legend: {
+                    show: true,
+                    align:'left',//文字在前图标在后
+                    left:'15%',
+                    top:'5%',
+                    data: [{name:'白蛋白g/L'}]
+                },
+                series: [
+                {
+                    data: this.opinionData,
+                    name:'白蛋白g/L',
+                    type: "line",// 类型设置为折线图
+                    symbol: 'circle',
+                    itemStyle: {
+                        normal: {
+                            color: '#409eff', //改变折线点的颜色#a80000
+                            lineStyle: {
+                                color: '#409eff' //改变折线颜色
+                            }
+                        }
+                    },
+
+                },
+                
+                ],
+                
+            };
+            this.myChart = echarts.init(document.getElementById("germychart"));
+            this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                this.myChart.resize();
+            });
+        },
+    },
+    
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 20px;
+}
+</style>

src/xt_pages/Dialysisanalysis/platelets/index.vue

+<!-- 血小板-->
+<template>
+    <div class="main-contain">
+      <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+      </div>
+      <div class="app-container">
+        <div class="page_patientControlAnalysis">
+            <el-tabs v-model="activeName" @tab-click="handleClick" >
+                <el-tab-pane label="统计全部" name="first">
+                  <keep-alive>
+                    <plateletsall v-if="activeName == 'first'"></plateletsall>
+                  </keep-alive>
+                </el-tab-pane>
+                
+                <el-tab-pane label="统计个人" name="second">
+                  <keep-alive>
+                    <plateletsalone v-if="activeName == 'second'"></plateletsalone>
+                  </keep-alive>
+                </el-tab-pane>
+            
+            </el-tabs>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+<script>
+import echarts from 'echarts'
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import plateletsall from './plateletsall'
+import plateletsalone from './plateletsalone.vue'
+export default {
+    name:'thyroidGland',
+    components: {
+        BreadCrumb,
+        plateletsall,
+        plateletsalone
+    },
+    data() {
+        return {
+            activeName: 'first'
+        }
+    },
+    methods:{
+      handleClick(tab, event) {
+        console.log(tab, event);
+      }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+// .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/Dialysisanalysis/platelets/plateletsall.vue

+<template>
+    <div>
+        <!-- <div class="content_top">
+            <div class="block">
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="time_month"
+                type="month"
+                placeholder="选择月">
+                </el-date-picker>
+            </div>
+            <div>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+            </div>
+            <div style="width: 200px;">
+                <el-input v-model="input" placeholder="请输入内容"></el-input>
+            </div>
+            <el-button type="primary">查询</el-button>
+        </div> -->
+        
+        <el-row :gutter="20">
+        <el-col :span="5"> 
+          <div class="block">
+            <span>查询时间:</span>
+            <el-date-picker
+            v-model="time_month"
+            type="month"
+            placeholder="选择月">
+            </el-date-picker>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div>
+            <el-date-picker
+            v-model="stat_time"
+            type="date"
+            placeholder="选择日期">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+            v-model="end_time"
+            type="date"
+            placeholder="选择日期">
+            </el-date-picker>
+          </div>
+        </el-col>
+        <el-col :span="3">
+          <div style="width: 200px;">
+            <el-input v-model="input" placeholder="请输入内容"></el-input>
+          </div>
+        </el-col>
+        <el-col :span="2">
+            <el-button type="primary">查询</el-button>
+        </el-col>
+        </el-row>
+        
+        <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+          <p class="chartTitle">统计图</p>
+        </div>
+        <div class="echart" id="mychart" :style={width:width,height:height}></div>
+        <div style="width: 80%;margin: auto;">
+            <el-table
+            :data="tableData"
+            :show-summary = true
+            border
+            style="width: 100%;">
+                <el-table-column
+                    prop="date"
+                    align="center"
+                    label="血小板"
+                    >
+                </el-table-column>
+                <el-table-column
+                    prop="name"
+                    
+                    label="人数"
+                    >
+                </el-table-column>
+                <el-table-column
+                    prop="address"
+                    align="center"
+                    label="操作">
+                    <template slot-scope="scope">
+                        <el-button @click="handleClick(scope.row)" style="font-size:16px;"
+                                type="text" >查看详情
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </div>
+</template>
+<script>
+import * as echarts from "echarts";
+export default{
+    props: {
+   
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "400px"
+    },
+    
+  },
+    data() {
+        return {
+            time_month:'',
+            stat_time:'',
+            end_time:'',
+            input:'',
+            myChart: {},
+            pieData : [
+            {
+          value: 463,
+          name: "不达标值患者"
+        },
+        {
+          value: 395,
+          name: "未检查患者"
+        },
+        {
+          value: 157,
+          name: "达标值患者"
+        },
+        // {
+        //   value: 149,
+        //   name: "广东"
+        // },
+        // {
+        //   value: 147,
+        //   name: "湖南"
+        // }
+            
+            ],
+            pieName: [],
+            // myChartStyle:{float: "right", width: "100%", height: "400px"},
+            tableData:[],
+        }
+    },
+    mounted() {
+    this.initDate(); //数据初始化
+    this.initEcharts();
+  },
+  methods: {
+    initDate() {
+      for (let i = 0; i < this.pieData.length; i++) {
+        this.pieName[i] = this.pieData[i].name;
+      }
+    },
+    initEcharts() {
+      // 饼图
+      const option = {
+        legend: {
+          // 图例
+          data: this.pieName,
+          left: "10%",
+          top: "30%",
+          orient: "vertical"
+        },
+        color:['#ff7f9f','#fff67f','#1e5feb'],
+        title: {
+          // 设置饼图标题，位置设为顶部居中
+        //   text: "国内院士前五省份图示",
+          top: "0%",
+          left: "center"
+        },
+        series: [
+          {
+            type: "pie",
+            label: {
+              normal : {
+                formatter: '{b}:{c}: ({d}%)',
+                textStyle : {
+                    fontWeight : 'normal',
+                    fontSize : 15,
+                    color : "black"
+                }
+              }
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+            },
+            radius: "65%", //饼图半径
+            data: this.pieData,
+            itemStyle : {
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      };
+    //   console.log(this.seriesData);
+      const optionFree = {
+        series: [
+          {
+            data: this.seriesData,
+            type: "line",
+            smooth: true
+          }
+        ]
+      };
+      this.myChart = echarts.init(document.getElementById("mychart"));
+      this.myChart.setOption(option);
+      //随着屏幕大小调节图表
+      window.addEventListener("resize", () => {
+        this.myChart.resize();
+      });
+    },
+    getSummaries(param) {
+        const { columns, data } = param;
+        const sums = [];
+        columns.forEach((column, index) => {
+          if (index === 0) {
+            sums[index] = '总价';
+            return;
+          }
+          const values = data.map(item => Number(item[column.property]));
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr);
+              if (!isNaN(value)) {
+                return prev + curr;
+              } else {
+                return prev;
+              }
+            }, 0);
+            sums[index] += ' 元';
+          } else {
+            sums[index] = 'N/A';
+          }
+        });
+
+        return sums;
+    },
+    handleClick(id){
+        console.log(id);
+    }
+  }
+
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    color: #1e5feb;
+}
+</style>

src/xt_pages/Dialysisanalysis/platelets/plateletsalone.vue

+<template>
+    <div>
+       <div class="content_top">
+            <el-autocomplete
+            class="inline-input"
+            v-model="inputValue"
+            :fetch-suggestions="querySearch"
+            :trigger-on-focus="false"
+            placeholder="请输入患者名字或透析号"
+            @select="handleSubmit"
+            ></el-autocomplete>
+            <div>
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-button type="primary">查询</el-button>
+            </div>
+            <div>
+                <el-button type="primary">打印</el-button>
+                <el-button type="primary">导出</el-button>
+            </div>
+       </div>
+       <div style="margin: 20px 0px;">
+        <h2 >患者列表</h2>
+       </div>
+       <div >
+        <el-row :gutter="20">
+            <el-col :span="4">
+              <div class="grid-content bg-purple">
+                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
+                <!-- <h2>患者列表</h2> -->
+                <el-table
+                :data="tableData"
+                border
+                style="width: 100%">
+                    <el-table-column
+                        align="center"
+                        prop="date"
+                        label="透析号"
+                       >
+                    </el-table-column>
+                    <el-table-column
+                        align="center"
+                        prop="name"
+                        label="姓名"
+                        >
+                    </el-table-column>
+                </el-table>
+              </div>
+            </el-col>
+            <el-col :span="19">
+               <div class="grid-content bg-purple">
+                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
+                <el-table
+                    :data="tableData"
+                    style="width: 100%"
+                    border
+                    align="center"
+                    max-height="250">
+                    <el-table-column
+                    fixed
+                    prop="date"
+                    label="姓名"
+                   >
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"
+                    label="检查日期"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="血小板（/L）"
+                    >
+                    </el-table-column>
+                    
+                </el-table>
+               </div>
+           </el-col>
+        </el-row>
+       </div>
+
+    </div>
+</template>
+<script>
+  import * as echarts from 'echarts'
+export default{
+    // props: {
+    //     width: {
+    //         type: String,
+    //         default: "100%"
+    //     },
+    //     height: {
+    //         type: String,
+    //         default: "400px"
+    //     },
+    
+    // },
+    data() {
+        return {
+            inputValue:'',
+            stat_time:'',
+            end_time:'',
+            value:'',
+            myChart: {},
+            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
+            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
+            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
+            tableData:[],
+        }
+    },
+    created(){
+        
+    },
+    mounted() {
+        // this.$nextTick(function() {
+            this.initEcharts();
+		// })  
+        // this.myChart = echarts.init(document.getElementById("germychart"));
+        //     this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                this.myChart.resize();
+            });
+    },
+    methods:{
+        handleSubmit(){
+            console.log('asdfa');
+        },
+        initEcharts() {
+            const option = {
+                xAxis: {
+                    type: 'category',
+                        boundaryGap:true,
+                        axisTick:{
+                            alignWithLabel:true //保证刻度线和标签对齐
+                        },
+                    data: this.xData,
+                    splitNumber:this.xData.length, //纵坐标数
+                    interval:this.xData //强制设置坐标轴分割间隔
+                },
+                yAxis: {
+                    type: 'value',
+                    boundaryGap: true,
+                    splitNumber:4, //纵坐标数
+                    interval:10 //强制设置坐标轴分割间隔
+                },
+                legend: {
+                    show: true,
+                    align:'left',//文字在前图标在后
+                    left:'15%',
+                    top:'5%',
+                    data: [{name:'血小板/L'}]
+                },
+                series: [
+                {
+                    data: this.opinionData,
+                    name:'血小板/L',
+                    type: "line",// 类型设置为折线图
+                    symbol: 'circle',
+                    itemStyle: {
+                        normal: {
+                            color: '#409eff', //改变折线点的颜色#a80000
+                            lineStyle: {
+                                color: '#409eff' //改变折线颜色
+                            }
+                        }
+                    },
+
+                },
+                
+                ],
+                
+            };
+            this.myChart = echarts.init(document.getElementById("germychart"));
+            this.myChart.setOption(option);
+            //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                this.myChart.resize();
+            });
+        },
+    },
+    
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 20px;
+}
+</style>

src/xt_pages/Dialysisanalysis/qualitycontrol/individual.vue

+<template>
+    <div>
+       <div class="content_top">
+            <el-autocomplete
+            class="inline-input"
+            v-model="inputValue"
+            :fetch-suggestions="querySearch"
+            :trigger-on-focus="false"
+            placeholder="请输入患者名字或透析号"
+            @select="handleSubmit"
+            ></el-autocomplete>
+            <div>
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-button type="primary">查询</el-button>
+            </div>
+            <div>
+                <el-button type="primary">打印</el-button>
+                <el-button type="primary">导出</el-button>
+            </div>
+       </div>
+       <div style="margin: 20px 0px;">
+        <h2 >患者列表</h2>
+       </div>
+       <div >
+        <el-row :gutter="20">
+            <el-col :span="4">
+              <div class="grid-content bg-purple">
+                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
+                <!-- <h2>患者列表</h2> -->
+                <el-table
+                :data="tableData"
+                border
+                style="width: 100%">
+                    <el-table-column
+                        align="center"
+                        prop="date"
+                        label="透析号"
+                       >
+                    </el-table-column>
+                    <el-table-column
+                        align="center"
+                        prop="name"
+                        label="姓名"
+                        >
+                    </el-table-column>
+                </el-table>
+              </div>
+            </el-col>
+            <el-col :span="19">
+               <div class="grid-content bg-purple">
+                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
+                <el-table
+                    :data="tableData"
+                    style="width: 100%"
+                    border
+                    align="center"
+                    max-height="250">
+                    <el-table-column
+                    fixed
+                    prop="date"
+                    label="姓名"
+                   >
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"
+                    label="检查日期"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="甲状旁腺激素（pg/ml）"
+                    >
+                    </el-table-column>
+                    
+                </el-table>
+               </div>
+           </el-col>
+        </el-row>
+       </div>
+
+    </div>
+</template>
+<script>
+  import * as echarts from 'echarts'
+export default{
+    // props: {
+    //     width: {
+    //         type: String,
+    //         default: "100%"
+    //     },
+    //     height: {
+    //         type: String,
+    //         default: "400px"
+    //     },
+    
+    // },
+    data() {
+        return {
+            inputValue:'',
+            stat_time:'',
+            end_time:'',
+            value:'',
+            querySearch:'',
+            tableData:[],
+            options:[],
+            myChartTwo: {},
+            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
+            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
+            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
+            
+        }
+    },
+    created(){
+        
+       
+    },
+    mounted() {
+        // this.$nextTick(function() {
+            this.initEcharts();
+            // this.myChartTwo = echarts.init(document.getElementById("germychart"));
+            // this.myChartTwo.setOption(option);
+            // // //随着屏幕大小调节图表
+            // window.addEventListener("resize", () => {
+            //     console.log('asdfgfdhdgfdghdffgasda');
+            //     this.myChartTwo.resize();
+            // });
+            
+            // window.onresize = this.myChartTwo.resize;
+		// })  
+    },
+    // beforeDestroy(){
+    //     window.addEventListener("resize", () => {
+    //         this.myChartTwo.resize();
+    //     });
+    //     const quality = document.getElementById("germychart");
+    //     quality.addEventListener("transitionend", this.__resizeHanlder);
+    // },
+    methods:{
+        handleSubmit(){
+            console.log('asdfa');
+            this.querySearch
+        },
+        initEcharts() {
+            this.myChartTwo = echarts.init(document.getElementById("germychart"));
+            console.log('zxczvbbnm,m');
+            const option = {
+                xAxis: {
+                    type: 'category',
+                        boundaryGap:true,
+                        axisTick:{
+                            alignWithLabel:true //保证刻度线和标签对齐
+                        },
+                    data: this.xData,
+                    splitNumber:this.xData.length, //纵坐标数
+                    interval:this.xData //强制设置坐标轴分割间隔
+                },
+                yAxis: {
+                    type: 'value',
+                    boundaryGap: true,
+                    splitNumber:4, //纵坐标数
+                    interval:10 //强制设置坐标轴分割间隔
+                },
+                legend: {
+                    // show: true,
+                    align:'left',//文字在前图标在后
+                    left:'15%',
+                    top:'5%',
+                    data: [{name:'甲状旁腺激素 pg/ml'}]
+                },
+                grid:{
+                    show:true,
+                    left: "5%",
+                    right: "5%",
+                    bottom: "5%"
+                },
+                series: [
+                {
+                    data: this.opinionData,
+                    name:'甲状旁腺激素 pg/ml',
+                    type: "line",// 类型设置为折线图
+                    symbol: 'circle',
+                    itemStyle: {
+                        normal: {
+                            color: '#409eff', //改变折线点的颜色#a80000
+                            lineStyle: {
+                                color: '#409eff' //改变折线颜色
+                            }
+                        }
+                    },
+
+                },
+                
+                ],
+                
+            };
+            
+            this.myChartTwo.setOption(option);
+            // //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                console.log('123456788');
+                this.myChartTwo.resize();
+            });
+            
+            // window.onresize = this.myChartTwo.resize;
+        },
+    },
+    
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 20px;
+}
+</style>

src/xt_pages/Dialysisanalysis/qualitycontrol/thyroidGland.vue

+<!-- 甲状旁腺激素分析 -->
+<template>
+    <div class="main-contain">
+      <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+      </div>
+      <div class="app-container">
+        <div class="page_patientControlAnalysis">
+            <el-tabs v-model="activeName" @tab-click="handleClick" >
+                <el-tab-pane label="统计全部" name="first">
+                  <keep-alive>
+                    <totalSstatistics v-if="activeName == 'first'"></totalSstatistics>
+                  </keep-alive>
+                </el-tab-pane>
+                
+                <el-tab-pane label="统计个人" name="second">
+                  <keep-alive>
+                    <individual v-if="activeName == 'second'"></individual>
+                  </keep-alive>
+                </el-tab-pane>
+            
+            </el-tabs>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+<script>
+// import echarts from 'echarts'
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import totalSstatistics from './totalSstatistics.vue'
+import individual from './individual.vue'
+export default {
+    name:'thyroidGland',
+    components: {
+        BreadCrumb,
+        totalSstatistics,
+        individual
+    },
+    data() {
+        return {
+            activeName: 'first',
+          
+        }
+    },
+    methods:{
+      handleClick(tab, event) {
+        console.log(tab, event);
+      }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+// .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/Dialysisanalysis/qualitycontrol/totalSstatistics.vue

+
+<template>
+  <div>
+      <!-- <div class="content_top">
+          <div class="block">
+              <span>查询时间:</span>
+              <el-date-picker
+              v-model="time_month"
+              type="month"
+              placeholder="选择月">
+              </el-date-picker>
+          </div>
+          <div>
+              <el-date-picker
+              v-model="stat_time"
+              type="date"
+              placeholder="选择日期">
+              </el-date-picker>
+              <span>-</span>
+              <el-date-picker
+              v-model="end_time"
+              type="date"
+              placeholder="选择日期">
+              </el-date-picker>
+          </div>
+          <div style="width: 200px;">
+              <el-input v-model="input" placeholder="请输入内容"></el-input>
+          </div>
+          <el-button type="primary">查询</el-button>
+      </div> -->
+      <el-row :gutter="20">
+      <el-col :span="5"> 
+        <div class="block">
+          <span>查询时间:</span>
+          <el-date-picker
+          v-model="time_month"
+          type="month"
+          placeholder="选择月">
+          </el-date-picker>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div>
+          <el-date-picker
+          v-model="stat_time"
+          type="date"
+          placeholder="选择日期">
+          </el-date-picker>
+          <span>-</span>
+          <el-date-picker
+          v-model="end_time"
+          type="date"
+          placeholder="选择日期">
+          </el-date-picker>
+        </div>
+      </el-col>
+      <el-col :span="3">
+        <div style="width: 200px;">
+          <el-input v-model="input" placeholder="请输入内容"></el-input>
+        </div>
+      </el-col>
+      <el-col :span="2">
+          <el-button type="primary">查询</el-button>
+      </el-col>
+      </el-row>
+      
+      <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+        <p class="chartTitle">统计图</p>
+      </div>
+      <div class="echart" id="mychart" :style={width:width,height:height}></div>
+      <div style="width: 80%;margin: auto;">
+          <el-table
+          :data="tableData"
+          :show-summary = true
+          border
+          style="width: 100%;">
+              <el-table-column
+                  prop="date"
+                  align="center"
+                  label="甲状旁腺激素"
+                  >
+              </el-table-column>
+              <el-table-column
+                  prop="name"
+                  
+                  label="人数"
+                  >
+              </el-table-column>
+              <el-table-column
+                  prop="address"
+                  align="center"
+                  label="操作">
+                  <template slot-scope="scope">
+                      <el-button @click="handleClick(scope.row)" style="font-size:16px;"
+                              type="text" >查看详情
+                      </el-button>
+                  </template>
+              </el-table-column>
+          </el-table>
+      </div>
+  </div>
+</template>
+<script>
+import * as echarts from "echarts";
+export default{
+  props: {
+ 
+  width: {
+    type: String,
+    default: "100%"
+  },
+  height: {
+    type: String,
+    default: "400px"
+  },
+  
+},
+  data() {
+      return {
+          time_month:'',
+          stat_time:'',
+          end_time:'',
+          input:'',
+          myChart: {},
+          pieData : [
+          {
+        value: 463,
+        name: "不达标值患者"
+      },
+      {
+        value: 395,
+        name: "未检查患者"
+      },
+      {
+        value: 157,
+        name: "达标值患者"
+      },
+      // {
+      //   value: 149,
+      //   name: "广东"
+      // },
+      // {
+      //   value: 147,
+      //   name: "湖南"
+      // }
+          
+          ],
+          pieName: [],
+          // myChartStyle:{float: "right", width: "100%", height: "400px"},
+          tableData:[],
+      }
+  },
+  mounted() {
+  this.initDate(); //数据初始化
+  this.initEcharts();
+},
+methods: {
+  initDate() {
+    for (let i = 0; i < this.pieData.length; i++) {
+      this.pieName[i] = this.pieData[i].name;
+    }
+  },
+  initEcharts() {
+    // 饼图
+    this.myChart = echarts.init(document.getElementById("mychart"));
+    window.addEventListener("resize", () => {
+      console.log('098765adsfghg');
+      this.myChart.resize();
+    });
+    console.log('09876543454676');
+    const option = {
+      legend: {
+        // 图例
+        data: this.pieName,
+        left: "10%",
+        top: "30%",
+        orient: "vertical"
+      },
+      color:['#ff7f9f','#fff67f','#1e5feb'],
+      title: {
+        // 设置饼图标题，位置设为顶部居中
+      //   text: "国内院士前五省份图示",
+        top: "0%",
+        left: "center"
+      },
+      series: [
+        {
+          type: "pie",
+          label: {
+            normal : {
+              formatter: '{b}:{c}: ({d}%)',
+              textStyle : {
+                  fontWeight : 'normal',
+                  fontSize : 15,
+                  color : "black"
+              }
+            }
+            // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+          },
+          radius: "65%", //饼图半径
+          data: this.pieData,
+          itemStyle : {
+            emphasis: {
+              shadowBlur: 10,
+              shadowOffsetX: 0,
+              shadowColor: 'rgba(0, 0, 0, 0.5)'
+            }
+          }
+        }
+      ]
+    };
+  //   console.log(this.seriesData);
+    const optionFree = {
+      series: [
+        {
+          data: this.seriesData,
+          type: "line",
+          smooth: true
+        }
+      ]
+    };
+    this.myChart = echarts.init(document.getElementById("mychart"));
+    this.myChart.setOption(option);
+    //随着屏幕大小调节图表
+  //   window.addEventListener("resize", () => {
+  //     this.myChart.resize();
+  //   });
+  },
+  getSummaries(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '总价';
+          return;
+        }
+        const values = data.map(item => Number(item[column.property]));
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              return prev;
+            }
+          }, 0);
+          sums[index] += ' 元';
+        } else {
+          sums[index] = 'N/A';
+        }
+      });
+
+      return sums;
+  },
+  handleClick(id){
+      console.log(id);
+  }
+}
+
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+  display: flex;
+  justify-content: space-around;
+  color: #1e5feb;
+}
+</style>

src/xt_pages/data/components/dialysisAfter.vue

               type="primary"
               icon="el-icon-view"
               @click="handleShow(scope.$index, scope.row)"
+
             >
             </el-button>
             
               type="danger"
               icon="el-icon-remove-outline"
               @click="handleHideOne(scope.$index, scope.row)"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
             >
             </el-button>
 
            
             <el-button
               v-if="scope.row.is_write!=undefined&&scope.row.is_write == 0"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
               size="small"
               type="primary"
               icon="el-icon-view"

src/xt_pages/data/components/dialysisBefore.vue

               size="small"
               type="danger"
               icon="el-icon-remove-outline"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
               @click="handleHideOne(scope.$index, scope.row)"
             >
             </el-button>
 
             <el-button
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
               v-if="scope.row.is_write!=undefined&&scope.row.is_write == 0"
               size="small"
               type="primary"

src/xt_pages/data/components/dialysisComputer.vue

               type="danger"
               icon="el-icon-remove-outline"
               @click="handleHideOne(scope.$index, scope.row)"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
             >
             </el-button>
 
             
             <el-button
               v-if="scope.row.is_write!=undefined&&scope.row.is_write == 0"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
               size="small"
               type="primary"
               icon="el-icon-view"

src/xt_pages/data/components/dialysisMonitor.vue

               type="danger"
               icon="el-icon-remove-outline"
               @click="handleHideOne(scope.$index, scope.row)"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
             >
             </el-button>
 
               type="primary"
               icon="el-icon-view"
               @click="handleShowOne(scope.$index, scope.row)"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
             >
             </el-button>
         </template>

src/xt_pages/data/components/dialysisOff.vue

 
             <el-button
               v-if="scope.row.is_write!=undefined&&scope.row.is_write == 1"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
               size="small"
               type="danger"
               icon="el-icon-remove-outline"
            
             <el-button
               v-if="scope.row.is_write!=undefined&&scope.row.is_write == 0"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
               size="small"
               type="primary"
               icon="el-icon-view"

src/xt_pages/data/components/dialysisPrescription.vue

               size="small"
               type="danger"
               icon="el-icon-remove-outline"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
               @click="handleHideOne(scope.$index, scope.row)"
             >
             </el-button>
               size="small"
               type="primary"
               icon="el-icon-view"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
               @click="handleShowOne(scope.$index, scope.row)"
             >
             </el-button>

src/xt_pages/data/components/dialysisSummary.vue

             </el-button>
             <el-button
               v-if="scope.row.is_write!=undefined&&scope.row.is_write == 1"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
               size="small"
               type="danger"
               icon="el-icon-remove-outline"
             
             <el-button
               v-if="scope.row.is_write!=undefined&&scope.row.is_write == 0"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
               size="small"
               type="primary"
               icon="el-icon-view"

src/xt_pages/data/components/doubleCheck.vue

               type="danger"
               icon="el-icon-remove-outline"
               @click="handleHideOne(scope.$index, scope.row)"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
             >
             </el-button>
 
               type="primary"
               icon="el-icon-view"
               @click="handleShowOne(scope.$index, scope.row)"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
             >
             </el-button>
         </template>

src/xt_pages/data/components/receiveTreatmentAsses.vue

               size="small"
               type="danger"
               icon="el-icon-remove-outline"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
               @click="handleHideOne(scope.$index, scope.row)"
             >
             </el-button>
               size="small"
               type="primary"
               icon="el-icon-view"
+              :disabled="scope.row.is_second_menu!=undefined&&scope.row.is_second_menu ==0?false:true"
               @click="handleShowOne(scope.$index, scope.row)"
             >
             </el-button>

src/xt_pages/dialysis/bloodPresssWatch.vue

           type="primary"
           >批量打印</el-button>
       </template>
-      
+      <template v-if="this.template_id == 65">
+        <el-button
+          size="small"
+          icon="el-icon-printer"
+          :disabled="selecting_schs.length == 0"
+          @click="batchPrintAction"
+          type="primary"
+          >批量打印</el-button>
+      </template>
 
     </div>
     <div class="app-container">
         style="width: 100%"
         v-loading="loading"
         border
-
         @current-change="clickCurrent"
         @selection-change="handleSelectionChange"
         highlight-current-row
         </el-table-column>
 
 
-
-
-
-
-
-
        <el-table-column label="超滤量(ml)" align="center"
              v-if="
               isShow('超滤量') &&
             </template>
         </el-table-column>
 
-
       <el-table-column label="置换率(L/h)" align="center"
           v-if="
           isShow('置换率') &&
         this.$router.push({ path: "/dialysis/print/batch/sixtyOne" });
       }else if (this.template_id == 62) {
         this.$router.push({ path: "/dialysis/print/batch/sixtyTwo" });
+      }else if (this.template_id == 65) {//dialysis/print/batch/sixtyFive
+        this.$router.push({ path: "/dialysis/print/batch/sixtyFive" });
       }
+
     },
     batchPrintActionOne: function() {
       if (this.selecting_schs.length === 0) {

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

       v-on:dialog-comfirm="DialogComfirm"
       v-on:dialog-cancle="DialogCancle"
     ></multi-select-box>
+
+    <el-dialog
+          title="提示"
+          :visible.sync="infoDialogVisible"
+          width="30%">
+          <span>
+           <el-form>
+             <el-row>
+               <span>申请日期:</span>
+                <span>
+                    <el-date-picker
+                      type="datetime"
+                      format="yyyy-MM-dd HH:mm"
+                      value-format="yyyy-MM-dd HH:mm"
+                      placeholder="选择时间"
+                      v-model="selected_date"
+                  ></el-date-picker>
+                </span>
+             </el-row>
+             <el-row>
+               <span>备注:</span>
+                <span>
+                   <el-input v-model="remark" style="width:200px"></el-input>
+                </span>
+             </el-row>
+           </el-form>
+         
+          </span>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="infoDialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="saveInformation">确 定</el-button>
+          </span>
+        </el-dialog>
+
   </div>
 </template>
 
 <script>
 import { getDataConfig } from '@/utils/data'
 import MultiSelectBox from './MultiSelectBox'
-import { postAssessmentAfterDislysis } from '@/api/dialysis'
+import { postAssessmentAfterDislysis,saveInformation } from '@/api/dialysis'
 import { uParseTime } from '@/utils/tools'
 import store from '@/store'
 import { parseTime } from '@/utils'
       consciousnessList:[],
       fallriskList:[],
       machineList:[],
-      
+      infoDialogVisible:false,
+      selected_date:"",
+      remark:""
     }
   },
   watch: {
           data["after_urea"] = this.form.after_urea
           data["pip_coagulation"] = this.form.pip_coagulation
           data["accumulated_blood_volume"] = this.form.accumulated_blood_volume
+          console.log("Data",data)
           console.log("Paramsquery",data)
 
           postAssessmentAfterDislysis(ParamsQuery, data)
               this.loading = false
               if (response.data.state == 0) {
                 this.$message.error(response.data.msg)
+                if(response.data.code == 600000008){
+                  this.infoDialogVisible = true
+                }
                 return false
               } else {
                 this.$notify({
                 }
                 this.hide()
               }
-            })
-            .catch(v => {
+            }).catch(v => {
               this.loading = false
             })
         }else {
             }
           }
         })
-    }
+    },
+    saveInformation(){
+        var params = {
+          selected_date:this.selected_date,
+          patient_id:this.$route.query.patient_id,
+          record_date:this.$route.query.date,
+          module:2,
+          remark:this.remark,
+        }
+        saveInformation(params).then(response=>{
+           if(response.data.state == 1){
+             var information = response.data.data.information
+             this.$message.success("提交成功!")
+             this.infoDialogVisible = false
+           }
+        })
+      }
   },
   created() {
     // console.log("this.form", this.form.consciousness);

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

         :cell-class-name="adviceNameShow"
         :modal-append-to-body="false"
         highlight-current-row
-        
+
       >
       <!-- @selection-change="handleSelectionChange" -->
         <!-- <el-table-column type="selection"  width="55"></el-table-column> -->
             <el-dropdown trigger="click" v-if="scope.row.parent_id > 0">
               <span class="el-dropdown-link">
                 &emsp;{{ getAdviceContent(scope.row, 2)}}
-               
+
                 <i class="el-icon-arrow-down el-icon--right"></i>
               </span>
               <el-dropdown-menu slot="dropdown">
         </el-table-column>
       </el-table>
 
-     
+
 
       <el-table
         v-if="his_is_open  == 1 || is_advice_open == 1"
             <el-dropdown trigger="click" v-if="scope.row.parent_id > 0">
               <span class="el-dropdown-link">
                 &emsp;{{ getAdviceContent(scope.row, 2)}}
-                 
+
                 <i class="el-icon-arrow-down el-icon--right"></i>
               </span>
               <el-dropdown-menu slot="dropdown">
     getPatientSchedule
   } from '@/api/advice'
   import { getDataConfig } from '@/utils/data'
-
+  import { saveInformation } from '@/api/dialysis'
   import request from '@/utils/request'
   import { getDialysisScheduleDetail } from '@/api/dialysis_record'
   import { getSelfMedicalList } from "@/api/drug/drug"
       },
 
       'doctor_advices': function() {
-      
+
         this.handleSpanTempArrOne();
       },
-     
+
     },
     methods: {
       handleSpanTempArrOne() {
           this.tempArrOne = [];
-         
+
           for (let i = 0; i < this.doctor_advices.length; i++) {
             if (i === 0) {
               this.tempArrOne.push(1);
       handleSelectionChange(){
 
       },
-     
-    
+
+
       //调试
       lili(index,row){
         // console.log("==index==",index)
               response => {
                 if (response.data.state == 0) {
                   this.$message.error(response.data.msg);
+                  if(response.data.code == 600000008){
+                     this.infoDialogVisible = true
+                   }
                   return false;
                 } else {
                   this.$notify({
           return ''
         }
       },
-     
+
       submitEditAdvice() {
         // console.log()
         console.log("保存22222222222222")
           response => {
             if (response.data.state == 0) {
               this.$message.error(response.data.msg)
+              if(response.data.code == 600000008){
+               this.infoDialogVisible = true
+              }
               return false
             } else {
               this.$notify({
         ExecDoctorAdvice(this.patient.id, this.currentRow.id, this.execTime, mode,this.currentRow.origin).then(response => {
             if (response.data.state == 0) {
               this.$message.error(response.data.msg)
+             if(response.data.code == 600000008){
+               this.infoDialogVisible = true
+             }
               this.exceLoading = false
               return false
             } else {
             this.loading = false
             if (response.data.state == 0) {
               this.$message.error(response.data.msg)
+              if(response.data.code == 600000008){
+               this.infoDialogVisible = true
+              }
               return false
             } else {
               this.$notify({
               response => {
                 if (response.data.state == 0) {
                   this.$message.error(response.data.msg)
-
+                  if(response.data.code == 600000008){
+                    this.infoDialogVisible = true
+                  }
                   this.deleLoading = false
                   return false
                 } else {
             DeleteGroupAdvice(groupno, mode).then(response => {
               if (response.data.state == 0) {
                 this.$message.error(response.data.msg)
+                if(response.data.code == 600000008){
+                 this.infoDialogVisible = true
+                }
                 return false
               } else {
                 this.$notify({
               this.deleLoading = false
               if (response.data.state == 0) {
                 this.$message.error(response.data.msg)
+                if(response.data.code == 600000008){
+                   this.infoDialogVisible = true
+                }
                 return false
               } else {
                 this.$notify({
             DeleteDoctorAdvice(this.currentRow.id, mode).then(response => {
               this.deleLoading = false
               if (response.data.state == 0) {
+                 if(response.data.code == 600000008){
+                  this.infoDialogVisible = true
+                 }
                 this.$message.error(response.data.msg)
                 return false
               } else {
         return true
       }
       ,
-    
-      
+      mergeSpan({ row, column, rowIndex, columnIndex }) {
+        if (columnIndex != 2) {
+          const _row = this.tempArr[rowIndex]
+          const _col = _row > 0 ? 1 : 0
+          return {
+            rowspan: _row,
+            colspan: _col
+          }
+        }
+      }
+      ,
       handleSpanTempArr() {
         this.tempArr = []
 
         // });
       },
       objectSpanMethod({ row, column, rowIndex, columnIndex }) {
-        console.log("hhhhhhhhhh",this.tempArrOne)
-        //合并单元格
-        if (columnIndex === 0 || columnIndex === 1 ) {
-          const _row = this.tempArrOne[rowIndex];
-          const _col = _row > 0 ? 1 : 0;
-          console.log("_row====",_row)
-          console.log("_row----------",_col)
-          return {
-            rowspan: _row,
-            colspan: _col
-          };
-        }
-        // if (columnIndex === 0) {
-        //   if (rowIndex % 2 === 0) {
-        //     return {
-        //       rowspan: 2,
-        //       colspan: 1
-        //     }
-        //   } else {
-        //     return {
-        //       rowspan: 0,
-        //       colspan: 0
-        //     }
-        //   }
-        // }
 
-        // if (columnIndex === 1) {
-        //   if (rowIndex % 2 === 0) {
-        //     return {
-        //       rowspan: 2,
-        //       colspan: 1
-        //     }
-        //   } else {
-        //     return {
-        //       rowspan: 0,
-        //       colspan: 0
-        //     }
-        //   }
-        // }
+        if (columnIndex === 0) {
+          if (rowIndex % 2 === 0) {
+            return {
+              rowspan: 2,
+              colspan: 1
+            }
+          } else {
+            return {
+              rowspan: 0,
+              colspan: 0
+            }
+          }
+        }
+
+        if (columnIndex === 1) {
+          if (rowIndex % 2 === 0) {
+            return {
+              rowspan: 2,
+              colspan: 1
+            }
+          } else {
+            return {
+              rowspan: 0,
+              colspan: 0
+            }
+          }
+        }
       }
       ,
       GetLastOrNextDoctorAdvice(params) {
          }
          console.log("nam e23233232322323wo",name)
          return name
+      },
+
+     saveInformation(){
+        var params = {
+          selected_date:this.selected_date,
+          patient_id:this.$route.query.patient_id,
+          record_date:this.$route.query.date,
+          module:2,
+          remark:this.remark,
+        }
+        saveInformation(params).then(response=>{
+           if(response.data.state == 1){
+             var information = response.data.data.information
+             this.$message.success("审核成功!")
+             this.infoDialogVisible = false
+           }
+        })
       }
+
     },
     created() {
-     
+
       var date = this.$route.query && this.$route.query.date
       this.record_date = uParseTime(date, '{y}-{m}-{d}')
       this.form.advice_date = this.record_date

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

 <template>
+ <div>
+  <div>
   <div>
   <el-dialog
     title="接诊评估"
       infoDialogVisible:false,
       selected_date:"",
       remark:"",
+      arr:[]
       arr:[],
-   
+
     };
   },
   methods: {
 
     handleComfirm: function (formName) {
       // var arr = [];
+        if(this.precaution_arr!=null && this.precaution_arr.length >0){
+        for (let i = 0; i < this.precaution_arr.length; i++) {
+          for (let j = 0; j < this.precautionTwo.length; j++) {
+            if (this.precaution_arr[i].name == this.precautionTwo[j]) {
+              this.arr.push(this.precaution_arr[i].id);
+            }
+          }
+        }
+        var obj = this.arr.join(",");
+      }
+
+      this.receiveTreatmentAsses.precaution = obj;
+
 
       if(this.precaution_arr!=null){
         for (let i = 0; i < this.precaution_arr.length; i++) {
           var obj = this.arr.join(",");
           this.receiveTreatmentAsses.precaution = obj;
          }
-            
+
       }
 
 
           postAccepts(ParamsQuery).then((response) => {
             if (response.data.state == 0) {
               this.$message.error(response.data.msg);
+               if(response.data.code == 600000008){
+                 this.infoDialogVisible = true
+               }
               return false;
             } else {
               this.$notify({
         saveInformation(params).then(response=>{
            if(response.data.state == 1){
              var information = response.data.data.information
-             this.$message.success("审核成功!")
+             this.$message.success("提交成功!")
              this.infoDialogVisible = false
            }
         })

src/xt_pages/dialysis/details/dialog/adviceDialog/AddGroupAdvice.vue

         </el-button>
       </div>
     </el-dialog>
+
+
+    <el-dialog
+      title="提示"
+      :visible.sync="infoDialogVisible"
+      width="30%">
+      <span>
+        <el-form>
+          <el-row>
+            <span>申请日期:</span>
+            <span>
+                <el-date-picker
+                  type="datetime"
+                  format="yyyy-MM-dd HH:mm"
+                  value-format="yyyy-MM-dd HH:mm"
+                  placeholder="选择时间"
+                  v-model="selected_date"
+              ></el-date-picker>
+            </span>
+          </el-row>
+          <el-row>
+            <span>备注:</span>
+            <span>
+                <el-input v-model="remark" style="width:200px"></el-input>
+            </span>
+          </el-row>
+        </el-form>
+      
+      </span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="infoDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="saveInformation">确 定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
   getDoctorAdviceList,
   StopDoctorAdvice
 } from "@/api/advice";
+import { saveInformation } from "@/api/dialysis";
 import { getDataConfig } from '@/utils/data'
 import {getSelfMedicalList,getDrugDescByDrugName } from "@/api/drug/drug"
 import { duration } from 'moment';
       src_type:"",
       private_drug_config:{},
       units:[],
+      infoDialogVisible:false,
+      selected_date:"",
+      remark:""
     };
   },
   props: {
             response => {
               if (response.data.state == 0) {
                 this.$message.error(response.data.msg);
+                if(response.data.code == 600000008){
+                 this.infoDialogVisible = true
+                }
                 return false;
               } else {
                 this.$notify({
            }
          }
          return name
+      },
+    
+    saveInformation(){
+        var params = {
+          selected_date:this.selected_date,
+          patient_id:this.$route.query.patient_id,
+          record_date:this.$route.query.date,
+          module:4,
+          remark:this.remark,
+        }
+        saveInformation(params).then(response=>{
+           if(response.data.state == 1){
+             var information = response.data.data.information
+             this.$message.success("提交成功!")
+             this.infoDialogVisible = false
+           }
+        })
       }
   },
   watch: {

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

           selected_date:this.selected_date,
           patient_id:this.$route.query.patient_id,
           record_date:this.$route.query.date,
-          module:2,
+          module:3,
           remark:this.remark,
         }
         saveInformation(params).then(response=>{
            if(response.data.state == 1){
              var information = response.data.data.information
-             this.$message.success("审核成功!")
+             this.$message.success("提交成功!")
              this.infoDialogVisible = false
            }
         })

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

   PostModifyStartDialysis,
   startDialysis,
 } from "@/api/dialysis_record";
+  import { saveInformation } from '@/api/dialysis'
 import { uParseTime } from "@/utils/tools";
 import { getDataConfig } from "@/utils/data";
 import { parseTime } from "@/utils";
             } else {
 
               this.$message.error(resp.msg);
-              if(response.data.code == 600000008){
+              if(resp.code == 600000008){
                 this.infoDialogVisible = true
               }
             }
           selected_date:this.selected_date,
           patient_id:this.$route.query.patient_id,
           record_date:this.$route.query.date,
-          module:2,
+          module:6,
           remark:this.remark,
         }
         saveInformation(params).then(response=>{
            if(response.data.state == 1){
              var information = response.data.data.information
-             this.$message.success("审核成功!")
+             this.$message.success("提交成功!")
              this.infoDialogVisible = false
            }
         })

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

                 v-on:dialog-cancle="innerDialogCancle"
         ></multi-select-box>
 
+
+     <el-dialog
+      title="提示"
+      :visible.sync="infoDialogVisible"
+      width="30%">
+      <span>
+        <el-form>
+          <el-row>
+            <span>申请日期:</span>
+            <span>
+                <el-date-picker
+                  type="datetime"
+                  format="yyyy-MM-dd HH:mm"
+                  value-format="yyyy-MM-dd HH:mm"
+                  placeholder="选择时间"
+                  v-model="selected_date"
+              ></el-date-picker>
+            </span>
+          </el-row>
+          <el-row>
+            <span>备注:</span>
+            <span>
+                <el-input v-model="remark" style="width:200px"></el-input>
+            </span>
+          </el-row>
+        </el-form>
+      
+      </span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="infoDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="saveInformation">确 定</el-button>
+      </span>
+    </el-dialog>
+
     </div>
 </template>
 
 <script>
-  import { CreateGroupAdvice, GetSolution, postPrescription, postSoulution } from '@/api/dialysis'
+  import { CreateGroupAdvice, GetSolution, postPrescription, postSoulution,saveInformation } from '@/api/dialysis'
   import { getDataConfig } from '@/utils/data'
   import { calculateAnticoagulantZL, uParseTime,replacementFlow } from '@/utils/tools'
   import store from '@/store'
         zongliang:"",
         educationList:[],
         value:"",
+        infoDialogVisible:false,
+        selected_date:"",
+        remark:"",
       }
 
     },
                 postPrescription(ParamsQuery).then(response => {
                   if (response.data.state == 0) {
                     this.$message.error(response.data.msg)
+                    if(response.data.code == 600000008){
+                       this.infoDialogVisible = true
+                    }
                     this.isLoading = false
                     return false
                   } else {
                           this.isLoading = false
                         } else {
                           this.isLoading = false
+                          if(resp.code == 600000008){
+                            this.infoDialogVisible = true
+                          }
                         }
                       }
                     )
                 postSoulution(ParamsQuery).then(response => {
                   if (response.data.state == 0) {
                     this.$message.error(response.data.msg)
+                    if(response.data.code == 600000008){
+                     this.infoDialogVisible = true
+                    }
                     this.isLoading = false
                     return false
                   } else {
                           this.isLoading = false
                         } else {
                           this.isLoading = false
+                          if(resp.code == 600000008){
+                            this.infoDialogVisible = true
+                          }
                         }
                       }
                     )
               postPrescription(ParamsQuery).then(response => {
                 if (response.data.state == 0) {
                   this.$message.error(response.data.msg)
+                   if(response.data.code == 600000008){
+                      this.infoDialogVisible = true
+                    }
                   return false
                 } else {
                   this.$notify({
               postSoulution(ParamsQuery).then(response => {
                 if (response.data.state == 0) {
                   this.$message.error(response.data.msg)
+                   if(response.data.code == 600000008){
+                     this.infoDialogVisible = true
+                    }
                   return false
                 } else {
                   this.$notify({
                 postPrescription(ParamsQuery).then(response => {
                   if (response.data.state == 0) {
                     this.$message.error(response.data.msg)
+                     if(response.data.code == 600000008){
+                      this.infoDialogVisible = true
+                     }
                     return false
                   } else {
                     this.$notify({
                   postPrescription(ParamsQuery).then(response => {
                     if (response.data.state == 0) {
                       this.$message.error(response.data.msg)
+                       if(response.data.code == 600000008){
+                        this.infoDialogVisible = true
+                       }
                       return false
                     } else {
                       this.$notify({
                   postPrescription(ParamsQuery).then(response => {
                     if (response.data.state == 0) {
                       this.$message.error(response.data.msg)
+                       if(response.data.code == 600000008){
+                        this.infoDialogVisible = true
+                       }
                       return false
                     } else {
                       this.$notify({
                             // this.doctorAdvices = resp.data.advices
                             this.$emit('advice')
                           } else {
+                             if(resp.code == 600000008){
+                               this.infoDialogVisible = true
+                             }
                           }
                         }
                       )
                   postPrescription(ParamsQuery).then(response => {
                     if (response.data.state == 0) {
                       this.$message.error(response.data.msg)
+                       if(response.data.code == 600000008){
+                        this.infoDialogVisible = true
+                       }
                       return false
                     } else {
                       this.$notify({
                   postPrescription(ParamsQuery).then(response => {
                     if (response.data.state == 0) {
                       this.$message.error(response.data.msg)
+                       if(response.data.code == 600000008){
+                        this.infoDialogVisible = true
+                       }
                       return false
                     } else {
                       this.$notify({
                     postPrescription(ParamsQuery).then(response => {
                       if (response.data.state == 0) {
                         this.$message.error(response.data.msg)
+                         if(response.data.code == 600000008){
+                            this.infoDialogVisible = true
+                          }
                         return false
                       } else {
                         this.$notify({
                     postPrescription(ParamsQuery).then(response => {
                       if (response.data.state == 0) {
                         this.$message.error(response.data.msg)
+                        if(response.data.code == 600000008){
+                           this.infoDialogVisible = true
+                        }
                         return false
                       } else {
                         this.$notify({
                             // this.doctorAdvices = resp.data.advices
                             this.$emit('advice')
                           } else {
+                             if(resp.code == 600000008){
+                              this.infoDialogVisible = true
+                             }
                           }
                         })
 
                     postPrescription(ParamsQuery).then(response => {
                       if (response.data.state == 0) {
                         this.$message.error(response.data.msg)
+                        if(response.data.code == 600000008){
+                            this.infoDialogVisible = true
+                          }
                         return false
                       } else {
                         this.$notify({
                 postPrescription(ParamsQuery).then(response => {
                   if (response.data.state == 0) {
                     this.$message.error(response.data.msg)
+                    if(response.data.code == 600000008){
+                       this.infoDialogVisible = true
+                    }
                     return false
                   } else {
                     this.$notify({
                   postSoulution(ParamsQuery).then(response => {
                     if (response.data.state == 0) {
                       this.$message.error(response.data.msg)
+                       if(response.data.code == 600000008){
+                         this.infoDialogVisible = true
+                      }
                       return false
                     } else {
                       this.$notify({
                     postSoulution(ParamsQuery).then(response => {
                       if (response.data.state == 0) {
                         this.$message.error(response.data.msg)
+                        if(response.data.code == 600000008){
+                          this.infoDialogVisible = true
+                        }
                         return false
                       } else {
                         this.$notify({
                     postPrescription(ParamsQuery).then(response => {
                       if (response.data.state == 0) {
                         this.$message.error(response.data.msg)
+                        if(response.data.code == 600000008){
+                            this.infoDialogVisible = true
+                        }
                         return false
                       } else {
                         this.$notify({
                               // this.doctorAdvices = resp.data.advices
                               this.$emit('advice')
                             } else {
+                               if(resp.code == 600000008){
+                                 this.infoDialogVisible = true
+                                }
                             }
                           }
                         )
                     postSoulution(ParamsQuery).then(response => {
                       if (response.data.state == 0) {
                         this.$message.error(response.data.msg)
+                        if(response.data.code == 600000008){
+                          this.infoDialogVisible = true
+                        }
                         return false
                       } else {
                         this.$notify({
                     postSoulution(ParamsQuery).then(response => {
                       if (response.data.state == 0) {
                         this.$message.error(response.data.msg)
+                         if(response.data.code == 600000008){
+                          this.infoDialogVisible = true
+                         }
                         return false
                       } else {
                         this.$notify({
                       postSoulution(ParamsQuery).then(response => {
                         if (response.data.state == 0) {
                           this.$message.error(response.data.msg)
+                           if(response.data.code == 600000008){
+                           this.infoDialogVisible = true
+                          }
                           return false
                         } else {
                           this.$notify({
                       postSoulution(ParamsQuery).then(response => {
                         if (response.data.state == 0) {
                           this.$message.error(response.data.msg)
+                          if(response.data.code == 600000008){
+                           this.infoDialogVisible = true
+                          }
                           return false
                         } else {
                           this.$notify({
                               // this.doctorAdvices = resp.data.advices
                               this.$emit('advice')
                             } else {
+                               if(resp.code == 600000008){
+                                 this.infoDialogVisible = true
+                                }
                             }
                           })
                           const prescription_resp = response.data.data.prescription
                       postSoulution(ParamsQuery).then(response => {
                         if (response.data.state == 0) {
                           this.$message.error(response.data.msg)
+                          if(response.data.code == 600000008){
+                           this.infoDialogVisible = true
+                         }
                           return false
                         } else {
                           this.$notify({
                   postSoulution(ParamsQuery).then(response => {
                     if (response.data.state == 0) {
                       this.$message.error(response.data.msg)
+                       if(response.data.code == 600000008){
+                         this.infoDialogVisible = true
+                       }
                       return false
                     } else {
                       this.$notify({
       }
     }
     },
+
+    saveInformation(){
+      var params = {
+        selected_date:this.selected_date,
+        patient_id:this.$route.query.patient_id,
+        record_date:this.$route.query.date,
+        module:1,
+        remark:this.remark,
+      }
+      saveInformation(params).then(response=>{
+          if(response.data.state == 1){
+            var information = response.data.data.information
+            this.$message.success("提交成功!")
+            this.infoDialogVisible = false
+          }
+      })
+     }
   },
 
     watch: {

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

         }
       });
     },
+    saveInformation(){
+        var params = {
+          selected_date:this.selected_date,
+          patient_id:this.$route.query.patient_id,
+          record_date:this.$route.query.date,
+          module:5,
+          remark:this.remark,
+        }
+        saveInformation(params).then(response=>{
+           if(response.data.state == 1){
+             var information = response.data.data.information
+             this.$message.success("提交成功!")
+             this.infoDialogVisible = false
+           }
+        })
+      }
   },
 
   props: {
       }
     },
 
-   saveInformation(){
-        var params = {
-          selected_date:this.selected_date,
-          patient_id:this.$route.query.patient_id,
-          record_date:this.$route.query.date,
-          module:5,
-          remark:this.remark,
-        }
-        saveInformation(params).then(response=>{
-           if(response.data.state == 1){
-             var information = response.data.data.information
-             this.$message.success("审核成功!")
-             this.infoDialogVisible = false
-           }
-        })
-      }
+  
   },
   created() {
     var date = this.$route.query && this.$route.query.date;

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

             return time.getTime() > Date.now()
           }
         },
-        remark:""
-       
+        remark:"",
+        infoDialogVisible:false,
+        selected_date:"",
       }
     },
     props: {
 
               } else {
                 this.$message.error(resp.msg)
-               if(response.data.code == 600000008){
+               if(response.code == 600000008){
                   this.infoDialogVisible = true
                 }
               }

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

       </div>
       <!--</div>-->
     </el-dialog>
+
+
+    <el-dialog
+      title="提示"
+      :visible.sync="infoDialogVisible"
+      width="30%">
+      <span>
+        <el-form>
+          <el-row>
+            <span>申请日期:</span>
+            <span>
+                <el-date-picker
+                  type="datetime"
+                  format="yyyy-MM-dd HH:mm"
+                  value-format="yyyy-MM-dd HH:mm"
+                  placeholder="选择时间"
+                  v-model="selected_date"
+              ></el-date-picker>
+            </span>
+          </el-row>
+          <el-row>
+            <span>备注:</span>
+            <span>
+                <el-input v-model="remark" style="width:200px"></el-input>
+            </span>
+          </el-row>
+        </el-form>
+      
+      </span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="infoDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="saveInformation">确 定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
   getTodayMonitor,
 } from "@/api/dialysis_record";
 import store from "@/store";
-
+import { saveInformation } from '@/api/dialysis'
 import request from "@/utils/request";
 
 export default {
       anticoagulantsConfit: {},
       bloodPressureMmonitoringSite: [],
       complicationList: [],
+      infoDialogVisible:false,
+      selected_date:"",
+      remark:""
     };
   },
   props: {
                 ? 0
                 : parseFloat(this.form.heparin_amount);
             this.$message.error(resp.msg);
+            if(resp.code == 600000008){
+              this.infoDialogVisible = true
+            }
           }
         }
       );
                 }
               }
               this.$message.success("删除成功");
+              if(response.data.code =600000008){
+                this.infoDialogVisible = true
+              }
             }
           });
         })
       }
       return name;
     },
+   saveInformation(){
+        var params = {
+          selected_date:this.selected_date,
+          patient_id:this.$route.query.patient_id,
+          record_date:this.$route.query.date,
+          module:7,
+          remark:this.remark,
+        }
+        saveInformation(params).then(response=>{
+           if(response.data.state == 1){
+             var information = response.data.data.information
+             this.$message.success("审核成功!")
+             this.infoDialogVisible = false
+           }
+        })
+      }
   },
   watch: {
     patient: {

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

           module:1,
           remark:this.remark,
         }
-        console.log("params32222222222----",params)
+       
       saveInformation(params).then(response=>{
            if(response.data.state == 1){
              var information = response.data.data.information

src/xt_pages/dialysis/dialysisFlow.vue

                {{ scope.row.patient.name }}
              </template>
           </el-table-column>
-          <el-table-column prop="mode_name" label="透析处方" align="center"  width="100">
+          <el-table-column
+          align="center"
+          prop="name"
+          v-for="(item,index) in moduleList"
+          :key="index"
+          :label="item.name"
+        >
+          <template slot-scope="scope">
+            <span>{{getModeFinish(scope.row.dialysis_finish,item.id)}}</span>
+          </template>
+
+        </el-table-column>
+          <!-- <el-table-column prop="mode_name" label="透析处方" align="center"  width="100">
             <template slot-scope="scope">
                 <span v-if="scope.row.dialysis_finish!=null && scope.row.dialysis_finish.module == 1">
                    √
                   ×
                 </span>
            </template>
-         </el-table-column>
+         </el-table-column> -->
   
 
         </el-table>
           { value: 2, label: "下午" },
           { value: 3, label: "晚上" }
         ],
+        moduleList:[
+        {id:1,name:"透析处方"},
+        {id:2,name:"接诊评估"},
+        {id:3,name:"透前评估"},
+        {id:4,name:"临时医嘱"},  
+        {id:5,name:"双人核对"}, 
+        {id:6,name:"透析上机"}, 
+        {id:7,name:"透析监测"},
+        {id:8,name:"透析下机"},
+        {id:9,name:"透后评估"},
+        {id:10,name:"治疗小结"},
+        {id:11,name:"耗材出库"},
+        ],
         template_id: 0,
   
         partitionType: 0,
         this.listQuery.limit = val;
         this.getSchedualPatientList();
       },
-      batchPrintAction: function() {
-        if (this.selecting_schs.length === 0) {
-          this.$message.error("请至少选择一条需要打印的内容");
-          return false;
-        }
-        // 模板ID为6
-        var sch_ids = [];
-  
-        for (let index = 0; index < this.selecting_schs.length; index++) {
-          sch_ids.push(this.selecting_schs[index].sch_id);
-        }
-        console.log("sch_ids",sch_ids)
-        this.$store.dispatch("SetBatchPrintDialysisRecordIDs", sch_ids);
-        if (this.template_id == 2 || this.template_id == 0) {
-          this.$router.push({ path: "/dialysis/print/batch/other" });
-        } else if (this.template_id == 1) {
-          this.$router.push({ path: "/dialysis/print/batch" });
-        } else if (this.template_id == 3) {
-          this.$router.push({ path: "/dialysis/print/batch/three" });
-        } else if (this.template_id == 4) {
-          this.$router.push({ path: "/dialysis/print/batch/four" });
-        } else if (this.template_id == 5) {
-          this.$router.push({ path: "/dialysis/print/batch/five" });
-        } else if (this.template_id == 6) {
-          this.$router.push({ path: "/dialysis/print/batch/six" });
-        } else if (this.template_id == 7) {
-          this.$router.push({ path: "/dialysis/print/batch/seven" });
-        } else if (this.template_id == 8) {
-          this.$router.push({ path: "/dialysis/print/batch/eight" });
-        } else if (this.template_id == 9) {
-          this.$router.push({ path: "/dialysis/print/batch/nine" });
-        } else if (this.template_id == 12) {
-          this.$router.push({ path: "/dialysis/print/batch/twelve" });
-        } else if (this.template_id == 13) {
-          this.$router.push({ path: "/dialysis/print/batch/thirteen" });
-        } else if (this.template_id == 15) {
-          this.$router.push({ path: "/dialysis/print/batch/fifteen" });
-        } else if (this.template_id == 17) {
-          this.$router.push({ path: "/dialysis/print/batch/seventeen" });
-        } else if (this.template_id == 20) {
-          this.$router.push({ path: "/dialysis/print/batch/twenty" });
-        } else if (this.template_id == 22) {
-          this.$router.push({ path: "/dialysis/print/batch/twentyTwo" });
-        } else if (this.template_id == 25) {
-          this.$router.push({ path: "/dialysis/print/batch/twentyFive" });
-        }else if (this.template_id == 27) {
-          this.$router.push({ path: "/dialysis/print/batch/twentySeven" });
-        } else if(this.template_id == 28){
-           this.$router.push({path:"/dialysis/print/batch/twentyEight"})
-        } else if (this.template_id == 30) {
-          this.$router.push({ path: "/dialysis/print/batch/thirty" });
-        } else if (this.template_id == 32) {
-          this.$router.push({ path: "/dialysis/print/batch/thirtyTwo" });
-        } else if (this.template_id == 33) {
-          this.$router.push({ path: "/dialysis/print/batch/thirtyThree" });
-        } else if (this.template_id == 37) {
-          this.$router.push({ path: "/dialysis/print/batch/thirtySeven" });
-        } else if (this.template_id == 38) {
-          this.$router.push({ path: "/dialysis/print/batch/thirtyEight" });
-        } else if (this.template_id == 39) {
-          this.$router.push({ path: "/dialysis/print/batch/thirtyNine" });
-        } else if (this.template_id == 40) {
-          this.$router.push({ path: "/dialysis/print/batch/forty" });
-        } else if (this.template_id == 41) {
-          this.$router.push({ path: "/dialysis/print/batch/fortyOne" });
-        } else if (this.template_id == 43) {
-          this.$router.push({ path: "/dialysis/print/batch/fortyThree" });
-        } else if (this.template_id == 47) {
-          this.$router.push({ path: "/dialysis/print/batch/fortyThree" });
-        } else if (this.template_id == 48) {
-          this.$router.push({ path: "/dialysis/print/batch/six" });
-        }else if (this.template_id == 51) {
-          this.$router.push({ path: "/dialysis/print/batch/fiftyOne" });
-        }else if (this.template_id == 53) {
-          this.$router.push({ path: "/dialysis/print/batch/fiftyThree" });
-        }else if (this.template_id == 59) {
-          this.$router.push({ path: "/dialysis/print/batch/fiftynine" });
-        }else if (this.template_id == 60) {
-          this.$router.push({ path: "/dialysis/print/batch/sixty" });
-        }else if (this.template_id == 61) {
-          this.$router.push({ path: "/dialysis/print/batch/sixtyOne" });
-        }else if (this.template_id == 62) {
-          this.$router.push({ path: "/dialysis/print/batch/sixtyTwo" });
-        }
-      },
-      batchPrintActionOne: function() {
-        if (this.selecting_schs.length === 0) {
-          this.$message.error("请至少选择一条需要打印的内容");
-          return false;
-        }
-        var sch_ids = [];
-        for (let index = 0; index < this.selecting_schs.length; index++) {
-          sch_ids.push(this.selecting_schs[index].sch_id);
-        }
-        this.$store.dispatch("SetBatchPrintDialysisRecordIDs", sch_ids);
-        if (this.template_id == 2 || this.template_id == 0) {
-          this.$router.push({ path: "/dialysis/print/batch/otherone" });
-        } else if (this.template_id == 1) {
-          this.$router.push({ path: "/dialysis/print/batch" });
-        } else if (this.template_id == 5) {
-          this.$router.push({ path: "/dialysis/print/batch/fiveone" });
-        } else if (this.template_id == 22) {
-          this.$router.push({ path: "/dialysis/print/batch/twentyTwo_one" });
-        } else if(this.template_id == 33){
-          this.$router.push({ path: "/dialysis/print/batch/thirtyThree_one" });
-        }
-      },
-      batchPrintActionTwo: function() {
-        if (this.selecting_schs.length === 0) {
-          this.$message.error("请至少选择一条需要打印的内容");
-          return false;
-        }
-        var sch_ids = [];
-        for (let index = 0; index < this.selecting_schs.length; index++) {
-          sch_ids.push(this.selecting_schs[index].sch_id);
-        }
-        this.$store.dispatch("SetBatchPrintDialysisRecordIDs", sch_ids);
-        if (this.template_id == 2 || this.template_id == 0) {
-          this.$router.push({ path: "/dialysis/print/batch/othertwo" });
-        } else if (this.template_id == 1) {
-          this.$router.push({ path: "/dialysis/print/batch" });
-        } else if (this.template_id == 5) {
-          this.$router.push({ path: "/dialysis/print/batch/fivetwo" });
-        } else if (this.template_id == 22) {
-          this.$router.push({ path: "/dialysis/print/batch/twentyTwo_two" });
-        } else if (this.template_id == 33) {
-          this.$router.push({ path: "/dialysis/print/batch/thirtyThree_two" });
-        }
-      }
+     getModeFinish(val,id){
+      var name = "×"
+       if(val!=null){
+         for(let i=0;i<val.length;i++){
+            if(val[i].module == id){
+               name = "√"
+            }
+         }
+       }
+       return name
+     }
+      
+      
     },
     components: {
       BreadCrumb

src/xt_pages/infor/index.vue

                 :data="list"
                 border
                 style="width: 100%">
-                <el-table-column  prop="date" label="序号"  width="50" align="center">
+                <el-table-column  prop="date" label="序号" min-width="50"  align="center">
                    <template slot-scope="scope" >
                        {{scope.$index + 1 }}
                    </template>
                 </el-table-column>
-                <el-table-column prop="name"  label="信息模块"  width="100" align="center">
+                <el-table-column prop="name"  label="信息模块" min-width="120"  align="center">
                   <template slot-scope="scope" >
                       <span v-if="scope.row.module == 1">透析处方</span> 
                       <span v-if="scope.row.module == 2">接诊评估</span> 
                       <span v-if="scope.row.module == 8">透析下机</span> 
                       <span v-if="scope.row.module == 9">透后评估</span> 
                       <span v-if="scope.row.module == 10">治疗小结</span> 
+                      <span v-if="scope.row.module == 11">耗材出库</span> 
                    </template>
                 </el-table-column>
-                <el-table-column  prop="address" label="患者姓名" width="100" align="center">
+                <el-table-column  prop="address" label="患者姓名" min-width="100" align="center">
                   <template slot-scope="scope">
                      {{getPatientName(scope.row.patient_id) }}
                    </template>
                 </el-table-column>
-                <el-table-column prop="date" label="治疗日期" width="100" align="center">
+                <el-table-column prop="date" label="治疗日期"  min-width="100" align="center">
                    <template  slot-scope="scope" >
                       {{getTimeOne(scope.row.record_date)  }}
                    </template>
                 </el-table-column>
-                <el-table-column prop="name"  label="申请人"  width="100" align="center">
+                <el-table-column prop="name"  label="申请人"  min-width="100"  align="center">
                   <template  slot-scope="scope">
                       {{getUserName(scope.row.creater)  }}
                    </template>
                 </el-table-column>
-                <el-table-column  prop="address" label="申请时间" width="180" align="center">
+                <el-table-column  prop="address" label="申请时间"   min-width="150" align="center">
                   <template  slot-scope="scope" >
-                      {{getTimeTwo(scope.row.record_date)  }}
+                      {{getTimeTwo(scope.row.application_date)  }}
                    </template>
 
                 </el-table-column>
 
-                <el-table-column  prop="date" label="状态" width="100" align="center">
+                <el-table-column  prop="date" label="状态" align="center"  min-width="100">
                   <template  slot-scope="scope" >
                      <span v-if="scope.row.application_status == 1">已审核</span>
                      <span v-if="scope.row.application_status == 2">未审核</span>
                      <span v-if="scope.row.application_status == 3">拒绝</span>
                   </template>
                 </el-table-column>
-                <el-table-column prop="name" label="审批人" width="100" align="center">
+                <el-table-column prop="name" label="审批人"  min-width="100" align="center">
                   <template  slot-scope="scope" >
                       {{getUserName(scope.row.checker)  }}
                    </template>
                 </el-table-column>
-                <el-table-column prop="address" label="审批时间" width="180" align="center">
+                <el-table-column prop="address" label="审批时间"   min-width="100" align="center">
                   <template  slot-scope="scope">
                       {{getTimeOne(scope.row.check_time)  }}
                    </template>
                 </el-table-column>
-                <el-table-column  prop="address" label="备注" width="180" align="center">
+                <el-table-column  prop="address" label="备注"   min-width="100" align="center">
                   <template  slot-scope="scope">
                       {{scope.row.remark }}
                    </template>
                 </el-table-column>
-                <el-table-column prop="address" label="操作" width="180" align="center">
+                <el-table-column prop="address" label="操作"   min-width="150" align="center">
                   <template slot-scope="scope">
                     <el-tooltip
                       class="item"
               <el-pagination
                 @size-change="handleSizeChange"
                 @current-change="handleCurrentChange"
-                :page-size="5"
+                :page-size="10"
                 background
                 style="margin-top:20px;float: right"
                 :total="total"
                 :data="inforList"
                 border
                 style="width: 100%">
-                <el-table-column  prop="date" label="序号"  width="50" align="center">
+                <el-table-column  prop="date" label="序号"  min-width="50" align="center">
                    <template slot-scope="scope" >
                        {{scope.$index + 1 }}
                    </template>
                 </el-table-column>
-                <el-table-column prop="name"  label="信息模块"  width="100" align="center">
+                <el-table-column prop="name"  label="信息模块"  min-width="100" align="center">
                   <template slot-scope="scope" >
                       <span v-if="scope.row.module == 1">透析处方</span> 
                       <span v-if="scope.row.module == 2">接诊评估</span> 
                       <span v-if="scope.row.module == 8">透析下机</span> 
                       <span v-if="scope.row.module == 9">透后评估</span> 
                       <span v-if="scope.row.module == 10">治疗小结</span> 
+                      <span v-if="scope.row.module == 11">耗材出库</span> 
                    </template>
                 </el-table-column>
-                <el-table-column  prop="address" label="患者姓名" width="100" align="center">
+                <el-table-column  prop="address" label="患者姓名" min-width="100" align="center">
                   <template slot-scope="scope">
                      {{getPatientName(scope.row.patient_id) }}
                    </template>
                 </el-table-column>
-                <el-table-column prop="date" label="治疗日期" width="100" align="center">
+                <el-table-column prop="date" label="治疗日期"  min-width="100" align="center">
                    <template  slot-scope="scope" >
                       {{getTimeOne(scope.row.record_date)  }}
                    </template>
                 </el-table-column>
-                <el-table-column prop="name"  label="申请人"  width="100" align="center">
+                <el-table-column prop="name"  label="申请人"  min-width="100" align="center">
                   <template  slot-scope="scope">
                       {{getUserName(scope.row.creater)  }}
                    </template>
                 </el-table-column>
-                <el-table-column  prop="address" label="申请时间" width="180" align="center">
+                <el-table-column  prop="address" label="申请时间" min-width="180" align="center">
                   <template  slot-scope="scope" >
-                      {{getTimeTwo(scope.row.record_date)  }}
+                      {{getTimeTwo(scope.row.application_date)  }}
                    </template>
 
                 </el-table-column>
 
-                <el-table-column  prop="date" label="状态" width="100" align="center">
+                <el-table-column  prop="date" label="状态" min-width="100" align="center">
                   <template  slot-scope="scope" >
                      <span v-if="scope.row.application_status == 1">已审核</span>
                      <span v-if="scope.row.application_status == 2">未审核</span>
                      <span v-if="scope.row.application_status == 3">拒绝</span>
                   </template>
                 </el-table-column>
-                <el-table-column prop="name" label="审批人" width="100" align="center">
+                <el-table-column prop="name" label="审批人" min-width="100" align="center">
                   <template  slot-scope="scope" >
                       {{getUserName(scope.row.checker)  }}
                    </template>
                 </el-table-column>
-                <el-table-column prop="address" label="审批时间" width="180" align="center">
+                <el-table-column prop="address" label="审批时间" min-width="180" align="center">
                   <template  slot-scope="scope">
                       {{getTimeOne(scope.row.check_time)  }}
                    </template>
                 </el-table-column>
-                <el-table-column  prop="address" label="备注" width="260" align="center">
+                <el-table-column  prop="address" label="备注" min-width="260" align="center">
                   <template  slot-scope="scope">
                       {{scope.row.remark }}
                    </template>
                 
               </el-table>
               <el-pagination
-                @size-change="handleSizeChange"
-                @current-change="handleCurrentChange"
-                :page-size="5"
+                @size-change="handleSizeChangeOne"
+                @current-change="handleCurrentChangeOne"
+                :page-size="10"
                 background
                 style="margin-top:20px;float: right"
-                :total="total"
+                :total="totalOne"
             ></el-pagination>
 
             </el-tab-pane>
      <el-dialog
         title="信息归档设置"
         :visible.sync="dialogVisible"
-        width="30%"
-        :before-close="handleClose">
+        width="30%">
         <span>
           <span>归档天数:</span> <el-input v-model="week_day" style="width:200px"></el-input>   
         </span>
     },
     methods: {
         handleClick(val){
-          console.log("val----------------",val)
+           this.getlist()
         },
         toSeeting(){
           var params = {
             SaveDialysisInformationSetting(params).then(response=>{
              if(response.data.state == 1){
                var informaitonSetting = response.data.data.informaitonSetting
+               this.$message.success("保存成功!")
                this.dialogVisible = false
+               this.toSeeting()
              }
           })
         },
              limit:this.limit,
              page:this.page
            }
+           console.log("params23433232wo",params)
           getDialysisInformationSetting(params).then(response=>{
             if(response.data.state == 1){
               var informaitonSetting =  response.data.data.informaitonSetting
         this.getlist()
       },
       getPatientName(patient_id){
-        console.log("patinet_id---",patient_id)
-        console.log("patients",this.patients)
+       
         var name = ""
         for(let i=0;i<this.patients.length;i++){
            if(patient_id == this.patients[i].id){
         if(val == ""){
         return ""
         }else {
-        return uParseTime(val, '{y}-{m}-{d} {h}:{i}:{s}')
+        return uParseTime(val, '{y}-{m}-{d} {h}:{i}')
         }
      },
      getUserName(admin_user_id){
             }
           });
         }).catch(() => {});
-    }
+    },
+
     
     },
    
     created(){
       this.getlist()
+     
     }
   };
 </script>

src/xt_pages/outpatientDoctorStation/components/deskPrescription.vue

                   </el-form-item>
 
 
-                
+
 
 
                   <el-form-item label="过敏病史: " prop="name" label-position="right">
                   </el-form-item>
 
 
-                  <el-form-item label="疾病诊断:" prop="name" label-position="right" style="width:66.6%;" v-if="org_id==3877 || org_id ==10485 || org_id == 0 ">
+                  <el-form-item label="疾病诊断:" prop="name" label-position="right" style="width:66.6%;" v-if="org_id==3877 || org_id ==10485 ">
 
                     <el-select style="width:100%;" v-model="patient_diagnose" placeholder="" multiple filterable>
                         <el-option
         }
 
       }
-      
+
       // console.log("info233333333333333333333",info.id)
       // console.log("LAST_INFO2323232323WO",last_info.patient_diagnosis)
       this.patient_diagnose = []
       }
 
       if(info.id > 0){
-       
+
         if (info.patient_diagnosis.length == 0) {
           this.patient_diagnose = []
         } else {
           this.patient_diagnose = []
           for (let i = 0; i < info.patient_diagnosis.split(",").length; i++) {
-           
+
             if(info.patient_diagnosis.split(',')[i].length > 0) {
               this.patient_diagnose.push(parseInt(info.patient_diagnosis.split(',')[i]))
             }
               reg_type: this.register_type,
               patient_diagnose:str
             }
-            
+
             for (let i = 0; i < this.prescriptions.length; i++) {
               if (this.prescriptions[i].advices.length > 0 && this.prescriptions[i].project.length == 0) {
                 this.prescriptions[i]['type'] = 1
             this.$message.error('科室不能为空')
             return
           }
-          
+
           var str = ""
           if(patient_diagnose!=""){
              str = this.patient_diagnose.join(',')

src/xt_pages/outpatientDoctorStation/doctorDesk.vue

           </template>
         </el-table-column>
       </el-table>
+
       <el-dialog
           class="centerDialog"
           width="600px"

src/xt_pages/outpatientDoctorStation/template/printOne.vue

           <!--            <p>药费：551.2元</p>-->
           <!--            <p>药费：466.2元</p>-->
         </div>
-        <div style="page-break-after: always"></div>
+        <!-- <div style="page-break-after: always"></div> -->
       </div>
     </div>
   </div>

src/xt_pages/qcd/dialysis_index.vue

+<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="content_top">
+            <div>
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-button type="primary">查询</el-button>
+            </div>
+            <div>
+                <el-button type="primary">设置</el-button>
+                <el-button type="primary">打印</el-button>
+                <el-button type="primary">导出</el-button>
+            </div>
+          </div>
+       <div >
+        <el-row :gutter="20">
+            <!-- <el-col :span="4">
+              <div class="grid-content bg-purple">
+                
+                <el-table
+                :data="tableData"
+                border
+                style="width: 100%">
+                    <el-table-column
+                        align="center"
+                        prop="date"
+                        label="透析号"
+                       >
+                    </el-table-column>
+                    <el-table-column
+                        align="center"
+                        prop="name"
+                        label="姓名"
+                        >
+                    </el-table-column>
+                </el-table>
+              </div>
+            </el-col> -->
+            <el-col :span="24">
+               <div class="grid-content bg-purple">
+                <el-table
+                    :data="tableData"
+                    style="width: 100%"
+                    border
+                    align="center"
+                    max-height="450">
+                    <el-table-column
+                    fixed
+                    prop="date"
+                    label="序号"
+                   >
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"
+                    label="透析号"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="姓名"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="白蛋白(g/L)"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    fixed
+                    prop="date"
+                    label="血红蛋白(g/L)"
+                   >
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"
+                    label="血钾(mmol/L)"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="钙(mmol/L)"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="无机磷(mmol/L)"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="甲状旁腺激素(pmol/L)"
+                    >
+                    </el-table-column>
+                </el-table>
+               </div>
+           </el-col>
+        </el-row>
+       </div>
+        </div>
+      </div>
+    </div>
+</template>
+<script>
+export default{
+    data() {
+        return {
+            inputValue:'',
+            stat_time:'',
+            end_time:'',
+            value:'',
+            tableData:[],
+        }
+    },
+    created(){
+        
+    },
+    mounted() {
+        
+    },
+    methods:{
+        handleSubmit(){
+            console.log('asdfa');
+        },
+       
+    },
+    
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    margin: 20px;
+}
+</style>

src/xt_pages/qcd/patientAnalysis/bloodPressure.vue

   </div>
 </template>
 
-
 <script>
 import { GetPABloodPressureData  } from "@/api/qcd";
 import PieChart from '../components/PieChart'

src/xt_pages/qcd/qualitycontrol/individual.vue

+<template>
+    <div>
+       <div class="content_top">
+            <el-autocomplete
+            class="inline-input"
+            v-model="inputValue"
+            :fetch-suggestions="querySearch"
+            :trigger-on-focus="false"
+            placeholder="请输入患者名字或透析号"
+            @select="handleSubmit"
+            ></el-autocomplete>
+            <div>
+                <span>查询时间:</span>
+                <el-date-picker
+                v-model="stat_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                v-model="end_time"
+                type="date"
+                placeholder="选择日期">
+                </el-date-picker>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-select v-model="value" placeholder="请选择">
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-button type="primary">查询</el-button>
+            </div>
+            <div>
+                <el-button type="primary">打印</el-button>
+                <el-button type="primary">导出</el-button>
+            </div>
+       </div>
+       <div style="margin: 20px 0px;">
+        <h2 >患者列表</h2>
+       </div>
+       <div >
+        <el-row :gutter="20">
+            <el-col :span="4">
+              <div class="grid-content bg-purple">
+                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
+                <!-- <h2>患者列表</h2> -->
+                <el-table
+                :data="tableData"
+                border
+                style="width: 100%">
+                    <el-table-column
+                        align="center"
+                        prop="date"
+                        label="透析号"
+                       >
+                    </el-table-column>
+                    <el-table-column
+                        align="center"
+                        prop="name"
+                        label="姓名"
+                        >
+                    </el-table-column>
+                </el-table>
+              </div>
+            </el-col>
+            <el-col :span="19">
+               <div class="grid-content bg-purple">
+                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
+                <el-table
+                    :data="tableData"
+                    style="width: 100%"
+                    border
+                    align="center"
+                    max-height="250">
+                    <el-table-column
+                    fixed
+                    prop="date"
+                    label="姓名"
+                   >
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"
+                    label="检查日期"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                    prop="province"
+                    label="甲状旁腺激素（pg/ml）"
+                    >
+                    </el-table-column>
+                    
+                </el-table>
+               </div>
+           </el-col>
+        </el-row>
+       </div>
+
+    </div>
+</template>
+<script>
+  import * as echarts from 'echarts'
+export default{
+    // props: {
+    //     width: {
+    //         type: String,
+    //         default: "100%"
+    //     },
+    //     height: {
+    //         type: String,
+    //         default: "400px"
+    //     },
+    
+    // },
+    data() {
+        return {
+            inputValue:'',
+            stat_time:'',
+            end_time:'',
+            value:'',
+            querySearch:'',
+            tableData:[],
+            options:[],
+            myChartTwo: {},
+            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
+            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
+            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
+            
+        }
+    },
+    created(){
+        
+       
+    },
+    mounted() {
+        // this.$nextTick(function() {
+            this.initEcharts();
+            // this.myChartTwo = echarts.init(document.getElementById("germychart"));
+            // this.myChartTwo.setOption(option);
+            // // //随着屏幕大小调节图表
+            // window.addEventListener("resize", () => {
+            //     console.log('asdfgfdhdgfdghdffgasda');
+            //     this.myChartTwo.resize();
+            // });
+            
+            // window.onresize = this.myChartTwo.resize;
+		// })  
+    },
+    // beforeDestroy(){
+    //     window.addEventListener("resize", () => {
+    //         this.myChartTwo.resize();
+    //     });
+    //     const quality = document.getElementById("germychart");
+    //     quality.addEventListener("transitionend", this.__resizeHanlder);
+    // },
+    methods:{
+        handleSubmit(){
+            console.log('asdfa');
+            this.querySearch
+        },
+        initEcharts() {
+            this.myChartTwo = echarts.init(document.getElementById("germychart"));
+            console.log('zxczvbbnm,m');
+            const option = {
+                xAxis: {
+                    type: 'category',
+                        boundaryGap:true,
+                        axisTick:{
+                            alignWithLabel:true //保证刻度线和标签对齐
+                        },
+                    data: this.xData,
+                    splitNumber:this.xData.length, //纵坐标数
+                    interval:this.xData //强制设置坐标轴分割间隔
+                },
+                yAxis: {
+                    type: 'value',
+                    boundaryGap: true,
+                    splitNumber:4, //纵坐标数
+                    interval:10 //强制设置坐标轴分割间隔
+                },
+                legend: {
+                    // show: true,
+                    align:'left',//文字在前图标在后
+                    left:'15%',
+                    top:'5%',
+                    data: [{name:'甲状旁腺激素 pg/ml'}]
+                },
+                grid:{
+                    show:true,
+                    left: "5%",
+                    right: "5%",
+                    bottom: "5%"
+                },
+                series: [
+                {
+                    data: this.opinionData,
+                    name:'甲状旁腺激素 pg/ml',
+                    type: "line",// 类型设置为折线图
+                    symbol: 'circle',
+                    itemStyle: {
+                        normal: {
+                            color: '#409eff', //改变折线点的颜色#a80000
+                            lineStyle: {
+                                color: '#409eff' //改变折线颜色
+                            }
+                        }
+                    },
+
+                },
+                
+                ],
+                
+            };
+            
+            this.myChartTwo.setOption(option);
+            // //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                console.log('123456788');
+                this.myChartTwo.resize();
+            });
+            
+            // window.onresize = this.myChartTwo.resize;
+        },
+    },
+    
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 20px;
+}
+</style>

src/xt_pages/qcd/qualitycontrol/thyroidGland.vue

+<!-- 甲状旁腺激素分析 -->
+<template>
+    <div class="main-contain">
+      <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+      </div>
+      <div class="app-container">
+        <div class="page_patientControlAnalysis">
+            <el-tabs v-model="activeName" @tab-click="handleClick" >
+                <el-tab-pane label="统计全部" name="first">
+                  <keep-alive>
+                    <totalSstatistics v-if="activeName == 'first'"></totalSstatistics>
+                  </keep-alive>
+                </el-tab-pane>
+                
+                <el-tab-pane label="统计个人" name="second">
+                  <keep-alive>
+                    <individual v-if="activeName == 'second'"></individual>
+                  </keep-alive>
+                </el-tab-pane>
+            
+            </el-tabs>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+<script>
+// import echarts from 'echarts'
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import totalSstatistics from './totalSstatistics.vue'
+import individual from './individual.vue'
+export default {
+    name:'thyroidGland',
+    components: {
+        BreadCrumb,
+        totalSstatistics,
+        individual
+    },
+    data() {
+        return {
+            activeName: 'first',
+          
+        }
+    },
+    methods:{
+      handleClick(tab, event) {
+        console.log(tab, event);
+      }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+// .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/qcd/qualitycontrol/totalSstatistics.vue

+
+<template>
+  <div>
+      <!-- <div class="content_top">
+          <div class="block">
+              <span>查询时间:</span>
+              <el-date-picker
+              v-model="time_month"
+              type="month"
+              placeholder="选择月">
+              </el-date-picker>
+          </div>
+          <div>
+              <el-date-picker
+              v-model="stat_time"
+              type="date"
+              placeholder="选择日期">
+              </el-date-picker>
+              <span>-</span>
+              <el-date-picker
+              v-model="end_time"
+              type="date"
+              placeholder="选择日期">
+              </el-date-picker>
+          </div>
+          <div style="width: 200px;">
+              <el-input v-model="input" placeholder="请输入内容"></el-input>
+          </div>
+          <el-button type="primary">查询</el-button>
+      </div> -->
+      <el-row :gutter="20">
+      <el-col :span="5"> 
+        <div class="block">
+          <span>查询时间:</span>
+          <el-date-picker
+          v-model="time_month"
+          type="month"
+          placeholder="选择月">
+          </el-date-picker>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div>
+          <el-date-picker
+          v-model="stat_time"
+          type="date"
+          placeholder="选择日期">
+          </el-date-picker>
+          <span>-</span>
+          <el-date-picker
+          v-model="end_time"
+          type="date"
+          placeholder="选择日期">
+          </el-date-picker>
+        </div>
+      </el-col>
+      <el-col :span="3">
+        <div style="width: 200px;">
+          <el-input v-model="input" placeholder="请输入内容"></el-input>
+        </div>
+      </el-col>
+      <el-col :span="2">
+          <el-button type="primary">查询</el-button>
+      </el-col>
+      </el-row>
+      
+      <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+        <p class="chartTitle">统计图</p>
+      </div>
+      <div class="echart" id="mychart" :style={width:width,height:height}></div>
+      <div style="width: 80%;margin: auto;">
+          <el-table
+          :data="tableData"
+          :show-summary = true
+          border
+          style="width: 100%;">
+              <el-table-column
+                  prop="date"
+                  align="center"
+                  label="甲状旁腺激素"
+                  >
+              </el-table-column>
+              <el-table-column
+                  prop="name"
+                  
+                  label="人数"
+                  >
+              </el-table-column>
+              <el-table-column
+                  prop="address"
+                  align="center"
+                  label="操作">
+                  <template slot-scope="scope">
+                      <el-button @click="handleClick(scope.row)" style="font-size:16px;"
+                              type="text" >查看详情
+                      </el-button>
+                  </template>
+              </el-table-column>
+          </el-table>
+      </div>
+  </div>
+</template>
+<script>
+import * as echarts from "echarts";
+export default{
+  props: {
+ 
+  width: {
+    type: String,
+    default: "100%"
+  },
+  height: {
+    type: String,
+    default: "400px"
+  },
+  
+},
+  data() {
+      return {
+          time_month:'',
+          stat_time:'',
+          end_time:'',
+          input:'',
+          myChart: {},
+          pieData : [
+          {
+        value: 463,
+        name: "不达标值患者"
+      },
+      {
+        value: 395,
+        name: "未检查患者"
+      },
+      {
+        value: 157,
+        name: "达标值患者"
+      },
+      // {
+      //   value: 149,
+      //   name: "广东"
+      // },
+      // {
+      //   value: 147,
+      //   name: "湖南"
+      // }
+          
+          ],
+          pieName: [],
+          // myChartStyle:{float: "right", width: "100%", height: "400px"},
+          tableData:[],
+      }
+  },
+  mounted() {
+  this.initDate(); //数据初始化
+  this.initEcharts();
+},
+methods: {
+  initDate() {
+    for (let i = 0; i < this.pieData.length; i++) {
+      this.pieName[i] = this.pieData[i].name;
+    }
+  },
+  initEcharts() {
+    // 饼图
+    this.myChart = echarts.init(document.getElementById("mychart"));
+    window.addEventListener("resize", () => {
+      console.log('098765adsfghg');
+      this.myChart.resize();
+    });
+    console.log('09876543454676');
+    const option = {
+      legend: {
+        // 图例
+        data: this.pieName,
+        left: "10%",
+        top: "30%",
+        orient: "vertical"
+      },
+      color:['#ff7f9f','#fff67f','#1e5feb'],
+      title: {
+        // 设置饼图标题，位置设为顶部居中
+      //   text: "国内院士前五省份图示",
+        top: "0%",
+        left: "center"
+      },
+      tooltip : {
+        trigger: 'item',
+        formatter: "{a} <br/>{b} : {c} ({d}%)"
+      },
+      series: [
+        {
+          type: "pie",
+          label: {
+            // show: true,
+            // formatter:"{b} : {d}% ({c})",
+            normal : {
+              formatter: '{b}:{c}: ({d}%)',
+              textStyle : {
+                  fontWeight : 'normal',
+                  fontSize : 15,
+                  color : "black"
+              }
+            }
+            // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+          },
+          radius: "65%", //饼图半径
+          data: this.pieData,
+          itemStyle : {
+            emphasis: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+          }
+        }
+      ]
+    };
+  //   console.log(this.seriesData);
+    const optionFree = {
+      series: [
+        {
+          data: this.seriesData,
+          type: "line",
+          smooth: true
+        }
+      ]
+    };
+    this.myChart = echarts.init(document.getElementById("mychart"));
+    this.myChart.setOption(option);
+    //随着屏幕大小调节图表
+  //   window.addEventListener("resize", () => {
+  //     this.myChart.resize();
+  //   });
+  },
+  getSummaries(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '总价';
+          return;
+        }
+        const values = data.map(item => Number(item[column.property]));
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              return prev;
+            }
+          }, 0);
+          sums[index] += ' 元';
+        } else {
+          sums[index] = 'N/A';
+        }
+      });
+
+      return sums;
+  },
+  handleClick(id){
+      console.log(id);
+  }
+}
+
+}
+</script>
+<style lang="scss" scoped>
+.content_top{
+  display: flex;
+  justify-content: space-around;
+  color: #1e5feb;
+}
+</style>

src/xt_pages/workforce/appointment.vue

       </div>
         </edit-table-data>
 
-        <HistoryWeekTable v-show="showtable" ref="tableDataZero"  :week-time="activeName" partitions-prop="partitions"
+        <HistoryWeekTable v-show="showtable" ref="tableDataZero"  :week-time="activeName" :partitions-prop="partitions"
                   :schedule-zone-row-prop="scheduleZoneRow"
                   :schedule-zone-prop="scheduleZone" title="" >
           </HistoryWeekTable>
         this.showtable=true
         this.showtableOne=false
         this.$nextTick(() => {
-
           this.$refs.tableDataZero.start()
         })
         // console.log('12343545',this.$refs.tableDataZero);
 
     printScheduleAction: function () {
       var date = new Date().getTime()
-      if (this.activeName == 'lastWeek') {
+      if(this.activeName == 'historyWeek'){
+        date = date - 14 * 24 * 60 * 60 * 1000
+      }else if (this.activeName == 'lastWeek') {
         date = date - 7 * 24 * 60 * 60 * 1000
       } else if (this.activeName == 'nextWeek') {
         date = date + 7 * 24 * 60 * 60 * 1000

src/xt_pages/workforce/components/historyWeekTable.vue

     this.now_time = date.getTime()/1000
     this.getAllZones()
 
-    this.changeScheduleType(1)
+    // this.changeScheduleType(1)
     rowNumber = 0;
     this.modeOptions = this.$store.getters.treatment_mode;
 

src/xt_pages/workforce/scheduleTablePrint.vue

             scheduleZoneRow: [],
             partitions: {},
             theWeek: {
+              historyWeek: 0,
               lastWeek: 0,
               thisWeek: 0,
               nextWeek: 0,
         this.partition_id = this.$route.query.partition_id
         var newList = []
         var arr =  this.$route.query.week_date
-
+        console.log('1234325431',this.$route.query);
         if(arr!=""){
           var newArr = arr.split(",")
 
                 }
                 var partitions = response.data.data.partitions
                 console.log("分区",partitions)
+                this.theWeek.historyWeek = this.theWeek.thisWeek - 2 
                 this.theWeek.thisWeek = response.data.data.theWeek
                 this.theWeek.lastWeek = this.theWeek.thisWeek - 1
                 this.theWeek.nextWeek = this.theWeek.thisWeek + 1
         },
         getSchedules() {
             var theType = 2;
+            if(this.$route.query.weekTime == "historyWeek"){
+                theType =0
+            }
             if(this.$route.query.weekTime == "lastWeek"){
                theType = 1
             }
         },
         getPatientSheduleCount(){
             var theType = 2;
+            if(this.$route.query.weekTime == "historyWeek"){
+                theType =0
+            }
             if(this.$route.query.weekTime == "lastWeek"){
                theType = 1
             }
                if(response.data.state == 1){
                   var list = response.data.data.list
                   console.log("list22222",list)
-
+                    console.log('asdfgfffffff',response.data.data);
                   this.scheduleCountList = list
                   var total = response.data.data.total
                   console.log("totalw222",total)

src/xt_permission.js

 
 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))