上传代码

.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?

README.md

@@ -0,0 +1,24 @@
+# vue_cli3_ui
+
+## Project setup
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+```
+yarn serve
+```
+
+### Compiles and minifies for production
+```
+yarn build
+```
+
+### Lints and fixes files
+```
+yarn lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

package.json

@@ -0,0 +1,38 @@
+{
+  "name": "vue_cli3_ui",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
+    "build": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "ant-design-vue": "^1.7.8",
+    "axios": "^0.21.0",
+    "axios-jsonp": "^1.0.4",
+    "core-js": "^3.6.4",
+    "echarts": "^5.3.0",
+    "echarts-gl": "^2.0.9",
+    "element-ui": "^2.15.6",
+    "flv.js": "^1.6.2",
+    "jquery": "^3.5.1",
+    "js-cookie": "^3.0.1",
+    "qs": "^6.9.4",
+    "vue": "^2.6.11",
+    "vue-router": "^3.4.7",
+    "vuex": "^3.6.2"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~4.5.0",
+    "@vue/cli-service": "~4.5.0",
+    "less": "^3.12.2",
+    "less-loader": "^7.1.0",
+    "vue-template-compiler": "^2.6.11"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

public/config/config.js

@@ -0,0 +1,415 @@
+window.config = {
+  ApiUrl: '/zhongkai',
+  videoHttp: '/StreamMedia',
+  mediaUrl: '/HtcBroadcast',
+
+  // wsUrl: 'ws://192.168.13.138:8080/zhongkai/ws_passrecord',
+  wsUrl: 'ws://172.16.1.156:8080/zhongkai/ws_passrecord',
+
+  mapParams: {
+    host: '127.0.0.1', //地图ip192.168.0.111
+    port: 22222,
+    scene: 'zhongkai',
+  },
+
+  pageSize: 20,
+  title1: '乌绕西线智慧隧道系统',
+
+  videoForm: {
+    userid: '00000000111111111111111100000000',
+    ipAndPort: '192.168.200.70:8080',
+    pid: '894B8F1E-1430-41E7-9FA4-DA80DD7E9C4A', //测试
+  },
+
+  areaList: [
+    { id: '1', name: '西山隧道' },
+    { id: '2', name: '五一隧道' },
+  ],
+  deivceTypeList: [
+    /*{id: '10', name: '相机'}, */ { id: '11', name: '风机' },
+    /* {id: '12', name: '照明'}, */ { id: '13', name: '车道指示灯' },
+    { id: '14', name: '交通信号灯' },
+    { id: '15', name: '情报板' },
+    { id: '16', name: '报警器' },
+    /*{id: '17', name: '广播'}, */ /*{id: '18', name: '应急电话'},*/
+    { id: '19', name: '卷帘门' },
+    { id: '20', name: '门架' },
+    { id: '21', name: '消防水池' },
+    { id: '22', name: '视频监控' },
+    /* {id: '23', name: '紧急电话'}, {id: '24', name: '消火栓'},*/ {
+      id: '25',
+      name: '微波车辆检测器',
+    },
+    { id: '26', name: '风速风向' },
+    { id: '27', name: '一氧化碳能见度' },
+    { id: '28', name: '光强传感器' },
+    { id: '39', name: '配电房' },
+    { id: '40', name: '消防泵房' },
+    { id: '41', name: '污水泵房' },
+    { id: '42', name: '雨水泵房' },
+    /* {id: '43', name: '液位计'}, */ { id: '45', name: '可变限速标志' },
+    { id: '51', name: '人行通道' },
+    { id: '52', name: '车辆通道' },
+    { id: '55', name: '左洞口' },
+    { id: '56', name: '右洞口' },
+  ],
+  statusList: [
+    { id: '1', name: '开启' },
+    { id: '2', name: '关闭' },
+    { id: '3', name: '故障' },
+    { id: '4', name: '离线' },
+  ],
+  laneList: [
+    { id: '0', name: '通道' },
+    { id: '1', name: '隧道壁左侧' },
+    { id: '2', name: '车道一' },
+    { id: '3', name: '车道线一' },
+    { id: '4', name: '车道二' },
+    { id: '5', name: '车道线二' },
+    { id: '6', name: '车道三' },
+    { id: '7', name: '车道线三' },
+    { id: '8', name: '车道四' },
+    { id: '9', name: '隧道壁右侧' },
+    { id: '10', name: '右壁外' },
+  ],
+  directionList: [
+    { id: '1', name: '上行' },
+    { id: '2', name: '下行' },
+  ],
+  warnTypeList: [
+    { id: '1', name: '火灾' },
+    { id: '20', name: '其他' },
+  ],
+  warnStatusList: [
+    { id: '2', name: '待处理' },
+    { id: '3', name: '已处理' },
+    { id: '8', name: '已解除' },
+  ],
+  pageMenu: [
+    {
+      id: 'a',
+      path: '/',
+      name: '首页',
+      index: 0,
+      type: 'page',
+    },
+    // {
+    //   id: 'g',
+    //   path: '/home',
+    //   name: '全隧道',
+    //   index: 4,
+    //   type: 'page',
+    // },
+    {
+      id: 'b',
+      path: '/flow',
+      name: '数据中心',
+      index: 1,
+      type: 'page',
+      children: [
+        {
+          id: 'ba',
+          path: '/flow/device',
+          name: '车检器',
+          type: 'page',
+        },
+        {
+          id: 'bb',
+          path: '/log/logManagement',
+          name: '控制日志',
+          type: 'page',
+        },
+        {
+          id: 'bc',
+          path: '/flow/planHistory',
+          name: '预案历史',
+          type: 'page',
+        },
+      ],
+    } /*,{
+      "id": "c",
+      path: '/control',
+      "name": "控制中心",
+      index: 2,
+      "type": "page",
+      "children": [
+        {
+          id: "ca",
+          path:'/',
+          name: "设备控制",
+          "type": "page",
+        },
+      ]
+    }*/,
+    {
+      id: 'd',
+      path: '/device',
+      name: '设备管理',
+      index: 3,
+      type: 'page',
+      children: [
+        {
+          id: 'da',
+          path: '/device/management', //  /car/realTime
+          name: '设备管理',
+          type: 'page',
+        },
+        {
+          id: 'db',
+          path: '/device/view', //  /car/realTime
+          name: '设备可视化',
+          type: 'page',
+        },
+      ],
+    },
+    {
+      id: 'e',
+      path: '/config',
+      name: '配置管理',
+      index: 4,
+      type: 'page',
+      children: [
+        {
+          id: 'ea',
+          path: '/config/devicePlan',
+          name: '设备联动预案',
+          type: 'page',
+        },
+      ],
+    } /*,{
+      "id": "f",
+      path: '/home',
+      "name": "消息中心",
+      index: 0,
+      "type": "page",
+    }*/,
+    {
+      id: 'i',
+      path: '/user/userManagement',
+      name: '系统管理',
+      index: 2,
+      src: './lib/menuIcon/home_icon9.png',
+      type: 'page',
+      children: [
+        {
+          id: 'ia',
+          path: '/user/userManagement',
+          name: '用户管理',
+          type: 'page',
+        },
+        {
+          id: 'ib',
+          path: '/role/roleManagement',
+          name: '角色管理',
+          type: 'page',
+        },
+        {
+          id: 'ic',
+          path: '/depart/departManagement',
+          name: '部门管理',
+          type: 'page',
+        },
+      ],
+    },
+  ],
+
+  taskEnum: {
+    10: {
+      taskList: [],
+    },
+    11: {
+      taskList: [
+        { id: '0', name: '停转' },
+        { id: '1', name: '正转' },
+        { id: '2', name: '反转' },
+      ],
+    },
+    12: {
+      taskList: [
+        { id: '1', name: '开启' },
+        { id: '2', name: '关闭' },
+      ],
+    },
+    13: {
+      taskList: [
+        { id: '0', name: '正向通行' },
+        { id: '1', name: '反向通行' },
+        {
+          id: '2',
+          name: '封道',
+        } /*{id: '3', name: '正向转向'},{id: '4', name: '反向转向'}*/,
+        { id: '3', name: '左转' },
+      ],
+    },
+    14: {
+      taskList: [
+        { id: '1', name: '变红灯' },
+        { id: '2', name: '变黄灯' },
+        { id: '3', name: '变绿灯' },
+        // { id: '4', name: '转向灯亮' },
+      ],
+    },
+    15: {
+      content: '集中精力谨慎驾驶',
+      taskList: [{ id: '15_01', name: '下发可变信息' }],
+    },
+    16: {
+      taskList: [],
+    },
+    17: {
+      taskList: [],
+    },
+    19: {
+      taskList: [
+        { id: '0', name: '停止' },
+        { id: '1', name: '上升' },
+        { id: '2', name: '下降' },
+      ],
+      taskList2: [
+        { id: '0', name: '半开' },
+        { id: '1', name: '全开' },
+        { id: '2', name: '关闭' },
+        { id: '9', name: '故障' },
+      ],
+    },
+    20: {
+      taskList: [],
+    },
+    21: {
+      taskList: [],
+    },
+    22: {
+      taskList: [],
+    },
+    23: {
+      taskList: [],
+    },
+    24: {
+      taskList: [],
+    },
+    25: {
+      taskList: [],
+    },
+    26: {
+      speed: '5.2',
+      direction: '北偏东25度',
+      taskList: [],
+    },
+    27: {
+      CO: 3.5,
+      VI: 2.3,
+      taskList: [],
+    },
+    28: {
+      taskList: [],
+    },
+    39: {
+      taskList: [],
+    },
+    40: {
+      taskList: [
+        { id: '1', name: '开' },
+        { id: '0', name: '关' },
+      ],
+    },
+    41: {
+      taskList: [
+        { id: '1', name: '开' },
+        { id: '0', name: '关' },
+      ],
+    },
+    42: {
+      taskList: [
+        { id: '1', name: '开' },
+        { id: '0', name: '关' },
+      ],
+    },
+    43: {
+      hight: 3.5,
+      taskList: [],
+    },
+    45: {
+      taskList: [],
+    },
+    51: {
+      taskList: [],
+    },
+    52: {
+      taskList: [],
+    },
+  },
+
+  drapLeftElMap: {
+    10: { url: './lib/icon/10.png', w: 35, h: 36 },
+    11: {
+      url: './lib/icon/11.png',
+      url0: './lib/icon/11.png',
+      url1: './lib/icon/111.gif',
+      url2: './lib/icon/112.gif',
+      w: 35,
+      h: 35,
+    },
+    12: { url: './lib/icon/12.png', w: 139, h: 22 },
+    13: {
+      url1: './lib/icon/131.png',
+      url2: './lib/icon/132.png',
+      url11: ['./lib/icon/131.png', './lib/icon/132.png', './lib/icon/133.png'],
+      url22: ['./lib/icon/132.png', './lib/icon/131.png', './lib/icon/133.png'],
+      w: 30,
+      h: 30,
+    },
+    14: {
+      url: './lib/icon/14.png',
+      urls: [
+        '',
+        './lib/icon/141.png',
+        './lib/icon/142.png',
+        './lib/icon/143.png',
+        './lib/icon/144.png',
+      ],
+      w: 19,
+      h: 69,
+    },
+    15: { url: './lib/icon/15.png', w: 81, h: 45 },
+    16: { url: './lib/icon/16.png', w: 35, h: 35 },
+    17: { url: './lib/icon/17.png', w: 38, h: 38 },
+    19: { url: './lib/icon/19.png', w: 35, h: 36 },
+    20: { url: './lib/icon/20.png', w: 43, h: 14 },
+    21: { url: './lib/icon/21.png', w: 36, h: 35 },
+    22: { url: './lib/icon/22.png', w: 35, h: 36 },
+    23: { url: './lib/icon/18.png', w: 36, h: 35 },
+    24: { url: './lib/icon/24.png', w: 35, h: 35 },
+    25: { url: './lib/icon/25.png', w: 35, h: 35 },
+    26: { url: './lib/icon/26.png', w: 35, h: 35 },
+    27: { url: './lib/icon/27.png', w: 35, h: 35 },
+    28: { url: './lib/icon/28.png', w: 35, h: 35 },
+    40: { url: './lib/icon/40.png', w: 35, h: 35 },
+    41: { url: './lib/icon/41.png', w: 35, h: 35 },
+    42: { url: './lib/icon/42.png', w: 35, h: 35 },
+    43: { url: './lib/icon/43.png', w: 35, h: 35 },
+    45: { url: './lib/icon/45.png', w: 35, h: 35 },
+    51: { url: './lib/icon/51.png', w: 59, h: 59 },
+    52: { url: './lib/icon/51.png', w: 59, h: 59 },
+    55: { url: './lib/icon/55.png', w: 120, h: 209 },
+    56: { url: './lib/icon/56.png', w: 120, h: 209 },
+  },
+
+  typeUrlLink: {
+    12: 'http://192.168.123.52:47778/Login.aspx?account=admin&password=admin@123',
+    17: 'http://192.168.200.58:81/indexNoLogin?username=admin1&password=admin1',
+  },
+
+  drapWarnElMap: {
+    1: { url: './lib/icon/warn1.png', w: 35, h: 35 },
+    20: { url: './lib/icon/warn1.png', w: 35, h: 35 },
+  },
+  pumpMap: {
+    wp: '潜污泵',
+    fp: '消防水泵',
+    pp: '稳压泵',
+    op: '排水泵',
+    cd: '控制阀',
+    ps: '压力传感器',
+    hs: '液位计',
+  },
+}

public/index.html

@@ -0,0 +1,30 @@
+<!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 type="text/javascript" src="./config/config.js"></script>
+    <script type="text/javascript" src="./lib/metadigiee-api.js"></script>
+    <style>
+      .infowindow-item {
+        background-color: rgba(43, 107, 182, 0.63);
+        color: red;
+        font-size: 16px;
+      }
+    </style>
+  </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>

src/App.vue

@@ -0,0 +1,68 @@
+<template>
+  <div id="app" ref="app" v-cloak>
+    <router-view></router-view>
+  </div>
+</template>
+<script>
+
+export default {
+  name: "App",
+  data(){
+    return{
+
+    }
+  },
+}
+</script>
+<style lang="less">
+[v-cloak]{
+  display: none;
+}
+#app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+}
+#nav {
+  padding: 30px;
+  a {
+    font-weight: bold;
+    color: #2c3e50;
+    &.router-link-exact-active {
+      color: #42b983;
+    }
+  }
+}
+*{
+  padding: 0;
+  margin: 0;
+}
+html,body{
+  width: 100%;
+  height: 100%;
+  font-size: 14px;
+  min-width: 1350px;
+}
+#app {
+  height: 100%;
+  background: url("~@/assets/images/bg.png");
+  background-size: 100% 100%;
+}
+
+
+::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 5px;
+  height: 10px;
+}
+::-webkit-scrollbar-thumb{
+  background: rgb(48,143,216);
+}
+::-webkit-scrollbar-track{
+  background: rgba(48,143,216,0);
+}
+::-webkit-scrollbar-corner{
+  background: #0A1726;
+}
+</style>

src/api/index.js

@@ -0,0 +1,329 @@
+import request from '@/axios';
+import {hex_md5} from '@/utils/md5'
+
+export function deviceList(data) {
+  return request({
+    url: '/json/device/deviceList',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function deviceList1(data) {
+  return request({
+    //url: '/json/device/deviceList',
+    url: '/iotApi/mDevice/deviceList', //改造后的
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/json',
+    }
+  })
+}
+
+export function addOrModDevice(data,url) {
+  return request({
+    url: url,
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function deviceDelete(data) {
+  return request({
+    url: '/json/device/deviceDelete',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function iotControl(data,url) {
+  return request({
+    url: url,
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function newIotControl(data,url) {
+  return request({
+    url: url,
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/json',
+    }
+  })
+}
+
+export function newIotControlS(data,url) {
+  return request({
+    url: url,
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/json',
+    }
+  })
+}
+
+export function playManuallyTriggered(data,url) {
+  return request({
+    url: url,
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/json',
+    }
+  })
+}
+
+export function getIotDeviceStatus(data) {
+  return request({
+    url: '/iotApi/mDevice/getIotDeviceStatus',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/json',
+    }
+  })
+}
+
+export function batchControl(data) {
+  return request({
+    url: '/xjIotApi/iotServiceCommon/batchControl',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/json',
+    }
+  })
+}
+
+export function deviceStatus(data) {
+  return request({
+    url: '/json/iot/deviceStatus',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function infoBoardTemplateList(data) {
+  return request({
+    url: '/json/iot/infoBoardTemplateList',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+export function warnList(data) {
+  return request({
+    url: '/json/warn/warnList',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function statsticWhole(data) {
+  return request({
+    url: '/json/statstic/statsticWhole',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function flowStatistic(data) {
+  return request({
+    url: '/json/flow/flowStatistic',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function getPlayAddressByPid(data) {
+  return request({
+    url: window.config.videoHttp + '/streammedia/getPlayAddressByPid',
+    params: data,
+    method: 'get',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function flowList(data) {
+  return request({
+    url: '/json/flow/flowList',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function deviceStatusBatch(data) {
+  return request({
+    url: '/json/iot/deviceStatusBatch',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function planList(data) {
+  return request({
+    url: '/json/plan/planList',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function planAddOrMod(data,url) {
+  return request({
+    url: url,
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function planDelete(data) {
+  return request({
+    url: '/json/plan/planDelete',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function planDetail(data) {
+  return request({
+    url: '/json/plan/planDetail',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function planExecute(data) {
+  return request({
+    url: '/json/plan/planExecute',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function planHisList(data) {
+  return request({
+    url: '/json/plan/planHisList',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+export function latestWarnList(data) {
+  return request({
+    url: '/json/warn/latestWarnList',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+export function verify(data) {
+  return request({
+    url: '/json/wran/verify',
+    data: data,
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8',
+    }
+  })
+}
+
+var access_key = 'uck2hoc0axpu3mm35w1t'
+var secret_key = 'ahgkp8xhljmafg6iapok'
+export function getEmployeeList() {
+  var timestamp=new Date().getTime();
+  return request({
+    url: window.config.mediaUrl + '/getEmployeeList',
+    data: {name:''},
+    method: 'post',
+    headers: {
+      'access_key':access_key,
+      'timestamp':timestamp,
+      'sign':hex_md5(access_key + timestamp + secret_key),
+    }
+  })
+}
+export function getMediaList() {
+  var timestamp=new Date().getTime();
+  return request({
+    url: window.config.mediaUrl + '/getMediaList',
+    data: {name:''},
+    method: 'post',
+    headers: {
+      'access_key':access_key,
+      'timestamp':timestamp,
+      'sign':hex_md5(access_key + timestamp + secret_key)
+    }
+  })
+}
+export function addBroadcast(data) {
+  var timestamp=new Date().getTime();
+  return request({
+    url: window.config.mediaUrl + '/addBroadcast',
+    data: data,
+    method: 'post',
+    headers: {
+      'access_key':access_key,
+      'timestamp':timestamp,
+      'sign':hex_md5(access_key + timestamp + secret_key)
+    }
+  })
+}

src/api/login/login.js

@@ -0,0 +1,19 @@
+import request from '@/axios';
+
+export function login(user) {
+  return request({
+    url: '/json/user/account/login',
+    data: user,
+    method: 'post'
+  })
+}
+
+export function logout(user) {
+  return request({
+    url: '/json/user/account/logout',
+    data: user,
+    method: 'post'
+  })
+}
+
+

src/api/system/config.js

@@ -0,0 +1,26 @@
+import request from '@/axios';
+
+
+export function getConfigTree(area) {
+  return request({
+    url: '/json/config/getConfigTree',
+    data: area,
+    method: 'post'
+  })
+}
+
+export function setConfig(area) {
+  return request({
+    url: '/json/config/setConfig',
+    data: area,
+    method: 'post'
+  })
+}
+
+export function getLogList(area) {
+  return request({
+    url: '/json/log/getLogList',
+    data: area,
+    method: 'post'
+  })
+}

src/api/system/depart.js

@@ -0,0 +1,35 @@
+import request from '@/axios';
+
+
+export function getUserDepartsTree(parentId) {
+  return request({
+    url: '/json/user/depart/queryTree',
+    method: 'post',
+    data: parentId,
+  })
+}
+
+export function getUserDeparts() {
+  return request({
+    url: '/json/user/depart/getUserDeparts',
+    method: 'post',
+    //data: dept,
+  })
+}
+
+export function departAddOrMod(depart, url) {
+  return request({
+    url: url,
+    data: depart,
+    method: 'post'
+  })
+}
+
+export function departDel(depart) {
+  return request({
+    url: '/json/user/depart/del',
+    data: depart,
+    method: 'post'
+  })
+}
+

src/api/system/role.js

@@ -0,0 +1,26 @@
+import request from '@/axios';
+
+//用户查询
+export function roleQuery(role) {
+  return request({
+    url: '/json/user/role/query',
+    data: role,
+    method: 'post'
+  })
+}
+
+export function roleAddOrMod(role, url) {
+  return request({
+    url: url,
+    data: role,
+    method: 'post'
+  })
+}
+
+export function roleDel(roleId) {
+  return request({
+    url: '/json/user/role/del',
+    data: {roleId:roleId},
+    method: 'post'
+  })
+}

src/api/system/user.js

@@ -0,0 +1,52 @@
+import request from '@/axios';
+
+//用户查询
+export function userQuery(user) {
+  return request({
+    url: '/json/user/account/query',
+    data: user,
+    method: 'post'
+  })
+}
+//用户
+export function userAddOrUpdate(url,user) {
+  return request({
+    url: url,
+    data: user,
+    method: 'post'
+  })
+}
+
+export function userDel(account) {
+  return request({
+    url: '/json/user/account/del',
+    data: {account:account},
+    method: 'post'
+  })
+}
+
+export function changePassword(user) {
+  return request({
+    url: '/json/user/account/changePassword',
+    data: user,
+    method: 'post'
+  })
+}
+
+
+export function updatePassword(user) {
+  return request({
+    url: '/json/user/account/updatePassword',
+    data: user,
+    method: 'post'
+  })
+}
+
+
+export function updateUserInfo(user) {
+  return request({
+    url: '/json/user/account/updateUserInfo',
+    data: user,
+    method: 'post'
+  })
+}

src/assets/css/index.css

@@ -0,0 +1,83 @@
+
+.float-right {
+    float: right;
+}
+.align-top {
+    vertical-align: top;
+}
+.mb-3 {
+    margin-bottom: 0.75rem;
+}
+.mt-3 {
+    margin-top: 0.75rem;
+}
+.inline-block {
+    display: inline-block;
+}
+.align-middle {
+    vertical-align: middle;
+}
+.v3-color-aux {
+    color: #9b9b9b;
+}
+.font-bold {
+    font-weight: 700;
+}
+.ml-10 {
+    margin-left: 2.5rem;
+}
+.float-left {
+    float: left;
+}
+.mr-1{
+    margin-right: 0.25rem;
+}
+.v3-font-size-sm{
+    font-size: 14px;
+}
+.mt-6 {
+    margin-top: 1.5rem;
+}
+.mr-5 {
+    margin-right: 1.25rem;
+}
+.ml-5 {
+    margin-left: 1.25rem;
+}
+.cursor-pointer {
+    cursor: pointer;
+}
+.divider-text{
+    font-size: 10px;
+    color: #9b9b9b;
+    display: inline;
+    margin-left: 1px;
+}
+.mr-10 {
+    margin-right: 2.5rem;
+}
+.mr-2 {
+    margin-right: 0.5rem;
+}
+.leading-10 {
+    line-height: 2.5rem;
+}
+.v3-font-size-lg {
+    font-size: 24px;
+}
+
+
+
+.el-dialog__header {
+    padding: 10px 20px!important;
+    border-bottom: 1px solid rgba(0,0,0,.05);
+}
+.el-dialog__title {
+    font-size: 14px!important;
+}
+.el-dialog__headerbtn{
+    top: 15px!important;
+}
+.el-dialog__body {
+    padding-top: 15px!important;
+}

src/assets/fonts/font.css

@@ -0,0 +1,18 @@
+@font-face {
+    font-family: "Heavy";
+    src: url("SourceHanSansCN-Heavy.otf");
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+    font-family: "SourceHanSansCN";
+    src: url("Source Han Sans CN.ttf");
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+  font-family: "Pommen";
+  src: url("庞门正道标题体2.0增强版.ttf");
+  font-weight: normal;
+  font-style: normal;
+}