生产指挥中心大屏修改

This commit is contained in:
sunwenlin 2025-09-06 14:56:37 +08:00
parent ce567211d6
commit 4330450f01
4 changed files with 38 additions and 16 deletions

9
src/assets/Vector.svg Normal file
View File

@ -0,0 +1,9 @@
<svg width="16" height="31" viewBox="0 0 16 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.86365V0L16 15.5L0 31V23.1363L7.88507 15.5L0 7.86365ZM3.87758 15.5L0 19.2613V11.749L3.87758 15.5Z" fill="url(#paint0_radial_23_1937)"/>
<defs>
<radialGradient id="paint0_radial_23_1937" cx="0" cy="0" r="1" gradientTransform="matrix(0 0 0 0 -9.75953e-06 -1.00911e-05)" gradientUnits="userSpaceOnUse">
<stop stop-color="#005DF7"/>
<stop offset="1" stop-color="#3AE5FF"/>
</radialGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 551 B

View File

@ -76,6 +76,19 @@ export const constantRouterMap = [
}
]
},
{
path: '/largeScreen',
component: BlankLayout,
redirect: '/largeScreen',
hidden: true,
children: [
{
path: 'productionCommandCenter',
name: 'productionCommandCenter',
component: () => import(/* webpackChunkName: "largeScreen" */ '@/views/largeScreen/productionCommandCenter')
}
]
},
{
path: '/404',

View File

@ -10,7 +10,7 @@ import { ACCESS_TOKEN, ALL_APPS_MENU } from '@/store/mutation-types'
import { Modal, notification } from 'ant-design-vue' // NProgress Configuration
import { timeFix } from '@/utils/util'/// es/notification
NProgress.configure({ showSpinner: false })
const whiteList = ['login', 'register', 'registerResult'] // no redirect whitelist
const whiteList = ['login', 'register', 'registerResult', 'productionCommandCenter'] // no redirect whitelist
// 无默认首页的情况
const defaultRoutePath = '/welcome'

View File

@ -3,20 +3,20 @@
<template>
<div class="main">
<div id="middleTitle" class="middleTitle">
<div class="cockpit"><div class="cockpitFont">驾驶舱</div></div>
<div class="branchPlantProCap"><div class="branchPlantProCapFont">分厂产能</div></div>
<div class="middleTitleFont">雄伟光大生产指挥中心</div>
<div class="productionEfficiency"><div class="productionEfficiencyFont">生产效能</div></div>
<div class="safetyManagement"><div class="safetyManagementFont">安全管理</div></div>
<div class="operatingStatus">
<div id="middleTitle" class="middleTitle">
<div class="cockpit"><div class="cockpitFont">驾驶舱</div></div>
<div class="branchPlantProCap"><div class="branchPlantProCapFont">分厂产能</div></div>
<div class="middleTitleFont">雄伟光大生产指挥中心</div>
<div class="productionEfficiency"><div class="productionEfficiencyFont">生产效能</div></div>
<div class="safetyManagement"><div class="safetyManagementFont">安全管理</div></div>
<div class="operatingStatus">
<div class="operatingStatusFont">工厂整体运行状态</div>
</div>
<a-row :gutter="24">
<a-col ></a-col>
</a-row>
</div>
<div class="operatingStatusFont">工厂整体运行状态</div>
</div>
<a-row :gutter="24">
<a-col ></a-col>
</a-row>
</div>
</div>
</template>
@ -30,6 +30,8 @@
width: 415.8125rem;
height: 10.19919rem;
flex-shrink: 0;
padding-top:3.44rem;
display: inline-block;
background-image: url("~@/assets/title1.svg");
}
.middleTitleFont{
@ -52,7 +54,6 @@
height: 4.8125rem;
flex-shrink: 0;
margin-left: 67.92rem;
margin-top: 2.81rem;
background-image: url("~@/assets/Group 2785.svg");
}
.cockpitFont{
@ -75,7 +76,6 @@
height: 4.8125rem;
flex-shrink: 0;
margin-left: 94.04rem;
margin-top: 2.81rem;
background-image: url("~@/assets/Group 2789.png");
}
.branchPlantProCapFont{