2 years ago · 0abcfac78a
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1,9 @@
 
				+# 开发环境配置(本地)
			
 
				+ENV = 'development'
			
 
				+NODE_ENV = development
			
 
				+
			
 
				+# 开发环境  代理proxy
			
 
				+VUE_APP_BASE_API = '/dev-api'
			
 
				+
			
 
				+# 开发环境  网关URL
			
 
				+VUE_APP_REQUEST_URL = 'http://parking.hw.hongweisoft.com/pudprod-api'
			
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1,9 @@
 
				+# 生产环境配置
			
 
				+ENV = 'production'
			
 
				+NODE_ENV = production
			
 
				+
			
 
				+# 生产环境  代理proxy
			
 
				+VUE_APP_BASE_API = '/prod-api'
			
 
				+
			
 
				+# 生产环境 网关URL
			
 
				+VUE_APP_REQUEST_URL = 'http://parking.hw.hongweisoft.com/pudprod-api'
			
--- a/.gitignore
+++ b/.gitignore
@@ -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?
			
--- a/README.md
+++ b/README.md
@@ -0,0 +1,24 @@
 
				+# screen-parking
			
 
				+
			
 
				+## Project setup
			
 
				+```
			
 
				+npm install
			
 
				+```
			
 
				+
			
 
				+### Compiles and hot-reloads for development
			
 
				+```
			
 
				+npm run serve
			
 
				+```
			
 
				+
			
 
				+### Compiles and minifies for production
			
 
				+```
			
 
				+npm run build
			
 
				+```
			
 
				+
			
 
				+### Lints and fixes files
			
 
				+```
			
 
				+npm run lint
			
 
				+```
			
 
				+
			
 
				+### Customize configuration
			
 
				+See [Configuration Reference](https://cli.vuejs.org/config/).
			
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,11 @@
 
				+module.exports = {
			
 
				+  "env": {
			
 
				+    "development": {
			
 
				+      "sourceMaps": true,
			
 
				+      "retainLines": true,
			
 
				+    }
			
 
				+  },
			
 
				+  presets: [
			
 
				+    '@vue/app'
			
 
				+  ]
			
 
				+}
			
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -0,0 +1,19 @@
 
				+{
			
 
				+  "compilerOptions": {
			
 
				+    "target": "es5",
			
 
				+    "module": "esnext",
			
 
				+    "baseUrl": "./",
			
 
				+    "moduleResolution": "node",
			
 
				+    "paths": {
			
 
				+      "@/*": [
			
 
				+        "src/*"
			
 
				+      ]
			
 
				+    },
			
 
				+    "lib": [
			
 
				+      "esnext",
			
 
				+      "dom",
			
 
				+      "dom.iterable",
			
 
				+      "scripthost"
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,78 @@
 
				+{
			
 
				+  "name": "screen-parking",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "serve": "vue-cli-service serve --mode development",
			
 
				+    "build": "vue-cli-service build",
			
 
				+    "lint": "vue-cli-service lint"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "@babel/preset-react": "^7.18.6",
			
 
				+    "@babel/runtime": "^7.20.7",
			
 
				+    "axios": "^1.2.2",
			
 
				+    "babel-loader": "^8.3.0",
			
 
				+    "babel-preset-es2015": "^6.24.1",
			
 
				+    "babel-preset-mobx": "^2.0.0",
			
 
				+    "core-js": "^3.8.3",
			
 
				+    "echarts": "^5.4.1",
			
 
				+    "element-ui": "^2.15.12",
			
 
				+    "extract-text-webpack-plugin": "^3.0.2",
			
 
				+    "glob-all": "^3.3.1",
			
 
				+    "script-ext-html-webpack-plugin": "^2.1.5",
			
 
				+    "v-scale-screen": "^1.0.2",
			
 
				+    "vue": "^2.6.14",
			
 
				+    "vue-router": "^3.5.1",
			
 
				+    "vuex": "^3.6.2",
			
 
				+    "webpack": "^5.75.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@babel/core": "^7.20.12",
			
 
				+    "@babel/eslint-parser": "^7.12.16",
			
 
				+    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
			
 
				+    "@babel/plugin-transform-runtime": "^7.19.6",
			
 
				+    "@babel/preset-env": "^7.20.2",
			
 
				+    "@vue/cli-plugin-babel": "~5.0.0",
			
 
				+    "@vue/cli-plugin-eslint": "~5.0.0",
			
 
				+    "@vue/cli-plugin-router": "^5.0.8",
			
 
				+    "@vue/cli-plugin-vuex": "^5.0.8",
			
 
				+    "@vue/cli-service": "~5.0.0",
			
 
				+    "babel-plugin-component": "^1.1.1",
			
 
				+    "compression-webpack-plugin": "^10.0.0",
			
 
				+    "eslint": "^7.32.0",
			
 
				+    "eslint-plugin-vue": "^8.0.3",
			
 
				+    "node-sass": "^8.0.0",
			
 
				+    "purgecss-webpack-plugin": "^5.0.0",
			
 
				+    "sass-loader": "^13.2.0",
			
 
				+    "uglifyjs-webpack-plugin": "^2.2.0",
			
 
				+    "vue-template-compiler": "^2.6.14"
			
 
				+  },
			
 
				+  "eslintConfig": {
			
 
				+    "root": true,
			
 
				+    "env": {
			
 
				+      "node": true
			
 
				+    },
			
 
				+    "extends": [
			
 
				+      "plugin:vue/essential",
			
 
				+      "eslint:recommended"
			
 
				+    ],
			
 
				+    "parserOptions": {
			
 
				+      "parser": "@babel/eslint-parser"
			
 
				+    },
			
 
				+    "rules": {}
			
 
				+  },
			
 
				+  "browserslist": [
			
 
				+    "> 1%",
			
 
				+    "last 2 versions",
			
 
				+    "not dead"
			
 
				+  ],
			
 
				+  "description": "## Project setup ``` npm install ```",
			
 
				+  "main": "babel.config.js",
			
 
				+  "repository": {
			
 
				+    "type": "git",
			
 
				+    "url": "http://172.16.90.201:3000/parking/parking_LargeScreen.git"
			
 
				+  },
			
 
				+  "keywords": [],
			
 
				+  "author": "",
			
 
				+  "license": "ISC"
			
 
				+}
			
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,19 @@
 
				+<!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><%= htmlWebpackPlugin.options.title %></title>
			
 
				+    <script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=6OJBZ-N6I3D-GQ74Y-H5CDW-COMH2-UUFWU"></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>
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,28 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <router-view/>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style>
			
 
				+#app {
			
 
				+  font-family: Avenir, Helvetica, Arial, sans-serif;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+  text-align: center;
			
 
				+  color: #2c3e50;
			
 
				+}
			
 
				+
			
 
				+nav {
			
 
				+  padding: 30px;
			
 
				+}
			
 
				+
			
 
				+nav a {
			
 
				+  font-weight: bold;
			
 
				+  color: #2c3e50;
			
 
				+}
			
 
				+
			
 
				+nav a.router-link-exact-active {
			
 
				+  color: #42b983;
			
 
				+}
			
 
				+</style>
			
--- a/src/api/http.js
+++ b/src/api/http.js
@@ -0,0 +1,18 @@
 
				+/**
			
 
				+ * @Description: 大屏接口
			
 
				+ * @Author: wangcc
			
 
				+ * @Date: 2023-01-09 15:07:51
			
 
				+ * @LastEditors: wangcc
			
 
				+ * @LastEditTime: 2023-01-10 11:16:24
			
 
				+ * @FilePath: \parking_LargeScreen\src\api\http.js
			
 
				+ * @Copyright: Copyright (c) 2016~2023 by wangcc, All Rights Reserved. 
			
 
				+ */
			
 
				+ import request from '@/utils/request'
			
 
				+
			
 
				+  export function rightScrollData() {
			
 
				+    return request({
			
 
				+      url: '/admin/screen/roadPark/list',
			
 
				+      method: 'get'
			
 
				+    })
			
 
				+  }
			
 
				+
			
--- a/src/assets/css/base.scss
+++ b/src/assets/css/base.scss
@@ -0,0 +1,18 @@
 
				+body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
			
 
				+body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
			
 
				+h1, h2, h3, h4, h5, h6{ font-size:100%; }
			
 
				+address, cite, dfn, em, var { font-style:normal; }
			
 
				+code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
			
 
				+small{ font-size:12px; }
			
 
				+ul, ol { list-style:none; }
			
 
				+a { text-decoration:none; }
			
 
				+a:hover { text-decoration:underline; }
			
 
				+sup { vertical-align:text-top; }
			
 
				+sub{ vertical-align:text-bottom; }
			
 
				+legend { color:#000; }
			
 
				+fieldset, img { border:0; }
			
 
				+button, input, select, textarea { font-size:100%; }
			
 
				+table { border-collapse:collapse; border-spacing:0; }
			
 
				+body{
			
 
				+  overflow: hidden;
			
 
				+}
			
--- a/src/assets/images/Group_mark.png
+++ b/src/assets/images/Group_mark.png
--- a/src/assets/images/car_ico.png
+++ b/src/assets/images/car_ico.png
--- a/src/assets/images/mark_parking.png
+++ b/src/assets/images/mark_parking.png
--- a/src/assets/images/mark_road_ico.png
+++ b/src/assets/images/mark_road_ico.png
--- a/src/assets/images/mark_window_bac.png
+++ b/src/assets/images/mark_window_bac.png
--- a/src/assets/images/mark_window_icon.png
+++ b/src/assets/images/mark_window_icon.png
--- a/src/assets/images/park_ico.png
+++ b/src/assets/images/park_ico.png
--- a/src/assets/images/tab_bac_one.png
+++ b/src/assets/images/tab_bac_one.png
--- a/src/assets/images/tab_bac_tow.png
+++ b/src/assets/images/tab_bac_tow.png
--- a/src/assets/images/top_bac.png
+++ b/src/assets/images/top_bac.png
--- a/src/assets/images/total_money_ico.png
+++ b/src/assets/images/total_money_ico.png
--- a/src/assets/images/total_parking_ico.png
+++ b/src/assets/images/total_parking_ico.png
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/components/ParkingRate/index.vue
+++ b/src/components/ParkingRate/index.vue
@@ -0,0 +1,43 @@
 
				+<!--
			
 
				+ * @Description: 停车率
			
 
				+ * @Author: wangcc
			
 
				+ * @Date: 2023-01-09 11:22:53
			
 
				+ * @LastEditors: wangcc
			
 
				+ * @LastEditTime: 2023-01-10 17:29:58
			
 
				+ * @FilePath: \parking_LargeScreen\src\components\ParkingRate\index.vue
			
 
				+ * @Copyright: Copyright (c) 2016~2023 by wangcc, All Rights Reserved. 
			
 
				+-->
			
 
				+<template>
			
 
				+  <div class="center">
			
 
				+    <div class="typeBox">
			
 
				+      类型：
			
 
				+      <el-select v-model="value" placeholder="请选择">
			
 
				+        <el-option
			
 
				+          v-for="item in options"
			
 
				+          :key="item.value"
			
 
				+          :label="item.label"
			
 
				+          :value="item.value"
			
 
				+        ></el-option>
			
 
				+      </el-select>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: '',
			
 
				+  data() {
			
 
				+    return {
			
 
				+      value: '',
			
 
				+      options: []
			
 
				+    };
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style  lang='scss' scoped>
			
 
				+.center {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+</style>
			
--- a/src/components/Receivables/Receivables.vue
+++ b/src/components/Receivables/Receivables.vue
@@ -0,0 +1,9 @@
 
				+<!--
			
 
				+ * @Description: 应收
			
 
				+ * @Author: wangcc
			
 
				+ * @Date: 2023-01-09 11:20:54
			
 
				+ * @LastEditors: wangcc
			
 
				+ * @LastEditTime: 2023-01-09 11:22:05
			
 
				+ * @FilePath: \parking_LargeScreen\src\components\Receivables\Receivables.vue
			
 
				+ * @Copyright: Copyright (c) 2016~2023 by wangcc, All Rights Reserved. 
			
 
				+-->
			
--- a/src/components/map.vue
+++ b/src/components/map.vue
@@ -0,0 +1,75 @@
 
				+<!--
			
 
				+ * @Description: 地图
			
 
				+ * @Author: wangcc
			
 
				+ * @Date: 2023-01-09 11:19:36
			
 
				+ * @LastEditors: wangcc
			
 
				+ * @LastEditTime: 2023-01-10 17:56:00
			
 
				+ * @FilePath: \parking_LargeScreen\src\components\map.vue
			
 
				+ * @Copyright: Copyright (c) 2016~2023 by wangcc, All Rights Reserved. 
			
 
				+-->
			
 
				+<template>
			
 
				+  <div class="content">
			
 
				+    <div id="container"></div>
			
 
				+    <div id="mask"></div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: '',
			
 
				+  data() {
			
 
				+    return {
			
 
				+      AMap: null,
			
 
				+      map: null,
			
 
				+      zoom: 18
			
 
				+    };
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    this.initMap();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    initMap() {
			
 
				+      let _this = this;
			
 
				+      var center = new TMap.LatLng(26.646694, 106.628201);
			
 
				+      //初始化地图
			
 
				+      this.map = new TMap.Map('container', {
			
 
				+        zoom: _this.zoom, //设置地图缩放级别
			
 
				+        center: center, //设置地图中心点坐标
			
 
				+        mapStyleId: 'style1',
			
 
				+        viewMode: '2D',
			
 
				+        disableDefaultUI: true
			
 
				+      });
			
 
				+      this.map.removeControl(TMap.constants.DEFAULT_CONTROL_ID.ZOOM);
			
 
				+      this.map.removeControl(TMap.constants.DEFAULT_CONTROL_ID.SCALE);
			
 
				+      this.map.removeControl(TMap.constants.DEFAULT_CONTROL_ID.ROTATION);
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style  lang='scss' scoped>
			
 
				+.content {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+#container {
			
 
				+  height: 100%;
			
 
				+}
			
 
				+#mask {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  box-shadow: inset 100px 0px 16vw 12vw rgba(0, 15, 40, 0.84);
			
 
				+  position: fixed;
			
 
				+  left: 0;
			
 
				+  right: 0;
			
 
				+  bottom: 0;
			
 
				+  top: 0;
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+::v-deep .amap-logo {
			
 
				+  display: none !important; //去掉高德地图logo
			
 
				+}
			
 
				+::v-deep .amap-copyright {
			
 
				+  opacity: 0 !important; //去掉高德的版本号
			
 
				+}
			
 
				+</style>
			
--- a/src/components/topNav.vue
+++ b/src/components/topNav.vue
@@ -0,0 +1,191 @@
 
				+<!--
			
 
				+ * @Description: 顶部
			
 
				+ * @Author: wangcc
			
 
				+ * @Date: 2023-01-09 11:20:03
			
 
				+ * @LastEditors: wangcc
			
 
				+ * @LastEditTime: 2023-01-10 17:33:00
			
 
				+ * @FilePath: \parking_LargeScreen\src\components\topNav.vue
			
 
				+ * @Copyright: Copyright (c) 2016~2023 by wangcc, All Rights Reserved. 
			
 
				+-->
			
 
				+<template>
			
 
				+  <div class="top-box">
			
 
				+    <h4 class="top-title">普定县智慧停车数据监控大屏</h4>
			
 
				+    <div class="nav-bar">
			
 
				+      <div class="nav-box">
			
 
				+        <div
			
 
				+          class="nav-list"
			
 
				+          :class="classFunc(index)"
			
 
				+          @click="tabLink(index)"
			
 
				+          v-for="(item, index) in tabData"
			
 
				+          :key="index"
			
 
				+        >{{item.name}}</div>
			
 
				+      </div>
			
 
				+      <div class="right-timeWeather">
			
 
				+        <div class="time-list">
			
 
				+          <span>{{nowTime}}</span>
			
 
				+          <span>{{yearNow}}</span>
			
 
				+          <span>{{weekNow}}</span>
			
 
				+        </div>
			
 
				+        <div class="weather-box">
			
 
				+          <div id="he-plugin-simple"></div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import timeFormat from '@/utils/timeFormat';
			
 
				+const weekArr = [
			
 
				+  '星期日',
			
 
				+  '星期一',
			
 
				+  '星期二',
			
 
				+  '星期三',
			
 
				+  '星期四',
			
 
				+  '星期五',
			
 
				+  '星期六'
			
 
				+];
			
 
				+export default {
			
 
				+  name: 'topNav',
			
 
				+  data() {
			
 
				+    return {
			
 
				+      nowTime: '',
			
 
				+      yearNow: '',
			
 
				+      weekNow: '',
			
 
				+      cur: 0,
			
 
				+      tabData: [
			
 
				+        {
			
 
				+          id: 1,
			
 
				+          name: '营收'
			
 
				+        },
			
 
				+        {
			
 
				+          id: 2,
			
 
				+          name: '停车率'
			
 
				+        }
			
 
				+      ]
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    setInterval(() => {
			
 
				+      this.nowTime = timeFormat(new Date(), 'hh:MM:ss');
			
 
				+    }, 1000);
			
 
				+    this.yearNow = timeFormat(new Date(), 'yyyy-mm-dd');
			
 
				+    const getWeek = new Date().getDay();
			
 
				+    this.weekNow = weekArr[getWeek];
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    window.WIDGET = {
			
 
				+      CONFIG: {
			
 
				+        modules: '01234',
			
 
				+        background: '5',
			
 
				+        tmpColor: 'FFFFFF',
			
 
				+        tmpSize: '16',
			
 
				+        cityColor: 'FFFFFF',
			
 
				+        citySize: '16',
			
 
				+        aqiColor: 'FFFFFF',
			
 
				+        aqiSize: '16',
			
 
				+        weatherIconSize: '24',
			
 
				+        alertIconSize: '18',
			
 
				+        padding: '5px 10px 5px 10px',
			
 
				+        shadow: '0',
			
 
				+        language: 'auto',
			
 
				+        borderRadius: '5',
			
 
				+        fixed: 'false',
			
 
				+        vertical: 'top',
			
 
				+        horizontal: 'left',
			
 
				+        key: '4c47862a466540e881cc8e942c56fedf'
			
 
				+      }
			
 
				+    };
			
 
				+    let script = document.createElement('script');
			
 
				+    script.type = 'text/javascript';
			
 
				+    script.src =
			
 
				+      'https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0';
			
 
				+    document.getElementsByTagName('head')[0].appendChild(script);
			
 
				+  },
			
 
				+  methods: {
			
 
				+    tabLink(e) {
			
 
				+      this.cur = e;
			
 
				+    },
			
 
				+    classFunc(index) {
			
 
				+      if (this.cur == index) {
			
 
				+        return `navActive navActive${index}`;
			
 
				+      }
			
 
				+    },
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style  lang='scss' scoped>
			
 
				+.top-box {
			
 
				+  position: absolute;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  right: 0;
			
 
				+  height: 68px;
			
 
				+  background-image: url('@/assets/images/top_bac.png');
			
 
				+  background-size: 100% 100%;
			
 
				+  z-index: 1001;
			
 
				+  .top-title {
			
 
				+    position: absolute;
			
 
				+    text-align: left;
			
 
				+    text-indent: 30px;
			
 
				+    line-height: 50px;
			
 
				+    top: 10px;
			
 
				+    left: 52px;
			
 
				+    font-size: 34px;
			
 
				+    font-weight: bolder;
			
 
				+    background-image: -webkit-linear-gradient(bottom, #1dd4ff, #ffffff);
			
 
				+    -webkit-background-clip: text;
			
 
				+    -webkit-text-fill-color: transparent;
			
 
				+  }
			
 
				+  .nav-bar {
			
 
				+    position: absolute;
			
 
				+    width: 70%;
			
 
				+    height: 32px;
			
 
				+    right: 0;
			
 
				+    top: 36px;
			
 
				+    /* border-top: 2px solid #fff; */
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: space-between;
			
 
				+    .nav-box {
			
 
				+      width: 352px;
			
 
				+      .nav-list {
			
 
				+        cursor: pointer;
			
 
				+        width: 176px;
			
 
				+        height: 32px;
			
 
				+        background-image: url('@/assets/images/tab_bac_tow.png');
			
 
				+        background-size: 100% 100%;
			
 
				+        background-repeat: no-repeat;
			
 
				+        float: left;
			
 
				+        line-height: 32px;
			
 
				+        color: #fff;
			
 
				+      }
			
 
				+      .navActive {
			
 
				+        background-image: url('@/assets/images/tab_bac_one.png') !important;
			
 
				+        background-size: 100% 100%;
			
 
				+        background-repeat: no-repeat;
			
 
				+        color: #1dd4ff;
			
 
				+      }
			
 
				+    }
			
 
				+    .right-timeWeather {
			
 
				+      width: 420px;
			
 
				+      margin-right: 20px;
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      color: #fff;
			
 
				+      justify-content: space-between;
			
 
				+      line-height: 32px;
			
 
				+      .time-list {
			
 
				+        span {
			
 
				+          padding: 0 10px;
			
 
				+          border-right: 1px dashed #ffa13f;
			
 
				+        }
			
 
				+        span:last-child {
			
 
				+          border-right: unset;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,25 @@
 
				+import Vue from 'vue'
			
 
				+import App from './App.vue'
			
 
				+import router from './router'
			
 
				+import store from './store'
			
 
				+import '@/assets/css/base.scss';
			
 
				+
			
 
				+import 'element-ui/lib/theme-chalk/index.css';
			
 
				+import { Select, Option, Input, Table, TableColumn,Dialog } from 'element-ui';
			
 
				+import VScaleScreen from 'v-scale-screen'
			
 
				+
			
 
				+
			
 
				+Vue.use(VScaleScreen)
			
 
				+Vue.use(Select);
			
 
				+Vue.use(Option);
			
 
				+Vue.use(Input);
			
 
				+Vue.use(Table);
			
 
				+Vue.use(TableColumn);
			
 
				+Vue.use(Dialog);
			
 
				+Vue.config.productionTip = false
			
 
				+
			
 
				+new Vue({
			
 
				+  router,
			
 
				+  store,
			
 
				+  render: h => h(App)
			
 
				+}).$mount('#app')
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,19 @@
 
				+import Vue from 'vue'
			
 
				+import VueRouter from 'vue-router'
			
 
				+import HomeView from '../views/screenIndex/index.vue'
			
 
				+
			
 
				+Vue.use(VueRouter)
			
 
				+
			
 
				+const routes = [
			
 
				+  {
			
 
				+    path: '/',
			
 
				+    name: 'index',
			
 
				+    component: HomeView
			
 
				+  }
			
 
				+]
			
 
				+
			
 
				+const router = new VueRouter({
			
 
				+  routes
			
 
				+})
			
 
				+
			
 
				+export default router
			
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -0,0 +1,17 @@
 
				+import Vue from 'vue'
			
 
				+import Vuex from 'vuex'
			
 
				+
			
 
				+Vue.use(Vuex)
			
 
				+
			
 
				+export default new Vuex.Store({
			
 
				+  state: {
			
 
				+  },
			
 
				+  getters: {
			
 
				+  },
			
 
				+  mutations: {
			
 
				+  },
			
 
				+  actions: {
			
 
				+  },
			
 
				+  modules: {
			
 
				+  }
			
 
				+})
			
--- a/src/utils/base.js
+++ b/src/utils/base.js
@@ -0,0 +1,25 @@
 
				+/**
			
 
				+ * 参数处理
			
 
				+ * @param {*} params  参数
			
 
				+ */
			
 
				+ export function tansParams(params) {
			
 
				+  let result = '';
			
 
				+  for (const propName of Object.keys(params)) {
			
 
				+    const value = params[propName];
			
 
				+    var part = encodeURIComponent(propName) + '=';
			
 
				+    if (value !== null && value !== '' && typeof value !== 'undefined') {
			
 
				+      if (typeof value === 'object') {
			
 
				+        for (const key of Object.keys(value)) {
			
 
				+          if (value[key] !== null && value[key] !== '' && typeof value[key] !== 'undefined') {
			
 
				+            let params = propName + '[' + key + ']';
			
 
				+            var subPart = encodeURIComponent(params) + '=';
			
 
				+            result += subPart + encodeURIComponent(value[key]) + '&';
			
 
				+          }
			
 
				+        }
			
 
				+      } else {
			
 
				+        result += part + encodeURIComponent(value) + '&';
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  return result;
			
 
				+}
			
--- a/src/utils/errorCode.js
+++ b/src/utils/errorCode.js
@@ -0,0 +1,15 @@
 
				+/**
			
 
				+ * @Description: 
			
 
				+ * @Author: wangcc
			
 
				+ * @Date: 2023-01-09 18:01:27
			
 
				+ * @LastEditors: wangcc
			
 
				+ * @LastEditTime: 2023-01-09 18:01:29
			
 
				+ * @FilePath: \parking_LargeScreen\src\utils\errorCode.js
			
 
				+ * @Copyright: Copyright (c) 2016~2023 by wangcc, All Rights Reserved. 
			
 
				+ */
			
 
				+export default {
			
 
				+  '401': '认证失败，无法访问系统资源',
			
 
				+  '403': '当前操作没有权限',
			
 
				+  '404': '访问资源不存在',
			
 
				+  'default': '系统未知错误,请反馈给管理员'
			
 
				+}
			
--- a/src/utils/jsonlint.js
+++ b/src/utils/jsonlint.js
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -0,0 +1,49 @@
 
				+import axios from 'axios';
			
 
				+import {tansParams} from './base'
			
 
				+// create an axios instance
			
 
				+const service = axios.create({
			
 
				+  // baseURL: 'http://chenyp.top:8008', // url = base url + request url
			
 
				+  baseURL: process.env.NODE_ENV === 'production' ? process.env.VUE_APP_REQUEST_URL : process.env.VUE_APP_BASE_API, // url = base url + request url
			
 
				+  // withCredentials: true, // send cookies when cross-domain requests
			
 
				+  timeout: 5000, // request timeout
			
 
				+  transformResponse: [
			
 
				+    function (data) {
			
 
				+      data = JSON.parse(data)
			
 
				+      return data;
			
 
				+    }
			
 
				+  ]
			
 
				+});
			
 
				+
			
 
				+// request interceptor
			
 
				+service.interceptors.request.use(
			
 
				+  (config) => {
			
 
				+    if (config.method === 'get' && config.params) {
			
 
				+      let url = config.url + '&' + tansParams(config.params);
			
 
				+      url = url.slice(0, -1);
			
 
				+      config.params = {};
			
 
				+      config.url = url;
			
 
				+    }
			
 
				+    return config;
			
 
				+  },
			
 
				+  function (error) {
			
 
				+    return Promise.reject(error);
			
 
				+  }
			
 
				+);
			
 
				+//添加响应拦截器
			
 
				+// response interceptor
			
 
				+service.interceptors.response.use(
			
 
				+  (response) => {
			
 
				+    if (response.status === 200) {
			
 
				+      return response.data;
			
 
				+    } else {
			
 
				+      console.error('请求错误');
			
 
				+      console.error(response);
			
 
				+    }
			
 
				+    return response.data;
			
 
				+  },
			
 
				+  function (error) {
			
 
				+    return Promise.reject(error);
			
 
				+  }
			
 
				+);
			
 
				+
			
 
				+export default service;
			
--- a/src/utils/timeFormat.js
+++ b/src/utils/timeFormat.js
@@ -0,0 +1,60 @@
 
				+/**
			
 
				+ * @Description: 
			
 
				+ * @Author: wangcc
			
 
				+ * @Date: 2023-01-10 16:35:12
			
 
				+ * @LastEditors: wangcc
			
 
				+ * @LastEditTime: 2023-01-10 16:35:13
			
 
				+ * @FilePath: \parking_LargeScreen\src\utils\timeFormat.js
			
 
				+ * @Copyright: Copyright (c) 2016~2023 by wangcc, All Rights Reserved. 
			
 
				+ */
			
 
				+// padStart 的 polyfill，因为某些机型或情况，还无法支持es7的padStart，比如电脑版的微信小程序
			
 
				+// 所以这里做一个兼容polyfill的兼容处理
			
 
				+if (!String.prototype.padStart) {
			
 
				+	// 为了方便表示这里 fillString 用了ES6 的默认参数，不影响理解
			
 
				+	String.prototype.padStart = function(maxLength, fillString = ' ') {
			
 
				+		if (Object.prototype.toString.call(fillString) !== "[object String]") throw new TypeError(
			
 
				+			'fillString must be String')
			
 
				+		let str = this
			
 
				+		// 返回 String(str) 这里是为了使返回的值是字符串字面量，在控制台中更符合直觉
			
 
				+		if (str.length >= maxLength) return String(str)
			
 
				+
			
 
				+		let fillLength = maxLength - str.length,
			
 
				+			times = Math.ceil(fillLength / fillString.length)
			
 
				+		while (times >>= 1) {
			
 
				+			fillString += fillString
			
 
				+			if (times === 1) {
			
 
				+				fillString += fillString
			
 
				+			}
			
 
				+		}
			
 
				+		return fillString.slice(0, fillLength) + str;
			
 
				+	}
			
 
				+}
			
 
				+
			
 
				+// 其他更多是格式化有如下:
			
 
				+// yyyy:mm:dd|yyyy:mm|yyyy年mm月dd日|yyyy年mm月dd日 hh时MM分等,可自定义组合
			
 
				+function timeFormat(dateTime = null, fmt = 'yyyy-mm-dd') {
			
 
				+	// 如果为null,则格式化当前时间
			
 
				+	if (!dateTime) dateTime = Number(new Date());
			
 
				+	// 如果dateTime长度为10或者13，则为秒和毫秒的时间戳，如果超过13位，则为其他的时间格式
			
 
				+	if (dateTime.toString().length == 10) dateTime *= 1000;
			
 
				+	let date = new Date(dateTime);
			
 
				+	let ret;
			
 
				+	let opt = {
			
 
				+		"y+": date.getFullYear().toString(), // 年
			
 
				+		"m+": (date.getMonth() + 1).toString(), // 月
			
 
				+		"d+": date.getDate().toString(), // 日
			
 
				+		"h+": date.getHours().toString(), // 时
			
 
				+		"M+": date.getMinutes().toString(), // 分
			
 
				+		"s+": date.getSeconds().toString() // 秒
			
 
				+		// 有其他格式化字符需求可以继续添加，必须转化成字符串
			
 
				+	};
			
 
				+	for (let k in opt) {
			
 
				+		ret = new RegExp("(" + k + ")").exec(fmt);
			
 
				+		if (ret) {
			
 
				+			fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
			
 
				+		};
			
 
				+	};
			
 
				+	return fmt;
			
 
				+}
			
 
				+
			
 
				+export default timeFormat
			
--- a/src/views/screenIndex/index.vue
+++ b/src/views/screenIndex/index.vue
@@ -0,0 +1,54 @@
 
				+<!--
			
 
				+ * @Description: 
			
 
				+ * @Author: wangcc
			
 
				+ * @Date: 2023-01-09 11:18:33
			
 
				+ * @LastEditors: wangcc
			
 
				+ * @LastEditTime: 2023-01-10 17:58:50
			
 
				+ * @FilePath: \parking_LargeScreen\src\views\screenIndex\index.vue
			
 
				+ * @Copyright: Copyright (c) 2016~2023 by wangcc, All Rights Reserved. 
			
 
				+-->
			
 
				+<template>
			
 
				+  <div>
			
 
				+    <v-scale-screen>
			
 
				+      <map-view></map-view>
			
 
				+      <top-nav></top-nav>
			
 
				+      <parking></parking>
			
 
				+    </v-scale-screen>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { rightScrollData } from '@/api/http';
			
 
				+import mapView from '@/components/map.vue';
			
 
				+import topNav from '@/components/topNav.vue';
			
 
				+import parking from '@/components/ParkingRate/index.vue'
			
 
				+export default {
			
 
				+  name: '',
			
 
				+  components: {
			
 
				+    mapView,
			
 
				+    topNav,
			
 
				+    parking
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      AMap: null,
			
 
				+      map: null,
			
 
				+      lngLat: [106.628201, 26.646694]
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.getRoadParkList();
			
 
				+  },
			
 
				+  mounted() {},
			
 
				+  watch: {},
			
 
				+  methods: {
			
 
				+    async getRoadParkList() {
			
 
				+      let { code, rows } = await rightScrollData();
			
 
				+      console.log(rows);
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style  lang='scss' scoped>
			
 
				+</style>
			
--- a/vue.config.js
+++ b/vue.config.js
@@ -0,0 +1,117 @@
 
				+'use strict'
			
 
				+const path = require('path')
			
 
				+
			
 
				+function resolve(dir) {
			
 
				+  return path.join(__dirname, dir)
			
 
				+}
			
 
				+
			
 
				+const name = '普定智慧停车大屏' // 标题
			
 
				+
			
 
				+const port = 8080 // 端口
			
 
				+
			
 
				+// vue.config.js 配置说明
			
 
				+//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
			
 
				+// 这里只列一部分，具体配置参考文档
			
 
				+module.exports = {
			
 
				+  // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
			
 
				+  outputDir: 'dist',
			
 
				+  // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
			
 
				+  assetsDir: 'static',
			
 
				+  // 是否开启eslint保存检测，有效值：ture | false | 'error'
			
 
				+  lintOnSave: false,
			
 
				+  // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
			
 
				+  productionSourceMap: false,
			
 
				+  // webpack-dev-server 相关配置
			
 
				+  devServer: {
			
 
				+    host: '0.0.0.0',
			
 
				+    port: port,
			
 
				+    open: false,
			
 
				+    proxy: {
			
 
				+      // detail: https://cli.vuejs.org/config/#devserver-proxy
			
 
				+      [process.env.VUE_APP_BASE_API]: {
			
 
				+        // target: `http://castgroupadmin.hw.hongweisoft.com/`,
			
 
				+        target: process.env.VUE_APP_REQUEST_URL,
			
 
				+        changeOrigin: true,
			
 
				+        pathRewrite: {
			
 
				+          ['^' + process.env.VUE_APP_BASE_API]: ''
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    allowedHosts: 'all'
			
 
				+  },
			
 
				+  configureWebpack: {
			
 
				+    name: name,
			
 
				+    resolve: {
			
 
				+      alias: {
			
 
				+        '@': resolve('src')
			
 
				+      },
			
 
				+      fallback: {
			
 
				+        path: false,
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  chainWebpack(config) {
			
 
				+    config.plugins.delete('preload') // TODO: need test
			
 
				+    config.plugins.delete('prefetch') // TODO: need test
			
 
				+
			
 
				+    // set svg-sprite-loader
			
 
				+    config.module
			
 
				+      .rule('svg')
			
 
				+      .exclude.add(resolve('src/assets/icons'))
			
 
				+      .end()
			
 
				+    config.module
			
 
				+      .rule('icons')
			
 
				+      .test(/\.svg$/)
			
 
				+      .include.add(resolve('src/assets/icons'))
			
 
				+      .end()
			
 
				+      .use('svg-sprite-loader')
			
 
				+      .loader('svg-sprite-loader')
			
 
				+      .options({
			
 
				+        symbolId: 'icon-[name]'
			
 
				+      })
			
 
				+      .end()
			
 
				+
			
 
				+    config
			
 
				+      .when(process.env.NODE_ENV !== 'development',
			
 
				+        config => {
			
 
				+          config
			
 
				+            .plugin('ScriptExtHtmlWebpackPlugin')
			
 
				+            .after('html')
			
 
				+            .use('script-ext-html-webpack-plugin', [{
			
 
				+            // `runtime` must same as runtimeChunk name. default is `runtime`
			
 
				+              inline: /runtime\..*\.js$/
			
 
				+            }])
			
 
				+            .end()
			
 
				+          config
			
 
				+            .optimization.splitChunks({
			
 
				+              chunks: 'all',
			
 
				+              cacheGroups: {
			
 
				+                libs: {
			
 
				+                  name: 'chunk-libs',
			
 
				+                  test: /[\\/]node_modules[\\/]/,
			
 
				+                  priority: 10,
			
 
				+                  chunks: 'initial' // only package third parties that are initially dependent
			
 
				+                },
			
 
				+                elementUI: {
			
 
				+                  name: 'chunk-elementUI', // split elementUI into a single package
			
 
				+                  priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
			
 
				+                  test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
			
 
				+                },
			
 
				+                commons: {
			
 
				+                  name: 'chunk-commons',
			
 
				+                  test: resolve('src/components'), // can customize your rules
			
 
				+                  minChunks: 3, //  minimum common number
			
 
				+                  priority: 5,
			
 
				+                  reuseExistingChunk: true
			
 
				+                }
			
 
				+              }
			
 
				+            })
			
 
				+          config.optimization.runtimeChunk('single'),
			
 
				+          {
			
 
				+             from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
			
 
				+             to: './', //到根目录下
			
 
				+          }
			
 
				+        }
			
 
				+      )
			
 
				+  }
			
 
				+}