@ -0,0 +1,2 @@ |
|||||
|
NODE_ENV=production |
||||
|
VUE_APP_NODE_ENV=prod |
@ -0,0 +1,29 @@ |
|||||
|
.DS_Store |
||||
|
node_modules |
||||
|
yushanCenter |
||||
|
epdc-center-yushan |
||||
|
|
||||
|
# local env files |
||||
|
.env.local |
||||
|
.env.*.local |
||||
|
|
||||
|
# Log files |
||||
|
npm-debug.log* |
||||
|
yarn-debug.log* |
||||
|
yarn-error.log* |
||||
|
pnpm-debug.log* |
||||
|
|
||||
|
# Editor directories and files |
||||
|
.idea |
||||
|
.vscode |
||||
|
*.suo |
||||
|
*.ntvs* |
||||
|
*.njsproj |
||||
|
*.sln |
||||
|
*.sw? |
||||
|
|
||||
|
# Package Files # |
||||
|
*.jar |
||||
|
*.war |
||||
|
*.ear |
||||
|
*.zip |
@ -0,0 +1,5 @@ |
|||||
|
module.exports = { |
||||
|
presets: [ |
||||
|
'@vue/cli-plugin-babel/preset' |
||||
|
] |
||||
|
} |
@ -0,0 +1,43 @@ |
|||||
|
{ |
||||
|
"name": "epdc-center-yushan", |
||||
|
"version": "0.1.0", |
||||
|
"private": true, |
||||
|
"scripts": { |
||||
|
"serve": "vue-cli-service serve", |
||||
|
"build": "vue-cli-service build", |
||||
|
"build:prod": "vue-cli-service build --mode production", |
||||
|
"lint": "vue-cli-service lint" |
||||
|
}, |
||||
|
"dependencies": { |
||||
|
"core-js": "^3.6.5", |
||||
|
"vue": "^2.6.11" |
||||
|
}, |
||||
|
"devDependencies": { |
||||
|
"@vue/cli-plugin-babel": "~4.5.0", |
||||
|
"@vue/cli-plugin-eslint": "~4.5.0", |
||||
|
"@vue/cli-service": "~4.5.0", |
||||
|
"babel-eslint": "^10.1.0", |
||||
|
"eslint": "^6.7.2", |
||||
|
"eslint-plugin-vue": "^6.2.2", |
||||
|
"vue-template-compiler": "^2.6.11" |
||||
|
}, |
||||
|
"eslintConfig": { |
||||
|
"root": true, |
||||
|
"env": { |
||||
|
"node": true |
||||
|
}, |
||||
|
"extends": [ |
||||
|
"plugin:vue/essential", |
||||
|
"eslint:recommended" |
||||
|
], |
||||
|
"parserOptions": { |
||||
|
"parser": "babel-eslint" |
||||
|
}, |
||||
|
"rules": {} |
||||
|
}, |
||||
|
"browserslist": [ |
||||
|
"> 1%", |
||||
|
"last 2 versions", |
||||
|
"not dead" |
||||
|
] |
||||
|
} |
After Width: | Height: | Size: 4.2 KiB |
@ -0,0 +1,22 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang=""> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
||||
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> |
||||
|
<title>现代榆山社会治理指挥中枢</title> |
||||
|
<script> |
||||
|
window.SITE_CONFIG = {} |
||||
|
window.SITE_CONFIG['baseUrl'] = 'https://epdc-api-test.elinkservice.cn' // 测试环境 |
||||
|
// window.SITE_CONFIG['baseUrl'] = 'https://epdc-yushan.elinkservice.cn' // 生产环境 |
||||
|
</script> |
||||
|
</head> |
||||
|
<body> |
||||
|
<noscript> |
||||
|
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> |
||||
|
</noscript> |
||||
|
<div id="app"></div> |
||||
|
<!-- built files will be auto injected --> |
||||
|
</body> |
||||
|
</html> |
@ -0,0 +1,124 @@ |
|||||
|
<template> |
||||
|
<div id="app"> |
||||
|
<img class="home-bg" src="./assets/home.jpg"> |
||||
|
<div class="title">现代榆山社会治理指挥中枢</div> |
||||
|
<div class="menu-box"> |
||||
|
<div class="menu-item item-1" @click="jumpTo('1')"> |
||||
|
<img src="./assets/zhihuipingtai.png" alt="智慧平台" class="menu-icon"> |
||||
|
<div class="menu-title">现代榆山社会治理智慧平台</div> |
||||
|
</div> |
||||
|
<div class="menu-item item-2" @click="jumpTo('2')"> |
||||
|
<img src="./assets/keshihua.png" alt="可视化" class="menu-icon"> |
||||
|
<div class="menu-title">现代榆山社会治理智慧平台(可视化)</div> |
||||
|
</div> |
||||
|
<div class="menu-item item-3" @click="jumpTo('3')"> |
||||
|
<img src="./assets/zongheanfang.png" alt="综合安防" class="menu-icon"> |
||||
|
<div class="menu-title">综合安防管理平台</div> |
||||
|
</div> |
||||
|
<div class="menu-item item-2" @click="jumpTo('4')"> |
||||
|
<img src="./assets/shuzihuayunpingtai.png" alt="数字化云平台" class="menu-icon"> |
||||
|
<div class="menu-title">数字化城市管理平台</div> |
||||
|
</div> |
||||
|
<div class="menu-item item-1" @click="jumpTo('5')"> |
||||
|
<img src="./assets/zhiyuanfuwuyunpingtai.png" alt="志愿服务云平台" class="menu-icon"> |
||||
|
<div class="menu-title">志愿服务云平台</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'App', |
||||
|
methods: { |
||||
|
jumpTo(page) { |
||||
|
switch(page) { |
||||
|
case '1': |
||||
|
window.open(window.SITE_CONFIG['baseUrl'] + '/epdc-admin/#/autoLogin?_t=' + new Date().getTime()) |
||||
|
break |
||||
|
case '2': |
||||
|
window.open('http://139.129.119.33:10001/yushan#/home') |
||||
|
break |
||||
|
case '3': |
||||
|
window.open('https://rqm.hikyun.com/rqm-web/Login') |
||||
|
break |
||||
|
case '4': |
||||
|
window.open('http://123.232.122.169/JNUM/Main.aspx') |
||||
|
break |
||||
|
case '5': |
||||
|
window.open('') |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
body { |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
position: relative; |
||||
|
} |
||||
|
.home-bg { |
||||
|
width: 100vw; |
||||
|
height: 100vh; |
||||
|
position: absolute; |
||||
|
z-index: -1; |
||||
|
} |
||||
|
.title { |
||||
|
color: #fff; |
||||
|
font-size: 40px; |
||||
|
height: 70px; |
||||
|
line-height: 70px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.menu-box { |
||||
|
width: 100%; |
||||
|
height: 275px; |
||||
|
box-sizing: border-box; |
||||
|
padding: 0 30px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-around; |
||||
|
} |
||||
|
.menu-box .menu-item { |
||||
|
width: 181px; |
||||
|
height: 100%; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
justify-content: flex-end; |
||||
|
position: relative; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.menu-box .menu-item:hover { |
||||
|
transform: scale(1.1); |
||||
|
} |
||||
|
.menu-box .menu-item:active { |
||||
|
border: 1px dotted grey; |
||||
|
} |
||||
|
.menu-box .item-1 { |
||||
|
margin-top: 33%; |
||||
|
} |
||||
|
.menu-box .item-2 { |
||||
|
margin-top: 23%; |
||||
|
} |
||||
|
.menu-box .item-3 { |
||||
|
margin-top: 18%; |
||||
|
} |
||||
|
.menu-box .menu-item .menu-icon { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
position: absolute; |
||||
|
} |
||||
|
.menu-box .menu-item .menu-title { |
||||
|
color: #fff; |
||||
|
font-size: 16px; |
||||
|
width: 140px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
</style> |
After Width: | Height: | Size: 6.1 MiB |
After Width: | Height: | Size: 74 KiB |
After Width: | Height: | Size: 74 KiB |
After Width: | Height: | Size: 75 KiB |
After Width: | Height: | Size: 76 KiB |
After Width: | Height: | Size: 76 KiB |
@ -0,0 +1,8 @@ |
|||||
|
import Vue from 'vue' |
||||
|
import App from './App.vue' |
||||
|
|
||||
|
Vue.config.productionTip = false |
||||
|
|
||||
|
new Vue({ |
||||
|
render: h => h(App), |
||||
|
}).$mount('#app') |
@ -0,0 +1,7 @@ |
|||||
|
/** |
||||
|
* 配置参考: https://cli.vuejs.org/zh/config/
|
||||
|
*/ |
||||
|
module.exports = { |
||||
|
publicPath: process.env.NODE_ENV === 'production' ? '/yushanCenter/' : '/', |
||||
|
outputDir: 'yushanCenter' |
||||
|
} |