From 6237280bed0832babd48694e3d3598076fa1c467 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期四, 22 九月 2022 17:53:09 +0800
Subject: [PATCH] 搭建信息失败提示页面
---
src/views/operate/fivepack/shop/components/header/index.vue | 50 +++++++++++++++++++++++++++++++-------------------
1 files changed, 31 insertions(+), 19 deletions(-)
diff --git a/src/views/operate/shop/components/header/index.vue b/src/views/operate/fivepack/shop/components/header/index.vue
similarity index 61%
rename from src/views/operate/shop/components/header/index.vue
rename to src/views/operate/fivepack/shop/components/header/index.vue
index 67dcb8d..9389301 100644
--- a/src/views/operate/shop/components/header/index.vue
+++ b/src/views/operate/fivepack/shop/components/header/index.vue
@@ -1,20 +1,29 @@
<template>
<header>
<div class="headerContent">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="search"></el-input>
+ <div class="find">
+ <div class="search">
+ <span>杈撳叆鏌ヨ:</span>
+ <el-input placeholder="搴楅摵(闂ㄥ簵)鍚嶇О" v-model="search"></el-input>
+ </div>
+ <div class="status">
+ <span>搴楅摵鐘舵��:</span>
+ <el-input placeholder="閫夋嫨搴楅摵鐘舵��" v-model="search"></el-input>
+ </div>
<div class="findBtn">
- <el-button type="primary" @click="setSearch">鏌ヨ</el-button>
+ <el-button type="primary" @click="setSearch" icon="el-icon-search">鏌ヨ</el-button>
+ <el-button icon="el-icon-delete-solid">閲嶇疆</el-button>
</div>
</div>
- <div class="addUser">
- <!-- :before-close="handleClose" -->
- <el-button class="addBtn" type="primary" @click="dialogCreate = true">娣诲姞鐢ㄦ埛</el-button>
- <el-dialog :visible.sync="dialogCreate" title="鏂板璐︽埛" width="45%" v-if="dialogCreate">
- <createUser @sendDialog="sendDialog" />
- </el-dialog>
+ <div class="add">
+ <el-button class="addBtn" type="primary" @click="dialogCreate = true" icon="el-icon-plus">娣诲姞</el-button>
</div>
+
+ </div>
+ <div class="footer">
+ <el-dialog :visible.sync="dialogCreate" title="鏂板璐︽埛" width="45%" v-if="dialogCreate">
+ <createUser @sendDialog="sendDialog" />
+ </el-dialog>
</div>
</header>
</template>
@@ -37,7 +46,7 @@
sendDialog(flag) {
console.log(flag);
this.dialogCreate = flag.flag;
- this.$emit('setDialog', { flag:true })
+ this.$emit('setDialog', { flag: true })
}
},
props: ['setDialog', 'getSearch', 'flag'],
@@ -54,8 +63,11 @@
line-height: 100px;
justify-content: space-between;
align-items: center;
-
- .search {
+ .find{
+ display: flex;
+ }
+ .search,
+ .status {
display: flex;
justify-content: flex-start;
@@ -75,27 +87,27 @@
}
+ .status {
+ margin-left: 20px;
+ }
+
.findBtn {
line-height: 100px;
margin-left: 15px;
display: flex;
align-items: center;
- margin-top: -2px;
.el-button {
padding: 12px 25px;
- border-radius: 20px;
}
}
.addBtn {
- background-color: #eb5d01;
- border: none;
- border-radius: 20px;
padding: 12px 30px;
+ margin-left: 20%;
}
-
+
}
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0