From d7c06cca16d12ecf5d0f233395dcf6062261b39b Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期三, 29 十一月 2023 17:01:28 +0800
Subject: [PATCH] 服务管理模块新增增加负责人默认值
---
src/components/makepager/SearchCommonView.vue | 94 +++++++++++++++++++++++++++++++----------------
1 files changed, 62 insertions(+), 32 deletions(-)
diff --git a/src/components/makepager/SearchCommonView.vue b/src/components/makepager/SearchCommonView.vue
index 9f2f17e..856afb5 100644
--- a/src/components/makepager/SearchCommonView.vue
+++ b/src/components/makepager/SearchCommonView.vue
@@ -1,26 +1,31 @@
<template>
<div class="search-list">
<div class="search-top">
- <div class="query-class">
+ <!-- <div class="query-class">
<div class="query-class-title">鏌ヨ鍒嗙被</div>
<el-select v-model="queryClassValue" placeholder="璇烽�夋嫨" class="query-class-sel" size="mini">
<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>
+ </div> -->
<div class="search">
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="searchInput" class="input-with-select" clearable>
+ <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model.trim="searchInput" class="input-with-select" clearable>
<el-select v-model="searchSelValue" slot="prepend" placeholder="璇烽�夋嫨" class="search-sel">
- <el-option v-for="item in searchOptions" :key="item.value" :label="item.label" :value="item.value">
- </el-option>
+ <el-option v-for="item in searchOptions" :key="item.value" :label="item.label" :value="item"> </el-option>
</el-select>
- <i slot="suffix" class="el-icon-search" style="cursor: pointer" @click="searchClick"></i>
+ <!-- <i slot="suffix" class="el-icon-search" style="cursor: pointer" @click="searchClick"></i> -->
</el-input>
</div>
- <div class="other-search">
+ <div class="btn">
+ <el-button type="primary" size="mini" @click="searchClick" icon="el-icon-search" style="margin-right: 5px"
+ >鎼滅储</el-button
+ >
+ <el-button size="mini" icon="el-icon-refresh-left" @click="resetClick">閲嶇疆</el-button>
+ </div>
+ <!-- <div class="other-search">
<div class="other-search-high" @click="highSearchClick">
<div class="high-icon"><i class="el-icon-postcard"></i></div>
<div>楂樼骇鏌ユ壘</div>
@@ -29,9 +34,13 @@
<div class="high-icon"><i class="el-icon-news"></i></div>
<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>
- <div v-if="isTileSearch" class="search-bottom">
+ <!-- <div v-if="isTileSearch" class="search-bottom">
<el-table :data="tileSearchData" style="width: 100%">
<el-table-column prop="selField" label="閫夋嫨瀛楁" width="430">
<template slot-scope="scope">
@@ -78,13 +87,18 @@
<el-button size="small">鍙栨秷</el-button>
</div>
</div>
- </div>
+ </div> -->
+ <!-- 鏌ヨ鍒嗙被寮圭獥 -->
+ <QueryClassSettingDialog v-if="queryClassSetConfig.visible" :editCommonConfig="queryClassSetConfig" />
</div>
</template>
<script>
+import QueryClassSettingDialog from "@/views/other/commonDialog/QueryClassSettingDialog"
+
export default {
name: "SearchCommonView",
+ components: { QueryClassSettingDialog },
props: {
queryClass: {
type: String,
@@ -95,35 +109,32 @@
default: () => []
},
searchSel: {
- type: String,
- default: "1"
+ type: Object,
+ default: () => {
+ return {
+ value: "name",
+ label: ""
+ }
+ }
},
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,8 +163,18 @@
}
},
methods: {
+ queryClassClick() {
+ this.queryClassSetConfig = {
+ visible: true
+ }
+ },
searchClick() {
- console.log("sssssssssss")
+ this.$emit("searchClick", this.searchSelValue, this.searchInput)
+ },
+ resetClick() {
+ this.searchSelValue = this.searchSel
+ this.searchInput = ""
+ this.$emit("resetClick")
},
// 楂樼骇鏌ユ壘
highSearchClick() {},
@@ -161,6 +182,7 @@
tileSearchClick() {
this.isTileSearch = !this.isTileSearch
},
+ labelSearchClick() {},
// 鍒犻櫎
handleClick(row) {
console.log(row)
@@ -187,6 +209,7 @@
color: #333;
.search-top {
display: flex;
+ align-items: center;
.query-class {
display: flex;
height: 60px;
@@ -202,6 +225,7 @@
font-size: 16px;
margin-left: 10px;
color: #bebebe;
+ cursor: pointer;
}
}
.search {
@@ -212,6 +236,9 @@
margin-top: 7px;
}
}
+ .btn {
+ margin-left: 10px;
+ }
.other-search {
display: flex;
height: 60px;
@@ -219,12 +246,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;
@@ -275,7 +305,7 @@
}
.search {
.el-select .el-input {
- width: 115px;
+ width: 130px;
}
.input-with-select .el-input-group__prepend {
background-color: #fff;
--
Gitblit v1.8.0