搭建信息失败提示页面

“dzb”

2022-09-22 6237280bed0832babd48694e3d3598076fa1c467

 src/views/operate/fivepack/shop/components/header/index.vue

File was renamed from src/views/operate/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>