From d6a96aaac154f87523423d8e2e0c8300adab5d5e Mon Sep 17 00:00:00 2001 From: value <z1292839451@163.com> Date: 星期二, 29 八月 2023 09:01:03 +0800 Subject: [PATCH] bug --- src/views/basicData/index.vue | 49 ++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 40 insertions(+), 9 deletions(-) diff --git a/src/views/basicData/index.vue b/src/views/basicData/index.vue index 3ce4b75..efdd624 100644 --- a/src/views/basicData/index.vue +++ b/src/views/basicData/index.vue @@ -10,7 +10,7 @@ <span class="top_div_span">椤圭洰鍚嶇О锛�</span> <el-input v-model="params.name" placeholder="璇疯緭鍏ラ」鐩悕绉�" style="width: 10%" size="small "></el-input> <el-button type="primary" class="top_div_button" size="small" @click="selectProductModelTable">鏌ヨ</el-button> - <el-button class="top_div_button" size="small" @click="params = {}">閲嶇疆</el-button> + <el-button class="top_div_button" size="small" @click="clean">閲嶇疆</el-button> <div style="float: right"> <el-button class="top_div_button" type="primary" size="small" icon="el-icon-folder-add" @click="centerDialogVisible = true">鏂板</el-button> @@ -19,21 +19,22 @@ <el-form :model="form" :rules="rules" ref="ruleForm" class="addForm"> <el-form-item prop="material" required> <span>鏍峰搧鍚嶇О锛�</span> - <el-autocomplete class="inline-input" v-model="form.material" :fetch-suggestions="querySearch" - placeholder="璇疯緭鍏ユ牱鍝佸悕绉�"></el-autocomplete> + <el-autocomplete class="inline-input" v-model="form.material" :fetch-suggestions="querySearch1" + placeholder="璇疯緭鍏ユ牱鍝佸悕绉�" style="width: calc(100% - 70px);"></el-autocomplete> </el-form-item> <el-form-item> <span>椤圭洰鍒嗙粍锛�</span> - <el-input v-model="form.father" style="width: 85%" placeholder="璇疯緭鍏ユ牱鍝佸垎缁�"></el-input> + <el-autocomplete class="inline-input" v-model="form.father" :fetch-suggestions="querySearch2" + placeholder="璇疯緭鍏ユ牱鍝佸垎缁�" style="width: calc(100% - 70px);"></el-autocomplete> </el-form-item> <el-row :gutter="24"> <el-col :span="12"><el-form-item prop="name" required><span>椤圭洰鍚嶇О锛�</span> - <el-input style="width: 70%" v-model="form.name" + <el-input style="width: calc(100% - 70px);" v-model="form.name" placeholder="璇疯緭鍏ラ」鐩悕绉�"></el-input></el-form-item></el-col> <el-col :span="12"> <el-form-item prop="unit"> <span v-html="'鍗� 浣嶏細'"></span> - <el-input style="width: 70%" v-model="form.unit" + <el-input style="width: calc(100% - 70px);" v-model="form.unit" placeholder="璇疯緭鍏ュ崟浣�"></el-input></el-form-item></el-col> </el-row> </el-form> @@ -216,8 +217,8 @@ this.form.father = result.father; this.form.unit = result.unit; this.form.id = scope.row.id; + this.centerDialogVisible = true; }); - this.centerDialogVisible = true; }, selectDataList() { this.tableData.forEach((a) => { @@ -305,11 +306,41 @@ this.selectProductModelTable(); }); }, - querySearch(queryString, cb) { - var restaurants = this.restaurants; + querySearch1(queryString, cb) { + var restaurants = [] + this.productModelSelectmater.forEach(a => { + restaurants.push({ + value: a + }) + }) var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants; // 璋冪敤 callback 杩斿洖寤鸿鍒楄〃鐨勬暟鎹� cb(results); + }, + querySearch2(queryString, cb) { + var restaurants = [] + this.projectGroupingOptions.forEach(a => { + restaurants.push({ + value: a + }) + }) + var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants; + // 璋冪敤 callback 杩斿洖寤鸿鍒楄〃鐨勬暟鎹� + cb(results); + }, + createFilter(queryString) { + return (restaurant) => { + console.log(restaurant); + return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0); + }; + }, + clean() { + this.params = { + material: this.params.material, + father: null, + name: null + } + this.selectProductModelTable() } }, mounted() { -- Gitblit v1.9.3