门前三包和趋势分析

“dzb”

2022-11-03 41dabb0db9619b8dbb8a311966e0b9920f67f7c8

 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;