文件名从 src/views/menu/menu.vue 修改 |
| | |
| | | <el-row :gutter="16"> |
| | | <el-col :span="6"><div class="grid-content grid-content-2"><div class="itemTit">应急管理系统</div><img class="iconImg" src="../../assets/menu/icon5.png"><img class="bgImg" src="../../assets/menu/card5.png"></div></el-col> |
| | | <el-col :span="6"><div class="grid-content grid-content-2"><div class="itemTit">事故管理系统</div><img class="iconImg" src="../../assets/menu/icon6.png"><img class="bgImg" src="../../assets/menu/card6.png"></div></el-col> |
| | | <el-col :span="6"><div class="grid-content grid-content-2"><div class="itemTit">特殊作业系统</div><img class="iconImg" src="../../assets/menu/icon7.png"><img class="bgImg" src="../../assets/menu/card7.png"></div></el-col> |
| | | <el-col :span="6"><div class="grid-content grid-content-2" @click="toSpecialWorkSys"><div class="itemTit">特殊作业系统</div><img class="iconImg" src="../../assets/menu/icon7.png"><img class="bgImg" src="../../assets/menu/card7.png"></div></el-col> |
| | | <el-col :span="6"><div class="grid-content grid-content-2"><div class="itemTit">智能巡检系统</div><img class="iconImg" src="../../assets/menu/icon8.png"><img class="bgImg" src="../../assets/menu/card8.png"></div></el-col> |
| | | </el-row> |
| | | <el-row :gutter="16"> |
| | |
| | | import loginIconTwo from '/@/assets/login-icon-two.svg'; |
| | | import { NextLoading } from '/@/utils/loading'; |
| | | import {Session} from "/@/utils/storage"; |
| | | import {useRoute, useRouter} from "vue-router"; |
| | | |
| | | // 定义接口来定义对象的类型 |
| | | interface LoginState { |
| | |
| | | name: 'loginIndex', |
| | | components: {}, |
| | | setup() { |
| | | const route = useRoute(); |
| | | const router = useRouter(); |
| | | const storesThemeConfig = useThemeConfig(); |
| | | const { themeConfig } = storeToRefs(storesThemeConfig); |
| | | const state = reactive<LoginState>({ |
| | |
| | | const onLoginOut = () => { |
| | | console.log('退出登录') |
| | | }; |
| | | //点击进入特殊作业 |
| | | const toSpecialWorkSys = () => { |
| | | router.push('/workReservation'); |
| | | }; |
| | | // 页面加载时 |
| | | onMounted(() => { |
| | | NextLoading.done(); |
| | |
| | | logoMini, |
| | | loginIconTwo, |
| | | getThemeConfig, |
| | | toSpecialWorkSys, |
| | | ...toRefs(state), |
| | | }; |
| | | }, |
| | |
| | | .topPanel{ |
| | | position: absolute; |
| | | width: 100%; |
| | | top: -80px; |
| | | top: -100px; |
| | | left: 0; |
| | | height:100px; |
| | | background: #fff; |