<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>
|