loveflow
1 year ago
parent
5c32ca72d9
commit
22d654a3f0
|
After Width: | Height: | Size: 2.1 KiB |
@ -1,20 +1,29 @@
|
||||
<template>
|
||||
<div style="width: 100%; height: 100%;" class="mainBG">
|
||||
<div class="mainBody">
|
||||
<headPage></headPage>
|
||||
<div class="mainBG">
|
||||
<router-view />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import headPage from "@/loveflow/components/menu/head";
|
||||
export default {
|
||||
name: "box"
|
||||
}
|
||||
name: "box",
|
||||
components: { headPage },
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.mainBG {
|
||||
.mainBody {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('../assets/companyFile/allback.png') no-repeat;
|
||||
background: url("../assets/companyFile/allback.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.mainBG {
|
||||
width: 100%;
|
||||
height: calc(100% - 80px);
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,115 +1,36 @@
|
||||
import Vue from 'vue'
|
||||
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'
|
||||
import Vue from "vue";
|
||||
import VueRouter from "vue-router";
|
||||
|
||||
const routes = [
|
||||
{
|
||||
path: '/',
|
||||
name: 'box',
|
||||
component: box,
|
||||
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'),
|
||||
// },
|
||||
Vue.use(VueRouter);
|
||||
import integration from "./routes/integration";
|
||||
import enterpriseTopic from "./routes/enterpriseTopic";
|
||||
import enterpriseTeamWork from "./routes/enterpriseTeamWork";
|
||||
import enterpriseRiskIndex from "./routes/enterpriseRiskIndex";
|
||||
|
||||
]
|
||||
},
|
||||
{
|
||||
path: 'login',
|
||||
name: 'login',
|
||||
component: () => import('@/components/login'),
|
||||
},
|
||||
const routes = [
|
||||
{
|
||||
path: "/recordManage",
|
||||
name: "recordManage",
|
||||
component: () => import("@/views/enterpriseManage/recordManage/index"),
|
||||
},
|
||||
]
|
||||
}]
|
||||
console.log(routes)
|
||||
path: "login",
|
||||
name: "login",
|
||||
component: () => import("@/components/login"),
|
||||
},
|
||||
{
|
||||
path: "/workspace",
|
||||
name: "workspace",
|
||||
component: () => import("@/views/home/workspace"),
|
||||
},
|
||||
/* 集成驾驶舱 */
|
||||
...integration,
|
||||
/* 专题驾驶舱 */
|
||||
...enterpriseTopic,
|
||||
/* 企业协同共治 */
|
||||
...enterpriseTeamWork,
|
||||
/* 企业风险指数 */
|
||||
...enterpriseRiskIndex,
|
||||
];
|
||||
//console.log(routes);
|
||||
const router = new VueRouter({
|
||||
mode: 'hash',
|
||||
routes
|
||||
})
|
||||
mode: "hash",
|
||||
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 VueRouter from 'vue-router'
|
||||
import Vue from "vue";
|
||||
import VueRouter from "vue-router";
|
||||
// import Home from '../views/Home.vue'
|
||||
Vue.use(VueRouter)
|
||||
Vue.use(VueRouter);
|
||||
// 系统管理
|
||||
export default [
|
||||
{
|
||||
path: 'systemManagement',
|
||||
name: 'systemManagement',
|
||||
component: () => import('@/views/systemManagement'),
|
||||
path: "systemManagement",
|
||||
name: "systemManagement",
|
||||
component: () => import("@/views/systemManagement"),
|
||||
children: [
|
||||
// 平安指数
|
||||
{
|
||||
path: 'safeIndex',
|
||||
name: 'safeIndex',
|
||||
component: () => import('@/views/systemManagement/safeIndex'),
|
||||
path: "safeIndex",
|
||||
name: "safeIndex",
|
||||
component: () => import("@/views/systemManagement/safeIndex"),
|
||||
},
|
||||
// 企业赋分
|
||||
{
|
||||
path: 'companyScore',
|
||||
name: 'companyScore',
|
||||
component: () => import('@/views/systemManagement/companyScore'),
|
||||
path: "companyScore",
|
||||
name: "companyScore",
|
||||
component: () => import("@/views/systemManagement/companyScore"),
|
||||
},
|
||||
// 企业赋分详情
|
||||
{
|
||||
path: 'companyDetails',
|
||||
name: 'companyDetails',
|
||||
component: () => import('@/views/systemManagement/companyScore/components/companyDetails'),
|
||||
path: "companyDetails",
|
||||
name: "companyDetails",
|
||||
component: () =>
|
||||
import(
|
||||
"@/views/systemManagement/companyScore/components/companyDetails"
|
||||
),
|
||||
},
|
||||
// 关联设备
|
||||
{
|
||||
path: 'correlationEquipment',
|
||||
name: 'correlationEquipment',
|
||||
component: () => import('@/views/systemManagement/correlationEquipment'),
|
||||
path: "correlationEquipment",
|
||||
name: "correlationEquipment",
|
||||
component: () =>
|
||||
import("@/views/systemManagement/correlationEquipment"),
|
||||
},
|
||||
{
|
||||
path: 'correlationEquipment2',
|
||||
name: 'correlationEquipment2',
|
||||
component: () => import('@/views/systemManagement/correlationEquipment2'),
|
||||
path: "correlationEquipment2",
|
||||
name: "correlationEquipment2",
|
||||
component: () =>
|
||||
import("@/views/systemManagement/correlationEquipment2"),
|
||||
},
|
||||
// 企业名单
|
||||
{
|
||||
path: 'companyList',
|
||||
name: 'companyList',
|
||||
component: () => import('@/views/systemManagement/companyList'),
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
path: "companyList",
|
||||
name: "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