From 8e7cd003414ea4ca8f42fb3171de18f8839ece17 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期一, 10 七月 2023 18:04:27 +0800
Subject: [PATCH] 登录页面和查询分类设置
---
src/components/makepager/SearchCommonView.vue | 47 +++++++++++++++++++++++++++++------------------
1 files changed, 29 insertions(+), 18 deletions(-)
diff --git a/src/components/makepager/SearchCommonView.vue b/src/components/makepager/SearchCommonView.vue
index 9f2f17e..6eddf4f 100644
--- a/src/components/makepager/SearchCommonView.vue
+++ b/src/components/makepager/SearchCommonView.vue
@@ -7,7 +7,7 @@
<el-option v-for="item in queryClassOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
- <div class="query-class-btn">
+ <div class="query-class-btn" @click="queryClassClick">
<i class="el-icon-setting"></i>
</div>
</div>
@@ -28,6 +28,10 @@
<div class="other-search-tile" @click="tileSearchClick">
<div class="high-icon"><i class="el-icon-news"></i></div>
<div>骞抽摵鏌ユ壘</div>
+ </div>
+ <div v-if="labelSearch" class="other-search-label" @click="labelSearchClick">
+ <div class="high-icon"><i class="el-icon-discount"></i></div>
+ <div>鏍囩鏌ユ壘</div>
</div>
</div>
</div>
@@ -79,12 +83,17 @@
</div>
</div>
</div>
+ <!-- 鏌ヨ鍒嗙被寮圭獥 -->
+ <QueryClassSettingDialog v-if="queryClassSetConfig.visible" :editCommonConfig="queryClassSetConfig" />
</div>
</template>
<script>
+import QueryClassSettingDialog from "@/views/other/QueryClassSettingDialog.vue"
+
export default {
name: "SearchCommonView",
+ components: { QueryClassSettingDialog },
props: {
queryClass: {
type: String,
@@ -101,29 +110,21 @@
searchOptions: {
type: Array,
default: () => []
+ },
+ labelSearch: {
+ type: Boolean,
+ default: false
}
},
data() {
return {
- // queryClassOptions: [
- // { value: "1", label: "鍏ㄩ儴" },
- // { value: "2", label: "骞垮憡瀹ｄ紶" },
- // { value: "3", label: "璺熻繘涓�" },
- // { value: "4", label: "澶辫触鍏抽棴" }
- // ],
+ queryClassSetConfig: {
+ visible: false,
+ infomation: {}
+ },
queryClassValue: this.queryClass,
searchInput: "",
searchSelValue: this.searchSel,
- // searchOptions: [
- // { value: "1", label: "瀹㈡埛鍚嶇О" },
- // { value: "2", label: "閿�鍞嚎绱㈢紪鍙�" },
- // { value: "3", label: "鑱旂郴浜哄鍚�" },
- // { value: "4", label: "鎵嬫満鍙风爜" },
- // { value: "5", label: "鍟嗘満鏉ユ簮" },
- // { value: "6", label: "鐪佷唤" },
- // { value: "7", label: "鍩庡競" },
- // { value: "8", label: "璐熻矗浜�" }
- // ],
isTileSearch: false,
tileSearchData: [
{
@@ -152,6 +153,11 @@
}
},
methods: {
+ queryClassClick() {
+ this.queryClassSetConfig = {
+ visible: true
+ }
+ },
searchClick() {
console.log("sssssssssss")
},
@@ -161,6 +167,7 @@
tileSearchClick() {
this.isTileSearch = !this.isTileSearch
},
+ labelSearchClick() {},
// 鍒犻櫎
handleClick(row) {
console.log(row)
@@ -202,6 +209,7 @@
font-size: 16px;
margin-left: 10px;
color: #bebebe;
+ cursor: pointer;
}
}
.search {
@@ -219,12 +227,15 @@
margin-left: 20px;
.other-search-high {
display: flex;
+ cursor: pointer;
.high-icon {
font-size: 18px;
}
}
- .other-search-tile {
+ .other-search-tile,
+ .other-search-label {
display: flex;
+ cursor: pointer;
margin-left: 20px;
.high-icon {
font-size: 18px;
--
Gitblit v1.8.0