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

src/api/common/statistics.js

@@ -0,0 +1,157 @@
+import request from '@/utils/request'
+
+export function GetDialysisProcessIndexChartData(params) {
+  return request({
+    url: '/api/dialysisprocessindex/chart',
+    method: 'get',
+    params:params,
+  })
+}
+
+export function GetDialysisProcessIndexTableData(params) {
+  return request({
+    url: '/api/dialysisprocessindex/table',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+export function GetDialysisWatchChartData(params) {
+  return request({
+    url: '/api/dialysiswatch/chart',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+export function GetDialysisWatchTableData(params) {
+  return request({
+    url: '/api/dialysiswatch/table',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+export function GetDialysisBloodPressureChartData(params) {
+  return request({
+    url: '/api/dialysisbloodpressure/chart',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+export function GetDialysisBloodPressureTableData(params) {
+  return request({
+    url: '/api/dialysisbloodpressure/table',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+
+
+export function GetDialysisPatientBloodPressureChartData(params) {
+  return request({
+    url: '/api/patientdialysisbloodpressure/chart',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+
+
+export function GetDialysisWeightChartData(params) {
+  return request({
+    url: '/api/dialysisweight/chart',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+
+export function GetDialysisWeightTableData(params) {
+  return request({
+    url: '/api/dialysisweight/table',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+export function GetDialysisPatientWeightChartData(params) {
+  return request({
+    url: '/api/patientdialysisweight/chart',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+
+export function GetDoctorWorkloadChartData(params) {
+  return request({
+    url: '/api/doctorworkload/chart',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+
+export function GetDoctorWorkloadTableData(params) {
+  return request({
+    url: '/api/doctorworkload/table',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+
+export function GetNurseWorkloadChartData(params) {
+  return request({
+    url: '/api/nurseworkload/chart',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+
+export function GetNurseWorkloadTableData(params) {
+  return request({
+    url: '/api/nurseworkload/table',
+    method: 'get',
+    params:params,
+  })
+}
+
+
+
+export function GetAllAdminUser() {
+  return request({
+    url: '/api/adminuser/all',
+    method: 'get',
+  })
+}
+
+export function GetDefalutPatient() {
+  return request({
+    url: '/api/defalutpatient/get',
+    method: 'get',
+  })
+}
+
+
+
+
+
+
+

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

@@ -846,6 +846,9 @@ export default {
         : 0;
 
       data["is_eat"] = this.form.is_eat ? parseFloat(this.form.is_eat) : 0;
+      data["cvc_a"] = this.form.cvc_a ? parseFloat(this.form.cvc_a) : 0;
+      data["cvc_v"] = this.form.cvc_v ? parseFloat(this.form.cvc_v) : 0;
+
       console.log("data", data);
       postAssessmentAfterDislysis(ParamsQuery, data)
         .then(response => {

src/xt_pages/qcd/indicatorControlAnalysis/bloodPressure.vue

@@ -4,33 +4,48 @@
       <bread-crumb :crumbs="crumbs"></bread-crumb>
     </div>
     <div class="app-container">
-      <div class="page_bloodPressure">
+      <div class="page_process">
         <new-nav activeName="bloodPressure"></new-nav>
         <div class="cell clearfix">
-          <el-form :inline="true" :model="listQuery">
+          <el-form :inline="true">
             <el-form-item label>
-              <el-input v-model.trim="listQuery.search" placeholder="姓名/透析号" style="width:110px"></el-input>
-              <el-button type="primary" @click="onSearch" icon="el-icon-search">搜索</el-button>
+              <el-autocomplete
+                class="checkSearch"
+                popper-class="my-autocomplete"
+                v-model="search_value"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入病人名字"
+                @select="handleSelect"
+              >
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+              </el-autocomplete>
+
             </el-form-item>
           </el-form>
-          <el-select v-model="value" placeholder="请选择" style="width:110px;margin-right:10px">
+          <el-select v-model="query.statistics_type" placeholder="请选择" style="width:110px;margin-right:10px" @change="changeProject">
             <el-option
               v-for="item in options"
               :key="item.value"
-              :label="item.label"
+              :label="item.name"
               :value="item.value"
+
             ></el-option>
           </el-select>
           <label class="title">
             <span class="name">日期查询</span> :
           </label>
           <el-date-picker
-            v-model="listQuery.start_time"
+            v-model="query.start_time"
             prefix-icon="el-icon-date"
             @change="changeTime"
             :editable="false"
             style="width: 150px;"
             type="date"
+            :picker-options="pickerOptions"
             placeholder="选择日期时间"
             align="right"
             format="yyyy-MM-dd"
@@ -38,10 +53,11 @@
           ></el-date-picker>
           <span class>-</span>
           <el-date-picker
-            v-model="listQuery.end_time"
+            v-model="query.end_time"
             prefix-icon="el-icon-date"
             @change="changeEndTime"
             :editable="false"
+            :picker-options="pickerOptions"
             style="width: 150px;"
             type="date"
             placeholder="选择日期时间"
@@ -53,39 +69,88 @@
         <el-container>
           <div style="width:150px">
             <div class="tableTitle">患者列表</div>
-            <el-table :data="tableData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
-              <el-table-column prop="date" label="日期" width="70"></el-table-column>
-              <el-table-column prop="name" label="姓名" width="80"></el-table-column>
+            <el-table :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                      highlight-current-row
+                      @current-change="handleChange">
+              <el-table-column prop="dialysis_no" label="透析号" width="80">
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
+              </el-table-column>
+              <el-table-column prop="name" label="姓名" width="80">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
             </el-table>
           </div>
           <div style="padding-left:10px;flex:1">
             <div class="tableTitle">指标趋势</div>
             <div>
-              <line-chart :options="chart"></line-chart>
-            </div>
-            <div class="cell clearfix" style="margin:0;margin-bottom:10px">
-              <div class="tableTitle">统计表</div>
+              <line-chart :options="bar"></line-chart>
+
             </div>
+            <div class="tableTitle">统计表</div>
             <div>
-              <el-table :data="tableData1" style="width: 100%" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
-                <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="city" label="市区"></el-table-column>
-                <el-table-column prop="address" label="地址"></el-table-column>
-                <el-table-column prop="zip" label="邮编"></el-table-column>
-                <el-table-column label="操作" width="100">
+              <el-table :data="tableData" style="width: 100%" :height="tableHeight" >
+                <el-table-column fixed label="日期" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.schedule_date | parseTime("{y}-{m}-{d}") }}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="姓名" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.patient.name}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="状态" align="center">
                   <template slot-scope="scope">
-                    <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
+                    {{scope.row.patient.lapseto == 1 ? '留治':'转出'}}
                   </template>
                 </el-table-column>
+
+                <el-table-column label="透前血压" align="center">
+                  <template slot-scope="scope">
+                    <div v-if="scope.row.before.systolic_blood_pressure">{{scope.row.before.systolic_blood_pressure}} / {{scope.row.before.diastolic_blood_pressure}}</div>
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="透析中最低血压" align="center">
+                  <template slot-scope="scope">
+                    <div v-if="scope.row.min_monitor.systolic_blood_pressure">{{ scope.row.min_monitor.systolic_blood_pressure}} /{{ scope.row.min_monitor.diastolic_blood_pressure}}</div>
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="透析中最高血压" align="center">
+                  <template slot-scope="scope">
+                    <div v-if="scope.row.max_monitor.systolic_blood_pressure">{{ scope.row.max_monitor.systolic_blood_pressure}} /{{ scope.row.max_monitor.diastolic_blood_pressure}}</div>
+
+
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="透后血压" align="center">
+                  <template slot-scope="scope">
+                    <div v-if="scope.row.after.systolic_blood_pressure"> {{ scope.row.after.systolic_blood_pressure}} /{{scope.row.after.diastolic_blood_pressure}}</div>
+                  </template>
+                </el-table-column>
+
+                <el-table-column fixed="right" label="趋势" align="center">
+                  <template slot-scope="scope">
+                    <el-button
+                      @click.native.prevent="jumpDetail(scope.row.patient.id)"
+                      type="text"
+                      size="small"
+                    >详情</el-button>
+                  </template>
+                </el-table-column>
+
               </el-table>
 
               <el-pagination
                 align="right"
                 @size-change="handleSizeChange"
                 @current-change="handleCurrentChange"
-                :current-page="listQuery.page"
+                :current-page="query.page"
                 :page-sizes="[10, 20, 50, 100]"
                 :page-size="10"
                 background
@@ -103,264 +168,392 @@
 
 
 <script>
-import echarts from "echarts";
-import NewNav from "../indicatorControlAnalysis/components/NewNav";
-import BreadCrumb from "@/xt_pages/components/bread-crumb";
-import LineChart from "../../qcd/components/LineChart";
-export default {
-  components: {
-    LineChart,
-    BreadCrumb,
-    NewNav
-  },
-  data() {
-    return {
-      crumbs: [
-        { path: false, name: "科室质控" },
-        { path: false, name: "指标评估统计" },
-        { path: false, name: "患者血压统计" }
-      ],
-      listQuery: {
-        start_time: "",
-        end_time: "",
-        page: 1,
-        limit: 10
-      },
-      tableData: [
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        }
-      ],
-      tableData1: [
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        }
-      ],
-      chart: {
-        title: {
-          text: "ECharts 入门示例"
-        },
-        tooltip: {},
-        legend: {
-          data: ["次数"],
-          left: 0
+  import echarts from 'echarts'
+  import NewNav from '../indicatorControlAnalysis/components/NewNav'
+  import BreadCrumb from '@/xt_pages/components/bread-crumb'
+  import LineChart from '../../qcd/components/LineChart'
+  import { getCurrentOrgPatients } from "@/api/common/common";
+
+
+  import {GetDialysisBloodPressureChartData,GetDialysisBloodPressureTableData} from "@/api/common/statistics"
+
+  import {
+    PostSearch
+  } from '@/api/patient'
+
+  import { uParseTime } from "@/utils/tools";
+  import { getDataConfig } from "@/utils/data";
+
+  export default {
+    components: {
+      LineChart,
+      BreadCrumb,
+      NewNav
+    },
+    data() {
+      return {
+        pickerOptions: {
+          disabledDate(time) {
+            let threeMonths = new Date(new Date().setFullYear(new Date().getFullYear()-1)).getTime() - 24 * 3600 * 1000;
+            return time.getTime() > Date.now() || time.getTime() < threeMonths;;
+          }
         },
-        xAxis: {
-          data: ["达标", "未达标"]
+        patientsData:[],
+        tableData: [
+        ],
+        loading: false,
+        search_value: '',
+        total: '',
+        query: {
+          patient_id: '',
+          statistics_type: 1,
+          start_time: '',
+          end_time: '',
+          limit: 10,
+          page: 1
         },
-        yAxis: {
-          axisLabel: {
-            formatter: "{value} %"
+        options: [
+          { value: 1, name: '不限' },
+          { value: 2, name: '透前血压' },
+          { value: 3, name: '透后血压' },
+        ],
+        crumbs: [
+          { path: false, name: '科室质控' },
+          { path: false, name: '指标评估统计' },
+          { path: false, name: '透析过程指标统计' }
+        ],
+        tableData1: [],
+        chart: {
+          title: {
+            text: 'ECharts 入门示例'
           },
-          show: false
-        },
-        series: [
-          {
-            name: "次数",
-            type: "bar",
-            data: ["78.57", "50"],
-            barWidth: 30,
-            label: {
-              normal: {
-                show: true,
-                position: "top",
-                formatter: "{c}次"
-              }
+          tooltip: {},
+          legend: {
+            data: [],
+            left: 0
+          },
+          xAxis: {
+            data: []
+          },
+          yAxis: {
+            axisLabel: {
+              formatter: '{value} %'
             },
-            //配置样式
-            itemStyle: {
-              //通常情况下：
-
-              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
-              normal: {
-                color: function(params) {
-                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
-                  var colorList = [
-                    ["#A9E0F3", "#9FBDFC"],
-
-                    ["#FFD7C0", "#FF9994"]
-                  ];
-
-                  var index = params.dataIndex;
-                  if (params.dataIndex >= colorList.length) {
-                    index = params.dataIndex % colorList.length;
-                  }
-
-                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                    { offset: 0, color: colorList[index][0] },
-                    // { offset: 0.5, color: colorList[index][1] },
-                    { offset: 1, color: colorList[index][1] }
-                  ]);
+            show: false
+          },
+          series: [
+            {
+              name: '',
+              type: 'line',
+              data: [],
+              barWidth: 30,
+              label: {
+                normal: {
+                  show: true,
+                  position: 'top',
+                  formatter: '{c}'
+                }
+              },
+              //配置样式
+              itemStyle: {
+                //通常情况下：
+
+                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+                normal: {
+                  color: function(params) {
+                    //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                    var colorList = [
+                      ['#A9E0F3', '#9FBDFC'],
+
+                      ['#FFD7C0', '#FF9994']
+                    ]
+
+                    var index = params.dataIndex
+                    if (params.dataIndex >= colorList.length) {
+                      index = params.dataIndex % colorList.length
+                    }
+
+                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                      { offset: 0, color: colorList[index][0] },
+                      // { offset: 0.5, color: colorList[index][1] },
+                      { offset: 1, color: colorList[index][1] }
+                    ])
+                  },
+                  barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
                 },
-                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+
+                //鼠标悬停时：
+                emphasis: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
+              }
+            }
+          ]
+        },
+        bar: {
+          title: {
+            text: 'ECharts 入门示例'
+          },
+          tooltip: {},
+          legend: {
+            data: [],
+            left: 0
+          },
+          xAxis: {
+            data: []
+          },
+          yAxis: {
+            axisLabel: {
+              formatter: '{value} %'
+            },
+            show: false
+          },
+          series: [
+            {
+              name: '',
+              type: 'bar',
+              data: [],
+              barWidth: 30,
+              label: {
+                normal: {
+                  show: true,
+                  position: 'top',
+                  formatter: '{c}次'
+                }
               },
+              //配置样式
+              itemStyle: {
+                //通常情况下：
+
+                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+                normal: {
+                  color: function(params) {
+                    //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                    var colorList = [
+                      ['#A9E0F3', '#9FBDFC'],
+                      ['#FFD7C0', '#FF9994']
+                    ]
 
-              //鼠标悬停时：
-              emphasis: {
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowColor: "rgba(0, 0, 0, 0.5)"
+                    var index = params.dataIndex
+                    if (params.dataIndex >= colorList.length) {
+                      index = params.dataIndex % colorList.length
+                    }
+
+                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                      { offset: 0, color: colorList[index][0] },
+                      // { offset: 0.5, color: colorList[index][1] },
+                      { offset: 1, color: colorList[index][1] }
+                    ])
+                  },
+                  barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+                },
+
+                //鼠标悬停时：
+                emphasis: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
               }
             }
-          }
-        ]
+          ]
+        }
+
       }
-    };
-  },
-  methods: {
-    chooseWay(way) {
-      this.wayType = way;
     },
-    handleClick(row) {
-      console.log(row);
-      this.$router.push({
-        path: "/qcd/indicatorControlAnalysis/bloodPressureDetails"
-      });
+    methods: {
+      changeProject(val){
+        this.query.statistics_type = val
+        this.query.page = 1
+        this.GetDialysisBloodPressureChartData(this.query)
+
+      },
+      handleChange(val){
+        this.query.patient_id = val.id
+        this.query.page = 1
+        this.GetDialysisBloodPressureTableData(this.query)
+        this.GetDialysisBloodPressureChartData(this.query)
+      },
+      handleSizeChange(limit) {
+        this.query.limit = limit;
+
+      },
+      handleCurrentChange(page) {
+        this.query.page = page;
+
+      },
+      changeTime(val) {
+        var time = this.getTimestamp(val) - this.getTimestamp(this.query.end_time);
+        if (time > 0) {
+          this.$message.error("结束时间不能小于开始时间");
+          this.query.start_time = "";
+        } else {
+          // this.getDialysisList()
+          this.query.page = 1;
+          this.GetDialysisBloodPressureChartData(this.query)
+          this.GetDialysisBloodPressureTableData(this.query)
+
+        }
+
+      },
+      changeEndTime(val) {
+        var time =
+          this.getTimestamp(val) - this.getTimestamp(this.query.start_time);
+        if (time < 0) {
+          this.$message.error("结束时间不能小于开始时间");
+          this.query.end_time = "";
+        } else {
+          this.query.page = 1;
+          this.GetDialysisBloodPressureChartData(this.query)
+          this.GetDialysisBloodPressureTableData(this.query)
+
+        }
+      },
+      getTimestamp(time) {
+        // 把时间日期转成时间戳
+        return new Date(time).getTime() / 1000;
+      },
+      QueryOperaById: function(val) {
+        let vascular_access_desc_name = "";
+        let vascular_access_desc = getDataConfig(
+          "hemodialysis",
+          "vascular_access_desc"
+        );
+        for (let i = 0; i < vascular_access_desc.length; i++) {
+          if (vascular_access_desc[i].id == val) {
+            vascular_access_desc_name = vascular_access_desc[i].name;
+          }
+        }
+
+        return vascular_access_desc_name;
+      },
+      GetAnticoagulantById: function (val) {
+        let anticoagulan_name = ''
+        var anticoagulantsConfitTwo = this.$store.getters.anticoagulants_confit
+        let anticoagulant = anticoagulantsConfitTwo
+        for (let keys in anticoagulant) {
+          if (anticoagulant[keys].id == val) {
+            anticoagulan_name = anticoagulant[keys].name
+          }
+        }
+        return anticoagulan_name
+      },
+      getModeName(mode_id){
+        return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name: ""
+      },
+      changeTime() {
+
+      }, changeEndTime() {
+
+
+      }, GetDialysisBloodPressureTableData(params) {
+        this.loading = true
+        this.tableData = []
+        GetDialysisBloodPressureTableData(params)
+          .then(rs => {
+            var resp = rs.data
+            if (resp.state == 1) {
+              this.loading = false
+
+              for (let i = 0; i < resp.data.data.length; i++) {
+                this.tableData.push(resp.data.data[i])
+              }
+            } else {
+              this.loading = false
+            }
+          })
+          .catch(error => {
+
+          })
+      },
+      GetDialysisBloodPressureChartData(params) {
+        this.bar.xAxis.data = []
+        this.bar.series[0].data = []
+        GetDialysisBloodPressureChartData(params)
+          .then(rs => {
+            var resp = rs.data
+            if (resp.state == 1) {
+                for (let i = 0; i < resp.data.data.length; i++) {
+                  this.bar.xAxis.data.push(resp.data.data[i].name)
+                  this.bar.series[0].data.push(resp.data.data[i].total)
+              }
+            } else {
+            }
+          })
+          .catch(error => {
+          })
+      },
+      handleSelect(val) {
+        this.query.patient_id = val.id
+        this.query.page = 1
+        this.GetDialysisBloodPressureChartData(this.query)
+        this.GetDialysisBloodPressureTableData(this.query)
+
+      },
+      querySearchAsync(keyword, cb) {
+        let key = ''
+        if (keyword != undefined) {
+          key = keyword
+        }
+        let searchArray = []
+        PostSearch(key).then(response => {
+          if (response.data.state == 1) {
+            searchArray = response.data.data.patient
+            cb(searchArray)
+          } else {
+            cb([])
+          }
+        })
+      },
+      chooseWay(way) {
+        this.wayType = way
+      }, getCurrentOrgPatients(){
+        getCurrentOrgPatients().then(response=>{
+          if(response.data.state == 1){
+            var patients = response.data.data.patients
+            this.patientsData = patients
+          }
+        })
+      },
+    }, created() {
+      var date = new Date()
+      var year = date.getFullYear() //获取完整的年份(4位)
+      var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+      var day = date.getDate() < 0 ? '0' + date.getDate().toString() : date.getDate() //获取当前日(1-31)
+      var last_month = date.getMonth() < 10 ? '0' + date.getMonth().toString() : date.getMonth() //获取当前月份(0-11,0代表1月)
+      this.query.patient_id = 0
+      this.query.end_time = year + '-' + month + '-' + day
+      this.query.start_time = year + '-' + last_month + '-' + day
+      this.query.statistics_type = 1
+      this.GetDialysisBloodPressureChartData(this.query)
+      this.GetDialysisBloodPressureTableData(this.query)
+      this.getCurrentOrgPatients()
+
+
     }
   }
-};
 </script>
 
 <style lang="scss" scoped>
-.tableTitle {
-  font-size: 16px;
-  color: #000;
-  font-weight: bold;
-  margin-bottom: 10px;
-}
+  .tableTitle {
+    font-size: 16px;
+    color: #000;
+    font-weight: bold;
+    margin-bottom: 10px;
+  }
 </style>
 <style lang="scss">
-.page_bloodPressure {
+  .page_process {
+
   .el-button--medium {
     padding: 10px 8px;
   }
+
   .el-form-item {
     margin-bottom: 0;
   }
-  .cell {
-    text-align: center;
+
   }
-}
 </style>

src/xt_pages/qcd/indicatorControlAnalysis/monitor.vue

@@ -4,33 +4,48 @@
       <bread-crumb :crumbs="crumbs"></bread-crumb>
     </div>
     <div class="app-container">
-      <div class="page_monitor">
+      <div class="page_process">
         <new-nav activeName="monitor"></new-nav>
         <div class="cell clearfix">
-          <el-form :inline="true" :model="listQuery">
+          <el-form :inline="true">
             <el-form-item label>
-              <el-input v-model.trim="listQuery.search" placeholder="姓名/透析号" style="width:110px"></el-input>
-              <el-button type="primary" @click="onSearch" icon="el-icon-search">搜索</el-button>
+              <el-autocomplete
+                class="checkSearch"
+                popper-class="my-autocomplete"
+                v-model="search_value"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入病人名字"
+                @select="handleSelect"
+              >
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+              </el-autocomplete>
+
             </el-form-item>
           </el-form>
-          <el-select v-model="value" placeholder="请选择" style="width:110px;margin-right:10px">
+          <el-select v-model="query.statistics_type" placeholder="请选择" style="width:110px;margin-right:10px" @change="changeProject">
             <el-option
               v-for="item in options"
               :key="item.value"
-              :label="item.label"
+              :label="item.name"
               :value="item.value"
+
             ></el-option>
           </el-select>
           <label class="title">
             <span class="name">日期查询</span> :
           </label>
           <el-date-picker
-            v-model="listQuery.start_time"
+            v-model="query.start_time"
             prefix-icon="el-icon-date"
             @change="changeTime"
             :editable="false"
             style="width: 150px;"
             type="date"
+            :picker-options="pickerOptions"
             placeholder="选择日期时间"
             align="right"
             format="yyyy-MM-dd"
@@ -38,10 +53,11 @@
           ></el-date-picker>
           <span class>-</span>
           <el-date-picker
-            v-model="listQuery.end_time"
+            v-model="query.end_time"
             prefix-icon="el-icon-date"
             @change="changeEndTime"
             :editable="false"
+            :picker-options="pickerOptions"
             style="width: 150px;"
             type="date"
             placeholder="选择日期时间"
@@ -53,9 +69,16 @@
         <el-container>
           <div style="width:150px">
             <div class="tableTitle">患者列表</div>
-            <el-table :data="tableData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
-              <el-table-column prop="date" label="日期" width="70"></el-table-column>
-              <el-table-column prop="name" label="姓名" width="80"></el-table-column>
+            <el-table :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                      highlight-current-row
+                      @current-change="handleChange">
+              <el-table-column prop="dialysis_no" label="透析号" width="80">
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
+              </el-table-column>
+              <el-table-column prop="name" label="姓名" width="80">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
             </el-table>
           </div>
           <div style="padding-left:10px;flex:1">
@@ -65,20 +88,96 @@
             </div>
             <div class="tableTitle">统计表</div>
             <div>
-              <el-table :data="tableData1" style="width: 100%" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
-                <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="city" label="市区"></el-table-column>
-                <el-table-column prop="address" label="地址"></el-table-column>
-                <el-table-column prop="zip" label="邮编"></el-table-column>
+              <el-table :data="tableData" style="width: 100%" :height="tableHeight" v-loading="loading">
+                <el-table-column fixed label="监测时间" align="center">
+                  <template slot-scope="scope">
+                    <!--{{getTime(scope.row.operate_time)}}-->
+                    {{scope.row.operate_time | parseTime("{y}-{m}-{d} {h}:{i}") }}
+
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="收缩压" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.systolic_blood_pressure?scope.row.systolic_blood_pressure:''}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="舒张压" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.diastolic_blood_pressure?scope.row.diastolic_blood_pressure:''}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="脉搏" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.pulse_frequency?scope.row.pulse_frequency:''}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="呼吸" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.breathing_rate?scope.row.breathing_rate:''}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="体温" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.temperature?scope.row.temperature:''}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="血流量" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.blood_flow_volume?scope.row.blood_flow_volume:''}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="静脉压" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.venous_pressure?scope.row.venous_pressure:''}}
+                  </template>
+                </el-table-column>
+
+
+                <el-table-column label="动脉压" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.arterial_pressure?scope.row.arterial_pressure:''}}
+
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="跨膜压" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.transmembrane_pressure?scope.row.transmembrane_pressure:''}}
+                  </template>
+                </el-table-column>
+
+
+                <el-table-column label="透析液温度" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.dialysate_temperature?scope.row.dialysate_temperature:''}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="超滤率" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.ultrafiltration_rate?scope.row.ultrafiltration_rate:''}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="超滤量" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.ultrafiltration_volume?scope.row.ultrafiltration_volume:''}}
+                  </template>
+                </el-table-column>
               </el-table>
 
               <el-pagination
                 align="right"
                 @size-change="handleSizeChange"
                 @current-change="handleCurrentChange"
-                :current-page="listQuery.page"
+                :current-page="query.page"
                 :page-sizes="[10, 20, 50, 100]"
                 :page-size="10"
                 background
@@ -96,255 +195,412 @@
 
 
 <script>
-import echarts from "echarts";
-import NewNav from "../indicatorControlAnalysis/components/NewNav";
-import BreadCrumb from "@/xt_pages/components/bread-crumb";
-import LineChart from "../../qcd/components/LineChart";
-export default {
-  components: {
-    LineChart,
-    BreadCrumb,
-    NewNav
-  },
-  data() {
-    return {
-      crumbs: [
-        { path: false, name: "科室质控" },
-        { path: false, name: "指标评估统计" },
-        { path: false, name: "透析监测信息统计" }
-      ],
-      listQuery: {
-        start_time: "",
-        end_time: "",
-        page: 1,
-        limit: 10
-      },
-      tableData: [
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        }
-      ],
-      tableData1: [
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        }
-      ],
-      chart: {
-        title: {
-          text: "ECharts 入门示例"
-        },
-        tooltip: {},
-        legend: {
-          data: ["次数"],
-          left: 0
+  import echarts from 'echarts'
+  import NewNav from '../indicatorControlAnalysis/components/NewNav'
+  import BreadCrumb from '@/xt_pages/components/bread-crumb'
+  import LineChart from '../../qcd/components/LineChart'
+  import { getCurrentOrgPatients } from "@/api/common/common";
+  import {
+    GetDefalutPatient,
+    GetDialysisWatchChartData,
+    GetDialysisWatchTableData
+  } from '@/api/common/statistics'
+
+
+  import {
+    PostSearch
+  } from '@/api/patient'
+
+  import { uParseTime } from "@/utils/tools";
+  import { getDataConfig } from "@/utils/data";
+
+  export default {
+    components: {
+      LineChart,
+      BreadCrumb,
+      NewNav
+    },
+    data() {
+      return {
+        pickerOptions: {
+          disabledDate(time) {
+            let threeMonths = new Date(new Date().setFullYear(new Date().getFullYear()-1)).getTime() - 24 * 3600 * 1000;
+            return time.getTime() > Date.now() || time.getTime() < threeMonths;;
+          }
         },
-        xAxis: {
-          data: ["达标", "未达标"]
+        patientsData:[],
+        tableData: [
+        ],
+        loading: false,
+        search_value: '',
+        total: '',
+        query: {
+          patient_id: '',
+          statistics_type: 1,
+          start_time: '',
+          end_time: '',
+          limit: 10,
+          page: 1
         },
-        yAxis: {
-          axisLabel: {
-            formatter: "{value} %"
+        options: [
+          { value: 1, name: '收缩压' },
+          { value: 2, name: '舒张压' },
+          { value: 3, name: '脉搏' },
+          { value: 4, name: '呼吸' },
+          { value: 5, name: '体温' },
+          { value: 6, name: '血流量' },
+          { value: 7, name: '静脉压' },
+          { value: 8, name: '动脉压' },
+          { value: 9, name: '跨膜压' },
+          { value: 10, name: '透析液温度' },
+          { value: 11, name: '超滤率' },
+          { value: 12, name: '超滤量' },
+        ],
+        crumbs: [
+          { path: false, name: '科室质控' },
+          { path: false, name: '指标评估统计' },
+          { path: false, name: '透析过程指标统计' }
+        ],
+        tableData: [],
+        tableData1: [],
+        chart: {
+          title: {
+            text: 'ECharts 入门示例'
           },
-          show: false
-        },
-        series: [
-          {
-            name: "次数",
-            type: "line",
-            data: ["78.57", "50"],
-            barWidth: 30,
-            label: {
-              normal: {
-                show: true,
-                position: "top",
-                formatter: "{c}次"
-              }
+          tooltip: {},
+          legend: {
+            data: [],
+            left: 0
+          },
+          xAxis: {
+            data: []
+          },
+          yAxis: {
+            axisLabel: {
+              formatter: '{value} %'
             },
-            //配置样式
-            itemStyle: {
-              //通常情况下：
-
-              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
-              normal: {
-                color: function(params) {
-                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
-                  var colorList = [
-                    ["#A9E0F3", "#9FBDFC"],
-
-                    ["#FFD7C0", "#FF9994"]
-                  ];
-
-                  var index = params.dataIndex;
-                  if (params.dataIndex >= colorList.length) {
-                    index = params.dataIndex % colorList.length;
-                  }
-
-                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                    { offset: 0, color: colorList[index][0] },
-                    // { offset: 0.5, color: colorList[index][1] },
-                    { offset: 1, color: colorList[index][1] }
-                  ]);
+            show: false
+          },
+          series: [
+            {
+              name: '',
+              type: 'line',
+              data: [],
+              barWidth: 30,
+              label: {
+                normal: {
+                  show: true,
+                  position: 'top',
+                  formatter: '{c}'
+                }
+              },
+              //配置样式
+              itemStyle: {
+                //通常情况下：
+
+                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+                normal: {
+                  color: function(params) {
+                    //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                    var colorList = [
+                      ['#A9E0F3', '#9FBDFC'],
+
+                      ['#FFD7C0', '#FF9994']
+                    ]
+
+                    var index = params.dataIndex
+                    if (params.dataIndex >= colorList.length) {
+                      index = params.dataIndex % colorList.length
+                    }
+
+                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                      { offset: 0, color: colorList[index][0] },
+                      // { offset: 0.5, color: colorList[index][1] },
+                      { offset: 1, color: colorList[index][1] }
+                    ])
+                  },
+                  barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
                 },
-                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+
+                //鼠标悬停时：
+                emphasis: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
+              }
+            }
+          ]
+        },
+        bar: {
+          title: {
+            text: 'ECharts 入门示例'
+          },
+          tooltip: {},
+          legend: {
+            data: [],
+            left: 0
+          },
+          xAxis: {
+            data: []
+          },
+          yAxis: {
+            axisLabel: {
+              formatter: '{value} %'
+            },
+            show: false
+          },
+          series: [
+            {
+              name: '',
+              type: 'bar',
+              data: [],
+              barWidth: 30,
+              label: {
+                normal: {
+                  show: true,
+                  position: 'top',
+                  formatter: '{c}次'
+                }
               },
+              //配置样式
+              itemStyle: {
+                //通常情况下：
+
+                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+                normal: {
+                  color: function(params) {
+                    //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                    var colorList = [
+                      ['#A9E0F3', '#9FBDFC'],
+                      ['#FFD7C0', '#FF9994']
+                    ]
+
+                    var index = params.dataIndex
+                    if (params.dataIndex >= colorList.length) {
+                      index = params.dataIndex % colorList.length
+                    }
 
-              //鼠标悬停时：
-              emphasis: {
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowColor: "rgba(0, 0, 0, 0.5)"
+                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                      { offset: 0, color: colorList[index][0] },
+                      // { offset: 0.5, color: colorList[index][1] },
+                      { offset: 1, color: colorList[index][1] }
+                    ])
+                  },
+                  barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+                },
+
+                //鼠标悬停时：
+                emphasis: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
               }
             }
-          }
-        ]
+          ]
+        }
+
       }
-    };
-  },
-  methods: {
-    chooseWay(way) {
-      this.wayType = way;
+    },
+    methods: {
+      changeProject(val){
+        this.query.statistics_type = val
+        this.query.page = 1
+        this.GetDialysisWatchChartData(this.query)
+
+      },
+      handleChange(val){
+        this.query.patient_id = val.id
+        this.query.page = 1
+        this.GetDialysisWatchTableData(this.query)
+        this.GetDialysisWatchChartData(this.query)
+      },
+      handleSizeChange(limit) {
+        this.query.limit = limit;
+
+      },
+      handleCurrentChange(page) {
+        this.query.page = page;
+
+      },
+      changeTime(val) {
+        var time = this.getTimestamp(val) - this.getTimestamp(this.query.end_time);
+        if (time > 0) {
+          this.$message.error("结束时间不能小于开始时间");
+          this.query.start_time = "";
+        } else {
+          // this.getDialysisList()
+          this.query.page = 1;
+          this.GetDialysisWatchChartData(this.query)
+          this.GetDialysisWatchTableData(this.query)
+
+        }
+
+      },
+      changeEndTime(val) {
+        var time =
+          this.getTimestamp(val) - this.getTimestamp(this.query.start_time);
+        if (time < 0) {
+          this.$message.error("结束时间不能小于开始时间");
+          this.query.end_time = "";
+        } else {
+          this.query.page = 1;
+          this.GetDialysisWatchChartData(this.query)
+          this.GetDialysisWatchTableData(this.query)
+
+        }
+      },
+      getTimestamp(time) {
+        // 把时间日期转成时间戳
+        return new Date(time).getTime() / 1000;
+      },
+      QueryOperaById: function(val) {
+        let vascular_access_desc_name = "";
+        let vascular_access_desc = getDataConfig(
+          "hemodialysis",
+          "vascular_access_desc"
+        );
+        for (let i = 0; i < vascular_access_desc.length; i++) {
+          if (vascular_access_desc[i].id == val) {
+            vascular_access_desc_name = vascular_access_desc[i].name;
+          }
+        }
+
+        return vascular_access_desc_name;
+      },
+      GetAnticoagulantById: function (val) {
+        let anticoagulan_name = ''
+        var anticoagulantsConfitTwo = this.$store.getters.anticoagulants_confit
+        let anticoagulant = anticoagulantsConfitTwo
+        for (let keys in anticoagulant) {
+          if (anticoagulant[keys].id == val) {
+            anticoagulan_name = anticoagulant[keys].name
+          }
+        }
+        return anticoagulan_name
+      },
+      getModeName(mode_id){
+        return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name: ""
+      },
+      changeTime() {
+
+      }, changeEndTime() {
+
+
+      }, GetDialysisWatchTableData(params) {
+        this.loading = true
+        this.tableData = []
+        GetDialysisWatchTableData(params)
+          .then(rs => {
+            var resp = rs.data
+            if (resp.state == 1) {
+              this.loading = false
+              for (let i = 0; i < resp.data.data.length; i++) {
+                this.tableData.push(resp.data.data[i])
+              }
+            } else {
+              this.loading = false
+            }
+          })
+          .catch(error => {
+          })
+      },
+      GetDialysisWatchChartData(params) {
+        this.chart.xAxis.data = []
+        this.chart.series[0].data = []
+        this.bar.xAxis.data = []
+        this.bar.series[0].data = []
+        GetDialysisWatchChartData(params)
+          .then(rs => {
+            var resp = rs.data
+            if (resp.state == 1) {
+              if (this.query.statistics_type != 9 && this.query.statistics_type != 10) {
+                for (let i = 0; i < resp.data.data.length; i++) {
+                  this.chart.xAxis.data.push(resp.data.data[i].date)
+                  this.chart.series[0].data.push(resp.data.data[i].value)
+                }
+              } else {
+                for (let i = 0; i < resp.data.data.length; i++) {
+                  this.bar.xAxis.data.push(resp.data.data[i].name)
+                  this.bar.series[0].data.push(resp.data.data[i].total)
+                }
+              }
+            } else {
+            }
+          })
+          .catch(error => {
+          })
+      },
+      handleSelect(val) {
+        this.query.patient_id = val.id
+        this.query.page = 1
+        this.GetDialysisWatchTableData(this.query)
+        this.GetDialysisWatchChartData(this.query)
+
+      },
+      querySearchAsync(keyword, cb) {
+        let key = ''
+        if (keyword != undefined) {
+          key = keyword
+        }
+        let searchArray = []
+        PostSearch(key).then(response => {
+          if (response.data.state == 1) {
+            searchArray = response.data.data.patient
+            cb(searchArray)
+          } else {
+            cb([])
+          }
+        })
+      },
+      chooseWay(way) {
+        this.wayType = way
+      }, getCurrentOrgPatients(){
+        getCurrentOrgPatients().then(response=>{
+          if(response.data.state == 1){
+            var patients = response.data.data.patients
+            this.patientsData = patients
+          }
+        })
+      },
+    }, created() {
+      var date = new Date()
+      var year = date.getFullYear() //获取完整的年份(4位)
+      var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+      var day = date.getDate() < 0 ? '0' + date.getDate().toString() : date.getDate() //获取当前日(1-31)
+      var last_month = date.getMonth() < 10 ? '0' + date.getMonth().toString() : date.getMonth() //获取当前月份(0-11,0代表1月)
+      this.query.patient_id = 0
+      this.query.end_time = year + '-' + month + '-' + day
+      this.query.start_time = year + '-' + last_month + '-' + day
+      this.query.statistics_type = 1
+      this.GetDialysisWatchChartData(this.query)
+      this.GetDialysisWatchTableData(this.query)
+      this.getCurrentOrgPatients()
+
+
     }
   }
-};
 </script>
 
 <style lang="scss" scoped>
-.tableTitle {
-  font-size: 16px;
-  color: #000;
-  font-weight: bold;
-  margin-bottom: 10px;
-}
+  .tableTitle {
+    font-size: 16px;
+    color: #000;
+    font-weight: bold;
+    margin-bottom: 10px;
+  }
 </style>
 <style lang="scss">
-.page_monitor {
+  .page_process {
+
   .el-button--medium {
     padding: 10px 8px;
   }
+
   .el-form-item {
     margin-bottom: 0;
   }
-}
+
+  }
 </style>

src/xt_pages/qcd/indicatorControlAnalysis/process.vue

@@ -7,30 +7,45 @@
       <div class="page_process">
         <new-nav activeName="process"></new-nav>
         <div class="cell clearfix">
-          <el-form :inline="true" :model="listQuery">
+          <el-form :inline="true">
             <el-form-item label>
-              <el-input v-model.trim="listQuery.search" placeholder="姓名/透析号" style="width:110px"></el-input>
-              <el-button type="primary" @click="onSearch" icon="el-icon-search">搜索</el-button>
+              <el-autocomplete
+                class="checkSearch"
+                popper-class="my-autocomplete"
+                v-model="search_value"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入病人名字"
+                @select="handleSelect"
+              >
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+              </el-autocomplete>
+
             </el-form-item>
           </el-form>
-          <el-select v-model="value" placeholder="请选择" style="width:110px;margin-right:10px">
+          <el-select v-model="query.statistics_type" placeholder="请选择" style="width:110px;margin-right:10px" @change="changeProject">
             <el-option
               v-for="item in options"
               :key="item.value"
-              :label="item.label"
+              :label="item.name"
               :value="item.value"
+
             ></el-option>
           </el-select>
           <label class="title">
             <span class="name">日期查询</span> :
           </label>
           <el-date-picker
-            v-model="listQuery.start_time"
+            v-model="query.start_time"
             prefix-icon="el-icon-date"
             @change="changeTime"
             :editable="false"
             style="width: 150px;"
             type="date"
+            :picker-options="pickerOptions"
             placeholder="选择日期时间"
             align="right"
             format="yyyy-MM-dd"
@@ -38,10 +53,11 @@
           ></el-date-picker>
           <span class>-</span>
           <el-date-picker
-            v-model="listQuery.end_time"
+            v-model="query.end_time"
             prefix-icon="el-icon-date"
             @change="changeEndTime"
             :editable="false"
+            :picker-options="pickerOptions"
             style="width: 150px;"
             type="date"
             placeholder="选择日期时间"
@@ -53,32 +69,181 @@
         <el-container>
           <div style="width:150px">
             <div class="tableTitle">患者列表</div>
-            <el-table :data="tableData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
-              <el-table-column prop="date" label="日期" width="70"></el-table-column>
-              <el-table-column prop="name" label="姓名" width="80"></el-table-column>
+            <el-table :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                      highlight-current-row
+                      @current-change="handleChange">
+              <el-table-column prop="dialysis_no" label="透析号" width="80">
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
+              </el-table-column>
+              <el-table-column prop="name" label="姓名" width="80">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
             </el-table>
           </div>
           <div style="padding-left:10px;flex:1">
             <div class="tableTitle">指标趋势</div>
             <div>
-              <line-chart :options="chart"></line-chart>
+              <line-chart :options="chart" v-if="query.statistics_type != 9 && query.statistics_type != 10"></line-chart>
+              <line-chart :options="bar" v-if="query.statistics_type == 9 || query.statistics_type == 10"></line-chart>
+
             </div>
             <div class="tableTitle">统计表</div>
             <div>
-              <el-table :data="tableData1" style="width: 100%" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
-                <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="city" label="市区"></el-table-column>
-                <el-table-column prop="address" label="地址"></el-table-column>
-                <el-table-column prop="zip" label="邮编"></el-table-column>
+              <el-table :data="tableData"  :height="tableHeight"   v-loading="loading">
+                <el-table-column  fixed label="透析日期" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.schedule_date | parseTime("{y}-{m}-{d}") }}
+                    <!--{{getTime(scope.row.schedule_date)}}-->
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="姓名" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.patient.name}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="透析机号" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.device_number.number}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="干体重" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.predialysis_evaluation.dry_weight?scope.row.predialysis_evaluation.dry_weight:''}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="透前体重" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.predialysis_evaluation.weight_before?scope.row.predialysis_evaluation.weight_before:''}}
+
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="透后体重" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.assessment_after_dislysis.weight_after ? scope.row.assessment_after_dislysis.weight_after :''}}
+
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="目标超滤量" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.prescription.target_ultrafiltration ? scope.row.prescription.target_ultrafiltration : ''}}
+
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="实际超滤量" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.assessment_after_dislysis.actual_ultrafiltration ?  scope.row.assessment_after_dislysis.actual_ultrafiltration :''}}
+
+                  </template>
+                </el-table-column>
+
+
+                <el-table-column label="透前血压" align="center">
+                  <template slot-scope="scope">
+                    <div v-if="scope.row.predialysis_evaluation.systolic_blood_pressure && scope.row.predialysis_evaluation.diastolic_blood_pressure">{{ scope.row.predialysis_evaluation.systolic_blood_pressure}} / {{ scope.row.predialysis_evaluation.diastolic_blood_pressure}}</div>
+
+
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="透后血压" align="center">
+                  <template slot-scope="scope">
+                    <div v-if="scope.row.assessment_after_dislysis.systolic_blood_pressure&&scope.row.assessment_after_dislysis.diastolic_blood_pressure">{{ scope.row.assessment_after_dislysis.systolic_blood_pressure}} / {{ scope.row.assessment_after_dislysis.diastolic_blood_pressure}}</div>
+
+
+                  </template>
+                </el-table-column>
+
+
+                <el-table-column label="透前脉率" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.predialysis_evaluation.pulse_frequency?scope.row.predialysis_evaluation.pulse_frequency:''}}
+
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="透后脉率" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.assessment_after_dislysis.pulse_frequency?scope.row.assessment_after_dislysis.pulse_frequency:''}}
+
+                  </template>
+                </el-table-column>
+
+
+                <el-table-column label="透析模式" align="center">
+                  <template slot-scope="scope">
+                    {{ getModeName(scope.row.prescription.mode_id)}}
+                  </template>
+                </el-table-column>
+
+
+                <el-table-column label="透析器" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.prescription.dialyzer_perfusion_apparatus}}
+                  </template>
+                </el-table-column>
+
+
+                <el-table-column label="钾" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.prescription.kalium?scope.row.prescription.kalium:""}}
+
+                  </template>
+                </el-table-column>
+
+
+
+                <el-table-column label="钠" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.prescription.sodium?scope.row.prescription.sodium:""}}
+
+                  </template>
+                </el-table-column>
+
+
+                <el-table-column label="钙" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.prescription.calcium?scope.row.prescription.calcium:""}}
+
+                  </template>
+                </el-table-column>
+
+
+                <el-table-column label="透析时长" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.prescription.dialysis_duration_hour?scope.row.prescription.dialysis_duration_hour+'小时':""}}
+                    {{ scope.row.prescription.dialysis_duration_minute?scope.row.prescription.dialysis_duration_minute+'分钟':''}}
+                  </template>
+
+                </el-table-column>
+
+                <el-table-column label="血管通路" align="center">
+                  <template slot-scope="scope">
+                    {{ QueryOperaById(scope.row.predialysis_evaluation.blood_access_part_opera_id)}}
+                  </template>
+                </el-table-column>
+
+
+                <el-table-column label="抗凝剂" align="center">
+                  <template slot-scope="scope">
+                    {{GetAnticoagulantById( scope.row.prescription.anticoagulant)}}
+                  </template>
+                </el-table-column>
+
               </el-table>
 
               <el-pagination
                 align="right"
                 @size-change="handleSizeChange"
                 @current-change="handleCurrentChange"
-                :current-page="listQuery.page"
+                :current-page="query.page"
                 :page-sizes="[10, 20, 50, 100]"
                 :page-size="10"
                 background
@@ -96,255 +261,421 @@
 
 
 <script>
-import echarts from "echarts";
-import NewNav from "../indicatorControlAnalysis/components/NewNav";
-import BreadCrumb from "@/xt_pages/components/bread-crumb";
-import LineChart from "../../qcd/components/LineChart";
-export default {
-  components: {
-    LineChart,
-    BreadCrumb,
-    NewNav
-  },
-  data() {
-    return {
-      crumbs: [
-        { path: false, name: "科室质控" },
-        { path: false, name: "指标评估统计" },
-        { path: false, name: "透析过程指标统计" }
-      ],
-      listQuery: {
-        start_time: "",
-        end_time: "",
-        page: 1,
-        limit: 10
-      },
-      tableData: [
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        }
-      ],
-      tableData1: [
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        }
-      ],
-      chart: {
-        title: {
-          text: "ECharts 入门示例"
-        },
-        tooltip: {},
-        legend: {
-          data: ["次数"],
-          left: 0
+  import echarts from 'echarts'
+  import NewNav from '../indicatorControlAnalysis/components/NewNav'
+  import BreadCrumb from '@/xt_pages/components/bread-crumb'
+  import LineChart from '../../qcd/components/LineChart'
+  import { getCurrentOrgPatients } from "@/api/common/common";
+  import {
+    GetDefalutPatient,
+    GetDialysisProcessIndexChartData,
+    GetDialysisProcessIndexTableData
+  } from '@/api/common/statistics'
+
+
+
+  import {
+    PostSearch
+  } from '@/api/patient'
+
+  import { uParseTime } from "@/utils/tools";
+  import { getDataConfig } from "@/utils/data";
+
+  export default {
+    components: {
+      LineChart,
+      BreadCrumb,
+      NewNav
+    },
+    data() {
+      return {
+        pickerOptions: {
+          disabledDate(time) {
+            let threeMonths = new Date(new Date().setFullYear(new Date().getFullYear()-1)).getTime() - 24 * 3600 * 1000;
+            return time.getTime() > Date.now() || time.getTime() < threeMonths;;
+          }
         },
-        xAxis: {
-          data: ["达标", "未达标"]
+        patientsData:[],
+        tableData: [
+        ],
+        loading: false,
+        search_value: '',
+        total: '',
+        query: {
+          patient_id: '',
+          statistics_type: 1,
+          start_time: '',
+          end_time: '',
+          limit: 10,
+          page: 1
         },
-        yAxis: {
-          axisLabel: {
-            formatter: "{value} %"
+        options: [
+          { value: 1, name: '透前体重' },
+          { value: 2, name: '透后体重' },
+          { value: 3, name: '透前收缩压' },
+          { value: 4, name: '透前舒张压' },
+          { value: 5, name: '透前脉率' },
+          { value: 6, name: '透后收缩压' },
+          { value: 7, name: '透后舒张压' },
+          { value: 8, name: '透后脉率' },
+          { value: 9, name: '透析方式' },
+          { value: 10, name: '抗凝剂' }
+        ],
+        crumbs: [
+          { path: false, name: '科室质控' },
+          { path: false, name: '指标评估统计' },
+          { path: false, name: '透析过程指标统计' }
+        ],
+        tableData: [],
+        tableData1: [],
+        chart: {
+          title: {
+            text: 'ECharts 入门示例'
           },
-          show: false
-        },
-        series: [
-          {
-            name: "次数",
-            type: "line",
-            data: ["78.57", "50"],
-            barWidth: 30,
-            label: {
-              normal: {
-                show: true,
-                position: "top",
-                formatter: "{c}次"
-              }
+          tooltip: {},
+          legend: {
+            data: [],
+            left: 0
+          },
+          xAxis: {
+            data: []
+          },
+          yAxis: {
+            axisLabel: {
+              formatter: '{value} %'
             },
-            //配置样式
-            itemStyle: {
-              //通常情况下：
-
-              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
-              normal: {
-                color: function(params) {
-                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
-                  var colorList = [
-                    ["#A9E0F3", "#9FBDFC"],
-
-                    ["#FFD7C0", "#FF9994"]
-                  ];
-
-                  var index = params.dataIndex;
-                  if (params.dataIndex >= colorList.length) {
-                    index = params.dataIndex % colorList.length;
-                  }
-
-                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                    { offset: 0, color: colorList[index][0] },
-                    // { offset: 0.5, color: colorList[index][1] },
-                    { offset: 1, color: colorList[index][1] }
-                  ]);
+            show: false
+          },
+          series: [
+            {
+              name: '',
+              type: 'line',
+              data: [],
+              barWidth: 30,
+              label: {
+                normal: {
+                  show: true,
+                  position: 'top',
+                  formatter: '{c}'
+                }
+              },
+              //配置样式
+              itemStyle: {
+                //通常情况下：
+
+                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+                normal: {
+                  color: function(params) {
+                    //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                    var colorList = [
+                      ['#A9E0F3', '#9FBDFC'],
+
+                      ['#FFD7C0', '#FF9994']
+                    ]
+
+                    var index = params.dataIndex
+                    if (params.dataIndex >= colorList.length) {
+                      index = params.dataIndex % colorList.length
+                    }
+
+                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                      { offset: 0, color: colorList[index][0] },
+                      // { offset: 0.5, color: colorList[index][1] },
+                      { offset: 1, color: colorList[index][1] }
+                    ])
+                  },
+                  barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
                 },
-                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+
+                //鼠标悬停时：
+                emphasis: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
+              }
+            }
+          ]
+        },
+        bar: {
+          title: {
+            text: 'ECharts 入门示例'
+          },
+          tooltip: {},
+          legend: {
+            data: [],
+            left: 0
+          },
+          xAxis: {
+            data: []
+          },
+          yAxis: {
+            axisLabel: {
+              formatter: '{value} %'
+            },
+            show: false
+          },
+          series: [
+            {
+              name: '',
+              type: 'bar',
+              data: [],
+              barWidth: 30,
+              label: {
+                normal: {
+                  show: true,
+                  position: 'top',
+                  formatter: '{c}次'
+                }
               },
+              //配置样式
+              itemStyle: {
+                //通常情况下：
+
+                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+                normal: {
+                  color: function(params) {
+                    //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                    var colorList = [
+                      ['#A9E0F3', '#9FBDFC'],
+                      ['#FFD7C0', '#FF9994']
+                    ]
 
-              //鼠标悬停时：
-              emphasis: {
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowColor: "rgba(0, 0, 0, 0.5)"
+                    var index = params.dataIndex
+                    if (params.dataIndex >= colorList.length) {
+                      index = params.dataIndex % colorList.length
+                    }
+
+                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                      { offset: 0, color: colorList[index][0] },
+                      // { offset: 0.5, color: colorList[index][1] },
+                      { offset: 1, color: colorList[index][1] }
+                    ])
+                  },
+                  barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+                },
+
+                //鼠标悬停时：
+                emphasis: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
               }
             }
-          }
-        ]
+          ]
+        }
+
       }
-    };
-  },
-  methods: {
-    chooseWay(way) {
-      this.wayType = way;
+    },
+    methods: {
+      jumpDetail(patient_id){
+        this.$router.push("/dqc/bloodpressure/detail?id="+patient_id)
+
+      },
+      changeProject(val){
+        this.query.statistics_type = val
+        this.query.page = 1
+        this.GetDialysisProcessIndexChartData(this.query)
+        // this.GetDialysisProcessIndexTableData(this.query)
+
+      },
+      handleChange(val){
+        this.query.patient_id = val.id
+        this.query.page = 1
+        this.GetDialysisProcessIndexTableData(this.query)
+        this.GetDialysisProcessIndexChartData(this.query)
+      },
+      handleSizeChange(limit) {
+        this.query.limit = limit;
+
+      },
+      handleCurrentChange(page) {
+        this.query.page = page;
+
+      },
+      changeTime(val) {
+        var time = this.getTimestamp(val) - this.getTimestamp(this.query.end_time);
+        if (time > 0) {
+          this.$message.error("结束时间不能小于开始时间");
+          this.query.start_time = "";
+        } else {
+          // this.getDialysisList()
+          this.query.page = 1;
+          this.GetDialysisProcessIndexChartData(this.query)
+          this.GetDialysisProcessIndexTableData(this.query)
+
+        }
+
+      },
+      changeEndTime(val) {
+        var time =
+          this.getTimestamp(val) - this.getTimestamp(this.query.start_time);
+        if (time < 0) {
+          this.$message.error("结束时间不能小于开始时间");
+          this.query.end_time = "";
+        } else {
+          this.query.page = 1;
+          this.GetDialysisProcessIndexChartData(this.query)
+          this.GetDialysisProcessIndexTableData(this.query)
+
+        }
+      },
+      getTimestamp(time) {
+        // 把时间日期转成时间戳
+        return new Date(time).getTime() / 1000;
+      },
+      QueryOperaById: function(val) {
+        let vascular_access_desc_name = "";
+        let vascular_access_desc = getDataConfig(
+          "hemodialysis",
+          "vascular_access_desc"
+        );
+        for (let i = 0; i < vascular_access_desc.length; i++) {
+          if (vascular_access_desc[i].id == val) {
+            vascular_access_desc_name = vascular_access_desc[i].name;
+          }
+        }
+
+        return vascular_access_desc_name;
+      },
+      GetAnticoagulantById: function (val) {
+        let anticoagulan_name = ''
+        var anticoagulantsConfitTwo = this.$store.getters.anticoagulants_confit
+        let anticoagulant = anticoagulantsConfitTwo
+        for (let keys in anticoagulant) {
+          if (anticoagulant[keys].id == val) {
+            anticoagulan_name = anticoagulant[keys].name
+          }
+        }
+        return anticoagulan_name
+      },
+      getModeName(mode_id){
+        return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name: ""
+      },
+      changeTime() {
+
+      }, changeEndTime() {
+
+
+      }, GetDialysisProcessIndexTableData(params) {
+        this.loading = true
+        this.tableData = []
+        GetDialysisProcessIndexTableData(params)
+          .then(rs => {
+            var resp = rs.data
+            if (resp.state == 1) {
+              this.loading = false
+
+              for (let i = 0; i < resp.data.data.length; i++) {
+                this.tableData.push(resp.data.data[i])
+              }
+            } else {
+              this.loading = false
+            }
+          })
+          .catch(error => {
+
+          })
+      },
+      GetDialysisProcessIndexChartData(params) {
+        this.chart.xAxis.data = []
+        this.chart.series[0].data = []
+        this.bar.xAxis.data = []
+        this.bar.series[0].data = []
+        GetDialysisProcessIndexChartData(params)
+          .then(rs => {
+            var resp = rs.data
+            if (resp.state == 1) {
+              if (this.query.statistics_type != 9 && this.query.statistics_type != 10) {
+                for (let i = 0; i < resp.data.data.length; i++) {
+                  this.chart.xAxis.data.push(resp.data.data[i].date)
+                  this.chart.series[0].data.push(resp.data.data[i].value)
+                }
+              } else {
+                console.log("1111111")
+                console.log(this.query.statistics_type)
+
+                for (let i = 0; i < resp.data.data.length; i++) {
+                  this.bar.xAxis.data.push(resp.data.data[i].name)
+                  this.bar.series[0].data.push(resp.data.data[i].total)
+                }
+              }
+            } else {
+            }
+          })
+          .catch(error => {
+          })
+      },
+      handleSelect(val) {
+        this.query.patient_id = val.id
+        this.query.page = 1
+        this.GetDialysisProcessIndexChartData(this.query)
+        this.GetDialysisProcessIndexTableData(this.query)
+
+      },
+      querySearchAsync(keyword, cb) {
+        let key = ''
+        if (keyword != undefined) {
+          key = keyword
+        }
+        let searchArray = []
+        PostSearch(key).then(response => {
+          if (response.data.state == 1) {
+            searchArray = response.data.data.patient
+            cb(searchArray)
+          } else {
+            cb([])
+          }
+        })
+      },
+      chooseWay(way) {
+        this.wayType = way
+      }, getCurrentOrgPatients(){
+        getCurrentOrgPatients().then(response=>{
+          if(response.data.state == 1){
+            var patients = response.data.data.patients
+            this.patientsData = patients
+          }
+        })
+      },
+    }, created() {
+      var date = new Date()
+      var year = date.getFullYear() //获取完整的年份(4位)
+      var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+      var day = date.getDate() < 0 ? '0' + date.getDate().toString() : date.getDate() //获取当前日(1-31)
+      var last_month = date.getMonth() < 10 ? '0' + date.getMonth().toString() : date.getMonth() //获取当前月份(0-11,0代表1月)
+      this.query.patient_id = 0
+      this.query.end_time = year + '-' + month + '-' + day
+      this.query.start_time = year + '-' + last_month + '-' + day
+      this.query.statistics_type = 1
+      this.GetDialysisProcessIndexChartData(this.query)
+      this.GetDialysisProcessIndexTableData(this.query)
+      this.getCurrentOrgPatients()
+
+
     }
   }
-};
 </script>
 
 <style lang="scss" scoped>
-.tableTitle {
-  font-size: 16px;
-  color: #000;
-  font-weight: bold;
-  margin-bottom: 10px;
-}
+  .tableTitle {
+    font-size: 16px;
+    color: #000;
+    font-weight: bold;
+    margin-bottom: 10px;
+  }
 </style>
 <style lang="scss">
-.page_process {
+  .page_process {
+
   .el-button--medium {
     padding: 10px 8px;
   }
+
   .el-form-item {
     margin-bottom: 0;
   }
-}
+
+  }
 </style>

src/xt_pages/qcd/indicatorControlAnalysis/weight.vue

@@ -4,33 +4,48 @@
       <bread-crumb :crumbs="crumbs"></bread-crumb>
     </div>
     <div class="app-container">
-      <div class="page_weight">
+      <div class="page_process">
         <new-nav activeName="weight"></new-nav>
         <div class="cell clearfix">
-          <el-form :inline="true" :model="listQuery">
+          <el-form :inline="true">
             <el-form-item label>
-              <el-input v-model.trim="listQuery.search" placeholder="姓名/透析号" style="width:110px"></el-input>
-              <el-button type="primary" @click="onSearch" icon="el-icon-search">搜索</el-button>
+              <el-autocomplete
+                class="checkSearch"
+                popper-class="my-autocomplete"
+                v-model="search_value"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入病人名字"
+                @select="handleSelect"
+              >
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+              </el-autocomplete>
+
             </el-form-item>
           </el-form>
-          <el-select v-model="value" placeholder="请选择" style="width:110px;margin-right:10px">
+          <el-select v-model="query.statistics_type" placeholder="请选择" style="width:110px;margin-right:10px" @change="changeProject">
             <el-option
               v-for="item in options"
               :key="item.value"
-              :label="item.label"
+              :label="item.name"
               :value="item.value"
+
             ></el-option>
           </el-select>
           <label class="title">
             <span class="name">日期查询</span> :
           </label>
           <el-date-picker
-            v-model="listQuery.start_time"
+            v-model="query.start_time"
             prefix-icon="el-icon-date"
             @change="changeTime"
             :editable="false"
             style="width: 150px;"
             type="date"
+            :picker-options="pickerOptions"
             placeholder="选择日期时间"
             align="right"
             format="yyyy-MM-dd"
@@ -38,10 +53,11 @@
           ></el-date-picker>
           <span class>-</span>
           <el-date-picker
-            v-model="listQuery.end_time"
+            v-model="query.end_time"
             prefix-icon="el-icon-date"
             @change="changeEndTime"
             :editable="false"
+            :picker-options="pickerOptions"
             style="width: 150px;"
             type="date"
             placeholder="选择日期时间"
@@ -53,37 +69,99 @@
         <el-container>
           <div style="width:150px">
             <div class="tableTitle">患者列表</div>
-            <el-table :data="tableData" border style="width: 100%;" height="500">
-              <el-table-column prop="date" label="日期" width="70"></el-table-column>
-              <el-table-column prop="name" label="姓名" width="80"></el-table-column>
+            <el-table :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                      highlight-current-row
+                      @current-change="handleChange">
+              <el-table-column prop="dialysis_no" label="透析号" width="80">
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
+              </el-table-column>
+              <el-table-column prop="name" label="姓名" width="80">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
             </el-table>
           </div>
           <div style="padding-left:10px;flex:1">
             <div class="tableTitle">指标趋势</div>
             <div>
-              <line-chart :options="chart"></line-chart>
+              <line-chart :options="bar"></line-chart>
+
             </div>
             <div class="tableTitle">统计表</div>
             <div>
-              <el-table :data="tableData1" style="width: 100%" border>
-                <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="city" label="市区"></el-table-column>
-                <el-table-column prop="address" label="地址"></el-table-column>
-                <el-table-column prop="zip" label="邮编"></el-table-column>
-                <el-table-column label="操作" width="100">
+
+              <el-table :data="tableData" style="width: 100%" :height="tableHeight" >
+                <el-table-column fixed label="日期" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.assessment_date | parseTime("{y}-{m}-{d}") }}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="姓名" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.patient.name}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="干体重" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.dry_weight?scope.row.dry_weight:''}}
+
+                    <!--{{// scope.row.patient.lapseto == 1 ? '留治':'转出'}}-->
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="前次透后体重" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.last_after_weight?scope.row.last_after_weight:''}}
+
+                    <!--<div v-if="scope.row.before.systolic_blood_pressure">{{scope.row.before.systolic_blood_pressure}} / {{scope.row.before.diastolic_blood_pressure}}</div>-->
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="透前体重" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.weight_before?scope.row.weight_before:''}}
+
+                    <!--<div v-if="scope.row.min_monitor.systolic_blood_pressure">{{ scope.row.min_monitor.systolic_blood_pressure}} /{{ scope.row.min_monitor.diastolic_blood_pressure}}</div>-->
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="透后体重" align="center">
                   <template slot-scope="scope">
-                    <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
+                    <!--<div v-if="scope.row.max_monitor.systolic_blood_pressure">{{ scope.row.max_monitor.systolic_blood_pressure}} /{{ scope.row.max_monitor.diastolic_blood_pressure}}</div>-->
+                    {{scope.row.after.weight_after?scope.row.after.weight_after:''}}
+
+
                   </template>
                 </el-table-column>
+
+                <el-table-column label="体重增加" align="center">
+                  <template slot-scope="scope">
+                    <div v-if="scope.row.weight_before && scope.row.last_after_weight">{{scope.row.weight_before - scope.row.last_after_weight}}</div>
+
+                    <!--{{scope.row.weight_before - scope.row.last_after_weight}}-->
+                    <!--<div v-if="scope.row.after.systolic_blood_pressure"> {{ scope.row.after.systolic_blood_pressure}} /{{scope.row.after.diastolic_blood_pressure}}</div>-->
+                  </template>
+                </el-table-column>
+
+                <el-table-column fixed="right" label="趋势" align="center">
+                  <template slot-scope="scope">
+                    <el-button
+                      @click.native.prevent="jumpDetail(scope.row.patient_id)"
+                      type="text"
+                      size="small"
+                    >详情</el-button>
+                  </template>
+                </el-table-column>
+
               </el-table>
 
               <el-pagination
                 align="right"
                 @size-change="handleSizeChange"
                 @current-change="handleCurrentChange"
-                :current-page="listQuery.page"
+                :current-page="query.page"
                 :page-sizes="[10, 20, 50, 100]"
                 :page-size="10"
                 background
@@ -101,264 +179,392 @@
 
 
 <script>
-import echarts from "echarts";
-import NewNav from "../indicatorControlAnalysis/components/NewNav";
-import BreadCrumb from "@/xt_pages/components/bread-crumb";
-import LineChart from "../../qcd/components/LineChart";
-export default {
-  components: {
-    LineChart,
-    BreadCrumb,
-    NewNav
-  },
-  data() {
-    return {
-      crumbs: [
-        { path: false, name: "科室质控" },
-        { path: false, name: "指标评估统计" },
-        { path: false, name: "患者血压统计" }
-      ],
-      listQuery: {
-        start_time: "",
-        end_time: "",
-        page: 1,
-        limit: 10
-      },
-      tableData: [
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        },
-        {
-          date: "2016",
-          name: "王小虎"
-        }
-      ],
-      tableData1: [
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        }
-      ],
-      chart: {
-        title: {
-          text: "ECharts 入门示例"
-        },
-        tooltip: {},
-        legend: {
-          data: ["次数"],
-          left: 0
+  import echarts from 'echarts'
+  import NewNav from '../indicatorControlAnalysis/components/NewNav'
+  import BreadCrumb from '@/xt_pages/components/bread-crumb'
+  import LineChart from '../../qcd/components/LineChart'
+  import { getCurrentOrgPatients } from "@/api/common/common";
+  import {GetDialysisWeightChartData,GetDialysisWeightTableData} from "@/api/common/statistics"
+
+  import {
+    PostSearch
+  } from '@/api/patient'
+
+  import { uParseTime } from "@/utils/tools";
+  import { getDataConfig } from "@/utils/data";
+
+  export default {
+    components: {
+      LineChart,
+      BreadCrumb,
+      NewNav
+    },
+    data() {
+      return {
+        pickerOptions: {
+          disabledDate(time) {
+            let threeMonths = new Date(new Date().setFullYear(new Date().getFullYear()-1)).getTime() - 24 * 3600 * 1000;
+            return time.getTime() > Date.now() || time.getTime() < threeMonths;;
+          }
         },
-        xAxis: {
-          data: ["达标", "未达标"]
+        patientsData:[],
+        tableData: [
+        ],
+        loading: false,
+        search_value: '',
+        total: '',
+        query: {
+          patient_id: '',
+          statistics_type: 1,
+          start_time: '',
+          end_time: '',
+          limit: 10,
+          page: 1
         },
-        yAxis: {
-          axisLabel: {
-            formatter: "{value} %"
+        options: [
+          { value: 1, name: '干体重' },
+          { value: 2, name: '透前体重' },
+          { value: 3, name: '体重增加' },
+          { value: 4, name: '透后体重' },
+        ],
+        crumbs: [
+          { path: false, name: '科室质控' },
+          { path: false, name: '指标评估统计' },
+          { path: false, name: '透析过程指标统计' }
+        ],
+        tableData1: [],
+        chart: {
+          title: {
+            text: 'ECharts 入门示例'
           },
-          show: false
-        },
-        series: [
-          {
-            name: "次数",
-            type: "bar",
-            data: ["78.57", "50"],
-            barWidth: 30,
-            label: {
-              normal: {
-                show: true,
-                position: "top",
-                formatter: "{c}次"
-              }
+          tooltip: {},
+          legend: {
+            data: [],
+            left: 0
+          },
+          xAxis: {
+            data: []
+          },
+          yAxis: {
+            axisLabel: {
+              formatter: '{value} %'
             },
-            //配置样式
-            itemStyle: {
-              //通常情况下：
-
-              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
-              normal: {
-                color: function(params) {
-                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
-                  var colorList = [
-                    ["#A9E0F3", "#9FBDFC"],
-
-                    ["#FFD7C0", "#FF9994"]
-                  ];
-
-                  var index = params.dataIndex;
-                  if (params.dataIndex >= colorList.length) {
-                    index = params.dataIndex % colorList.length;
-                  }
-
-                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                    { offset: 0, color: colorList[index][0] },
-                    // { offset: 0.5, color: colorList[index][1] },
-                    { offset: 1, color: colorList[index][1] }
-                  ]);
+            show: false
+          },
+          series: [
+            {
+              name: '',
+              type: 'line',
+              data: [],
+              barWidth: 30,
+              label: {
+                normal: {
+                  show: true,
+                  position: 'top',
+                  formatter: '{c}'
+                }
+              },
+              //配置样式
+              itemStyle: {
+                //通常情况下：
+
+                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+                normal: {
+                  color: function(params) {
+                    //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                    var colorList = [
+                      ['#A9E0F3', '#9FBDFC'],
+
+                      ['#FFD7C0', '#FF9994']
+                    ]
+
+                    var index = params.dataIndex
+                    if (params.dataIndex >= colorList.length) {
+                      index = params.dataIndex % colorList.length
+                    }
+
+                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                      { offset: 0, color: colorList[index][0] },
+                      // { offset: 0.5, color: colorList[index][1] },
+                      { offset: 1, color: colorList[index][1] }
+                    ])
+                  },
+                  barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
                 },
-                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+
+                //鼠标悬停时：
+                emphasis: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
+              }
+            }
+          ]
+        },
+        bar: {
+          title: {
+            text: 'ECharts 入门示例'
+          },
+          tooltip: {},
+          legend: {
+            data: [],
+            left: 0
+          },
+          xAxis: {
+            data: []
+          },
+          yAxis: {
+            axisLabel: {
+              formatter: '{value} %'
+            },
+            show: false
+          },
+          series: [
+            {
+              name: '',
+              type: 'bar',
+              data: [],
+              barWidth: 30,
+              label: {
+                normal: {
+                  show: true,
+                  position: 'top',
+                  formatter: '{c}次'
+                }
               },
+              //配置样式
+              itemStyle: {
+                //通常情况下：
+
+                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+                normal: {
+                  color: function(params) {
+                    //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                    var colorList = [
+                      ['#A9E0F3', '#9FBDFC'],
+                      ['#FFD7C0', '#FF9994']
+                    ]
+
+                    var index = params.dataIndex
+                    if (params.dataIndex >= colorList.length) {
+                      index = params.dataIndex % colorList.length
+                    }
 
-              //鼠标悬停时：
-              emphasis: {
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowColor: "rgba(0, 0, 0, 0.5)"
+                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                      { offset: 0, color: colorList[index][0] },
+                      // { offset: 0.5, color: colorList[index][1] },
+                      { offset: 1, color: colorList[index][1] }
+                    ])
+                  },
+                  barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+                },
+
+                //鼠标悬停时：
+                emphasis: {
+
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
               }
             }
-          }
-        ]
+          ]
+        }
+
       }
-    };
-  },
-  methods: {
-    chooseWay(way) {
-      this.wayType = way;
     },
-    handleClick(row) {
-      console.log(row);
-      this.$router.push({
-        path: "/qcd/indicatorControlAnalysis/weightDetails"
-      });
+    methods: {
+      changeProject(val){
+        this.query.statistics_type = val
+        this.query.page = 1
+        this.GetDialysisWeightChartData(this.query)
+
+      },
+      handleChange(val){
+        this.query.patient_id = val.id
+        this.query.page = 1
+        this.GetDialysisWeightTableData(this.query)
+        this.GetDialysisWeightChartData(this.query)
+      },
+      handleSizeChange(limit) {
+        this.query.limit = limit;
+
+      },
+      handleCurrentChange(page) {
+        this.query.page = page;
+
+      },
+      changeTime(val) {
+        var time = this.getTimestamp(val) - this.getTimestamp(this.query.end_time);
+        if (time > 0) {
+          this.$message.error("结束时间不能小于开始时间");
+          this.query.start_time = "";
+        } else {
+          // this.getDialysisList()
+          this.query.page = 1;
+          this.GetDialysisWeightChartData(this.query)
+          this.GetDialysisWeightTableData(this.query)
+
+        }
+
+      },
+      changeEndTime(val) {
+        var time =
+          this.getTimestamp(val) - this.getTimestamp(this.query.start_time);
+        if (time < 0) {
+          this.$message.error("结束时间不能小于开始时间");
+          this.query.end_time = "";
+        } else {
+          this.query.page = 1;
+          this.GetDialysisWeightChartData(this.query)
+          this.GetDialysisWeightTableData(this.query)
+
+        }
+      },
+      getTimestamp(time) {
+        // 把时间日期转成时间戳
+        return new Date(time).getTime() / 1000;
+      },
+      QueryOperaById: function(val) {
+        let vascular_access_desc_name = "";
+        let vascular_access_desc = getDataConfig(
+          "hemodialysis",
+          "vascular_access_desc"
+        );
+        for (let i = 0; i < vascular_access_desc.length; i++) {
+          if (vascular_access_desc[i].id == val) {
+            vascular_access_desc_name = vascular_access_desc[i].name;
+          }
+        }
+
+        return vascular_access_desc_name;
+      },
+      GetAnticoagulantById: function (val) {
+        let anticoagulan_name = ''
+        var anticoagulantsConfitTwo = this.$store.getters.anticoagulants_confit
+        let anticoagulant = anticoagulantsConfitTwo
+        for (let keys in anticoagulant) {
+          if (anticoagulant[keys].id == val) {
+            anticoagulan_name = anticoagulant[keys].name
+          }
+        }
+        return anticoagulan_name
+      },
+      getModeName(mode_id){
+        return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name: ""
+      },
+      changeTime() {
+
+      }, changeEndTime() {
+
+
+      }, GetDialysisWeightTableData(params) {
+        this.loading = true
+        this.tableData = []
+        GetDialysisWeightTableData(params)
+          .then(rs => {
+            var resp = rs.data
+            if (resp.state == 1) {
+              this.loading = false
+
+              for (let i = 0; i < resp.data.data.length; i++) {
+                this.tableData.push(resp.data.data[i])
+              }
+            } else {
+              this.loading = false
+            }
+          })
+          .catch(error => {
+
+          })
+      },
+      GetDialysisWeightChartData(params) {
+        this.bar.xAxis.data = []
+        this.bar.series[0].data = []
+        GetDialysisWeightChartData(params)
+          .then(rs => {
+            var resp = rs.data
+            if (resp.state == 1) {
+              for (let i = 0; i < resp.data.data.length; i++) {
+                this.bar.xAxis.data.push(resp.data.data[i].name)
+                this.bar.series[0].data.push(resp.data.data[i].total)
+              }
+            } else {
+            }
+          })
+          .catch(error => {
+          })
+      },
+      handleSelect(val) {
+        this.query.patient_id = val.id
+        this.query.page = 1
+        this.GetDialysisWeightChartData(this.query)
+        this.GetDialysisWeightTableData(this.query)
+
+      },
+      querySearchAsync(keyword, cb) {
+        let key = ''
+        if (keyword != undefined) {
+          key = keyword
+        }
+        let searchArray = []
+        PostSearch(key).then(response => {
+          if (response.data.state == 1) {
+            searchArray = response.data.data.patient
+            cb(searchArray)
+          } else {
+            cb([])
+          }
+        })
+      },
+      chooseWay(way) {
+        this.wayType = way
+      }, getCurrentOrgPatients(){
+        getCurrentOrgPatients().then(response=>{
+          if(response.data.state == 1){
+            var patients = response.data.data.patients
+            this.patientsData = patients
+          }
+        })
+      },
+    }, created() {
+      var date = new Date()
+      var year = date.getFullYear() //获取完整的年份(4位)
+      var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+      var day = date.getDate() < 0 ? '0' + date.getDate().toString() : date.getDate() //获取当前日(1-31)
+      var last_month = date.getMonth() < 10 ? '0' + date.getMonth().toString() : date.getMonth() //获取当前月份(0-11,0代表1月)
+      this.query.patient_id = 0
+      this.query.end_time = year + '-' + month + '-' + day
+      this.query.start_time = year + '-' + last_month + '-' + day
+      this.query.statistics_type = 1
+      this.GetDialysisWeightChartData(this.query)
+      this.GetDialysisWeightTableData(this.query)
+      this.getCurrentOrgPatients()
+
+
     }
   }
-};
 </script>
 
 <style lang="scss" scoped>
-.tableTitle {
-  font-size: 16px;
-  color: #000;
-  font-weight: bold;
-  margin-bottom: 10px;
-}
+  .tableTitle {
+    font-size: 16px;
+    color: #000;
+    font-weight: bold;
+    margin-bottom: 10px;
+  }
 </style>
 <style lang="scss">
-.page_weight {
+  .page_process {
+
   .el-button--medium {
     padding: 10px 8px;
   }
+
   .el-form-item {
     margin-bottom: 0;
   }
-  .cell {
-    text-align: center;
+
   }
-}
 </style>

src/xt_pages/workforce/template.vue

@@ -121,7 +121,6 @@
           <template-table :editable="true" :device_numbers="device_numbers" :template="first_template"
                           :patients="patients"></template-table>
         </el-tab-pane>
-        
 
         <el-tab-pane name="second" :disabled="template_mode.mode != 2">
           <span slot="label"> 第二周 </span>