6月1日杨青

src/router/index.js

@@ -173,6 +173,7 @@ var _asy_router_map = [
   otherManagement,
   qcd,
   // qualitycontrol,//透析分析5/29
+ 
   device,
   org,
   data_upload,
@@ -203,7 +204,7 @@ var _asy_router_map = [
   integration,
   basicConfig,
   supply,
- 
+  Dialysisanalysis,// 新菜单6.1
 ]
 
 var is_asy_router = process.env.NODE_ENV === 'production' // true; 设置为 true 强制进行路由验证

src/router/modules/Dialysisanalysis.js

@@ -0,0 +1,107 @@
+import Layout from '@/views/layout/Layout'
+
+export default {
+  path: '/Dialysisanalysis',
+  component: Layout,
+  redirect: '/Dialysisanalysis/qualitycontrol/thyroidGland',
+  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/qcd.js

@@ -67,24 +67,98 @@ export default {
     //     noCache: true
     //   }
     // },
-    {
-      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/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

@@ -0,0 +1,249 @@
+<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: {
+              show: true,
+              formatter:"{b} : {d}% ({c})"
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+            },
+            radius: "65%", //饼图半径
+            data: this.pieData
+          }
+        ]
+      };
+    //   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

@@ -0,0 +1,218 @@
+<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

@@ -0,0 +1,102 @@
+<!-- 白蛋白 -->
+<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

@@ -0,0 +1,102 @@
+<!-- 血磷 -->
+<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

@@ -0,0 +1,249 @@
+<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: {
+              show: true,
+              formatter:"{b} : {d}% ({c})"
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+            },
+            radius: "65%", //饼图半径
+            data: this.pieData
+          }
+        ]
+      };
+    //   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

@@ -0,0 +1,217 @@
+<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

@@ -0,0 +1,102 @@
+<!-- 血钾 -->
+<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

@@ -0,0 +1,249 @@
+<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: {
+              show: true,
+              formatter:"{b} : {d}% ({c})"
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+            },
+            radius: "65%", //饼图半径
+            data: this.pieData
+          }
+        ]
+      };
+    //   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

@@ -0,0 +1,217 @@
+<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

@@ -0,0 +1,249 @@
+<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: {
+              show: true,
+              formatter:"{b} : {d}% ({c})"
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+            },
+            radius: "65%", //饼图半径
+            data: this.pieData
+          }
+        ]
+      };
+    //   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

@@ -0,0 +1,217 @@
+<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/qcd/hemoglobin/index.vue → src/xt_pages/Dialysisanalysis/calcium/index.vue

@@ -1,4 +1,4 @@
-<!-- 血红蛋白 -->
+<!-- 钙-->
 <template>
     <div class="main-contain">
       <div class="position">
@@ -8,11 +8,15 @@
         <div class="page_patientControlAnalysis">
             <el-tabs v-model="activeName" @tab-click="handleClick" >
                 <el-tab-pane label="统计全部" name="first">
-                    <!-- <totalSstatistics></totalSstatistics> -->
+                  <keep-alive>
+                    <calciumall v-if="activeName == 'first'"></calciumall>
+                  </keep-alive>
                 </el-tab-pane>
                 
                 <el-tab-pane label="统计个人" name="second">
-                    <!-- <individual></individual> -->
+                  <keep-alive>
+                    <calciumalone v-if="activeName == 'second'"></calciumalone>
+                  </keep-alive>
                 </el-tab-pane>
             
             </el-tabs>
@@ -24,14 +28,14 @@
 <script>
 import echarts from 'echarts'
 import BreadCrumb from '@/xt_pages/components/bread-crumb'
-// import totalSstatistics from './totalSstatistics.vue'
-// import individual from './individual.vue'
+import calciumall from './calciumall'
+import calciumalone from './calciumalone.vue'
 export default {
     name:'thyroidGland',
     components: {
         BreadCrumb,
-        // totalSstatistics,
-        // individual
+        calciumall,
+        calciumalone
     },
     data() {
         return {

src/xt_pages/Dialysisanalysis/dialysis_index.vue

@@ -0,0 +1,167 @@
+<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

@@ -0,0 +1,248 @@
+<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: {
+              show: true,
+              formatter:"{b} : {d}% ({c})"
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+            },
+            radius: "65%", //饼图半径
+            data: this.pieData
+          }
+        ]
+      };
+    //   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

@@ -0,0 +1,217 @@
+<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

@@ -0,0 +1,102 @@
+<!-- 血红蛋白 -->
+<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

@@ -0,0 +1,209 @@
+<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

@@ -0,0 +1,102 @@
+<!-- 其他指标 -->
+<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

@@ -0,0 +1,249 @@
+<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: {
+              show: true,
+              formatter:"{b} : {d}% ({c})"
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+            },
+            radius: "65%", //饼图半径
+            data: this.pieData
+          }
+        ]
+      };
+    //   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

@@ -0,0 +1,217 @@
+<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

@@ -0,0 +1,102 @@
+<!-- 血小板-->
+<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

@@ -0,0 +1,249 @@
+<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: {
+              show: true,
+              formatter:"{b} : {d}% ({c})"
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+            },
+            radius: "65%", //饼图半径
+            data: this.pieData
+          }
+        ]
+      };
+    //   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

@@ -0,0 +1,217 @@
+<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

@@ -0,0 +1,243 @@
+<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

@@ -0,0 +1,103 @@
+<!-- 甲状旁腺激素分析 -->
+<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

@@ -0,0 +1,255 @@
+
+<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: {
+            show: true,
+            formatter:"{b} : {d}% ({c})"
+            // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+          },
+          radius: "65%", //饼图半径
+          data: this.pieData
+        }
+      ]
+    };
+  //   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/qcd/dialysis_index.vue

@@ -0,0 +1,167 @@
+<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/qualitycontrol/individual.vue

@@ -45,12 +45,15 @@
                 <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>
+                <!-- <h2>患者列表</h2> -->
                 <el-table
                 :data="tableData"
                 border
@@ -72,7 +75,7 @@
             </el-col>
             <el-col :span="19">
                <div class="grid-content bg-purple">
-                <div class="echart" id="germychart" :style={width:width,height:height}></div>
+                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
                 <el-table
                     :data="tableData"
                     style="width: 100%"
@@ -107,44 +110,66 @@
 <script>
   import * as echarts from 'echarts'
 export default{
-    props: {
-   
-        width: {
-            type: String,
-            default: "100%"
-        },
-        height: {
-            type: String,
-            default: "400px"
-        },
+    // props: {
+    //     width: {
+    //         type: String,
+    //         default: "100%"
+    //     },
+    //     height: {
+    //         type: String,
+    //         default: "400px"
+    //     },
     
-    },
+    // },
     data() {
         return {
             inputValue:'',
             stat_time:'',
             end_time:'',
             value:'',
-            myChart: {},
+            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" },//图表样式
-            tableData:[],
+            
         }
     },
     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',
@@ -163,12 +188,18 @@ export default{
                     interval:10 //强制设置坐标轴分割间隔
                 },
                 legend: {
-                    show: true,
+                    // 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,
@@ -189,14 +220,18 @@ export default{
                 ],
                 
             };
-            this.myChart = echarts.init(document.getElementById("germychart"));
-            this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            // window.addEventListener("resize", () => {
-            //     this.myChart.resize();
-            // });
+            
+            this.myChartTwo.setOption(option);
+            // //随着屏幕大小调节图表
+            window.addEventListener("resize", () => {
+                console.log('123456788');
+                this.myChartTwo.resize();
+            });
+            
+            // window.onresize = this.myChartTwo.resize;
         },
-    }
+    },
+    
 }
 </script>
 <style lang="scss" scoped>

src/xt_pages/qcd/qualitycontrol/thyroidGland.vue

@@ -8,11 +8,15 @@
         <div class="page_patientControlAnalysis">
             <el-tabs v-model="activeName" @tab-click="handleClick" >
                 <el-tab-pane label="统计全部" name="first">
-                    <totalSstatistics style="width: 100%; height: 400px;"></totalSstatistics>
+                  <keep-alive>
+                    <totalSstatistics v-if="activeName == 'first'"></totalSstatistics>
+                  </keep-alive>
                 </el-tab-pane>
                 
                 <el-tab-pane label="统计个人" name="second">
-                    <individual></individual>
+                  <keep-alive>
+                    <individual v-if="activeName == 'second'"></individual>
+                  </keep-alive>
                 </el-tab-pane>
             
             </el-tabs>
@@ -22,7 +26,7 @@
   </template>
   
 <script>
-import echarts from 'echarts'
+// import echarts from 'echarts'
 import BreadCrumb from '@/xt_pages/components/bread-crumb'
 import totalSstatistics from './totalSstatistics.vue'
 import individual from './individual.vue'
@@ -35,7 +39,8 @@ export default {
     },
     data() {
         return {
-            activeName: 'first'
+            activeName: 'first',
+          
         }
     },
     methods:{

src/xt_pages/qcd/qualitycontrol/totalSstatistics.vue

@@ -1,212 +1,255 @@
+
 <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>
+      <!-- <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>
-        <div class="cell clearfix">
-          <p class="chartTitle">统计图</p>
+      </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>
-        <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>
+      </el-col>
+      <el-col :span="3">
+        <div style="width: 200px;">
+          <el-input v-model="input" placeholder="请输入内容"></el-input>
         </div>
-    </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"
-    },
-    
+  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;
+    }
   },
-    data() {
-        return {
-            time_month:'',
-            stat_time:'',
-            end_time:'',
-            input:'',
-            myChart: {},
-            pieData : [
-            {
-          value: 463,
-          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: [
         {
-          value: 395,
-          name: "未检查患者"
-        },
+          type: "pie",
+          label: {
+            show: true,
+            formatter:"{b} : {d}% ({c})"
+            // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+          },
+          radius: "65%", //饼图半径
+          data: this.pieData
+        }
+      ]
+    };
+  //   console.log(this.seriesData);
+    const optionFree = {
+      series: [
         {
-          value: 157,
-          name: "达标值患者"
-        },
-        // {
-        //   value: 149,
-        //   name: "广东"
-        // },
-        // {
-        //   value: 147,
-        //   name: "湖南"
-        // }
-            
-            ],
-            pieName: [],
-            // myChartStyle:{float: "right", width: "100%", height: "400px"},
-            tableData:[],
+          data: this.seriesData,
+          type: "line",
+          smooth: true
         }
-    },
-    mounted() {
-    this.initDate(); //数据初始化
-    this.initEcharts();
+      ]
+    };
+    this.myChart = echarts.init(document.getElementById("mychart"));
+    this.myChart.setOption(option);
+    //随着屏幕大小调节图表
+  //   window.addEventListener("resize", () => {
+  //     this.myChart.resize();
+  //   });
   },
-  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: {
-              show: true,
-              formatter:"{b} : {d}% ({c})"
-              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
-            },
-            radius: "65%", //饼图半径
-            data: this.pieData
-          }
-        ]
-      };
-    //   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';
-          }
-        });
+  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);
-    }
+      return sums;
+  },
+  handleClick(id){
+      console.log(id);
   }
+}
 
 }
 </script>
 <style lang="scss" scoped>
 .content_top{
-    display: flex;
-    justify-content: space-around;
-    color: #1e5feb;
+  display: flex;
+  justify-content: space-around;
+  color: #1e5feb;
 }
 </style>

src/xt_pages/stock/stockInOrderDetailPrint.vue

@@ -10,10 +10,11 @@
         </div>
         <div class="app-container" style="background-color: white;">
             <div id="print_content">
-                <div class="print_main_content" v-for="(it,index) in warehousingInfo" :key="index">
-                    <div class="order_title_panl">
+                <div class="print_main_content" v-for="(it,index) in warehousingInfo" :key="index" >
+                  <div style="margin-bottom: 20px; page-break-after: always;">
+                    <div class="order_title_panl" style="text-align:center;">
                         <div style="font-size:22px;font-weight:bold;">{{ orgName }}</div>
-                        <span style="font-weight:500;font-size:18px;">耗材入库登记单</span>
+                        <span style="font-weight:500;font-size:18px; text-align: center;">耗材入库登记单</span>
                     </div>
                     <div style="display:flex;justify-content: space-between;">
                       <div style="text-align:left;margin-bottom:1px;font-size: 18px;">
@@ -80,6 +81,7 @@
                             <div style="width:70px;">制单人：</div><div style="width:100px;">{{ getXuserName(it.creater) }}</div>
                        </div>
                     </div>
+                  </div>
                 </div>
             </div>
         </div>
@@ -389,7 +391,6 @@ export default {
 
   .order_title_panl {
     text-align: center;
-
     .main_title {
       font-size: 18px;
       line-height: 40px;

src/xt_pages/user/components/PatientDetail.vue

@@ -841,10 +841,10 @@
           <div class="order_title">{{ orgname }} 血液透析门诊病历</div>
           <div >
             <table >
-              <thead>
-                <!-- 用 thead 规定好宽度 -->
+              <!-- 用 thead 规定好宽度 -->
+              <!-- <thead>
                 <tr v-show="false">
-                  <td width="5%"></td>
+                  <td width="7%"></td>
                   <td width="10%"></td>
                   <td width="5%"></td>
                   <td width="10%"></td>
@@ -853,10 +853,10 @@
                   <td width="5%"></td>
                   <td width="30%"></td>
                 </tr>
-              </thead>
+              </thead> -->
               <tbody>
                 <tr>
-                  <td valign="top"><div class="td_proj_title">姓名</div></td>
+                  <td valign="top" style="width:8%"><div class="td_proj_title">姓名</div></td>
                   <td valign="top">
                     <div class="td_proj_content">{{ patientPrint.name }}</div>
                   </td>
@@ -932,12 +932,16 @@
                   </td>
                 </tr>
                 <tr>
-                  <td><div class="td_proj_title">主诉</div></td>
-                  <td colspan="7">
-                    <div
-                      class="td_proj_content td_align_left"
+                  <td style="padding: 0px 0px;">
+                    主诉
+                    <!-- <div class="td_proj_title">主诉</div> -->
+                  </td>
+                  <!-- class="td_proj_content td_align_left" -->
+                  <td colspan="7" style="text-align: left; padding: 2px 0px;"> 
+                    {{ patientPrint.patient_complains }}
+                    <!-- <div style="padding: 0px 0px;"
                       v-html="patientPrint.patient_complains"
-                    ></div>
+                    ></div> -->
                   </td>
                 </tr>
                 <tr >
@@ -1086,6 +1090,7 @@
 <script>
 import { getDataConfig } from "@/utils/data";
 import { getToken } from "@/api/qiniu";
+// import print from "print-js";
 import {
   getFileExtension,
   isCardNo,
@@ -1558,7 +1563,7 @@ export default {
 
             var contagionsArr = response.data.data.contagions;
             var diseasesArr = response.data.data.diseases;
-
+              console.log('123456',response.data.data);
             this.patientPrint = patietInfo;
 
             var sourceLen = this.sourceOptions.length;
@@ -1609,9 +1614,10 @@ export default {
               "{y}-{m}-{d}"
             );
             this.patientPrint.age = jsGetAge(this.patientPrint.birthday, "-");
-
+            console.log('qwerewqrt',patietInfo.patient_complains);
             this.patientPrint.patient_complains =
               patietInfo.patient_complains.replace(/\n/g, "<br/>");
+              
             this.patientPrint.present_history =
               patietInfo.present_history.replace(/\n/g, "<br/>");
             this.patientPrint.past_history = patietInfo.past_history.replace(
@@ -2140,8 +2146,8 @@ export default {
   background-color: white;
   width: 960px;
   margin: 0 auto;
-  padding: 0 0 20px 0;
-  /* page-break-after: always; */
+  padding: 0 0 0 0;
+  page-break-after: always;
 }
 .print_main_content .order_title {
   text-align: center;
@@ -2159,16 +2165,16 @@ export default {
   border: 1px solid;
   text-align: center;
   /* font-size: 17px; */
-  padding: 10px 8px;
+  /* padding: 10px 8px; */
 }
 .td_proj_title {
   font-size: 18px;
-  line-height: 25px;
+  line-height: 20px;
   font-weight: 500;
 }
 .td_proj_content {
   font-size: 18px;
-  line-height: 25px;
+  line-height: 20px;
 }
 .td_align_left {
   text-align: left;