体检结论

src/components/medicalexamination.vue

@@ -10,7 +10,11 @@
               :fetch-suggestions="querySearch"
               placeholder="请输入内容"
               @select="handleSelect"
-            ></el-autocomplete>
+            >
+              <template slot-scope="{ item }">
+                <div class="name">{{ item.displayName }}</div>
+              </template></el-autocomplete
+            >
             <!-- <el-input
               v-model="page.Filter"
               clearable
@@ -46,10 +50,11 @@
         <el-table
           :data="tableData"
           style="width: 100%; height: 500px"
-          row-key="id"
+          :row-key="form.id"
           class="el-table__body-wrapper tbody"
           @row-click="rowick"
           highlight-current-row
+          ref="tableData"
         >
           <el-table-column prop="id" label="编号" width="300">
           </el-table-column>
@@ -239,6 +244,7 @@ export default {
       },
       tableData: [],
       initTableData: [],
+      item: {},
     };
   },
   created() {
@@ -252,39 +258,44 @@ export default {
 
   methods: {
     loadAll() {
-
-     
+      return this.tableData;
     },
     createFilter(queryString) {
       return (tableData) => {
         return (
-          tableData.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
-          0
+          tableData.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
         );
       };
     },
     handleSelect(item) {
+      this.page.Filter = item.displayName;
+      this.item = item;
+      this.formid = item.id;
       console.log(item);
+      //    quersmedicalid(item.id).then((res) => {
+      //   console.log(res);
+      //   this.form = res.data;
+      // });
     },
     querySearch(queryString, cb) {
       var tableData = this.tableData;
-      var tableData = queryString
+      var tableDatas = queryString
         ? tableData.filter(this.createFilter(queryString))
         : tableData;
       // 调用 callback 返回建议列表的数据
-      cb(tableData);
-    },
-    isinput(v) {
-      this.page.Filter = v;
-      console.log(this.page.Filter);
-      if (this.page.Filter == "") {
-        this.getlist();
-      } else {
-        physicallist(this.page).then((res) => {
-          this.tableData = res.data.items;
-        });
-      }
+      cb(tableDatas);
     },
+    // isinput(v) {
+    //   this.page.Filter = v;
+    //   console.log(this.page.Filter);
+    //   if (this.page.Filter == "") {
+    //     this.getlist();
+    //   } else {
+    //     physicallist(this.page).then((res) => {
+    //       this.tableData = res.data.items;
+    //     });
+    //   }
+    // },
     isselctvalue(v) {
       this.pages.TypeId = v;
       console.log(v);