epmet-work-pc/src/views/modules/base/smartExcel/cpts/excel-summary.vue

<template>
    <!-- 文件汇总 -->
    <div class="el-card">
        <div v-show="!showView">
            <h3 class="title">汇总文件</h3>
            <div class="item flex flex-y flex-center-deputy">
                <img :src="require(`@/assets/images/index/Excel.png`)" alt="">
                <div>周期更新表</div>
            </div>
            <!-- <el-button type="primary" round @click="showView = true">去数据</el-button>
            <el-button type="primary" round @click="handelClickBack">返回</el-button> -->
        </div>
        <div v-if="showView">
            <excel-view @close="close"></excel-view>
        </div>
    </div>
</template>

<script>
import excelView from "./excel-view.vue";
import { requestPost } from "@/js/dai/request";

export default {
    data() {
        return {
            showView:false,
            list:[
                {
                    title:'嘉定山社区',
                    state:'未提交'
                },
                {
                    title:'嘉定山社区',
                    state:'未提交'
                },
                {
                    title:'嘉定山社区',
                    state:'未提交'
                },
                {
                    title:'嘉定山社区',
                    state:'未提交'
                },
                {
                    title:'嘉定山社区',
                    state:'未提交'
                },
                {
                    title:'嘉定山社区',
                    state:'未提交'
                },
                {
                    title:'嘉定山社区',
                    state:'未提交'
                },
                {
                    title:'嘉定山社区',
                    state:'未提交'
                },
            ]
        };
    },
    created() { },
    methods: {
        close(){
            this.showView = false
        },
        handelClickBack(){
            this.$emit('close')
        }
    },
    components: { excelView },
    computed: {
        
    },
    watch: {},
}
</script>

<style lang='scss' scoped>
.title{
    position: relative;
    &::after{
        content: '';
        width: 3px;
        height: 5px;
        background: #5493ff;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
}
.el-card{
    margin: 10px auto;
    padding: 0 16px;
    box-sizing: border-box;
    width: calc(100% - 40px);
}
.item{
    img{
        width: 80px;
        height: 80px;
    }
}
</style>