From 41dabb0db9619b8dbb8a311966e0b9920f67f7c8 Mon Sep 17 00:00:00 2001 From: “dzb” <2632970487@qq.com> Date: 星期四, 03 十一月 2022 16:10:40 +0800 Subject: [PATCH] 门前三包和趋势分析 --- src/views/operate/fivepack/threepack/components/header/index.vue | 35 +++++++++++++++++++++++++---------- 1 files changed, 25 insertions(+), 10 deletions(-) diff --git a/src/views/operate/fivepack/threepack/components/header/index.vue b/src/views/operate/fivepack/threepack/components/header/index.vue index 35c292d..1ef6986 100644 --- a/src/views/operate/fivepack/threepack/components/header/index.vue +++ b/src/views/operate/fivepack/threepack/components/header/index.vue @@ -8,31 +8,38 @@ </div> <div class="status"> <span>搴楅摵鐘舵��:</span> - <el-input placeholder="閫夋嫨搴楅摵鐘舵��" v-model="search"></el-input> + <el-select v-model="storeState" placeholder="閫夋嫨搴楅摵鐘舵��"> + <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> + </el-option> + </el-select> </div> <div class="findBtn"> <el-button type="primary" @click="setSearch" icon="el-icon-search">鏌ヨ</el-button> - <el-button icon="el-icon-delete-solid">閲嶇疆</el-button> + <el-button icon="el-icon-delete-solid" @click="handleReset">閲嶇疆</el-button> </div> </div> - </div> - <div class="footer"> - <el-dialog :visible.sync="dialogCreate" title="娣诲姞搴楅摵" width="45%" v-if="dialogCreate"> - <createUser @sendDialog="sendDialog" /> - </el-dialog> </div> </header> </template> <script> -import createUser from "../createUser"; export default { components: { - createUser, }, data() { return { dialogCreate: false, search: '', + storeState: null, + options:[ + { + label:'钀ヤ笟', + value:1 + }, + { + label:'鍊掗棴', + value:2 + } + ] } }, methods: { @@ -43,6 +50,12 @@ console.log(flag); this.dialogCreate = flag.flag; this.$emit('setDialog', { flag: true }) + }, + // 閲嶇疆鎼滅储鏉′欢 + handleReset(){ + console.group(1) + this.search = '', + this.storeState =null } }, props: ['setDialog', 'getSearch', 'flag'], @@ -59,9 +72,11 @@ line-height: 100px; justify-content: space-between; align-items: center; - .find{ + + .find { display: flex; } + .search, .status { display: flex; -- Gitblit v1.8.0