fix:样式文件加载失败排查
This commit is contained in:
parent
43f2c269b8
commit
9da22a17b9
@ -23,10 +23,10 @@ const inputSuppliesRoutes = [
|
||||
meta: { title: '物资管理', icon: 'Document' },
|
||||
children: [
|
||||
{
|
||||
path: '/sub-government-affairs-service/material/pesticide',
|
||||
name: 'input-supplies-pesticide',
|
||||
component: () => import('@/views/inputSuppliesManage/material/pesticide/index.vue'),
|
||||
meta: { title: '农药管理', icon: 'Document' },
|
||||
path: '/sub-government-affairs-service/material/seed',
|
||||
name: 'input-supplies-seed',
|
||||
component: () => import('@/views/inputSuppliesManage/material/seed/index.vue'),
|
||||
meta: { title: '种源管理', icon: 'Document' },
|
||||
},
|
||||
{
|
||||
path: '/sub-government-affairs-service/material/fertilizer',
|
||||
@ -34,18 +34,18 @@ const inputSuppliesRoutes = [
|
||||
component: () => import('@/views/inputSuppliesManage/material/fertilizer/index.vue'),
|
||||
meta: { title: '肥料管理', icon: 'Document' },
|
||||
},
|
||||
{
|
||||
path: '/sub-government-affairs-service/material/pesticide',
|
||||
name: 'input-supplies-pesticide',
|
||||
component: () => import('@/views/inputSuppliesManage/material/pesticide/index.vue'),
|
||||
meta: { title: '农药管理', icon: 'Document' },
|
||||
},
|
||||
{
|
||||
path: '/sub-government-affairs-service/material/ratPoison',
|
||||
name: 'input-supplies-ratPoison',
|
||||
component: () => import('@/views/inputSuppliesManage/material/ratPoison/index.vue'),
|
||||
meta: { title: '兽药管理', icon: 'Document' },
|
||||
},
|
||||
{
|
||||
path: '/sub-government-affairs-service/material/seed',
|
||||
name: 'input-supplies-seed',
|
||||
component: () => import('@/views/inputSuppliesManage/material/seed/index.vue'),
|
||||
meta: { title: '种源管理', icon: 'Document' },
|
||||
},
|
||||
{
|
||||
path: '/sub-government-affairs-service/material/farmMachinery',
|
||||
name: 'input-supplies-farmMachinery',
|
||||
|
||||
@ -25,7 +25,7 @@ const size = computed(() => SettingStore.themeConfig.globalComSize);
|
||||
<style lang="scss">
|
||||
@import './styles/style.scss';
|
||||
@import './styles/global.scss';
|
||||
@import '@/styles/iconfont.css';
|
||||
// @import '@/styles/iconfont.css';
|
||||
|
||||
body {
|
||||
div {
|
||||
|
||||
@ -48,9 +48,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="layout-header-menu">
|
||||
<el-menu ellipsis class="layout-header-bottom-menu" mode="horizontal">
|
||||
<el-menu ellipsis class="layout-header-bottom-menu" mode="horizontal" :default-active="defaultActive">
|
||||
<app-link v-for="(item, index) in meuns" :key="index" :to="item.path">
|
||||
<el-menu-item active-text-color="#25BF82">{{ item.label }}</el-menu-item>
|
||||
<el-menu-item active-text-color="#25BF82" :index="item.key">{{ item.label }}</el-menu-item>
|
||||
</app-link>
|
||||
</el-menu>
|
||||
</div>
|
||||
@ -59,7 +59,7 @@
|
||||
</template>
|
||||
|
||||
<script setup name="layout-header">
|
||||
import { computed, ref } from 'vue';
|
||||
import { computed, ref, onMounted } from 'vue';
|
||||
import { useSettingStore } from '@/store/modules/setting';
|
||||
import { usePermissionStore } from '@/store/modules/permission';
|
||||
import { qrImg } from './base64img';
|
||||
@ -75,6 +75,11 @@ const cacheRoutes = computed(() => PermissionStore.keepAliveRoutes);
|
||||
const isReload = computed(() => SettingStore.isReload);
|
||||
|
||||
const isSubApp = computed(() => route.path.includes('sub'));
|
||||
const defaultActive = ref('');
|
||||
onMounted(() => {
|
||||
defaultActive.value = route.meta.headerActive;
|
||||
console.log('route', defaultActive.value);
|
||||
});
|
||||
|
||||
const keyword = ref('');
|
||||
|
||||
@ -82,30 +87,37 @@ const meuns = ref([
|
||||
{
|
||||
label: '智慧种植',
|
||||
path: '/sub-operation-service/ecommerce',
|
||||
key: '0',
|
||||
},
|
||||
{
|
||||
label: '农事服务',
|
||||
path: '/sub-operation-service/ecommerce',
|
||||
path: '/sub-operation-service/farmingService',
|
||||
key: 'farmingService',
|
||||
},
|
||||
{
|
||||
label: '涉农金融',
|
||||
path: '/sub-operation-service/ecommerce',
|
||||
key: '1',
|
||||
},
|
||||
{
|
||||
label: '电商交易',
|
||||
path: '/sub-operation-service/ecommerce',
|
||||
key: 'ecommerce',
|
||||
},
|
||||
{
|
||||
label: '分拣包装',
|
||||
path: '/sub-operation-service/ecommerce',
|
||||
key: '3',
|
||||
},
|
||||
{
|
||||
label: '仓储物流',
|
||||
path: '/sub-operation-service/ecommerce',
|
||||
key: '4',
|
||||
},
|
||||
{
|
||||
label: '公共品牌运营',
|
||||
path: '/sub-operation-service/ecommerce',
|
||||
key: '5',
|
||||
},
|
||||
]);
|
||||
|
||||
@ -138,6 +150,9 @@ div {
|
||||
.el-menu {
|
||||
justify-content: space-around;
|
||||
border: none !important;
|
||||
.is-active {
|
||||
color: $color-main !important;
|
||||
}
|
||||
}
|
||||
.el-menu-item {
|
||||
font-size: 24px;
|
||||
@ -148,7 +163,6 @@ div {
|
||||
}
|
||||
.el-menu-item:active {
|
||||
background: none !important;
|
||||
color: $color-main;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -50,25 +50,25 @@ export const constantRoutes = [
|
||||
component: Views,
|
||||
redirect: '/sub-operation-service/ecommerce-agricultural',
|
||||
name: 'agriculturalParent',
|
||||
meta: { title: '农资交易' },
|
||||
meta: { title: '农资交易', headerActive: 'ecommerce' },
|
||||
children: [
|
||||
{
|
||||
path: '/sub-operation-service/ecommerce-agricultural',
|
||||
component: () => import('@/views/ecommerce/index.vue'),
|
||||
name: 'agricultural',
|
||||
meta: { title: '农资交易' },
|
||||
meta: { title: '农资交易', headerActive: 'ecommerce' },
|
||||
},
|
||||
{
|
||||
path: '/sub-operation-service/ecommerce-agriculturalDetail',
|
||||
component: () => import('@/views/ecommerce/agriculturalDetail.vue'),
|
||||
name: 'agriculturalDetail',
|
||||
meta: { title: '农资详情' },
|
||||
meta: { title: '农资详情', headerActive: 'ecommerce' },
|
||||
},
|
||||
{
|
||||
path: '/sub-operation-service/ecommerce-sourceCodeDetail',
|
||||
component: () => import('@/views/ecommerce/sourceCodeDetail.vue'),
|
||||
name: 'sourceCodeDetail',
|
||||
meta: { title: '溯源详情' },
|
||||
meta: { title: '溯源详情', headerActive: 'ecommerce' },
|
||||
},
|
||||
],
|
||||
},
|
||||
@ -77,19 +77,19 @@ export const constantRoutes = [
|
||||
component: Views,
|
||||
redirect: '/sub-operation-service/ecommerce-purchaser',
|
||||
name: 'purchaserParent',
|
||||
meta: { title: '采购商服务' },
|
||||
meta: { title: '采购商服务', headerActive: 'ecommerce' },
|
||||
children: [
|
||||
{
|
||||
path: '/sub-operation-service/ecommerce-purchaser',
|
||||
component: () => import('@/views/ecommerce/purchaser.vue'),
|
||||
name: 'purchaser',
|
||||
meta: { title: '采购商服务' },
|
||||
meta: { title: '采购商服务', headerActive: 'ecommerce' },
|
||||
},
|
||||
{
|
||||
path: '/sub-operation-service/ecommerce-purchaserDetail',
|
||||
component: () => import('@/views/ecommerce/purchaserDetail.vue'),
|
||||
name: 'purchaserDetail',
|
||||
meta: { title: '采购详情' },
|
||||
meta: { title: '采购详情', headerActive: 'ecommerce' },
|
||||
},
|
||||
],
|
||||
},
|
||||
@ -98,31 +98,38 @@ export const constantRoutes = [
|
||||
path: '/sub-operation-service/ecommerce-supplier',
|
||||
component: () => import('@/views/ecommerce/supplier.vue'),
|
||||
name: 'supplier',
|
||||
meta: { title: '供应商服务' },
|
||||
meta: { title: '供应商服务', headerActive: 'ecommerce' },
|
||||
},
|
||||
{
|
||||
path: '/sub-operation-service/ecommerce-land',
|
||||
component: Views,
|
||||
redirect: '/sub-operation-service/ecommerce-land',
|
||||
name: 'landParent',
|
||||
meta: { title: '土地交易' },
|
||||
meta: { title: '土地交易', headerActive: 'ecommerce' },
|
||||
children: [
|
||||
{
|
||||
path: '/sub-operation-service/ecommerce-land',
|
||||
component: () => import('@/views/ecommerce/land.vue'),
|
||||
name: 'land',
|
||||
meta: { title: '土地交易' },
|
||||
meta: { title: '土地交易', headerActive: 'ecommerce' },
|
||||
},
|
||||
{
|
||||
path: '/sub-operation-service/ecommerce-landDetail',
|
||||
component: () => import('@/views/ecommerce/landDetail.vue'),
|
||||
name: 'landDetail',
|
||||
meta: { title: '土地详情' },
|
||||
meta: { title: '土地详情', headerActive: 'ecommerce' },
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: '/sub-operation-service/farmingService',
|
||||
name: 'farmingService',
|
||||
component: Layout,
|
||||
// component: () => import('@/views/farmingService/index.vue'),
|
||||
meta: { title: '农事服务', headerActive: 'farmingService' },
|
||||
},
|
||||
{
|
||||
path: '/sub-operation-service/userCenter',
|
||||
name: 'userCentre',
|
||||
|
||||
19
sub-operation-service/src/views/farmingService/index.vue
Normal file
19
sub-operation-service/src/views/farmingService/index.vue
Normal file
@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<section>农事服务</section>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { ref } from 'vue';
|
||||
|
||||
/* --------------- data --------------- */
|
||||
// #region
|
||||
|
||||
// #endregion
|
||||
|
||||
/* --------------- methods --------------- */
|
||||
// #region
|
||||
|
||||
// #endregion
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
Loading…
x
Reference in New Issue
Block a user