Admin
2022-11-08 ccaa5f7b43b39e2e875b4f999832675cb87f116a
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<template>
    <div class="app-container" style="padding-bottom:40px">
        <div class="menu-area">
            <el-button class="add-btn" type="primary" icon="el-icon-plus" @click="sendJob()">新任务下发</el-button>
<!--            <div class="menu-tit">2023年上半年安全检查</div>-->
            <el-menu
                default-active="1"
                class="el-menu-vertical-demo"
                background-color="#eeeeee"
                text-color="#333"
                active-text-color="#034EA2"
                @select="menuSelect">
                <el-submenu index="1">
                    <template slot="title">
                        <i class="el-icon-s-order"></i>
                        <span>2023年上半年安全检查</span>
                    </template>
                    <el-menu-item index="1">
                        <span slot="title">安全检查反馈情况(批发)</span>
                    </el-menu-item>
                    <el-menu-item index="2">
                        <span slot="title">安全检查反馈情况(零售)</span>
                    </el-menu-item>
                    <el-menu-item index="3">
                        <span slot="title">安全检查情况汇总</span>
                    </el-menu-item>
                </el-submenu>
            </el-menu>
        </div>
        <div class="table-area">
            <wholesale-form v-show="curTab == 1"></wholesale-form>
            <retail-form v-show="curTab == 2"></retail-form>
        </div>
        <send-work ref="send"></send-work>
    </div>
</template>
 
<script>
    import Cookies from 'js-cookie'
    import {computePageCount} from "../../utils";
    import {mapGetters} from "vuex";
    import {MessageBox} from 'element-ui'
    import { getToken } from '@/utils/auth'
    import wholesaleForm from './components/wholesaleForm'
    import retailForm from "./components/retailForm"
    import sendWork from "./components/sendWork"
 
    export default {
        name: "specialCheck",
        components:{
            wholesaleForm,
            retailForm,
            sendWork
        },
        data() {
            return {
                curTab: 1
            }
        },
        created() {
 
        },
        mounted() {
 
        },
        computed: {
            ...mapGetters([
                'userType',
                'name'
            ])
        },
        methods: {
            menuSelect(key, keyPath) {
                this.curTab = key
            },
            sendJob(){
                this.$refs.send.dialogVisible = true
            }
        }
    }
</script>
 
<style lang="scss" scoped>
    .app-container{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
 
        .menu-area{
            width: 20%;
            .add-btn{
                width: 100%;
                margin-bottom: 20px;
                background: #034EA2;
            }
            .menu-tit{
                width: 100%;
                background: #eee;
                padding: 20px 20px 10px;
                font-size: 18px;
                font-weight: bolder;
            }
        }
        .table-area{
            width: calc(80% - 20px);
        }
    }
</style>