commit
1cc52967e0
@ -0,0 +1,11 @@
|
||||
# 页面标题
|
||||
VUE_APP_TITLE = 停车场查询
|
||||
# 开发环境配置
|
||||
ENV = 'development'
|
||||
|
||||
# 若依管理系统/开发环境
|
||||
# /dev-api
|
||||
# VUE_APP_BASE_API = 'http://39.101.188.84:9037'
|
||||
VUE_APP_BASE_API = 'http://192.168.0.130:9004/api'
|
||||
# VUE_APP_BASE_API = 'http://192.168.0.106:9037'
|
||||
|
||||
@ -0,0 +1,6 @@
|
||||
# 页面标题
|
||||
VUE_APP_TITLE = 停车场查询
|
||||
|
||||
# 生产环境配置
|
||||
ENV = 'production'
|
||||
VUE_APP_BASE_API = 'https://bjh.jndz.cn/bjh-admin-server'
|
||||
@ -0,0 +1,23 @@
|
||||
.DS_Store
|
||||
node_modules
|
||||
/dist
|
||||
|
||||
|
||||
# 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?
|
||||
@ -0,0 +1,19 @@
|
||||
# jiangning-leflat
|
||||
|
||||
## Project setup
|
||||
```
|
||||
npm install
|
||||
```
|
||||
|
||||
### Compiles and hot-reloads for development
|
||||
```
|
||||
npm run serve
|
||||
```
|
||||
|
||||
### Compiles and minifies for production
|
||||
```
|
||||
npm run build
|
||||
```
|
||||
|
||||
### Customize configuration
|
||||
See [Configuration Reference](https://cli.vuejs.org/config/).
|
||||
@ -0,0 +1,5 @@
|
||||
module.exports = {
|
||||
presets: [
|
||||
'@vue/cli-plugin-babel/preset'
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,19 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "es5",
|
||||
"module": "esnext",
|
||||
"baseUrl": "./",
|
||||
"moduleResolution": "node",
|
||||
"paths": {
|
||||
"@/*": [
|
||||
"src/*"
|
||||
]
|
||||
},
|
||||
"lib": [
|
||||
"esnext",
|
||||
"dom",
|
||||
"dom.iterable",
|
||||
"scripthost"
|
||||
]
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,32 @@
|
||||
{
|
||||
"name": "eventMap",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build"
|
||||
},
|
||||
"dependencies": {
|
||||
"core-js": "^3.8.3",
|
||||
"vue": "^2.6.14"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "~5.0.0",
|
||||
"@vue/cli-service": "~5.0.0",
|
||||
"sass": "^1.32.7",
|
||||
"compression-webpack-plugin": "5.0.2",
|
||||
"script-ext-html-webpack-plugin": "2.1.5",
|
||||
"js-cookie": "3.0.1",
|
||||
"file-saver": "2.0.5",
|
||||
"sass-loader": "^12.0.0",
|
||||
"element-ui": "2.15.13",
|
||||
"axios": "0.24.0",
|
||||
"vue-router": "3.4.9",
|
||||
"vue-template-compiler": "^2.6.14"
|
||||
},
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
"last 2 versions",
|
||||
"not dead"
|
||||
]
|
||||
}
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="" style="font-size: 37.5px;">
|
||||
<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><%= htmlWebpackPlugin.options.title %></title>
|
||||
</head>
|
||||
<body style="font-size: 24px;">
|
||||
<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,2 @@
|
||||
User-agent: *
|
||||
Disallow: /
|
||||
@ -0,0 +1,23 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<!-- <HelloWorld/> -->
|
||||
<router-view />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
name: 'App',
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
#app {
|
||||
font-family: Avenir, Helvetica, Arial, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,43 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询重点区域列表
|
||||
export function listZdqy(query) {
|
||||
return request({
|
||||
url: '/jn/regionalsettings/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
// 查询区域网格列表
|
||||
export function listQywg(query) {
|
||||
return request({
|
||||
url: '/jn/bgridsetting/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
//根据等级查询所有区域网格
|
||||
export function levelQywg(query) {
|
||||
return request({
|
||||
url: '/jn/bgridsetting/getListBylevel',
|
||||
method: 'get',
|
||||
params:query
|
||||
})
|
||||
}
|
||||
// 查询重点路段列表
|
||||
export function listZdld(query) {
|
||||
return request({
|
||||
url: '/jn/roadsetting/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 获取围栏管理列表
|
||||
export function getFenceList(params) {
|
||||
return request({
|
||||
url: "/jn/fence/list",
|
||||
method:'get',
|
||||
params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,16 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function GetAreaFreeSpaceNum() {
|
||||
return request({
|
||||
url:"/remoteCall/GetAreaFreeSpaceNum",
|
||||
method:'get',
|
||||
})
|
||||
}
|
||||
|
||||
export function GetCarInfoByPlateNo(params) {
|
||||
return request({
|
||||
url:"/remoteCall/GetCarInfoByPlateNo",
|
||||
method:'get',
|
||||
params
|
||||
})
|
||||
}
|
||||
|
After Width: | Height: | Size: 161 KiB |
|
After Width: | Height: | Size: 183 KiB |
|
After Width: | Height: | Size: 9.4 KiB |
|
After Width: | Height: | Size: 9.4 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
@ -0,0 +1,4 @@
|
||||
@font-face {
|
||||
font-family: "PingFangSC-Regular";
|
||||
src: url("./fonts/PingFang Regular.ttf");
|
||||
}
|
||||
Binary file not shown.
@ -0,0 +1,46 @@
|
||||
// @import "./font.css";
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-variant: tabular-nums;
|
||||
line-height: 1.5;
|
||||
background-color: #fff;
|
||||
font-feature-settings: "tnum";
|
||||
touch-action: manipulation;
|
||||
}
|
||||
html {
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
*, :after, :before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button, select {
|
||||
text-transform: none;
|
||||
}
|
||||
button, input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button, input, optgroup, select, textarea {
|
||||
margin: 0;
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
[type=reset], [type=submit], button, html [type=button] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
@ -0,0 +1,267 @@
|
||||
<template>
|
||||
<div class="content" v-title data-title="首页" v-if="carInfo.freeSpaceNum">
|
||||
<div class="car-number">
|
||||
<div class="total-number">
|
||||
<div class="text">当前总空余车位数</div>
|
||||
<div class="number">{{ carInfo.freeSpaceNum }}</div>
|
||||
</div>
|
||||
<ul class="content-box">
|
||||
<li class="content-box-li" v-for="(item,index) in carInfo.areaInfo" :key="index">
|
||||
<div>
|
||||
<div class="name-box">
|
||||
<img src="@/assets/images/icon_p.svg" alt="" />
|
||||
{{ item.areaName }}
|
||||
</div>
|
||||
<p class="text-box">
|
||||
<span class="text-box-span">{{ item.freeSpaceNum }}</span>
|
||||
<span class="text-box-xie">/</span>
|
||||
{{ item.placeCount }}
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<div class="line"></div>
|
||||
<div class="line2"></div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-box">
|
||||
<button class="bot-bg" @click="goQuery">查询车场</button>
|
||||
<button class="bot-bg2" @click="InquiryPayment">查询缴费</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { GetAreaFreeSpaceNum } from "@/api/index"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
liItems:[
|
||||
{
|
||||
name:"镇东停车场",
|
||||
number:288,
|
||||
total: 347
|
||||
},{
|
||||
name:"镇北停车场",
|
||||
number:146,
|
||||
total: 361
|
||||
},{
|
||||
name:"镇南停车场",
|
||||
number:95,
|
||||
total: 98
|
||||
},{
|
||||
name:"地下停车场",
|
||||
number:0,
|
||||
total: 72
|
||||
},
|
||||
],
|
||||
carInfo:{
|
||||
freeSpaceNum:null,
|
||||
areaInfo:[]
|
||||
},
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
GetAreaFreeSpaceNum().then(res=>{
|
||||
// let data = res.data ? JSON.parse(res.data) : '';
|
||||
this.carInfo = res.data;
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
InquiryPayment(){
|
||||
window.open("https://cloud.keytop.cn/stcfront/Payment/GroupQuery?groupId=671540406378439398")
|
||||
},
|
||||
goQuery(){
|
||||
this.$router.push('/parkinglot')
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.content {
|
||||
padding: .53125rem .375rem;
|
||||
}
|
||||
.car-number {
|
||||
padding: .5625rem .3125rem .25rem;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
box-shadow: 0 .0625rem .25rem 0 rgba(38, 80, 0, .06);
|
||||
border-radius: .3125rem;
|
||||
margin-bottom: 1.25rem;
|
||||
.total-number {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .46875rem;
|
||||
color: rgba(0, 0, 0, .85);
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
|
||||
.number {
|
||||
margin-top: .1875rem;
|
||||
font-size: 1.125rem;
|
||||
color: #59a812;
|
||||
text-align: center;
|
||||
margin-bottom: .46875rem;
|
||||
}
|
||||
}
|
||||
.content-box {
|
||||
list-style-type: none;
|
||||
background: #f8faf8;
|
||||
border-radius: .25rem;
|
||||
width: 100%;
|
||||
padding: .375rem;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
li {
|
||||
margin: 0 .15625rem;
|
||||
}
|
||||
.content-box-li {
|
||||
width: 48%;
|
||||
display: flex;
|
||||
|
||||
&:nth-child(1) {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
width: 49%;
|
||||
padding-left: .375rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
&:nth-child(3) {
|
||||
margin: 0;
|
||||
margin-top: .625rem;
|
||||
}
|
||||
&:nth-child(4) {
|
||||
width: 49%;
|
||||
padding-left: .375rem;
|
||||
margin-right: 0;
|
||||
margin-top: .625rem;
|
||||
}
|
||||
|
||||
.name-box {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .40625rem;
|
||||
color: rgba(0, 0, 0, .85);
|
||||
line-height: .5625rem;
|
||||
font-weight: 400;
|
||||
margin-bottom: .25rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
img {
|
||||
width: .390625rem;
|
||||
height: .390625rem;
|
||||
margin-right: .1875rem;
|
||||
}
|
||||
}
|
||||
|
||||
.text-box {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .5rem;
|
||||
color: rgba(0, 0, 0, .85);
|
||||
font-weight: 400;
|
||||
|
||||
.text-box-span {
|
||||
font-size: .5625rem;
|
||||
color: #6fba2c;
|
||||
margin-left: .5625rem;
|
||||
}
|
||||
.text-box-xie {
|
||||
font-size: .4375rem;
|
||||
color: rgba(0, 0, 0, .65);
|
||||
font-weight: 400;
|
||||
display: inline-block;
|
||||
margin-right: .0625rem;
|
||||
margin-left: .125rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.line {
|
||||
width: calc(100% - .75rem);
|
||||
border-bottom: .03125rem dashed #d4d9d4;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: .375rem;
|
||||
}
|
||||
.line2 {
|
||||
height: calc(100% - .75rem);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: .375rem;
|
||||
border-right: .03125rem dashed #d4d9d4;
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
button {
|
||||
// width: 200px;
|
||||
// height: 90px;
|
||||
// font-size: 18px;
|
||||
// color: rgba(0, 0, 0, .85);
|
||||
// text-align: left;
|
||||
// padding-left: 20px;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// border: none;
|
||||
// border-radius: 10px;
|
||||
// overflow: hidden;
|
||||
// cursor: pointer;
|
||||
width: 5.15625rem;
|
||||
height: 2.5rem;
|
||||
border: none;
|
||||
font-size: .5rem;
|
||||
color: rgba(0, 0, 0, .85);
|
||||
text-align: left;
|
||||
padding-left: .375rem;
|
||||
}
|
||||
.bot-bg {
|
||||
background: url("@/assets/images/btnbg-1.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-right: .5rem;
|
||||
|
||||
}
|
||||
.bot-bg2 {
|
||||
background: url("@/assets/images/btnbg-2.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
// width: 5.15625rem;
|
||||
// height: 2.5rem;
|
||||
// border: none;
|
||||
// font-size: .5rem;
|
||||
// color: rgba(0, 0, 0, .85);
|
||||
// text-align: left;
|
||||
// padding-left: .375rem;
|
||||
}
|
||||
}
|
||||
// .code-number {
|
||||
// width: 100%;
|
||||
// height: 200px;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
|
||||
// /deep/ .message-input {
|
||||
// width: 100%;
|
||||
// }
|
||||
|
||||
// /deep/ .u-box[data-v-0e1e7f9a] {
|
||||
// border: none;
|
||||
// background-color: #F7F8FA;
|
||||
// }
|
||||
// /deep/.u-placeholder-line {
|
||||
// background-color: #00B578;
|
||||
// }
|
||||
|
||||
// /deep/.u-box.data-v-0e1e7f9a {
|
||||
// border: none;
|
||||
// background-color: #f7f8fa;
|
||||
// }
|
||||
|
||||
// /deep/ .u-box-active.data-v-0e1e7f9a {
|
||||
// border: none;
|
||||
// }
|
||||
// }
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,24 @@
|
||||
import Vue from 'vue'
|
||||
import App from './App.vue'
|
||||
import router from './router'
|
||||
import Element from 'element-ui'
|
||||
import "@/assets/style/index.scss"
|
||||
import 'element-ui/lib/theme-chalk/index.css';
|
||||
import './permission'
|
||||
Vue.config.productionTip = false
|
||||
|
||||
Vue.directive('title', {
|
||||
inserted: function (el, binding) {
|
||||
document.title = el.dataset.title
|
||||
}
|
||||
})
|
||||
|
||||
// router.beforeEach((to, from, next) => {
|
||||
// window.document.title = to.meta.title == undefined ? '默认标题' : to.meta.title
|
||||
// next();
|
||||
// })
|
||||
Vue.use(Element)
|
||||
new Vue({
|
||||
router,
|
||||
render: h => h(App),
|
||||
}).$mount('#app')
|
||||
@ -0,0 +1,26 @@
|
||||
import router from './router'
|
||||
import { getRobot, setRobot } from '@/utils/auth'
|
||||
router.beforeEach((to, from, next) => {
|
||||
var tokenReg = new RegExp(/[?&]token=([^&#]+)/)
|
||||
var t = window.location.href.match(tokenReg);
|
||||
// console.log(t,"t");
|
||||
if (window.location.href.includes("token=")) {
|
||||
var tokenReg = new RegExp(/[?&]token=([^&#]+)/)
|
||||
var t = window.location.href.match(tokenReg);
|
||||
const token = t && t[1];
|
||||
// localStorage.setItem('robotToken',token);
|
||||
// robotLogin({username:"superAdmin",password:"sa@123456"}).then(res=>{
|
||||
// setRobot(res.result.token)
|
||||
// })
|
||||
next();
|
||||
} else {
|
||||
next();
|
||||
}
|
||||
// else {
|
||||
// if (localStorage.getItem('robotToken')) {
|
||||
// next()
|
||||
// } else {
|
||||
|
||||
// }
|
||||
// }
|
||||
})
|
||||
@ -0,0 +1,60 @@
|
||||
import store from '@/store'
|
||||
|
||||
function authPermission(permission) {
|
||||
const all_permission = "*:*:*";
|
||||
const permissions = store.getters && store.getters.permissions
|
||||
if (permission && permission.length > 0) {
|
||||
return permissions.some(v => {
|
||||
return all_permission === v || v === permission
|
||||
})
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
}
|
||||
|
||||
function authRole(role) {
|
||||
const super_admin = "admin";
|
||||
const roles = store.getters && store.getters.roles
|
||||
if (role && role.length > 0) {
|
||||
return roles.some(v => {
|
||||
return super_admin === v || v === role
|
||||
})
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
// 验证用户是否具备某权限
|
||||
hasPermi(permission) {
|
||||
return authPermission(permission);
|
||||
},
|
||||
// 验证用户是否含有指定权限，只需包含其中一个
|
||||
hasPermiOr(permissions) {
|
||||
return permissions.some(item => {
|
||||
return authPermission(item)
|
||||
})
|
||||
},
|
||||
// 验证用户是否含有指定权限，必须全部拥有
|
||||
hasPermiAnd(permissions) {
|
||||
return permissions.every(item => {
|
||||
return authPermission(item)
|
||||
})
|
||||
},
|
||||
// 验证用户是否具备某角色
|
||||
hasRole(role) {
|
||||
return authRole(role);
|
||||
},
|
||||
// 验证用户是否含有指定角色，只需包含其中一个
|
||||
hasRoleOr(roles) {
|
||||
return roles.some(item => {
|
||||
return authRole(item)
|
||||
})
|
||||
},
|
||||
// 验证用户是否含有指定角色，必须全部拥有
|
||||
hasRoleAnd(roles) {
|
||||
return roles.every(item => {
|
||||
return authRole(item)
|
||||
})
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,77 @@
|
||||
const sessionCache = {
|
||||
set (key, value) {
|
||||
if (!sessionStorage) {
|
||||
return
|
||||
}
|
||||
if (key != null && value != null) {
|
||||
sessionStorage.setItem(key, value)
|
||||
}
|
||||
},
|
||||
get (key) {
|
||||
if (!sessionStorage) {
|
||||
return null
|
||||
}
|
||||
if (key == null) {
|
||||
return null
|
||||
}
|
||||
return sessionStorage.getItem(key)
|
||||
},
|
||||
setJSON (key, jsonValue) {
|
||||
if (jsonValue != null) {
|
||||
this.set(key, JSON.stringify(jsonValue))
|
||||
}
|
||||
},
|
||||
getJSON (key) {
|
||||
const value = this.get(key)
|
||||
if (value != null) {
|
||||
return JSON.parse(value)
|
||||
}
|
||||
},
|
||||
remove (key) {
|
||||
sessionStorage.removeItem(key);
|
||||
}
|
||||
}
|
||||
const localCache = {
|
||||
set (key, value) {
|
||||
if (!localStorage) {
|
||||
return
|
||||
}
|
||||
if (key != null && value != null) {
|
||||
localStorage.setItem(key, value)
|
||||
}
|
||||
},
|
||||
get (key) {
|
||||
if (!localStorage) {
|
||||
return null
|
||||
}
|
||||
if (key == null) {
|
||||
return null
|
||||
}
|
||||
return localStorage.getItem(key)
|
||||
},
|
||||
setJSON (key, jsonValue) {
|
||||
if (jsonValue != null) {
|
||||
this.set(key, JSON.stringify(jsonValue))
|
||||
}
|
||||
},
|
||||
getJSON (key) {
|
||||
const value = this.get(key)
|
||||
if (value != null) {
|
||||
return JSON.parse(value)
|
||||
}
|
||||
},
|
||||
remove (key) {
|
||||
localStorage.removeItem(key);
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
/**
|
||||
* 会话级缓存
|
||||
*/
|
||||
session: sessionCache,
|
||||
/**
|
||||
* 本地缓存
|
||||
*/
|
||||
local: localCache
|
||||
}
|
||||
@ -0,0 +1,72 @@
|
||||
import axios from 'axios'
|
||||
import { Message } from 'element-ui'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { getToken } from '@/utils/auth'
|
||||
import errorCode from '@/utils/errorCode'
|
||||
import { blobValidate } from "@/utils/ruoyi";
|
||||
|
||||
const baseURL = process.env.VUE_APP_BASE_API
|
||||
|
||||
export default {
|
||||
name(name, isDelete = true) {
|
||||
var url = baseURL + "/common/download?fileName=" + encodeURIComponent(name) + "&delete=" + isDelete
|
||||
axios({
|
||||
method: 'get',
|
||||
url: url,
|
||||
responseType: 'blob',
|
||||
headers: { 'Authorization': 'Bearer ' + getToken() }
|
||||
}).then((res) => {
|
||||
const isBlob = blobValidate(res.data);
|
||||
if (isBlob) {
|
||||
const blob = new Blob([res.data])
|
||||
this.saveAs(blob, decodeURIComponent(res.headers['download-filename']))
|
||||
} else {
|
||||
this.printErrMsg(res.data);
|
||||
}
|
||||
})
|
||||
},
|
||||
resource(resource) {
|
||||
var url = baseURL + "/common/download/resource?resource=" + encodeURIComponent(resource);
|
||||
axios({
|
||||
method: 'get',
|
||||
url: url,
|
||||
responseType: 'blob',
|
||||
headers: { 'Authorization': 'Bearer ' + getToken() }
|
||||
}).then((res) => {
|
||||
const isBlob = blobValidate(res.data);
|
||||
if (isBlob) {
|
||||
const blob = new Blob([res.data])
|
||||
this.saveAs(blob, decodeURIComponent(res.headers['download-filename']))
|
||||
} else {
|
||||
this.printErrMsg(res.data);
|
||||
}
|
||||
})
|
||||
},
|
||||
zip(url, name) {
|
||||
var url = baseURL + url
|
||||
axios({
|
||||
method: 'get',
|
||||
url: url,
|
||||
responseType: 'blob',
|
||||
headers: { 'Authorization': 'Bearer ' + getToken() }
|
||||
}).then((res) => {
|
||||
const isBlob = blobValidate(res.data);
|
||||
if (isBlob) {
|
||||
const blob = new Blob([res.data], { type: 'application/zip' })
|
||||
this.saveAs(blob, name)
|
||||
} else {
|
||||
this.printErrMsg(res.data);
|
||||
}
|
||||
})
|
||||
},
|
||||
saveAs(text, name, opts) {
|
||||
saveAs(text, name, opts);
|
||||
},
|
||||
async printErrMsg(data) {
|
||||
const resText = await data.text();
|
||||
const rspObj = JSON.parse(resText);
|
||||
const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
|
||||
Message.error(errMsg);
|
||||
}
|
||||
}
|
||||
|
||||
@ -0,0 +1,20 @@
|
||||
import tab from './tab'
|
||||
import auth from './auth'
|
||||
import cache from './cache'
|
||||
import modal from './modal'
|
||||
import download from './download'
|
||||
|
||||
export default {
|
||||
install(Vue) {
|
||||
// 页签操作
|
||||
Vue.prototype.$tab = tab
|
||||
// 认证对象
|
||||
Vue.prototype.$auth = auth
|
||||
// 缓存对象
|
||||
Vue.prototype.$cache = cache
|
||||
// 模态框对象
|
||||
Vue.prototype.$modal = modal
|
||||
// 下载文件
|
||||
Vue.prototype.$download = download
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,83 @@
|
||||
import { Message, MessageBox, Notification, Loading } from 'element-ui'
|
||||
|
||||
let loadingInstance;
|
||||
|
||||
export default {
|
||||
// 消息提示
|
||||
msg(content) {
|
||||
Message.info(content)
|
||||
},
|
||||
// 错误消息
|
||||
msgError(content) {
|
||||
Message.error(content)
|
||||
},
|
||||
// 成功消息
|
||||
msgSuccess(content) {
|
||||
Message.success(content)
|
||||
},
|
||||
// 警告消息
|
||||
msgWarning(content) {
|
||||
Message.warning(content)
|
||||
},
|
||||
// 弹出提示
|
||||
alert(content) {
|
||||
MessageBox.alert(content, "系统提示")
|
||||
},
|
||||
// 错误提示
|
||||
alertError(content) {
|
||||
MessageBox.alert(content, "系统提示", { type: 'error' })
|
||||
},
|
||||
// 成功提示
|
||||
alertSuccess(content) {
|
||||
MessageBox.alert(content, "系统提示", { type: 'success' })
|
||||
},
|
||||
// 警告提示
|
||||
alertWarning(content) {
|
||||
MessageBox.alert(content, "系统提示", { type: 'warning' })
|
||||
},
|
||||
// 通知提示
|
||||
notify(content) {
|
||||
Notification.info(content)
|
||||
},
|
||||
// 错误通知
|
||||
notifyError(content) {
|
||||
Notification.error(content);
|
||||
},
|
||||
// 成功通知
|
||||
notifySuccess(content) {
|
||||
Notification.success(content)
|
||||
},
|
||||
// 警告通知
|
||||
notifyWarning(content) {
|
||||
Notification.warning(content)
|
||||
},
|
||||
// 确认窗体
|
||||
confirm(content) {
|
||||
return MessageBox.confirm(content, "系统提示", {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: "warning",
|
||||
})
|
||||
},
|
||||
// 提交内容
|
||||
prompt(content) {
|
||||
return MessageBox.prompt(content, "系统提示", {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: "warning",
|
||||
})
|
||||
},
|
||||
// 打开遮罩层
|
||||
loading(content) {
|
||||
loadingInstance = Loading.service({
|
||||
lock: true,
|
||||
text: content,
|
||||
spinner: "el-icon-loading",
|
||||
background: "rgba(0, 0, 0, 0.7)",
|
||||
})
|
||||
},
|
||||
// 关闭遮罩层
|
||||
closeLoading() {
|
||||
loadingInstance.close();
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,31 @@
|
||||
import Vue from 'vue'
|
||||
import Router from 'vue-router'
|
||||
|
||||
Vue.use(Router)
|
||||
|
||||
const constantRoutes = [
|
||||
{
|
||||
path: '/',
|
||||
redirect: "home",
|
||||
},
|
||||
{
|
||||
path: '/home',
|
||||
meta: {
|
||||
title:'首页'
|
||||
},
|
||||
component: () => import("@/components/map.vue"),
|
||||
},
|
||||
{
|
||||
path: '/parkinglot',
|
||||
meta: {
|
||||
title:'停车查询'
|
||||
},
|
||||
component: () => import("@/components/queryCar.vue"),
|
||||
}
|
||||
]
|
||||
|
||||
export default new Router({
|
||||
// mode: 'history', // 去掉url中的#
|
||||
scrollBehavior: () => ({ y: 0 }),
|
||||
routes: constantRoutes
|
||||
})
|
||||
@ -0,0 +1,42 @@
|
||||
import Cookies from 'js-cookie'
|
||||
|
||||
const TokenKey = 'Admin-Token' // 自己的token
|
||||
const Access = 'X-Access-Token' // test环境的token
|
||||
const RobotToken = 'X-Access-token' // 测试环境的token
|
||||
|
||||
export function getToken() {
|
||||
return Cookies.get(TokenKey)
|
||||
}
|
||||
|
||||
export function setToken(token) {
|
||||
return Cookies.set(TokenKey, token, { expires: 7 })
|
||||
}
|
||||
|
||||
export function removeToken() {
|
||||
return Cookies.remove(TokenKey)
|
||||
}
|
||||
|
||||
export function getAccess() {
|
||||
return Cookies.get(Access)
|
||||
}
|
||||
|
||||
export function setAccess(token) {
|
||||
return Cookies.set(Access, token)
|
||||
}
|
||||
|
||||
export function removeAccess() {
|
||||
return Cookies.remove(Access)
|
||||
}
|
||||
|
||||
export function getRobot() {
|
||||
return Cookies.get(RobotToken)
|
||||
}
|
||||
|
||||
export function setRobot(token) {
|
||||
return Cookies.set(RobotToken, token)
|
||||
}
|
||||
|
||||
export function removeRobot() {
|
||||
return Cookies.remove(RobotToken)
|
||||
}
|
||||
|
||||
@ -0,0 +1,6 @@
|
||||
export default {
|
||||
'401': '认证失败，无法访问系统资源',
|
||||
'403': '当前操作没有权限',
|
||||
'404': '访问资源不存在',
|
||||
'default': '系统未知错误，请反馈给管理员'
|
||||
}
|
||||
Loading…
Reference in new issue