自备药

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

           <el-col :span="8">
             <el-form-item label="医嘱名称：">
               <!-- <el-input v-model="form.advice_name"></el-input> -->
-              <el-select
+              <!-- <el-select
                 v-model="form.advice_name"
                 filterable
                 clearable
                   :label="item.drug_name"
                   :value="item.drug_name"
                 ></el-option>
-              </el-select>
+              </el-select> -->
+
+              <el-autocomplete
+                style="width:100%;"
+                class="inline-input"
+                v-model="form.advice_name"
+                :fetch-suggestions="querySearch"
+                placeholder="请输入内容"
+                @select="handleSelect"
+                @input="changeDrugName"
+              ></el-autocomplete>
             </el-form-item>
           </el-col>
 
             <el-form-item label="药品规格：">
               <!-- <el-input v-model="form.advice_desc" style="width: 40%;"></el-input> -->
 
-               <el-select
+               <!-- <el-select
                   v-model="form.advice_desc"
                   filterable
                   clearable
                     :label="item.drug_spec"
                     :value="item.drug_spec"
                   ></el-option>
-                 </el-select>
+                 </el-select> -->
+                <el-autocomplete
+                  style="width:100px;"
+                  class="inline-input"
+                  v-model="form.advice_desc"
+                  :fetch-suggestions="querySearch1"
+                  placeholder="请输入内容"
+                  @select="handleSelect1"
+                  @input="changeDrugDesc"
+                ></el-autocomplete>
+                 
                 <el-select
                   v-model="form.drug_spec_unit"
                   style="width: 56%;"
       rand(min, max) {
         return Math.floor(Math.random() * (max - min)) + min;
       },
+
+     querySearch(queryString, cb) {
+        console.log('queryString',queryString)
+        var restaurants = this.all_drug;
+        restaurants.map(item => {
+          item.value = item.drug_name
+        })
+        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+        // 调用 callback 返回建议列表的数据
+        console.log('results',results)
+        cb(results);
+     },
+
+     createFilter(queryString) {
+        return (restaurant) => {
+          return (restaurant.drug_name.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
+        };
+     },
+
+     querySearch1(queryString, cb) {
+        console.log('queryString',queryString)
+        var restaurants = this.drugSpec;
+         console.log(restaurants)
+        restaurants.map(item => {
+          item.value = item.drug_spec
+        })
+        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+        // 调用 callback 返回建议列表的数据
+        console.log('results',results)
+        cb(results);
+      },
     },
     created() {
       var date = this.$route.query && this.$route.query.date

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

         <el-row>
           <el-col :span="24">
             <el-form-item label="医嘱内容 :" required prop="advice_name">
-               <el-select
+               <!-- <el-select
                 v-model="nameForm.advice_name"
                 filterable
                 clearable
                   :label="item.drug_name"
                   :value="item.drug_name"
                 ></el-option>
-              </el-select>
+              </el-select> -->
+
+             <el-autocomplete
+                style="width:100%;"
+                class="inline-input"
+                v-model="nameForm.advice_name"
+                :fetch-suggestions="querySearch"
+                placeholder="请输入内容"
+                @select="handleSelect"
+                @input="changeDrugName"
+              ></el-autocomplete>
             </el-form-item>
             <!-- <div style="margin-left:120px;margin-top:-20px;font-size:12px;color:red">
                库存不足50
             <el-form-item label="药品规格 :" prop="advice_desc">
               <el-col :span="8">
                 <!-- <el-input v-model="nameForm.advice_desc"></el-input> -->
-                 <el-select
+                 <!-- <el-select
                   v-model="nameForm.advice_desc"
                   filterable
                   clearable
                     :label="item.drug_spec"
                     :value="item.drug_spec"
                   ></el-option>
-                 </el-select>
+                 </el-select> -->
+
+
+                <el-autocomplete
+                  style="width:100px;"
+                  class="inline-input"
+                  v-model="nameForm.advice_desc"
+                  :fetch-suggestions="querySearch1"
+                  placeholder="请输入内容"
+                  @select="handleSelect1"
+                  @input="changeDrugDesc"
+                ></el-autocomplete>
 
               </el-col>
               <el-col class="line" :span="2">&nbsp;</el-col>
            
           }
         }
-      }
+      },
+
+     querySearch(queryString, cb) {
+        console.log('queryString',queryString)
+        var restaurants = this.all_drug;
+        restaurants.map(item => {
+          item.value = item.drug_name
+        })
+        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+        // 调用 callback 返回建议列表的数据
+        console.log('results',results)
+        cb(results);
+     },
+
+     createFilter(queryString) {
+        return (restaurant) => {
+          return (restaurant.drug_name.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
+        };
+     },
+
+     querySearch1(queryString, cb) {
+        console.log('queryString',queryString)
+        var restaurants = this.drugSpec;
+         console.log(restaurants)
+        restaurants.map(item => {
+          item.value = item.drug_spec
+        })
+        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+        // 调用 callback 返回建议列表的数据
+        console.log('results',results)
+        cb(results);
+      },
   },
   watch: {
     "selectedTemp.list": function() {

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

           <el-col :span="10">
             <el-form-item label="医嘱内容 :" required prop="advice_name">
               <!-- <el-input v-model="nameForm.advice_name"></el-input> -->
-               <el-select
+               <!-- <el-select
                 v-model="nameForm.advice_name"
                 filterable
                 clearable
                   :label="item.drug_name"
                   :value="item.drug_name"
                 ></el-option>
-              </el-select>
+              </el-select> -->
+
+              <el-autocomplete
+                style="width:100%;"
+                class="inline-input"
+                v-model="nameForm.advice_name"
+                :fetch-suggestions="querySearch"
+                placeholder="请输入内容"
+                @select="handleSelect"
+                @input="changeDrugName"
+              ></el-autocomplete>
             </el-form-item>
+           
           </el-col>
           <el-col :span="14">
             <!--<el-form-item label="规格 :" prop="advice_desc">-->
             <el-form-item label="药品规格 :" prop="advice_desc">
               <el-col :span="10">
                 <!-- <el-input v-model="nameForm.advice_desc"></el-input> -->
-                <el-select
+                <!-- <el-select
                   v-model="nameForm.advice_desc"
                   filterable
                   clearable
                     :label="item.drug_spec"
                     :value="item.drug_spec"
                   ></el-option>
-                 </el-select>
+                 </el-select> -->
+
+                 <el-autocomplete
+                  style="width:100px;"
+                  class="inline-input"
+                  v-model="nameForm.advice_desc"
+                  :fetch-suggestions="querySearch1"
+                  placeholder="请输入内容"
+                  @select="handleSelect1"
+                  @input="changeDrugDesc"
+                ></el-autocomplete>
               </el-col>
               <el-col class="line" :span="2">&nbsp;</el-col>
               <el-col :span="10">
     rand(min, max) {
         return Math.floor(Math.random() * (max - min)) + min;
      },
+     querySearch(queryString, cb) {
+        console.log('queryString',queryString)
+        var restaurants = this.all_drug;
+        restaurants.map(item => {
+          item.value = item.drug_name
+        })
+        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+        // 调用 callback 返回建议列表的数据
+        console.log('results',results)
+        cb(results);
+     },
+
+     createFilter(queryString) {
+        return (restaurant) => {
+          return (restaurant.drug_name.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
+        };
+     },
+
+     querySearch1(queryString, cb) {
+        console.log('queryString',queryString)
+        var restaurants = this.drugSpec;
+         console.log(restaurants)
+        restaurants.map(item => {
+          item.value = item.drug_spec
+        })
+        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+        // 调用 callback 返回建议列表的数据
+        console.log('results',results)
+        cb(results);
+      },
   },
   watch: {
     "selectedTemp.list": function() {