loveflow
1 year ago
parent
5c32ca72d9
commit
22d654a3f0
|
After Width: | Height: | Size: 2.1 KiB |
@ -1,20 +1,29 @@
|
|||||||
<template>
|
<template>
|
||||||
<div style="width: 100%; height: 100%;" class="mainBG">
|
<div class="mainBody">
|
||||||
|
<headPage></headPage>
|
||||||
|
<div class="mainBG">
|
||||||
<router-view />
|
<router-view />
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import headPage from "@/loveflow/components/menu/head";
|
||||||
export default {
|
export default {
|
||||||
name: "box"
|
name: "box",
|
||||||
}
|
components: { headPage },
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
.mainBG {
|
.mainBody {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: url('../assets/companyFile/allback.png') no-repeat;
|
background: url("../assets/companyFile/allback.png") no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
.mainBG {
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 80px);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -1,115 +1,36 @@
|
|||||||
import Vue from 'vue'
|
import Vue from "vue";
|
||||||
import VueRouter from 'vue-router'
|
import VueRouter from "vue-router";
|
||||||
import box from '../components/box'
|
|
||||||
// import Home from '../views/Home.vue'
|
|
||||||
Vue.use(VueRouter)
|
|
||||||
import systemManagement from './routes/systemManagement'
|
|
||||||
import module from './routes/module'
|
|
||||||
|
|
||||||
const routes = [
|
Vue.use(VueRouter);
|
||||||
{
|
import integration from "./routes/integration";
|
||||||
path: '/',
|
import enterpriseTopic from "./routes/enterpriseTopic";
|
||||||
name: 'box',
|
import enterpriseTeamWork from "./routes/enterpriseTeamWork";
|
||||||
component: box,
|
import enterpriseRiskIndex from "./routes/enterpriseRiskIndex";
|
||||||
redirect: '/login',
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
path: 'home',
|
|
||||||
name: 'home',
|
|
||||||
component: () => import('@/views/head'),
|
|
||||||
children: [
|
|
||||||
// 首页
|
|
||||||
{
|
|
||||||
path: 'compositeIndex',
|
|
||||||
name: 'compositeIndex',
|
|
||||||
component: () => import('@/views/compositeIndex'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: 'enterpriseArchives',
|
|
||||||
name: 'enterpriseArchives',
|
|
||||||
component: () => import('@/views/enterpriseArchives'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: 'archives',
|
|
||||||
name: 'archives',
|
|
||||||
component: () => import('@/views/archives'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: 'safetyIndex',
|
|
||||||
name: 'safetyIndex',
|
|
||||||
component: () => import('@/views/safetyIndex'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: 'companyCanban',
|
|
||||||
name: 'companyCanban',
|
|
||||||
component: () => import('@/views/companyCanban'),
|
|
||||||
},
|
|
||||||
//企业排名
|
|
||||||
{
|
|
||||||
path: 'enterpriseRank',
|
|
||||||
name: 'enterpriseRank',
|
|
||||||
component: () => import('@/views/enterpriseRank'),
|
|
||||||
|
|
||||||
},
|
|
||||||
//实时预警
|
|
||||||
{
|
|
||||||
path: 'realtimeWarning',
|
|
||||||
name: 'realtimeWarning',
|
|
||||||
component: () => import('@/views/realtimeWarning'),
|
|
||||||
},
|
|
||||||
//要素资源(预)
|
|
||||||
{
|
|
||||||
path: 'factor',
|
|
||||||
name: 'factor',
|
|
||||||
component: () => import('@/views/factor'),
|
|
||||||
},
|
|
||||||
//要素资源
|
|
||||||
{
|
|
||||||
path: 'factorResources',
|
|
||||||
name: 'factorResources',
|
|
||||||
component: () => import('@/views/factorResources'),
|
|
||||||
|
|
||||||
},
|
|
||||||
// 系统管理
|
|
||||||
...systemManagement,
|
|
||||||
// 闭环处置
|
|
||||||
{
|
|
||||||
path: 'closeLoopDispose',
|
|
||||||
name: 'closeLoopDispose',
|
|
||||||
component: () => import('@/views/closeLoopDispose'),
|
|
||||||
},
|
|
||||||
// 安商惠企
|
|
||||||
{
|
|
||||||
path:'applySupermarket',
|
|
||||||
name:'applySupermarket',
|
|
||||||
component: () => import('@/views/applySupermarket'),
|
|
||||||
},
|
|
||||||
// 封装演示模块
|
|
||||||
...module,
|
|
||||||
// {
|
|
||||||
// path:'module',
|
|
||||||
// name:'module',
|
|
||||||
// component: () => import('@/views/module'),
|
|
||||||
// },
|
|
||||||
|
|
||||||
]
|
const routes = [
|
||||||
},
|
|
||||||
{
|
|
||||||
path: 'login',
|
|
||||||
name: 'login',
|
|
||||||
component: () => import('@/components/login'),
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: "/recordManage",
|
path: "login",
|
||||||
name: "recordManage",
|
name: "login",
|
||||||
component: () => import("@/views/enterpriseManage/recordManage/index"),
|
component: () => import("@/components/login"),
|
||||||
},
|
},
|
||||||
]
|
{
|
||||||
}]
|
path: "/workspace",
|
||||||
console.log(routes)
|
name: "workspace",
|
||||||
|
component: () => import("@/views/home/workspace"),
|
||||||
|
},
|
||||||
|
/* 集成驾驶舱 */
|
||||||
|
...integration,
|
||||||
|
/* 专题驾驶舱 */
|
||||||
|
...enterpriseTopic,
|
||||||
|
/* 企业协同共治 */
|
||||||
|
...enterpriseTeamWork,
|
||||||
|
/* 企业风险指数 */
|
||||||
|
...enterpriseRiskIndex,
|
||||||
|
];
|
||||||
|
//console.log(routes);
|
||||||
const router = new VueRouter({
|
const router = new VueRouter({
|
||||||
mode: 'hash',
|
mode: "hash",
|
||||||
routes
|
routes,
|
||||||
})
|
});
|
||||||
|
|
||||||
export default router
|
export default router;
|
||||||
|
|||||||
@ -1,36 +0,0 @@
|
|||||||
import Vue from "vue";
|
|
||||||
import VueRouter from "vue-router";
|
|
||||||
//import Home from '../views/Home.vue'
|
|
||||||
Vue.use(VueRouter);
|
|
||||||
export default [
|
|
||||||
//平安企业专题驾驶舱
|
|
||||||
{
|
|
||||||
path: "/enterpriseManage/topicCockpit",
|
|
||||||
name: "topicCockpitIndex",
|
|
||||||
component: () => import("@/views/enterpriseManage/topicCockpit/index"),
|
|
||||||
},
|
|
||||||
//平安企业风险监测
|
|
||||||
{
|
|
||||||
path: "/enterpriseManage/riskMonitor",
|
|
||||||
name: "riskMonitorIndex",
|
|
||||||
component: () => import("@/views/enterpriseManage/riskMonitor/index"),
|
|
||||||
},
|
|
||||||
//企业档案管理
|
|
||||||
{
|
|
||||||
path: "/enterpriseManage/recordManage",
|
|
||||||
name: "recordManageIndex",
|
|
||||||
component: () => import("@/views/enterpriseManage/recordManage/index"),
|
|
||||||
},
|
|
||||||
//企业风险指数应用
|
|
||||||
{
|
|
||||||
path: "/enterpriseManage/riskIndex",
|
|
||||||
name: "riskIndexIndex",
|
|
||||||
component: () => import("@/views/enterpriseManage/riskIndex/index"),
|
|
||||||
},
|
|
||||||
//平安企业协同共治
|
|
||||||
{
|
|
||||||
path: "/enterpriseManage/teamWork",
|
|
||||||
name: "teamWorkIndex",
|
|
||||||
component: () => import("@/views/enterpriseManage/teamWork/index"),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
@ -0,0 +1,50 @@
|
|||||||
|
import Vue from "vue";
|
||||||
|
import VueRouter from "vue-router";
|
||||||
|
import box from "../../components/box";
|
||||||
|
Vue.use(VueRouter);
|
||||||
|
export default [
|
||||||
|
{
|
||||||
|
path: "/riskIndex",
|
||||||
|
name: "riskIndex",
|
||||||
|
component: box,
|
||||||
|
redirect: "/workspace",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: "/riskIndex/analysis",
|
||||||
|
name: "analysis",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "风险分析",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/enterpriseRiskIndex/analysis"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/riskIndex/synthetical",
|
||||||
|
name: "synthetical",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "综合风险",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/enterpriseRiskIndex/synthetical"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/riskIndex/abnormal",
|
||||||
|
name: "abnormal",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "异常图表",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/enterpriseRiskIndex/abnormal"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/riskIndex/estimate",
|
||||||
|
name: "estimate",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "专题评估",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/enterpriseRiskIndex/estimate"),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
@ -0,0 +1,18 @@
|
|||||||
|
import Vue from "vue";
|
||||||
|
import VueRouter from "vue-router";
|
||||||
|
import box from "../../components/box";
|
||||||
|
Vue.use(VueRouter);
|
||||||
|
export default [
|
||||||
|
{
|
||||||
|
path: "/teamWork/screen",
|
||||||
|
name: "screen",
|
||||||
|
component: () => import("@/views/enterpriseTeamWork/screen"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/teamWork",
|
||||||
|
name: "teamWork",
|
||||||
|
component: box,
|
||||||
|
redirect: "/workspace",
|
||||||
|
children: [],
|
||||||
|
},
|
||||||
|
];
|
||||||
@ -0,0 +1,91 @@
|
|||||||
|
import Vue from "vue";
|
||||||
|
import VueRouter from "vue-router";
|
||||||
|
import box from "../../components/box";
|
||||||
|
Vue.use(VueRouter);
|
||||||
|
export default [
|
||||||
|
{
|
||||||
|
path: "/topic/screen",
|
||||||
|
name: "screen",
|
||||||
|
component: () => import("@/views/enterpriseTopic/screen"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/topic",
|
||||||
|
name: "topic",
|
||||||
|
component: box,
|
||||||
|
redirect: "/workspace",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: "/topic/personSafety",
|
||||||
|
name: "personSafety",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "人员安全",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/enterpriseTopic/personSafety"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/topic/dangerTransport",
|
||||||
|
name: "dangerTransport",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "危险品运输",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/enterpriseTopic/dangerTransport"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/topic/antiAttack",
|
||||||
|
name: "antiAttack",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "防攻击",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/enterpriseTopic/antiAttack"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/topic/fireSafety",
|
||||||
|
name: "fireSafety",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "消防安全",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/enterpriseTopic/fireSafety"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/topic/listGoods",
|
||||||
|
name: "listGoods",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "列管物品",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/enterpriseTopic/listGoods"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/topic/roadSafety",
|
||||||
|
name: "roadSafety",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "道路安全",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/enterpriseTopic/roadSafety"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/topic/inSecurity",
|
||||||
|
name: "inSecurity",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "内部治安",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/enterpriseTopic/inSecurity"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/topic/netSafety",
|
||||||
|
name: "netSafety",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "网路安全",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/enterpriseTopic/netSafety"),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
@ -0,0 +1,173 @@
|
|||||||
|
import Vue from "vue";
|
||||||
|
import VueRouter from "vue-router";
|
||||||
|
import box from "../../components/box";
|
||||||
|
import module from "./module";
|
||||||
|
Vue.use(VueRouter);
|
||||||
|
|
||||||
|
export default [
|
||||||
|
{
|
||||||
|
path: "/integration",
|
||||||
|
name: "integration",
|
||||||
|
component: box,
|
||||||
|
redirect: "/workspace",
|
||||||
|
children: [
|
||||||
|
// 首页
|
||||||
|
{
|
||||||
|
path: "/integration/compositeIndex",
|
||||||
|
name: "compositeIndex",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "综合指数",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/compositeIndex"),
|
||||||
|
},
|
||||||
|
// 安商惠企
|
||||||
|
{
|
||||||
|
path: "/integration/applySupermarket",
|
||||||
|
name: "applySupermarket",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "安商惠企",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/applySupermarket"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/integration/enterpriseArchives",
|
||||||
|
name: "enterpriseArchives",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "企业档案",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/enterpriseArchives"),
|
||||||
|
},
|
||||||
|
//实时预警
|
||||||
|
{
|
||||||
|
path: "/integration/realtimeWarning",
|
||||||
|
name: "realtimeWarning",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "实时预警",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/realtimeWarning"),
|
||||||
|
},
|
||||||
|
// 闭环处置
|
||||||
|
{
|
||||||
|
path: "/integration/closeLoopDispose",
|
||||||
|
name: "closeLoopDispose",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "闭环处置",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/closeLoopDispose"),
|
||||||
|
},
|
||||||
|
//要素资源(预)
|
||||||
|
{
|
||||||
|
path: "/integration/factor",
|
||||||
|
name: "factor",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "要素资源",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/factor"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/integration/safetyIndex",
|
||||||
|
name: "safetyIndex",
|
||||||
|
component: () => import("@/views/safetyIndex"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/integration/archives",
|
||||||
|
name: "archives",
|
||||||
|
component: () => import("@/views/archives"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/integration/companyCanban",
|
||||||
|
name: "companyCanban",
|
||||||
|
component: () => import("@/views/companyCanban"),
|
||||||
|
},
|
||||||
|
//企业排名
|
||||||
|
{
|
||||||
|
path: "/integration/enterpriseRank",
|
||||||
|
name: "enterpriseRank",
|
||||||
|
component: () => import("@/views/enterpriseRank"),
|
||||||
|
},
|
||||||
|
//要素资源
|
||||||
|
{
|
||||||
|
path: "/integration/factorResources",
|
||||||
|
name: "factorResources",
|
||||||
|
component: () => import("@/views/factorResources"),
|
||||||
|
},
|
||||||
|
// 系统管理
|
||||||
|
{
|
||||||
|
path: "integration/systemManagement",
|
||||||
|
name: "systemManagement",
|
||||||
|
meta: {
|
||||||
|
head: true,
|
||||||
|
title: "系统管理",
|
||||||
|
},
|
||||||
|
component: () => import("@/views/systemManagement"),
|
||||||
|
redirect: "/integration/systemManagement/safeIndex",
|
||||||
|
children: [
|
||||||
|
// 平安指数
|
||||||
|
{
|
||||||
|
path: "/integration/systemManagement/safeIndex",
|
||||||
|
name: "systemManagement",
|
||||||
|
component: () => import("@/views/systemManagement/safeIndex"),
|
||||||
|
},
|
||||||
|
// 企业赋分
|
||||||
|
{
|
||||||
|
path: "/integration/systemManagement/companyScore",
|
||||||
|
name: "systemManagement",
|
||||||
|
component: () => import("@/views/systemManagement/companyScore"),
|
||||||
|
},
|
||||||
|
// 企业赋分详情
|
||||||
|
{
|
||||||
|
path: "/integration/systemManagement/companyDetails",
|
||||||
|
name: "companyDetails",
|
||||||
|
component: () =>
|
||||||
|
import(
|
||||||
|
"@/views/systemManagement/companyScore/components/companyDetails"
|
||||||
|
),
|
||||||
|
},
|
||||||
|
// 关联设备
|
||||||
|
{
|
||||||
|
path: "/integration/systemManagement/correlationEquipment",
|
||||||
|
name: "correlationEquipment",
|
||||||
|
component: () =>
|
||||||
|
import("@/views/systemManagement/correlationEquipment"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/integration/systemManagement/correlationEquipment2",
|
||||||
|
name: "correlationEquipment2",
|
||||||
|
component: () =>
|
||||||
|
import("@/views/systemManagement/correlationEquipment2"),
|
||||||
|
},
|
||||||
|
// 企业名单
|
||||||
|
{
|
||||||
|
path: "/integration/systemManagement/companyList",
|
||||||
|
name: "companyList",
|
||||||
|
component: () => import("@/views/systemManagement/companyList"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/integration/systemManagement/floatPopulation",
|
||||||
|
name: "floatPopulation",
|
||||||
|
component: () => import("@/views/systemManagement/floatPopulation"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/integration/systemManagement/dangerChemicals",
|
||||||
|
name: "dangerChemicals",
|
||||||
|
component: () => import("@/views/systemManagement/dangerChemicals"),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
|
||||||
|
// 封装演示模块
|
||||||
|
...module,
|
||||||
|
{
|
||||||
|
path: "/integration/recordManage",
|
||||||
|
name: "recordManage",
|
||||||
|
component: () => import("@/views/enterpriseManage/recordManage/index"),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
@ -1,49 +1,54 @@
|
|||||||
import Vue from 'vue'
|
import Vue from "vue";
|
||||||
import VueRouter from 'vue-router'
|
import VueRouter from "vue-router";
|
||||||
// import Home from '../views/Home.vue'
|
// import Home from '../views/Home.vue'
|
||||||
Vue.use(VueRouter)
|
Vue.use(VueRouter);
|
||||||
// 系统管理
|
// 系统管理
|
||||||
export default [
|
export default [
|
||||||
{
|
{
|
||||||
path: 'systemManagement',
|
path: "systemManagement",
|
||||||
name: 'systemManagement',
|
name: "systemManagement",
|
||||||
component: () => import('@/views/systemManagement'),
|
component: () => import("@/views/systemManagement"),
|
||||||
children: [
|
children: [
|
||||||
// 平安指数
|
// 平安指数
|
||||||
{
|
{
|
||||||
path: 'safeIndex',
|
path: "safeIndex",
|
||||||
name: 'safeIndex',
|
name: "safeIndex",
|
||||||
component: () => import('@/views/systemManagement/safeIndex'),
|
component: () => import("@/views/systemManagement/safeIndex"),
|
||||||
},
|
},
|
||||||
// 企业赋分
|
// 企业赋分
|
||||||
{
|
{
|
||||||
path: 'companyScore',
|
path: "companyScore",
|
||||||
name: 'companyScore',
|
name: "companyScore",
|
||||||
component: () => import('@/views/systemManagement/companyScore'),
|
component: () => import("@/views/systemManagement/companyScore"),
|
||||||
},
|
},
|
||||||
// 企业赋分详情
|
// 企业赋分详情
|
||||||
{
|
{
|
||||||
path: 'companyDetails',
|
path: "companyDetails",
|
||||||
name: 'companyDetails',
|
name: "companyDetails",
|
||||||
component: () => import('@/views/systemManagement/companyScore/components/companyDetails'),
|
component: () =>
|
||||||
|
import(
|
||||||
|
"@/views/systemManagement/companyScore/components/companyDetails"
|
||||||
|
),
|
||||||
},
|
},
|
||||||
// 关联设备
|
// 关联设备
|
||||||
{
|
{
|
||||||
path: 'correlationEquipment',
|
path: "correlationEquipment",
|
||||||
name: 'correlationEquipment',
|
name: "correlationEquipment",
|
||||||
component: () => import('@/views/systemManagement/correlationEquipment'),
|
component: () =>
|
||||||
|
import("@/views/systemManagement/correlationEquipment"),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'correlationEquipment2',
|
path: "correlationEquipment2",
|
||||||
name: 'correlationEquipment2',
|
name: "correlationEquipment2",
|
||||||
component: () => import('@/views/systemManagement/correlationEquipment2'),
|
component: () =>
|
||||||
|
import("@/views/systemManagement/correlationEquipment2"),
|
||||||
},
|
},
|
||||||
// 企业名单
|
// 企业名单
|
||||||
{
|
{
|
||||||
path: 'companyList',
|
path: "companyList",
|
||||||
name: 'companyList',
|
name: "companyList",
|
||||||
component: () => import('@/views/systemManagement/companyList'),
|
component: () => import("@/views/systemManagement/companyList"),
|
||||||
}
|
},
|
||||||
]
|
],
|
||||||
}
|
},
|
||||||
]
|
];
|
||||||
|
|||||||
@ -1,3 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div></div>
|
|
||||||
</template>
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div></div>
|
|
||||||
</template>
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div></div>
|
|
||||||
</template>
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div></div>
|
|
||||||
</template>
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div></div>
|
|
||||||
</template>
|
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<template>
|
||||||
|
<div>异常图表</div>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<template>
|
||||||
|
<div>风险分析</div>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<template>
|
||||||
|
<div>专题评估</div>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<template>
|
||||||
|
<div>综合风险</div>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<template>
|
||||||
|
<div>平安企业协同共治</div>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 防攻击 -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 危险品运输 -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 消防安全 -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 内部治安 -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 列管物品 -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 网络安全 -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 人员安全 -->
|
||||||
|
人员安全
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<style lang="less"></style>
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 道路安全 -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,21 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 驾驶舱 -->
|
||||||
|
专题驾驶舱大屏
|
||||||
|
<el-button @click="gotoPage('/topic/personSafety')">前往菜单</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
gotoPage(val) {
|
||||||
|
this.$router.push({
|
||||||
|
path: val,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
@ -0,0 +1,140 @@
|
|||||||
|
<template>
|
||||||
|
<div class="homePage">
|
||||||
|
<div class="header flex-center">首页</div>
|
||||||
|
<div class="funMenu">
|
||||||
|
<div class="line" v-for="(line, index) in menuList" :key="index">
|
||||||
|
<div
|
||||||
|
class="item"
|
||||||
|
v-for="item in line"
|
||||||
|
:key="item.name"
|
||||||
|
@click="gotoPage(item.url)"
|
||||||
|
>
|
||||||
|
<div class="iconWrap">
|
||||||
|
<img :src="item.icon" />
|
||||||
|
</div>
|
||||||
|
<div class="nameWrap">
|
||||||
|
{{ item.name }}
|
||||||
|
</div>
|
||||||
|
<div class="optWrap">点击进入</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
menuList: [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
name: "集成驾驶舱",
|
||||||
|
value: "compositeIndex",
|
||||||
|
icon: require("@/assets/images/base/xj.png"),
|
||||||
|
url: "/integration/compositeIndex",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "专题驾驶舱",
|
||||||
|
value: "2",
|
||||||
|
icon: require("@/assets/images/base/xj.png"),
|
||||||
|
url: "/topic/screen",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "平安企业协同共治",
|
||||||
|
value: "3",
|
||||||
|
icon: require("@/assets/images/base/xj.png"),
|
||||||
|
url: "/teamWork/screen",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{
|
||||||
|
name: "平安企业服务",
|
||||||
|
value: "applySupermarket",
|
||||||
|
icon: require("@/assets/images/base/xj.png"),
|
||||||
|
url: "/integration/applySupermarket",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "企业档案管理",
|
||||||
|
value: "enterpriseArchives",
|
||||||
|
icon: require("@/assets/images/base/xj.png"),
|
||||||
|
url: "/integration/enterpriseArchives",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "企业风险指数",
|
||||||
|
value: "6",
|
||||||
|
icon: require("@/assets/images/base/xj.png"),
|
||||||
|
url: "/riskIndex/analysis",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
gotoPage(val) {
|
||||||
|
if (!val) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
let jumpPath = this.$router.resolve({
|
||||||
|
path: val,
|
||||||
|
query: {},
|
||||||
|
});
|
||||||
|
console.log(jumpPath);
|
||||||
|
window.open(jumpPath.href);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="less">
|
||||||
|
.homePage {
|
||||||
|
height: 100%;
|
||||||
|
background-color: #0c294c;
|
||||||
|
|
||||||
|
.header {
|
||||||
|
height: 60px;
|
||||||
|
background-color: #094b71;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.funMenu {
|
||||||
|
height: calc(100% - 60px);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
.line {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
.item {
|
||||||
|
width: 180px;
|
||||||
|
height: 240px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
background-color: #103e71;
|
||||||
|
color: #ffffff;
|
||||||
|
.iconWrap {
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
img {
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.nameWrap {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.optWrap {
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 4px;
|
||||||
|
background-color: #1b70c7;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,76 @@
|
|||||||
|
<template>
|
||||||
|
<el-card class="box-card">
|
||||||
|
<div class="topZS"></div>
|
||||||
|
<div class="bottomZS"></div>
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span>流动人口</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cardBody">
|
||||||
|
<div class="flexSpaceBetween">
|
||||||
|
<div class="tableOperator"></div>
|
||||||
|
<div class="searchWrap">
|
||||||
|
<el-form :inline="true" :model="queryParam" class="demo-form-inline">
|
||||||
|
<el-form-item label="姓名">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParam.name"
|
||||||
|
placeholder="企业名称"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="searchQuery">查询</el-button>
|
||||||
|
<el-button type="primary" plain @click="searchReset"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<gMainTable
|
||||||
|
ref="gMainTable"
|
||||||
|
:tableData="dataSource"
|
||||||
|
:columns="columns"
|
||||||
|
rowKey="id"
|
||||||
|
:pagination="ipagination"
|
||||||
|
@pageSizeChange="handlePageSizeChange"
|
||||||
|
@currentPageChange="handleCurrentPageChange"
|
||||||
|
>
|
||||||
|
</gMainTable>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
|
||||||
|
export default {
|
||||||
|
mixins: [tableListMixins],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
prop: "name",
|
||||||
|
label: "企业名称",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "card",
|
||||||
|
label: "企业风险",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "tel",
|
||||||
|
label: "指数",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address",
|
||||||
|
label: "更新时间",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import url("../index.less");
|
||||||
|
</style>
|
||||||
@ -0,0 +1,89 @@
|
|||||||
|
<template>
|
||||||
|
<el-card class="box-card">
|
||||||
|
<div class="topZS"></div>
|
||||||
|
<div class="bottomZS"></div>
|
||||||
|
<div slot="header" class="clearfix">
|
||||||
|
<span>流动人口</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cardBody">
|
||||||
|
<div class="flexSpaceBetween">
|
||||||
|
<div class="tableOperator"></div>
|
||||||
|
<div class="searchWrap">
|
||||||
|
<el-form :inline="true" :model="queryParam" class="demo-form-inline">
|
||||||
|
<el-form-item label="姓名">
|
||||||
|
<el-input v-model="queryParam.name" placeholder="姓名"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="证件号码">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParam.card"
|
||||||
|
placeholder="证件号码"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="联系方式">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParam.tel"
|
||||||
|
placeholder="联系方式"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="searchQuery">查询</el-button>
|
||||||
|
<el-button type="primary" plain @click="searchReset"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<gMainTable
|
||||||
|
ref="gMainTable"
|
||||||
|
:tableData="dataSource"
|
||||||
|
:columns="columns"
|
||||||
|
rowKey="id"
|
||||||
|
:pagination="ipagination"
|
||||||
|
@pageSizeChange="handlePageSizeChange"
|
||||||
|
@currentPageChange="handleCurrentPageChange"
|
||||||
|
>
|
||||||
|
</gMainTable>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
|
||||||
|
export default {
|
||||||
|
mixins: [tableListMixins],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
prop: "id",
|
||||||
|
label: "序号",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "name",
|
||||||
|
label: "姓名",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "card",
|
||||||
|
label: "证件号码",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "tel",
|
||||||
|
label: "联系电话",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "address",
|
||||||
|
label: "居住地址",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import url("../index.less");
|
||||||
|
</style>
|
||||||
@ -0,0 +1,152 @@
|
|||||||
|
/* card统一样式 */
|
||||||
|
.el-card.box-card.is-always-shadow {
|
||||||
|
border: 0px;
|
||||||
|
/* 控制card布局高度,用于适配 */
|
||||||
|
height: calc(100vh - 120px);
|
||||||
|
position: relative;
|
||||||
|
background: url("~@/assets/companyFile/22136.png") no-repeat !important;
|
||||||
|
background-size: 100% 100% !important;
|
||||||
|
}
|
||||||
|
/* card统一样式 */
|
||||||
|
/deep/.el-card__header {
|
||||||
|
border-bottom: 1px solid #a1a1a1 !important;
|
||||||
|
.clearfix {
|
||||||
|
span {
|
||||||
|
font-size: 17px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cardBody {
|
||||||
|
.search_top {
|
||||||
|
width: 85.2vw;
|
||||||
|
height: 4.3vh;
|
||||||
|
// border: 0.1px solid #4d8f89;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
.select_left {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 21vw;
|
||||||
|
}
|
||||||
|
.search_right {
|
||||||
|
display: flex;
|
||||||
|
.el-button {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 17px;
|
||||||
|
height: 4vh;
|
||||||
|
border-radius: 0px;
|
||||||
|
color: #fff;
|
||||||
|
background: rgba(0, 0, 0, 0);
|
||||||
|
border: 0.1px solid #495e70;
|
||||||
|
}
|
||||||
|
.el-button:hover {
|
||||||
|
background: #4d8f89;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/deep/.el-input--suffix .el-input__inner {
|
||||||
|
color: #fff;
|
||||||
|
border: 0.1px solid #34a6a6;
|
||||||
|
border-radius: 0px;
|
||||||
|
background: rgba(0, 0, 0, 0);
|
||||||
|
width: 10vw;
|
||||||
|
height: 4vh;
|
||||||
|
}
|
||||||
|
/deep/ .el-input.el-input--prefix {
|
||||||
|
width: 10vw;
|
||||||
|
}
|
||||||
|
/deep/.el-input__icon {
|
||||||
|
color: #fff;
|
||||||
|
line-height: 4vh;
|
||||||
|
height: 4vh;
|
||||||
|
}
|
||||||
|
/deep/ .search_right_input.el-input {
|
||||||
|
.el-input__inner {
|
||||||
|
color: #fff;
|
||||||
|
border: 0.1px solid #495e70;
|
||||||
|
border-radius: 0px;
|
||||||
|
background: rgba(0, 0, 0, 0);
|
||||||
|
width: 16vw;
|
||||||
|
height: 4vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.table_body {
|
||||||
|
width: 85.2vw;
|
||||||
|
height: 68vh;
|
||||||
|
margin-top: 3vh;
|
||||||
|
// border: 0.1px solid #4d8f89;
|
||||||
|
}
|
||||||
|
.flexSpaceBetween {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
.searchWrap {
|
||||||
|
/deep/ .el-input__inner {
|
||||||
|
color: #fff;
|
||||||
|
border: 0.1px solid #495e70;
|
||||||
|
background-color: rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
/deep/ .el-form-item__label {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/deep/ .el-table {
|
||||||
|
.el-table__header-wrapper {
|
||||||
|
tr {
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 500;
|
||||||
|
background: linear-gradient(to right, #284f49, #2f6363, #233b38);
|
||||||
|
th {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.el-table__body {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #233438;
|
||||||
|
tr {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #233438;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.gPagination {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
/deep/.el-pagination {
|
||||||
|
.el-pagination__total {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.el-pagination__sizes {
|
||||||
|
.el-input__inner {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn-prev {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.btn-next {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.el-pager {
|
||||||
|
.number {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.el-pagination__jump {
|
||||||
|
color: #fff;
|
||||||
|
.el-input__inner {
|
||||||
|
background: #3c4b4a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in new issue