From 807d0f5ee9b78824f18788ea8a50b8dfd9f9bb2e Mon Sep 17 00:00:00 2001 From: WX <1377869194@qq.com> Date: 星期四, 27 七月 2023 11:05:49 +0800 Subject: [PATCH] 输入框选择图片 --- src/views/search/search.vue | 43 ++++++++++++++----------------------------- 1 files changed, 14 insertions(+), 29 deletions(-) diff --git a/src/views/search/search.vue b/src/views/search/search.vue index 00ee1fa..28b2faf 100644 --- a/src/views/search/search.vue +++ b/src/views/search/search.vue @@ -7,40 +7,23 @@ placeholder="璇疯緭鍏ュ湴鍚�" > <template #suffix> - <el-icon - title="娓呴櫎" - @click="setSearchClose" - class="el-input__icon" - > + <el-icon title="娓呴櫎" @click="setSearchClose" class="el-input__icon"> <Close /> </el-icon> </template> <template #prefix> - <el-icon - @click="setSearchClick" - title="鏌ヨ" - class="el-input__icon" - > + <el-icon @click="setSearchClick" title="鏌ヨ" class="el-input__icon"> <search /> </el-icon> </template> </el-input> </div> - <div - v-if="searchFLag" - class="search_content" - > - <el-collapse - v-model="activeNames" - @change="handleChange" - > - <el-collapse-item - title="鏌ヨ缁撴灉" - name="1" - > + <div v-if="searchFLag" class="search_content"> + <el-collapse v-model="activeNames" @change="handleChange"> + <el-collapse-item title="鏌ヨ缁撴灉" name="1"> <div class="search_content_text">鎬绘煡璇㈢粨鏋�:{{ listData.count }}</div> <div class="search_content_text paging"> - 鎬婚〉鏁帮細{{listData.page }} + 鎬婚〉鏁帮細{{ listData.page }} <el-button size="small" text @@ -76,7 +59,6 @@ /> </div> <div class="table_box"> - <div class="table_header"> <div class="table_th_x">搴忓彿</div> <div class="table_th">鍦板悕</div> @@ -84,13 +66,12 @@ <div class="table_childer"> <div class="table_tr" - v-for='(item,flag) in tableData' + v-for="(item, flag) in tableData" @click="setPointLocal(item)" > - <div class="table_th_x">{{ flag +1}}</div> + <div class="table_th_x">{{ flag + 1 }}</div> <div class="table_th">{{ item.enName }}</div> </div> - </div> </div> </el-collapse-item> @@ -198,7 +179,7 @@ setPoitCannel(); }; const setSearchClick = async () => { - if (!searchValue) return; + if (!searchValue.value) return; var obj = { filter: "name like '" + searchValue.value + "'", @@ -221,7 +202,11 @@ </script> <style lang="less" scoped> .searchBox { - margin-left: 34px; + // margin-left: 34px; + // height: auto; + position: absolute; + top: 0; + right: -277px; } .searchInput { width: 243px; -- Gitblit v1.9.3