h5费用审核

src/components/expenseMobile.vue

@@ -57,9 +57,17 @@
             <div class="expenseMobile-top">
                 <div class="expenseMobile-title">{{this.portType!=2?'费用审核':''}}</div>
                 <div class="expenseMobile-search">
-                    <el-input clearable placeholder="请输入团组名称" v-model="value" class="input-with-select">
+                    <el-select style="width:100%" v-model="value" clearable filterable remote :remote-method="GroupItemKeywordSearch" :loading="selectLoading" @change="searchexamine" placeholder="请选择">
+                            <el-option
+                            v-for="item in inputArr"
+                            :key="item.id"
+                            :label="item.teamName"
+                            :value="item.teamName">
+                            </el-option>
+                        </el-select>
+                    <!-- <el-input clearable placeholder="请输入团组名称" v-model="value" class="input-with-select">
                         <el-button @click="searchexamine" slot="append" icon="el-icon-search"></el-button>
-                    </el-input>
+                    </el-input> -->
                 </div>
             </div>
             <div id="examine-div" class="examine-box">
@@ -115,10 +123,35 @@ export default {
             tzzwgd:true,
             platejudgment:2,
             value:'',
+            inputArr: [],
+            selectLoading: false,
             groupData:[],
         }
     },
     methods:{
+        //搜索提示
+        GroupItemKeywordSearch(query) {
+            if (query !== '') {
+                this.selectLoading=true;
+                var url = "/api/Groups/GroupItemKeywordSearch?keyword=" + query
+                var that = this
+                this.$axios({
+                    method: 'get',
+                    url: url,
+                    headers: {
+                        Authorization: 'Bearer ' + this.token
+                    },
+                }).then(function (res) {
+                    if (res.data.code == 200) {
+                        that.inputArr = res.data.data;
+                    }else{
+                        that.inputArr=[];
+                    }
+                }).finally(()=>{
+                    that.selectLoading=false;
+                })
+            }
+        },
         //保留两位小数
         townum(val){
             val=Number(val);