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

src/xt_pages/qcd/indicatorControlAnalysis/patientInspectionDetail.vue

@@ -4,6 +4,36 @@
       <bread-crumb :crumbs="crumbs"></bread-crumb>
     </div>
     <div class="app-container">
+
+      <div class="cell clearfix">
+        <label class="title">
+          <span class="name">病人搜索</span> :
+        </label>
+        <div >
+
+          <el-form :inline="true" :model="listQuery">
+            <el-form-item label>
+              <el-autocomplete
+                class="checkSearch"
+                style="margin-top: 20px;"
+                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>
+        </div>
+
+      </div>
+
       <div class="cell clearfix">
         <label class="title">
           <span class="name">日期</span> :
@@ -55,7 +85,8 @@
           <div class="tableTitle">患者列表</div>
           <div class="tableTitle">当前患者: {{patient_name}}</div>
 
-          <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
+          <el-table ref="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">
@@ -99,6 +130,7 @@
     GetPatientInspectionIndexChart,
     GetRangeValue
   } from '@/api/common/statistics'
+  import { PostSearch } from '@/api/patient'
 
   export default {
     name: 'dialysisTotal',
@@ -109,7 +141,7 @@
     data() {
       return {
         custom_chart_data_color: [],
-        patient_name:"",
+        patient_name: '',
         options2: {
           title: {
             text: 'ECharts 入门示例'
@@ -251,10 +283,37 @@
           { value: 3, label: '近半年', state: 3 },
           { value: 4, label: '近一年', state: 4 },
           { value: 5, label: '自定义', state: 5 }
-        ]
+        ],
+        search_value: ''
       }
     },
     methods: {
+      handleSelect(val) {
+        this.query.patient_id = val.id
+        this.patient_name = val.name
+        this.GetPatientInspectionIndexChart(this.query)
+        for (let i = 0; i < this.patientsData.length; i++) {
+          if (this.patientsData[i].id == val.id) {
+            this.$refs.table.setCurrentRow(this.patientsData[i])
+          }
+        }
+
+      },
+      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([])
+          }
+        })
+      },
       selectStateType(val) {
         this.stateType = val
         switch (val) {
@@ -320,8 +379,8 @@
             var patients = response.data.data.patients
             this.patientsData = patients
 
-            for (let i = 0;i < this.patientsData.length; i++){
-              if (this.patientsData[i].id == this.query.patient_id){
+            for (let i = 0; i < this.patientsData.length; i++) {
+              if (this.patientsData[i].id == this.query.patient_id) {
                 this.patient_name = this.patientsData[i].name
                 this.$refs.table.setCurrentRow(this.patientsData[i])
               }
@@ -409,10 +468,10 @@
 
           })
 
-      },  getTimestamp(time) {
+      }, getTimestamp(time) {
         // 把时间日期转成时间戳
-        return new Date(time).getTime() / 1000;
-      },
+        return new Date(time).getTime() / 1000
+      }
 
     },
     created() {