瀏覽代碼

机车现场

songchenchen 7 月之前
當前提交
45a2913aba
共有 100 個文件被更改,包括 42805 次插入0 次删除
  1. 40 0
      README.md
  2. 13 0
      babel.config.js
  3. 35 0
      build/index.js
  4. 24 0
      jest.config.js
  5. 9 0
      jsconfig.json
  6. 57 0
      mock/index.js
  7. 81 0
      mock/mock-server.js
  8. 29 0
      mock/table.js
  9. 84 0
      mock/user.js
  10. 25 0
      mock/utils.js
  11. 19391 0
      package-lock.json
  12. 84 0
      package.json
  13. 12482 0
      pnpm-lock.yaml
  14. 8 0
      postcss.config.js
  15. 二進制
      public/19241681291305_.pic.jpg
  16. 664 0
      public/SH-demo(1).html
  17. 二進制
      public/SketchPng0b0556e16d6c95993fcd5b96046898f4cc5939d7fe71cc1a8419e0c9ec506b58.png
  18. 二進制
      public/SketchPng1f1ff6c34c2be4410ce5e77f6011f06ad96b4b58e4ba8a411bcdb9b8aa3d5a26.png
  19. 二進制
      public/SketchPng235888bcfa71bd61b35d5ce92ebc08c82145533f132a4cd32b1b7b3625893655.png
  20. 二進制
      public/SketchPng261292b73d4834e8d0483c7fbf3bf336c354210be875c407ff5c8215862500bc.png
  21. 二進制
      public/SketchPng328cf3d13d3c361a915529d46378aca4b07c825e2a8a90a51317d5c3537ad502.png
  22. 二進制
      public/SketchPng4084ace84ffba2b4ef7eb9925fb5a42352d3234a2703aa91e5d8dfd44e226bc3.png
  23. 二進制
      public/SketchPng4202e1c9cd6ca318fb584a059513163abd4922e1fa9f520831008113487186ee.png
  24. 二進制
      public/SketchPng70ca5d3dbecfc154738dd1f1278ebb864e07003d101ef4732b74a4f38a88dd41.png
  25. 二進制
      public/SketchPng712a6d1c28f4ee1b8590051b83d42215de2b724e0253d21aa8d833935e402435.png
  26. 二進制
      public/SketchPng7350e73a3bb82367dcbbe6dd876246a9c2e9f82c177c89e9c8744843a49b0a3d.png
  27. 二進制
      public/SketchPng7a0d3a448fbd81392f6cb18b3a6e238f15d038c9a009e420e3b835b26f77a085.png
  28. 二進制
      public/SketchPnga68370626d212156593358873aab056573fc4b5b223b629d997f16fe4fa61761.png
  29. 二進制
      public/SketchPngb4ae23a3bd7396a8f133c50d96bc9a8bec0c4d12b8f5c8310591b24d152f3851.png
  30. 二進制
      public/SketchPngb97ab495293d4ff1fdce169d0e597a4060a76f199d548072228e3937d361369b.png
  31. 二進制
      public/SketchPngd2ce85e329d882b040926f2ae726f8036b0872371b9838edf9e1cc7620005474.png
  32. 58 0
      public/_down_initMap.html
  33. 2647 0
      public/api.md
  34. 二進制
      public/back.png
  35. 二進制
      public/bg.jpg
  36. 14 0
      public/decoder-pro-audio.js
  37. 二進制
      public/decoder-pro-audio.wasm
  38. 14 0
      public/decoder-pro-simd.js
  39. 二進制
      public/decoder-pro-simd.wasm
  40. 14 0
      public/decoder-pro.js
  41. 二進制
      public/decoder-pro.wasm
  42. 61 0
      public/demo.html
  43. 二進制
      public/empty-bg.png
  44. 二進制
      public/favicon.ico
  45. 二進制
      public/icon1.png
  46. 二進制
      public/icon2.png
  47. 25 0
      public/index.html
  48. 1489 0
      public/jessibuca-pro-multi.d.ts
  49. 411 0
      public/jessibuca-pro-multi.js
  50. 107 0
      public/jessibuca-pro-talk.d.ts
  51. 1 0
      public/jessibuca-pro-talk.js
  52. 1465 0
      public/jessibuca-pro.d.ts
  53. 406 0
      public/jessibuca-pro.js
  54. 30 0
      public/map.html
  55. 二進制
      public/map/blueTrain.png
  56. 二進制
      public/map/camera.png
  57. 二進制
      public/map/camera1.png
  58. 二進制
      public/map/camera2.png
  59. 二進制
      public/map/greenTrain.png
  60. 79 0
      public/mapEsri.html
  61. 273 0
      public/multi-api.md
  62. 131 0
      public/talk-api.md
  63. 108 0
      public/upgrade.md
  64. 10 0
      public/vconsole.js
  65. 二進制
      public/video.mp3
  66. 411 0
      public/web-player-pro-multi.js
  67. 1 0
      public/web-player-pro-talk.js
  68. 406 0
      public/web-player-pro.js
  69. 16 0
      public/说明.txt
  70. 95 0
      src/App.vue
  71. 190 0
      src/api/account/camera.js
  72. 67 0
      src/api/account/line.js
  73. 99 0
      src/api/account/locomotiveMsg.js
  74. 60 0
      src/api/account/terminalManagement.js
  75. 125 0
      src/api/alarmList.js
  76. 43 0
      src/api/analogData.js
  77. 106 0
      src/api/departMentDict.js
  78. 34 0
      src/api/home.js
  79. 7 0
      src/api/index.js
  80. 34 0
      src/api/loginLog.js
  81. 55 0
      src/api/monitor.js
  82. 34 0
      src/api/operation.js
  83. 19 0
      src/api/personalCenter.js
  84. 17 0
      src/api/sdk.js
  85. 53 0
      src/api/sum.js
  86. 310 0
      src/api/sysManage.js
  87. 18 0
      src/api/systemMonitoring.js
  88. 9 0
      src/api/table.js
  89. 46 0
      src/api/user.js
  90. 179 0
      src/api/video.js
  91. 二進制
      src/assets/1.png
  92. 二進制
      src/assets/10.png
  93. 二進制
      src/assets/2.png
  94. 1 0
      src/assets/2.svg
  95. 1 0
      src/assets/3.svg
  96. 二進制
      src/assets/4.png
  97. 二進制
      src/assets/404_images/404.png
  98. 二進制
      src/assets/404_images/404_cloud.png
  99. 二進制
      src/assets/alarm.png
  100. 0 0
      src/assets/bg.png

+ 40 - 0
README.md

@@ -0,0 +1,40 @@
+## Build Setup
+
+```bash
+# 安装依赖
+npm install
+
+# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
+npm install --registry=https://registry.npm.taobao.org
+
+# 启动服务
+npm run dev
+```
+
+浏览器访问 [http://localhost:9528](http://localhost:9528)
+
+## 发布
+
+```bash
+# 构建测试环境
+npm run build:stage
+
+# 构建生产环境
+npm run build:prod
+```
+
+## 其它
+
+```bash
+# 预览发布环境效果
+npm run preview
+
+# 预览发布环境效果 + 静态资源分析
+npm run preview -- --report
+
+# 代码格式检查
+npm run lint
+
+# 代码格式检查并自动修复
+npm run lint -- --fix
+```

+ 13 - 0
babel.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  presets: [
+    // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
+    '@vue/cli-plugin-babel/preset'
+  ],
+  'env': {
+    'development': {
+      // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
+      // This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
+      'plugins': ['dynamic-import-node']
+    }
+  }
+}

+ 35 - 0
build/index.js

@@ -0,0 +1,35 @@
+const { run } = require('runjs')
+const chalk = require('chalk')
+const config = require('../vue.config.js')
+const rawArgv = process.argv.slice(2)
+const args = rawArgv.join(' ')
+
+if (process.env.npm_config_preview || rawArgv.includes('--preview')) {
+  const report = rawArgv.includes('--report')
+
+  run(`vue-cli-service build ${args}`)
+
+  const port = 9526
+  const publicPath = config.publicPath
+
+  var connect = require('connect')
+  var serveStatic = require('serve-static')
+  const app = connect()
+
+  app.use(
+    publicPath,
+    serveStatic('./dist', {
+      index: ['index.html', '/']
+    })
+  )
+
+  app.listen(port, function () {
+    console.log(chalk.green(`> Preview at  http://localhost:${port}${publicPath}`))
+    if (report) {
+      console.log(chalk.green(`> Report at  http://localhost:${port}${publicPath}report.html`))
+    }
+
+  })
+} else {
+  run(`vue-cli-service build ${args}`)
+}

+ 24 - 0
jest.config.js

@@ -0,0 +1,24 @@
+module.exports = {
+  moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
+  transform: {
+    '^.+\\.vue$': 'vue-jest',
+    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$':
+      'jest-transform-stub',
+    '^.+\\.jsx?$': 'babel-jest'
+  },
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1'
+  },
+  snapshotSerializers: ['jest-serializer-vue'],
+  testMatch: [
+    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
+  ],
+  collectCoverageFrom: ['src/utils/**/*.{js,vue}', '!src/utils/auth.js', '!src/utils/request.js', 'src/components/**/*.{js,vue}'],
+  coverageDirectory: '<rootDir>/tests/unit/coverage',
+  // 'collectCoverage': true,
+  'coverageReporters': [
+    'lcov',
+    'text-summary'
+  ],
+  testURL: 'http://localhost/'
+}

+ 9 - 0
jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+        "@/*": ["src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}

+ 57 - 0
mock/index.js

@@ -0,0 +1,57 @@
+const Mock = require('mockjs')
+const { param2Obj } = require('./utils')
+
+const user = require('./user')
+const table = require('./table')
+
+const mocks = [
+  ...user,
+  ...table
+]
+
+// for front mock
+// please use it cautiously, it will redefine XMLHttpRequest,
+// which will cause many of your third-party libraries to be invalidated(like progress event).
+function mockXHR() {
+  // mock patch
+  // https://github.com/nuysoft/Mock/issues/300
+  Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
+  Mock.XHR.prototype.send = function() {
+    if (this.custom.xhr) {
+      this.custom.xhr.withCredentials = this.withCredentials || false
+
+      if (this.responseType) {
+        this.custom.xhr.responseType = this.responseType
+      }
+    }
+    this.proxy_send(...arguments)
+  }
+
+  function XHR2ExpressReqWrap(respond) {
+    return function(options) {
+      let result = null
+      if (respond instanceof Function) {
+        const { body, type, url } = options
+        // https://expressjs.com/en/4x/api.html#req
+        result = respond({
+          method: type,
+          body: JSON.parse(body),
+          query: param2Obj(url)
+        })
+      } else {
+        result = respond
+      }
+      return Mock.mock(result)
+    }
+  }
+
+  for (const i of mocks) {
+    Mock.mock(new RegExp(i.url), i.type || 'get', XHR2ExpressReqWrap(i.response))
+  }
+}
+
+module.exports = {
+  mocks,
+  mockXHR
+}
+

+ 81 - 0
mock/mock-server.js

@@ -0,0 +1,81 @@
+const chokidar = require('chokidar')
+const bodyParser = require('body-parser')
+const chalk = require('chalk')
+const path = require('path')
+const Mock = require('mockjs')
+
+const mockDir = path.join(process.cwd(), 'mock')
+
+function registerRoutes(app) {
+  let mockLastIndex
+  const { mocks } = require('./index.js')
+  const mocksForServer = mocks.map(route => {
+    return responseFake(route.url, route.type, route.response)
+  })
+  for (const mock of mocksForServer) {
+    app[mock.type](mock.url, mock.response)
+    mockLastIndex = app._router.stack.length
+  }
+  const mockRoutesLength = Object.keys(mocksForServer).length
+  return {
+    mockRoutesLength: mockRoutesLength,
+    mockStartIndex: mockLastIndex - mockRoutesLength
+  }
+}
+
+function unregisterRoutes() {
+  Object.keys(require.cache).forEach(i => {
+    if (i.includes(mockDir)) {
+      delete require.cache[require.resolve(i)]
+    }
+  })
+}
+
+// for mock server
+const responseFake = (url, type, respond) => {
+  return {
+    url: new RegExp(`${process.env.VUE_APP_BASE_API}${url}`),
+    type: type || 'get',
+    response(req, res) {
+      console.log('request invoke:' + req.path)
+      res.json(Mock.mock(respond instanceof Function ? respond(req, res) : respond))
+    }
+  }
+}
+
+module.exports = app => {
+  // parse app.body
+  // https://expressjs.com/en/4x/api.html#req.body
+  app.use(bodyParser.json())
+  app.use(bodyParser.urlencoded({
+    extended: true
+  }))
+
+  const mockRoutes = registerRoutes(app)
+  var mockRoutesLength = mockRoutes.mockRoutesLength
+  var mockStartIndex = mockRoutes.mockStartIndex
+
+  // watch files, hot reload mock server
+  chokidar.watch(mockDir, {
+    ignored: /mock-server/,
+    ignoreInitial: true
+  }).on('all', (event, path) => {
+    if (event === 'change' || event === 'add') {
+      try {
+        // remove mock routes stack
+        app._router.stack.splice(mockStartIndex, mockRoutesLength)
+
+        // clear routes cache
+        unregisterRoutes()
+
+        const mockRoutes = registerRoutes(app)
+        mockRoutesLength = mockRoutes.mockRoutesLength
+        mockStartIndex = mockRoutes.mockStartIndex
+
+        console.log(chalk.magentaBright(`\n > Mock Server hot reload success! changed  ${path}`))
+      } catch (error) {
+        console.log(chalk.redBright(error))
+      }
+    }
+  })
+}

+ 29 - 0
mock/table.js

@@ -0,0 +1,29 @@
+const Mock = require('mockjs')
+
+const data = Mock.mock({
+  'items|30': [{
+    id: '@id',
+    title: '@sentence(10, 20)',
+    'status|1': ['published', 'draft', 'deleted'],
+    author: 'name',
+    display_time: '@datetime',
+    pageviews: '@integer(300, 5000)'
+  }]
+})
+
+module.exports = [
+  {
+    url: '/vue-admin-template/table/list',
+    type: 'get',
+    response: config => {
+      const items = data.items
+      return {
+        code: 20000,
+        data: {
+          total: items.length,
+          items: items
+        }
+      }
+    }
+  }
+]

+ 84 - 0
mock/user.js

@@ -0,0 +1,84 @@
+
+const tokens = {
+  admin: {
+    token: 'admin-token'
+  },
+  editor: {
+    token: 'editor-token'
+  }
+}
+
+const users = {
+  'admin-token': {
+    roles: ['admin'],
+    introduction: 'I am a super administrator',
+    avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
+    name: 'Super Admin'
+  },
+  'editor-token': {
+    roles: ['editor'],
+    introduction: 'I am an editor',
+    avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
+    name: 'Normal Editor'
+  }
+}
+
+module.exports = [
+  // user login
+  {
+    url: '/vue-admin-template/user/login',
+    type: 'post',
+    response: config => {
+      const { username } = config.body
+      const token = tokens[username]
+
+      // mock error
+      if (!token) {
+        return {
+          code: 60204,
+          message: 'Account and password are incorrect.'
+        }
+      }
+
+      return {
+        code: 20000,
+        data: token
+      }
+    }
+  },
+
+  // get user info
+  {
+    url: '/vue-admin-template/user/info\.*',
+    type: 'get',
+    response: config => {
+      const { token } = config.query
+      const info = users[token]
+
+      // mock error
+      if (!info) {
+        return {
+          code: 50008,
+          message: 'Login failed, unable to get user details.'
+        }
+      }
+
+      return {
+        code: 20000,
+        data: info
+      }
+    }
+  },
+
+  // user logout
+  {
+    url: '/vue-admin-template/user/logout',
+    type: 'post',
+    response: _ => {
+      return {
+        code: 20000,
+        data: 'success'
+      }
+    }
+  }
+]

+ 25 - 0
mock/utils.js

@@ -0,0 +1,25 @@
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+function param2Obj(url) {
+  const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
+  if (!search) {
+    return {}
+  }
+  const obj = {}
+  const searchArr = search.split('&')
+  searchArr.forEach(v => {
+    const index = v.indexOf('=')
+    if (index !== -1) {
+      const name = v.substring(0, index)
+      const val = v.substring(index + 1, v.length)
+      obj[name] = val
+    }
+  })
+  return obj
+}
+
+module.exports = {
+  param2Obj
+}

文件差異過大導致無法顯示
+ 19391 - 0
package-lock.json


+ 84 - 0
package.json

@@ -0,0 +1,84 @@
+{
+  "name": "vue-template",
+  "version": "4.4.0",
+  "description": "A vue admin template with Element UI & axios & iconfont & permission control & lint",
+  "author": "random",
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "build:prod": "vue-cli-service build",
+    "build:stage": "set NODE_OPTIONS=--openssl-legacy-provider & vue-cli-service build --mode staging",
+    "preview": "node build/index.js --preview",
+    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
+    "lint": "eslint --ext .js,.vue src",
+    "test:unit": "jest --clearCache && vue-cli-service test:unit",
+    "test:ci": "npm run lint && npm run test:unit"
+  },
+  "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
+    "@babel/types": "^7.21.5",
+    "@vue/composition-api": "^1.7.1",
+    "axios": "0.18.1",
+    "body-parser": "^1.20.2",
+    "core-js": "^3.29.0",
+    "crypto-js": "^4.1.1",
+    "dayjs": "^1.11.7",
+    "echarts": "^5.4.1",
+    "element-ui": "2.13.2",
+    "flv.js": "^1.6.2",
+    "hevue-img-preview": "^6.0.1",
+    "js-cookie": "2.2.0",
+    "normalize.css": "7.0.0",
+    "nprogress": "0.2.0",
+    "path-to-regexp": "2.4.0",
+    "portfinder": "^1.0.21",
+    "qrcodejs2": "^0.0.2",
+    "svg-baker-runtime": "^1.4.7",
+    "vue": "2.6.10",
+    "vue-router": "3.0.6",
+    "vuex": "3.1.0",
+    "vuex-persistedstate": "^4.1.0",
+    "webpack-dev-server": "^2.9.1"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "4.4.4",
+    "@vue/cli-plugin-eslint": "4.4.4",
+    "@vue/cli-plugin-unit-jest": "4.4.4",
+    "@vue/cli-service": "4.4.4",
+    "@vue/test-utils": "1.0.0-beta.29",
+    "autoprefixer": "9.5.1",
+    "babel-eslint": "^10.1.0",
+    "babel-jest": "23.6.0",
+    "babel-plugin-dynamic-import-node": "2.3.3",
+    "chalk": "2.4.2",
+    "connect": "3.6.6",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "6.2.2",
+    "html-webpack-plugin": "3.2.0",
+    "mockjs": "1.0.1-beta3",
+    "runjs": "4.3.2",
+    "sass": "1.26.8",
+    "sass-loader": "8.0.2",
+    "script-ext-html-webpack-plugin": "2.1.3",
+    "serve-static": "1.13.2",
+    "svg-sprite-loader": "4.1.3",
+    "svgo": "1.2.2",
+    "vue-template-compiler": "2.6.10"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions"
+  ],
+  "engines": {
+    "node": ">=8.9",
+    "npm": ">= 3.0.0"
+  },
+  "eslintConfig": {
+    "parser": "babel-eslint"
+  },
+  "license": "MIT",
+  "main": "babel.config.js",
+  "directories": {
+    "test": "tests"
+  },
+  "keywords": []
+}

文件差異過大導致無法顯示
+ 12482 - 0
pnpm-lock.yaml


+ 8 - 0
postcss.config.js

@@ -0,0 +1,8 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  'plugins': {
+    // to edit target browsers: use "browserslist" field in package.json
+    'autoprefixer': {}
+  }
+}

二進制
public/19241681291305_.pic.jpg


+ 664 - 0
public/SH-demo(1).html

@@ -0,0 +1,664 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org" lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <title>首页</title>
+    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> -->
+    <link rel="stylesheet" href="https://js.arcgis.com/3.16/esri/css/esri.css">
+    <script src="http://10.48.37.32:8080/arcgis_js_api/library/3.16/rgis/Rinit.js"></script>
+    <!-- <script src="https://js.arcgis.com/3.16/"></script> -->
+
+    <style>
+        html,
+        body {
+            height: 100%;
+            width: 100%;
+            margin: 0;
+            padding: 0;
+        }
+
+        .webMap {
+            height: 100%;
+            width: 100%;
+        }
+
+        .legend {
+            position: absolute;
+            bottom: 120px;
+            right: 24px;
+            border-radius: 6px;
+            background-color: #fff;
+            display: flex;
+            flex-direction: column;
+            gap: 6px;
+            z-index: 1;
+            padding: 12px;
+        }
+
+        .legend>div {
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+        }
+
+        #define {
+            cursor: pointer;
+            background: #fff;
+            padding: 12px;
+            text-align: center;
+            width: 100px;
+            position: absolute;
+            border-radius: 8px;
+        }
+
+        .info {
+            border: 1px solid #ccc;
+            position: absolute;
+            left: 0;
+            right: 0;
+            width: 60%;
+            margin: auto;
+            margin-top: 100px;
+            z-index: 1;
+            background: #fff;
+            padding-bottom: 12px;
+        }
+
+        .info>.head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 0 12px;
+            height: 40px;
+            border-bottom: 1px solid #ccc;
+        }
+
+        .info>.content {
+            display: flex;
+            gap: 12px;
+            padding: 12px;
+        }
+
+        .info>.content p {
+            margin-top: 0px;
+            margin-bottom: 6px;
+        }
+
+        .info>.foot {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
+        .esriPopupWrapper>div:first-child,
+        .esriPopupWrapper>div:nth-child(3) {
+            display: none;
+        }
+
+        #cameraTop {
+            width: 240px;
+            height: 130px;
+        }
+
+        #cameraTop>foreignObject {
+            width: 100%;
+            height: 100%;
+        }
+
+        #cameraTop .content {
+            font-size: 12px;
+            width: 100%;
+            height: 100%;
+            border-radius: 6px;
+            background: #fff;
+            border: 1px solid #ccc;
+            box-sizing: border-box;
+        }
+
+        #cameraTop .content>*:first-child {
+            display: flex;
+            justify-content: space-between;
+            padding: 6px;
+            border-bottom: 1px solid #ccc;
+            text-overflow: ellipsis;
+            overflow: hidden;
+        }
+
+
+        #cameraTop .content>*:first-child>div:first-child {
+            font-weight: bold;
+            font-size: 14px;
+        }
+
+        #cameraTop .content>*:first-child>div:last-child {
+            cursor: pointer;
+            transform: scale(1.3);
+        }
+
+        #cameraTop .content>*:first-child>div:last-child:hover {
+            color: red;
+        }
+
+        #cameraTop .content>*:last-child {
+            outline-style: none;
+            padding: 6px;
+            padding-top: 0;
+            margin: 0;
+        }
+
+        #cameraTop .content>*:last-child li {
+            margin-top: 10px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .highligh {
+            border: dashed #00f;
+            border-radius: 10px;
+        }
+
+        .esriPopup .contentPane {
+            padding: 0 !important;
+            background-color: unset !important;
+        }
+
+        .outerPointer.left {
+            z-index: 1;
+            box-shadow: none;
+            border-left: 1px solid #ccc;
+            border-bottom: 1px solid #ccc;
+            background: #fff;
+        }
+
+        .esriPopupWrapper {
+            width: 200px !important;
+            box-shadow: 0 4px 4px 0px #ccc !important;
+        }
+
+        #graphicsLayer3_layer>* {
+            cursor: pointer;
+        }
+
+        .sizer .content {
+            width: 100% !important;
+        }
+
+        #map111_graphics_layer {
+            display: none !important;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="define" style="display: none;">
+        <span>费奥军</span>
+        <img src="" height="20" width="6" alt="">
+        <span>费奥军11</span>
+        <div>11231231</div>
+    </div>
+    <!-- <div id="cameraTop">
+        <div class="content">
+            <div>
+                <div>XXX线路</div>
+                <div>×</div>
+            </div>
+            <ul>
+                <li><span>里程位置</span><span>k1+400km</span></li>
+                <li><span>里程范围</span><span>k1+400km</span></li>
+                <li><span>经纬度</span><span>k1+400km</span></li>
+            </ul>
+        </div>
+    </div> -->
+    <!-- <svg id="cameraTop" viewBox="0 0 220 122" font-size="12">
+        <rect x="10" y="10" width="200" height="102" fill="#fff" stroke="#ccc" rx="6"></rect>
+        <g>
+            <text x="18" y="28">XXX线路</text>
+            <text x="190" y="28">X</text>
+        </g>
+        <line x1="10" y1="38" x2="210" y2="38" stroke="#ccc"></line>
+        <g>
+            <text x="18" y="58">里程位置</text>
+            <text x="200" y="58" text-anchor="end">k1+400km</text>
+        </g>
+        <g>
+            <text x="18" y="78">里程范围</text>
+            <text x="200" y="78" text-anchor="end">k1+400km</text>
+        </g>
+        <g>
+            <text x="18" y="98">经纬度</text>
+            <text x="200" y="98" style="text-anchor:end">k1+400km</text>
+        </g>
+    </svg> -->
+    <!-- <div class=" info">
+                <div class="head">
+                    <div>报警信息提示</div>
+                    <div>❓</div>
+                </div>
+                <div class="content">
+                    <img src="" width="200" height="100" alt="">
+                    <div>
+                        <p>报警线路xx线路</p>
+                        <p>危岩落石 ,上行, 里程位置k1+400km</p>
+                        <p>2023.01.02 01:30:00</p>
+                    </div>
+                </div>
+                <div class="foot">
+                    <div
+                        style="text-align: center;line-height: 36px;cursor: pointer;width: 100px;height: 36px;color: #fff;background-color: #2866dd;">
+                        立即查看</div>
+                    <div onclick="infoShow()"
+                        style="border: 1px solid #2866dd ;text-align: center;line-height: 36px;cursor: pointer;;width: 100px;height: 36px;margin-left: 12px;">
+                        我知道了</div>
+                </div>
+                </div> -->
+    <div class="legend">
+        <div>
+            <img src="/map/blueTrain.png" width="32" height="32" alt="">
+            重车线
+        </div>
+        <div>
+            <img src="/map/greenTrain.png" width="32" height="32" alt="">
+            空车线
+        </div>
+    </div>
+    <div class="webMap" id="map111"></div>
+    <script>
+        function infoShow() {
+            document.body.querySelector('.info').style.display = 'none'
+        }
+        function throttle(fn, delay) {
+            let timer = null;
+            return function () {
+                let context = this;
+                let args = arguments;
+                if (!timer) {
+                    timer = setTimeout(function () {
+                        fn.apply(context, args);
+                        timer = null;
+                    }, delay);
+                }
+            }
+        }
+        self.addEventListener('message', (e) => {
+            if (typeof e.data === "boolean") {
+                cameraShow = e.data
+                cameraPoints.forEach(({ graphic }) => {
+                    e.data ? graphic.show() : (graphic.hide(), map.infoWindow.hide())
+                })
+                return
+            }
+            const { type, data } = e.data
+            if (type === 1)
+                vehicleList = data
+            else if (type === 2)
+                cameraList = data
+            else if (type === 3) {
+                searchInfo = data;
+                const cameraTops = self.document.querySelectorAll("#cameraTop")
+                cameraTops?.forEach?.(item => {
+                    searchInfo.camera === item?.dataset?.index ?
+                        item.classList.add("highligh") :
+                        item.classList.remove("highligh")
+                })
+            }
+            generatePoints()
+        }, false)
+        let mapLoaded = false
+        let vehicleList = []
+        let cameraList = []
+        let blue
+        let green
+        let camera
+        let panelPoints = []
+        let cameraPoints = []
+        let cameraShow = true
+        let searchInfo = {
+            camera: '',
+            vehicle: ''
+        }
+        let topInfo = {
+            1: {
+                start: '神池南',
+                end: '黄骅港'
+            },
+            2: {
+                start: '神池南',
+                end: '黄骅港'
+            }
+        }
+        var map;
+        var graphicsLayer;
+        var mapObject;
+        var Point
+        var PictureMarkerSymbol
+        var Graphic
+        var webMercatorUtils
+        var InfoTemplate
+        var InfoWindow
+        var GraphicsLayer
+        require([
+            "esri/map",
+            "esri/InfoTemplate",
+            "esri/dijit/InfoWindow",
+            "esri/geometry/Extent",
+            "esri/geometry/Point",
+            "esri/geometry/Polyline",
+            "esri/layers/ArcGISDynamicMapServiceLayer",
+            "esri/layers/ArcGISTiledMapServiceLayer",
+            "esri/layers/GraphicsLayer",
+            "esri/symbols/SimpleLineSymbol",
+            "esri/symbols/SimpleMarkerSymbol",
+            "esri/symbols/TextSymbol",
+            "esri/symbols/Font",
+            "esri/Color",
+            "esri/graphic",
+            "esri/geometry/webMercatorUtils",
+            "esri/SpatialReference",
+            "esri/geometry/Circle",
+            "esri/symbols/SimpleFillSymbol",
+            "esri/symbols/PictureMarkerSymbol",
+            "dojo/domReady!"
+        ], function (Map, _InfoTemplate, _InfoWindow, Extent, _Point, Polyline, ArcGISDynamicMapServiceLayer, ArcGISTiledMapServiceLayer, _GraphicsLayer, SimpleLineSymbol,
+            SimpleMarkerSymbol, TextSymbol, Font, Color, _Graphic, _webMercatorUtils, SpatialReference, Circle, SimpleFillSymbol, _PictureMarkerSymbol, SwipeTool) {
+            Point = _Point
+            PictureMarkerSymbol = _PictureMarkerSymbol
+            Graphic = _Graphic
+            webMercatorUtils = _webMercatorUtils
+            InfoTemplate = _InfoTemplate
+            InfoWindow = _InfoWindow
+            GraphicsLayer = _GraphicsLayer
+            map = new Map("map111", {
+                logo: false,
+                autoResize: true,
+                // sliderPosition: "bottom-right",
+                center: [114.906005859375, 38.38897705078125],
+                scale: 4017396,
+            });
+            var layer = new ArcGISDynamicMapServiceLayer("http://10.48.37.32:8080/OneMapServer/rest/services/BaseMap_write/MapServer")
+            // var layer = new ArcGISDynamicMapServiceLayer("https://services.arcgisonline.com/ArcGIS/rest/services/World_Terrain_Base/MapServer")
+            var xlLayer = new ArcGISDynamicMapServiceLayer("http://10.48.37.32:8080/OneMapServer/rest/services/SH_XL/MapServer")
+            var czLayer = new ArcGISDynamicMapServiceLayer("http://10.48.37.32:8080/OneMapServer/rest/services/SH_CZ/MapServer")
+            map.addLayer(layer);
+            map.addLayer(xlLayer);
+            map.addLayer(czLayer);
+            graphicsLayer = new GraphicsLayer()
+            map.addLayer(graphicsLayer)
+            map.on('load', () => {
+                mapLoaded = true
+                blue = new PictureMarkerSymbol('/map/blueTrain.png', 32, 32)
+                green = new PictureMarkerSymbol('/map/greenTrain.png', 32, 32)
+                camera = new PictureMarkerSymbol('/map/camera1.png', 60, 60)
+                // camera = new PictureMarkerSymbol('https://bpic.588ku.com/element_origin_min_pic/16/10/28/d438fb1a4c9de459ff7736b050f77199.jpg', 32, 32)
+                // blue = new PictureMarkerSymbol('https://img0.baidu.com/it/u=1482373880,50717570&fm=253&fmt=auto&app=138&f=JPG?w=500&h=500', 32, 32)
+                generatePoints()
+            })
+            graphicsLayer.on('click', (e) => {
+                console.log(e, 1111111)
+                e.graphic.symbol.data &&
+                    self.parent.postMessage({
+                        name: e.graphic.symbol.name,
+                        data: e.graphic.symbol.data
+                    })
+
+                //     if (e.graphic?.attributes?.show) {
+                //         if (cameraPoints[e.graphic.attributes.index].active) {
+                //             cameraPoints[e.graphic.attributes.index].active = false
+                //             cameraPoints[e.graphic.attributes.index].topPanel.hide()
+                //         } else {
+                //             cameraPoints[e.graphic.attributes.index].active = true
+                //             cameraPoints[e.graphic.attributes.index].topPanel.show()
+                //         }
+                //     }
+            })
+        })
+        const vehicleList1 = [
+            {
+                "ids": null,
+                "id": 79,
+                "vehicleCode": "HXD1 7084A",
+                "vehicleName": "",
+                "createBy": "af09aac6340744d6be5b64b1697d7415",
+                "createTime": "2023-10-18 15:05:32",
+                "updateBy": "c0917e58bb254c7b825a6ce974e42d96",
+                "updateTime": "2023-10-19 09:58:19",
+                "terminalName": "车载终端01",
+                "remark": "神华号",
+                "vehicleTerminalDto": {
+                    "id": "44",
+                    "terminalCode": "CZZD06",
+                    "vehicleCode": "HXD1 7084A",
+                    "vehicleName": null,
+                    "lineDir": "2",
+                    "travelMile": 196500,
+                    "terminalLongitude": "114.38200",
+                    "terminalLatitude": "39.2284",
+                    "railwayName": null,
+                    "railwayCode": "SHTL"
+                }
+            },
+            {
+                "ids": null,
+                "id": 80,
+                "vehicleCode": "HXD1 7084B",
+                "vehicleName": "",
+                "createBy": "af09aac6340744d6be5b64b1697d7415",
+                "createTime": "2023-10-18 15:11:50",
+                "updateBy": "c0917e58bb254c7b825a6ce974e42d96",
+                "updateTime": "2023-10-19 09:58:13",
+                "terminalName": "车载终端02",
+                "remark": "神华号",
+                "vehicleTerminalDto": {
+                    "id": "42",
+                    "terminalCode": "CZZD08",
+                    "vehicleCode": "HXD1 7084B",
+                    "vehicleName": null,
+                    "lineDir": "1",
+                    "travelMile": 49822,
+                    "terminalLongitude": "113.7253",
+                    "terminalLatitude": "38.3942",
+                    "railwayName": null,
+                    "railwayCode": "SHTL"
+                }
+            }
+        ]
+        const cameraList1 = [
+            {
+                "ids": null,
+                "id": 79,
+                "vehicleCode": "HXD1 7084A",
+                "vehicleName": "",
+                "createBy": "af09aac6340744d6be5b64b1697d7415",
+                "createTime": "2023-10-18 15:05:32",
+                "updateBy": "c0917e58bb254c7b825a6ce974e42d96",
+                "updateTime": "2023-10-19 09:58:19",
+                "terminalName": "车载终端01",
+                "remark": "神华号",
+                installLongitude: "115.7253",
+                installLatitude: "38.3942",
+                cameraCode: "123",
+                "vehicleTerminalDto": {
+                    "id": "44",
+                    "terminalCode": "CZZD06",
+                    "vehicleCode": "HXD1 7084A",
+                    "vehicleName": null,
+                    "lineDir": "1",
+                    "travelMile": 48018,
+                    "terminalLongitude": "114.38200",
+                    "terminalLatitude": "39.2284",
+                    "railwayName": null,
+                    "railwayCode": "SHTL"
+                }
+            },
+            {
+                "ids": null,
+                "id": 80,
+                "vehicleCode": "HXD1 7084B",
+                "vehicleName": "",
+                "createBy": "af09aac6340744d6be5b64b1697d7415",
+                "createTime": "2023-10-18 15:11:50",
+                "updateBy": "c0917e58bb254c7b825a6ce974e42d96",
+                "updateTime": "2023-10-19 09:58:13",
+                "terminalName": "车载终端02",
+                "remark": "神华号",
+                installLongitude: "114.7253",
+                installLatitude: "38.3942",
+                cameraCode: "234",
+                "vehicleTerminalDto": {
+                    "id": "42",
+                    "terminalCode": "CZZD08",
+                    "vehicleCode": "HXD1 7084B",
+                    "vehicleName": null,
+                    "lineDir": "1",
+                    "travelMile": 49822,
+                    "terminalLongitude": "113.7253",
+                    "terminalLatitude": "38.3942",
+                    "railwayName": null,
+                    "railwayCode": "SHTL"
+                }
+            }
+        ]
+        function createTopPanelGraphic(point, item) {
+            const scale = 2;
+            let width = 160 * scale, height = 80 * scale
+            const arrowLen = 50
+            const cvs = document.createElement('canvas')
+            cvs.width = width
+            cvs.height = height
+            const ctx = cvs.getContext('2d')
+            ctx.translate(0.5, 0.5)
+            ctx.save()
+            ctx.beginPath()
+            ctx.roundRect(20, 20, width - 40, height - 40, 6)
+            ctx.fillStyle = '#fff'
+            ctx.strokeStyle = '#ccc'
+            ctx.shadowColor = item.data.lineDir === 1 ? '#006aef' : '#38e731'
+            // ctx.shadowOffsetY = 4
+            ctx.shadowBlur = 20
+            ctx.stroke()
+            ctx.fill()
+            ctx.restore()
+            if (searchInfo.vehicle === item.id) {
+                ctx.save()
+                ctx.beginPath()
+                ctx.lineWidth = 4
+                ctx.strokeStyle = '#00f'
+                ctx.setLineDash([5, 5])
+                ctx.roundRect(20, 20, width - 40, height - 40, 6)
+                ctx.stroke()
+                ctx.restore()
+            }
+            ctx.fillStyle = '#000'
+            ctx.font = `bold ${12 * scale}px serif`
+            ctx.textAlign = "right"
+            ctx.fillText(item.direct ? item.start : item.end, width / 2 - arrowLen / 2 - 10, 30 * scale)
+            // const x = width / 2 - arrowLen / 2, y = 20 * scale + 4 * scale, w = arrowLen - 10, h = 4 * scale
+            const w = arrowLen - 10, h = 4 * scale
+            ctx.save()
+            ctx.translate(width / 2 - arrowLen / 2 + (arrowLen - 10) / 2, 20 * scale + 4 * scale + 4 * scale / 2)
+            if (item.direct) {
+                ctx.fillRect(-w / 2, -h / 2, w, h)
+                ctx.fill(new Path2D(`m${arrowLen / 2 - 10} ${-h / 2 - 4}L${arrowLen / 2} 0L${arrowLen / 2 - 10} ${h / 2 + 4}z`))
+            }
+            else {
+                ctx.rotate(Math.PI)
+                ctx.fillRect(-w / 2, -h / 2, w, h)
+                ctx.fill(new Path2D(`m${arrowLen / 2 - 10} ${-h / 2 - 4}L${arrowLen / 2} 0L${arrowLen / 2 - 10} ${h / 2 + 4}z`))
+            }
+            ctx.restore()
+            ctx.textAlign = "left"
+            ctx.fillText(item.direct ? item.end : item.start, width / 2 + arrowLen / 2 + 10, 30 * scale)
+            ctx.textAlign = "center"
+            ctx.fillText(item.code, width / 2, height - 20 * scale)
+            const url = cvs.toDataURL('image/png', 1)
+            const symbol = new PictureMarkerSymbol({ url, width: 160, height: 80, yoffset: 52, name: item.name, data: item.data })
+            return new Graphic(point, symbol)
+        }
+
+        function createCameraInfo(point, item) {
+            const temp = document.querySelector('#cameraTop').cloneNode(true)
+            temp.style.display = 'block'
+            const svgUrl = new XMLSerializer().serializeToString(temp)
+            try {
+                const url = 'data:image/svg+xml;base64,' + btoa(unescape(encodeURIComponent(svgUrl)))
+                return new Graphic(point, new PictureMarkerSymbol({ url, width: 220, height: 122, yoffset: 52 }))
+            } catch (e) {
+                console.error(e)
+            }
+        }
+        function closeInfo(index) {
+            map.infoWindow.hide()
+        }
+        function generatePoints() {
+            if (!mapLoaded) return
+            graphicsLayer.clear()
+            panelPoints = []
+            cameraPoints = []
+            for (let i = 0; i < vehicleList.length; i++) {
+                const item = vehicleList[i];
+                console.log(i, item)
+                let picSymbol
+                if (item.vehicleTerminalDto?.lineDir === 1)
+                    picSymbol = blue
+                else if (item.vehicleTerminalDto?.lineDir === 2)
+                    picSymbol = green
+                var point = new Point(parseFloat(+item.vehicleTerminalDto?.terminalLongitude), parseFloat(+item.vehicleTerminalDto?.terminalLatitude), map.spatialReference);
+                panelPoints.push({ point, item })
+                var webMercator = webMercatorUtils.geographicToWebMercator(point);
+                point.x = webMercator.x
+                point.y = webMercator.y
+                picSymbol.name = item.remark
+                const lineDir = item.vehicleTerminalDto?.lineDir
+                picSymbol.data = {
+                    lineDir: lineDir,
+                    travelMile: item.vehicleTerminalDto?.travelMile,
+                    railwayCode: item.vehicleTerminalDto?.railwayCode
+                }
+                const graphic = new Graphic(point, picSymbol, item, '')
+                graphicsLayer.add(graphic)
+                graphicsLayer.add(createTopPanelGraphic(point, {
+                    start: topInfo[lineDir]?.start, end: topInfo[lineDir]?.end, code: '火车编号:' + item.vehicleTerminalDto?.vehicleCode, direct: lineDir === 1,
+                    id: item.vehicleTerminalDto?.vehicleCode,
+                    name: item.remark,
+                    data: picSymbol.data
+                })); // direct表示箭头方向:true向右,false向左
+            }
+            for (let i = 0; i < cameraList.length; i++) {
+                const item = cameraList[i];
+                var point = new Point(parseFloat(+item.installLongitude), parseFloat(+item.installLatitude), map.spatialReference);
+                var webMercator = webMercatorUtils.geographicToWebMercator(point);
+                point.x = webMercator.x
+                point.y = webMercator.y
+                const graphic = new Graphic(point, camera, { show: true, data: item, index: i, active: false }, '')
+                const topPanel = new InfoTemplate(item.vehicleCode, `
+                <div id="cameraTop" data-index="${item.cameraCode}" class="${item.cameraCode === searchInfo.camera ? 'highligh' : ''}">
+                    <div class="content">
+                        <div>
+                            <div>${item.railwayName}</div>
+                            <div onclick="closeInfo(${i})">×</div>
+                        </div>
+                        <ul>
+                            <li><span>里程位置</span><span>${item.installMiles}</span></li>
+                            <li><span>里程范围</span><span>${item.milesRange}</span></li>
+                            <li><span>经纬度</span><span>${item.installLatitude},${item.installLongitude}</span></li>
+                        </ul>
+                    </div>
+                </div>
+                `)
+                map.infoWindow.anchor = 'top'
+                graphic.setInfoTemplate(topPanel)
+                graphicsLayer.add(graphic)
+                cameraPoints.push({ graphic, topPanel, point });
+                cameraShow ? graphic.show() : graphic.hide();
+                //     graphic.draw()
+                if (searchInfo.camera === item.cameraCode) {
+                    // map.infoWindow.show(point)
+                    map.infoWindow.show(point);
+                    map.infoWindow.setFeatures([graphic]);
+                }
+            }
+        }
+    </script>
+</body>
+
+</html>

二進制
public/SketchPng0b0556e16d6c95993fcd5b96046898f4cc5939d7fe71cc1a8419e0c9ec506b58.png


二進制
public/SketchPng1f1ff6c34c2be4410ce5e77f6011f06ad96b4b58e4ba8a411bcdb9b8aa3d5a26.png


二進制
public/SketchPng235888bcfa71bd61b35d5ce92ebc08c82145533f132a4cd32b1b7b3625893655.png


二進制
public/SketchPng261292b73d4834e8d0483c7fbf3bf336c354210be875c407ff5c8215862500bc.png


二進制
public/SketchPng328cf3d13d3c361a915529d46378aca4b07c825e2a8a90a51317d5c3537ad502.png


二進制
public/SketchPng4084ace84ffba2b4ef7eb9925fb5a42352d3234a2703aa91e5d8dfd44e226bc3.png


二進制
public/SketchPng4202e1c9cd6ca318fb584a059513163abd4922e1fa9f520831008113487186ee.png


二進制
public/SketchPng70ca5d3dbecfc154738dd1f1278ebb864e07003d101ef4732b74a4f38a88dd41.png


二進制
public/SketchPng712a6d1c28f4ee1b8590051b83d42215de2b724e0253d21aa8d833935e402435.png


二進制
public/SketchPng7350e73a3bb82367dcbbe6dd876246a9c2e9f82c177c89e9c8744843a49b0a3d.png


二進制
public/SketchPng7a0d3a448fbd81392f6cb18b3a6e238f15d038c9a009e420e3b835b26f77a085.png


二進制
public/SketchPnga68370626d212156593358873aab056573fc4b5b223b629d997f16fe4fa61761.png


二進制
public/SketchPngb4ae23a3bd7396a8f133c50d96bc9a8bec0c4d12b8f5c8310591b24d152f3851.png


二進制
public/SketchPngb97ab495293d4ff1fdce169d0e597a4060a76f199d548072228e3937d361369b.png


二進制
public/SketchPngd2ce85e329d882b040926f2ae726f8036b0872371b9838edf9e1cc7620005474.png


+ 58 - 0
public/_down_initMap.html

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
+    <script type="text/javascript" src="http://172.20.98.215:8080/arcgis_js_api/library/3.22/rgis/Rinit.js"></script>
+    <title></title>
+    <style type="text/css">
+        *{
+            margin: 0;
+            padding: 0;
+        }
+        html, body, #map{
+            height: 100%;
+            width: 100%;
+        }
+    </style>
+    <script>
+        var host="http://172.17.109.19:8080";
+        var serverIP="http://172.17.109.19:8080";
+        var itemName="/Portal";
+        var map_wkid = "4490";
+
+        window.urlPath = host;
+        document.write("<script src='http://172.17.109.19:8080/Portal/arcgis2D.js'><\/script>");
+        document.write('<script src="'+host+itemName+'/js/jquery/jquery-1.9.1.min.js"><\/script>');
+    </script>
+</head>
+<body>
+<div id="map"></div>
+</body>
+<script type="text/javascript">
+    var map;
+    require([
+        "esri/map",
+        "rgis/tools/TokenUtil",
+        "rgis/layers/TianDiTuLayer",
+        "esri/layers/ArcGISDynamicMapServiceLayer",
+        "esri/geometry/Extent",
+        "dojo/domReady!"
+    ], function (Map,TokenUtil, TianDiTuLayer,ArcGISDynamicMapServiceLayer, Extent) {
+        map = new Map("map", {
+                logo: false,
+                sliderPosition: "bottom-right",
+                sliderStyle: "small"
+              
+        });
+		var layer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/BaseMap_white/MapServer")
+		var xlLayer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/SH_XL/MapServer")
+		var czLayer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/SH_CZXL_V2/MapServer")
+
+		map.addLayer(layer)
+		map.addLayer(xlLayer)
+		map.addLayer(czLayer)
+    });
+</script>
+</html>

文件差異過大導致無法顯示
+ 2647 - 0
public/api.md


二進制
public/back.png


二進制
public/bg.jpg


文件差異過大導致無法顯示
+ 14 - 0
public/decoder-pro-audio.js


二進制
public/decoder-pro-audio.wasm


文件差異過大導致無法顯示
+ 14 - 0
public/decoder-pro-simd.js


二進制
public/decoder-pro-simd.wasm


文件差異過大導致無法顯示
+ 14 - 0
public/decoder-pro.js


二進制
public/decoder-pro.wasm


+ 61 - 0
public/demo.html

@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<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">
+  <title>Document</title>
+  <style>
+    body>#video {
+      width: 100vw;
+      height: 100vh;
+      background: #000;
+      text-align: center;
+    }
+
+    * {
+      padding: 0;
+      margin: 0;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="video"></div>
+  <script src="./jessibuca-pro-multi.js"></script>
+  <script>
+    let urlString = window.location.href;
+    // 获取 URL 中的参数部分
+    let searchParams = new URLSearchParams(window.location.search);
+    const url = searchParams.get('url')
+    var jessibuca = new JessibucaPro({
+      container: video,
+      videoBuffer: 0.2, // 缓存时长
+      isResize: true,
+      text: "",
+      loadingText: "加载中",
+      useMSE: true,
+      useSIMD: true,
+      autoWasm: true,
+      // debug: true,
+      // debugLevel: "debug",
+      controlAutoHide: true,
+      showBandwidth: false, // 显示网速
+      operateBtns: {
+        fullscreen: true,
+        screenshot: true,
+        play: true,
+        audio: true,
+      },
+      forceNoOffscreen: true,
+      useWebFullScreen: true,
+      isNotMute: false,
+      loadingTimeoutReplayTimes: -1,
+      heartTimeoutReplayTimes: -1,
+    });
+    jessibuca.play(url);
+  </script>
+</body>
+
+</html>

二進制
public/empty-bg.png


二進制
public/favicon.ico


二進制
public/icon1.png


二進制
public/icon2.png


+ 25 - 0
public/index.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= webpackConfig.name %></title>
+  </head><link rel="stylesheet" href="https://unpkg.byted-static.com/xgplayer/3.0.0-next.42/dist/index.min.css"/>
+
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= webpackConfig.name %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <audio src="./video.mp3"></audio>
+    <script charset="utf-8" src="https://unpkg.byted-static.com/xgplayer/3.0.0-next.42/dist/index.min.js"></script>
+
+<script charset="utf-8" src="https://unpkg.byted-static.com/xgplayer-flv/3.0.0-next.13/dist/index.min.js"></script>
+<!-- <script src="./jessibuca-pro-multi-demo.js"></script> -->
+<!-- <script src="./jessibuca-pro-delay-time.js"></script> -->
+<script src="./jessibuca-pro-multi.js"></script>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

文件差異過大導致無法顯示
+ 1489 - 0
public/jessibuca-pro-multi.d.ts


文件差異過大導致無法顯示
+ 411 - 0
public/jessibuca-pro-multi.js


+ 107 - 0
public/jessibuca-pro-talk.d.ts

@@ -0,0 +1,107 @@
+
+declare namespace JessibucaProTalk {
+    enum EVENTS {
+        talkStreamClose = 'talkStreamClose',
+        talkStreamError = 'talkStreamError',
+        talkStreamInactive = 'talkStreamInactive',
+        talkGetUserMediaTimeout = 'talkGetUserMediaTimeout'
+    }
+
+    interface Config {
+        // 语音编码类型,支持`g711a`和`g711u`,默认是`g711a`
+        encType: string,
+        // 语音包类型,支持`rtp`,默认是`rtp`
+        packetType: string,
+        // rtp包的ssrc,10位
+        rtpSsrc: string,
+        // 采样通道
+        numberChannels: number,
+        // 采样率
+        sampleRate: number,
+        // 采样精度
+        sampleBitsWidth: number,
+        // 是否开启debug模式
+        debug: boolean,
+        // debug模式下的日志级别,支持`debug`、`warn`,默认是`warn`
+        debugLevel: string,
+        //   是否开启测试麦克风,不连接ws
+        testMicrophone: boolean,
+        // 语音引擎,支持`worklet`和`script`,默认是`worklet`
+        engine: string,
+        // 是否开启检测getUserMedia超时
+        checkGetUserMediaTimeout: boolean,
+        // getUserMedia超时时间,单位ms
+        getUserMediaTimeout: number
+    }
+}
+
+
+declare class JessibucaProTalk {
+    constructor(config?: JessibucaProTalk.Config);
+
+    /**
+     * 开启语音
+     * @param wsUrl
+     * @param options
+     */
+    startTalk(wsUrl, options: JessibucaProTalk.Config): Promise<any>;
+
+
+    /**
+     * 关闭语音
+     */
+    stopTalk(): Promise<any>;
+
+    /**
+     * 获取语音音量
+     * * 返回值是一个0-100的数字,表示当前语音音量
+     */
+    getTalkVolume(): Promise<Number>;
+
+    /**
+     * 设置语音音量
+     * @param volume 0-100的数字,表示当前语音音量
+     */
+    setTalkVolume(volume: number): Promise<any>;
+
+
+    /**
+     * 监听ws 断开
+     * @param event
+     * @param callback
+     */
+    on(event: JessibucaProTalk.EVENTS.talkStreamClose, callback: Function): void;
+
+    /**
+     * 监听 ws error
+     * @param event
+     * @param callback
+     */
+    on(event: JessibucaProTalk.EVENTS.talkStreamError, callback: Function): void;
+
+
+    /**
+     * 监听 stream oninactive
+     * @param event
+     * @param callback
+     */
+    on(event: JessibucaProTalk.EVENTS.talkStreamInactive, callback: Function): void;
+
+    /**
+     * 检查 getUserMedia 超时
+     * @param event
+     * @param callback
+     */
+    on(event: JessibucaProTalk.EVENTS.talkGetUserMediaTimeout, callback: Function): void;
+
+    /**
+     * 监听方法
+     *
+     @example
+
+     JessibucaProTalk.on("talkStreamClose",function(){console.log('talkStreamClose')})
+     */
+    on(event: string, callback: Function): void;
+}
+
+export default JessibucaProTalk;

文件差異過大導致無法顯示
+ 1 - 0
public/jessibuca-pro-talk.js


文件差異過大導致無法顯示
+ 1465 - 0
public/jessibuca-pro.d.ts


文件差異過大導致無法顯示
+ 406 - 0
public/jessibuca-pro.js


+ 30 - 0
public/map.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<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">
+  <title>Document</title>
+  <style>
+    *{
+      padding: 0;
+      margin: 0;
+    }
+    html{
+      
+    height: 100%;
+    overflow: hidden;
+    }
+  </style>
+</head>
+<body>
+  <div>
+    <iframe style="
+    width: 100%;
+    height: 99.5vh;"
+    src="https://ditu.amap.com/?amapexchange=%2F"
+    frameborder="0" 
+  ></iframe>
+  </div>
+</body>
+</html>

二進制
public/map/blueTrain.png


二進制
public/map/camera.png


二進制
public/map/camera1.png


二進制
public/map/camera2.png


二進制
public/map/greenTrain.png


+ 79 - 0
public/mapEsri.html

@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org" lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <title>首页</title>
+  <script type="text/javascript" src="http://172.20.98.215:8080/arcgis_js_api/library/3.22/rgis/Rinit.js"></script>
+  <style>
+    html,
+    body {
+      height: 100%;
+      width: 100%;
+      margin: 0;
+      padding: 0;
+    }
+
+    .webMap {
+      height: 100%;
+      width: 100%;
+    }
+  </style>
+</head>
+
+<body>
+  <div class="webMap" id="map111"></div>
+  <script>
+    var map;
+    require([
+      "esri/map",
+      "rgis/tools/TokenUtil",
+      "rgis/tools/RFindUtil",
+      "rgis/tools/RMeasure",
+      "rgis/layers/TianDiTuLayer",
+      "esri/geometry/Extent",
+      "esri/geometry/Point",
+      "esri/geometry/Polyline",
+      "esri/layers/ArcGISDynamicMapServiceLayer",
+      "esri/layers/ArcGISTiledMapServiceLayer",
+      "esri/layers/GraphicsLayer",
+      "esri/symbols/SimpleLineSymbol",
+      "esri/symbols/SimpleMarkerSymbol",
+      "esri/symbols/TextSymbol",
+      "esri/symbols/Font",
+      "esri/Color",
+      "esri/graphic",
+      "esri/geometry/webMercatorUtils",
+      "esri/SpatialReference",
+      "esri/geometry/Circle",
+      "esri/symbols/SimpleFillSymbol",
+      "esri/symbols/PictureMarkerSymbol",
+      "rgis/layers/echarts.min",
+      "dojo/domReady!"
+    ], function (Map, TokenUtil, RFindUtil, RMeasure, TianDiTuLayer, Extent, Point, Polyline, ArcGISDynamicMapServiceLayer, ArcGISTiledMapServiceLayer, GraphicsLayer, SimpleLineSymbol,
+      SimpleMarkerSymbol, TextSymbol, Font, Color, Graphic, webMercatorUtils, SpatialReference, Circle, SimpleFillSymbol, PictureMarkerSymbol, echarts, SwipeTool) {
+
+      map = new Map("map111", {
+        logo: false,
+        sliderPosition: "bottom-right",
+        extent: new Extent({
+          xmax: 120.179443359375,
+          xmin: 109.632568359375,
+          ymax: 41.0504150390625,
+          ymin: 35.7275390625,
+          spatialReference: { wkid: 4490 }
+        })
+      });
+
+      var layer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/BaseMap_white/MapServer")
+      var xlLayer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/SH_XL/MapServer")
+      var czLayer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/SH_CZXL_V2/MapServer")
+      map.addLayer(layer);
+      map.addLayer(xlLayer);
+      map.addLayer(czLayer);
+
+    })
+  </script>
+</body>
+
+</html>

+ 273 - 0
public/multi-api.md

@@ -0,0 +1,273 @@
+# 播放器(Multi)API
+
+## JessibucaProMulti(options)
+
+options 支持的参数有:
+
+### container
+
+等同于 `JessibucaPro` 的 `container` 参数
+
+### maxSplit
+
+- **类型**:`number`
+- **默认值**:`4`
+- **用法**:
+
+最大分屏数
+
+### split
+
+- **类型**:`number`
+- **默认值**:`1`
+- **用法**:
+
+当前分屏数
+
+### style
+
+- **类型**:`number`
+- **默认值**:`1`
+- **参数**:
+    - `{string} border`  `选填` 边框颜色 `默认:#343434`
+    - `{string} borderSelect` `选填`  边框选中颜色 `默认:#FFCC00`
+    - `{string} background` `选填`  背景颜色 `默认:#000`
+
+### supportDblclickContainerFullscreen
+
+- **类型**:`boolean`
+- **默认值**:`false`
+- **用法**:
+
+是否支持双击单个播放窗口,使之全屏到container容器大小。
+
+> 双击切换container内全屏/取消全屏
+
+> 如果设置为true了,则会影响 `supportDblclickFullscreen` 这个参数的生效。默认会在内部把`supportDblclickFullscreen` 改为false。
+
+### 其他参数
+
+其他参数等同于 `JessibucaPro` 的参数
+
+## 静态变量
+
+### MULTI_EVENTS
+
+事件里面的`key`值
+
+播放器对外的事件
+
+```js
+jessibucaPro.on(JessibucaPro.MULTI_EVENTS.blur, () => {
+    // 窗口不可见
+})
+```
+
+### ERROR
+
+播放器对外的事件
+
+等同于 `JessibucaPro` 的 `ERROR`
+
+事件`error`里面的value 的值
+
+### EVENTS
+
+播放器对外的事件
+
+等同于 `JessibucaPro` 的 `EVENTS`
+
+事件里面的`key`值
+
+```js
+jessibucaPro.on(JessibucaPro.EVENTS.selected, () => {
+    // 窗口不可见
+})
+```
+
+## 方法
+
+### destroySingle(windowIndex)
+- **参数**:
+    - `{number} windowIndex` `选填`  窗口下标(从0开始),如果不传,则销毁目前选中的窗口
+- **返回**:
+    - `{Promise}`
+- **用法**: 销毁单个播放窗口播放器实例
+
+```js
+jessibucaPro.destroySingle(0).then(() => {
+    // 销毁成功
+}).catch((error) => {
+    // 销毁失败
+})
+```
+
+
+### destroy()
+- **返回**:
+    - `{Promise}`
+- **用法**: 销毁整个jessibucaProMulti实例
+
+```js
+
+jessibucaPro.destroy().then(() => {
+    // 销毁成功
+}).catch((error) => {
+    // 销毁失败
+})
+```
+
+### setFullscreenMulti(flag)
+- **参数**:
+    - `{boolean} flag` `必填`  是否全屏
+- **返回**:
+    - `{Promise}`
+- **用法**: 整个播放全屏/取消全屏
+
+
+```js
+jessibucaPro.setFullscreenMulti(true).then(() => {
+    // 全屏成功
+}).catch((error) => {
+    // 全屏失败
+})
+
+jessibucaPro.setFullscreenMulti(false).then(() => {
+    // 取消全屏成功
+}).catch((error) => {
+    // 取消全屏失败
+})
+```
+
+
+### selectWindow(windowIndex)
+- **参数**:
+    - `{number} windowIndex` `选填`  窗口下标(从0开始),如果不传,则销毁目前选中的窗口
+- **返回**:
+    - `{void}`
+- **用法**: 选择某个播放窗口
+
+
+
+### arrangeWindow(split)
+- **参数**:
+    - `{number|string} split` `必填` 数量 num: `1`, `2`, `3`, `4`, 特殊 str: `'3-1'`,`'4-1'`
+- **返回**:
+    - `{void}`
+- **用法**: 切换分屏数 `1*1`,`2*2`,`3*3`,`4*4` `不规则尺寸3-1`,`不规则尺寸4-1`
+
+```js
+jessibucaPro.arrangeWindow(1)
+jessibucaPro.arrangeWindow(2)
+jessibucaPro.arrangeWindow(3)
+jessibucaPro.arrangeWindow(4)
+
+jessibucaPro.arrangeWindow('3-1')
+jessibucaPro.arrangeWindow('4-1')
+```
+
+### getCurrentSplit()
+- **返回**:
+    - `{number}`
+- **用法**: 获取当前分屏数
+
+```js
+const split = jessibucaPro.getCurrentSplit()
+console.log(split)
+```
+
+### getSelectedWindowIndex()
+- **返回**:
+    - `{number}`
+- **用法**: 获取当前选中的播放窗口下标
+
+```js
+const windowIndex = jessibucaPro.getSelectedWindowIndex()
+console.log(windowIndex)
+```
+
+### 其他方法
+
+其他方法等同于 `JessibucaPro` 的方法,只是多了一个参数 `index`,用来指定操作的第几个播放器窗口,`下标从0开始`
+
+例如 `play` 方法
+
+```js
+jessibucaProMulti.play(url, options, index).then(() => {
+
+}).catch((error) => {
+
+});
+```
+
+```js
+jessibucaProMulti.play(url, index).then(() => {
+
+}).catch((error) => {
+
+});
+```
+
+## 事件
+
+### dblSelected
+
+双击选中事件
+
+```js
+jessibucaProMulti.on('dblSelected', (index) => {
+    console.log('dblSelected', index);
+})
+```
+
+### selected
+
+单击选中事件
+
+```js
+jessibucaProMulti.on('selected', (index) => {
+    console.log('selected', index);
+})
+```
+
+### mouseOver
+
+鼠标移入事件
+
+```js
+jessibucaProMulti.on('mouseOver', (index) => {
+    console.log('mouseOver', index);
+})
+```
+
+### mouseOut
+
+鼠标移出事件
+
+```js
+jessibucaProMulti.on('mouseOut', (index) => {
+    console.log('mouseOut', index);
+})
+```
+
+### mouseUp
+
+鼠标mouseUp事件
+
+```js
+jessibucaProMulti.on('mouseUp', (index) => {
+    console.log('mouseUp', index);
+})
+```
+
+### 其他事件
+
+其他事件等同于 `JessibucaPro` 的事件
+
+事件的第一个参数是`index` 剩下的参数和`JessibucaPro`的同等事件一样
+
+```js
+jessibucaProMulti.on('xxx', (index, value) => {
+    console.log('xxx', index, value);
+})
+```

+ 131 - 0
public/talk-api.md

@@ -0,0 +1,131 @@
+
+# 语音通讯 API
+
+## JessibucaProTalk(options)
+
+options 支持的参数有:
+
+### encType
+
+- **类型**:`string`
+- **默认值**:`g711a`
+- **用法**:
+
+语音编码类型,支持`g711a`和`g711u`,默认是`g711a`
+
+### packetType
+
+- **类型**:`string`
+- **默认值**:`rtp`
+- **用法**:
+
+语音包类型,支持`rtp`,默认是`rtp`
+
+### rtpSsrc
+
+- **类型**:`string`
+
+- **用法**:
+
+rtp包的ssrc,10位
+
+### numberChannels
+
+- **类型**:`number`
+- **默认值**:`1`
+- **用法**:
+
+采样通道
+
+### sampleRate
+
+- **类型**:`number`
+- **默认值**:`8000`
+- **用法**:
+  采样率
+
+### sampleBitsWidth
+
+- **类型**:`number`
+- **默认值**:`16`
+- **用法**:
+  采样精度
+
+### debug
+
+- **类型**:`boolean`
+- **默认值**:false
+- **用法**:
+  是否开启debug模式
+
+### debugLevel(pro)
+
+- **类型**:`string`
+- **默认值**:`warn`
+- **用法**:
+
+debug模式下的日志级别,支持`debug`、`warn`,默认是`warn`
+
+> error 的信息默认就是会输出出来的。
+
+### testMicrophone
+
+- **类型**:`boolean`
+- **默认值**:false
+- **用法**:
+  是否开启测试麦克风,不连接ws
+
+### engine
+
+- **类型**:`string`
+- **默认值**:`worklet`
+- **用法**:
+
+语音引擎,支持`worklet`和`script`,默认是`worklet`
+
+### checkGetUserMediaTimeout
+
+- **类型**:`boolean`
+- **默认值**:false
+- **用法**:
+  是否开启检测getUserMedia超时
+
+### getUserMediaTimeout
+
+- **类型**:`number`
+- **默认值**:`10 * 1000`
+- **用法**:
+
+getUserMedia超时时间,单位ms
+
+## 方法
+
+### startTalk(wsUrl, options)
+
+- **参数**:
+    - `{string} wsUrl`
+    - `{object} options`
+- **用法**: 开启语音
+- **返回值**:`Promise`
+
+> options 参数通初始化 new JessibucaProTalk(options) 时的参数一致
+
+### stopTalk()
+
+- **用法**: 关闭语音
+- **返回值**:`Promise`
+
+### getTalkVolume()
+
+- **用法**: 获取语音音量
+- **返回值**:`Promise(number)`
+
+> 返回值是一个0-100的数字,表示当前语音音量
+
+### setTalkVolume(volume)
+
+- **用法**: 设置语音音量
+- **返回值**:`Promise`
+- **参数**:
+    - `{number} volume` 0-100的数字,表示当前语音音量
+

+ 108 - 0
public/upgrade.md

@@ -0,0 +1,108 @@
+# 开源版 升级到 Pro 版本
+
+## 替换文件
+
+需要将原本开源版的
+
+- jessibuca.js
+- decoder.js
+- decoder.wasm
+
+替换成
+
+- jessibuca-pro.js
+- decoder-pro.js
+- decoder-pro.wasm
+- decoder-pro-simd.js
+- decoder-pro-simd.wasm
+
+> 如果有多屏需求,可以将`jessibuca-pro.js`替换成`jessibuca-pro-multi.js`。
+
+> `jessibuca-pro.js` 与`jessibuca-pro-multi.js`只需要引用一个即可(不需要两个同时引用)。
+
+> `decoder-pro-simd.js`是simd解码器(适用于高分辨率解码)
+
+## 替换方法
+
+将原本 `new Jessibuca()` 的地方替换成 `new JessibucaPro()`
+
+```js
+// 原本的
+const jessibuca = new Jessibuca({
+    // ...
+})
+```
+
+```js
+// 替换成
+const jessibucaPro = new JessibucaPro({
+    // ...
+})
+```
+```js
+// 替换成 多屏
+const jessibucaProMulti = new JessibucaProMulti({
+    // ...
+})
+```
+
+
+
+需要将原本开源版的 `destroy()` 从同步方法,修改为异步方法
+
+```js
+// 原本的
+jessibuca.destroy()
+```
+
+```js
+
+// 替换成
+await jessibucaPro.destroy()
+// 或者
+jessibucaPro.destroy().then(() => {
+    // ...
+})
+```
+
+## 服务器配置wasm支持
+
+最新版本的chrome(version >= 112)貌似对于wasm 格式返回 `application/otct-stream` 的文件会报错,需要服务器配置支持
+
+
+### nginx
+#### 方法一:(推荐)
+在 `mime.types` 文件中添加
+
+```nginx
+application/wasm wasm;
+```
+
+#### 方法二:
+
+```nginx
+location ~* \.wasm$ {
+    add_header Content-Type application/wasm;
+}
+```
+
+### IIS
+
+在 `web.config` 文件中添加
+
+```xml
+<staticContent>
+    <mimeMap fileExtension=".wasm" mimeType="application/wasm" />
+</staticContent>
+```
+
+### apache
+
+在 `httpd.conf` 文件中添加
+
+```apache
+AddType application/wasm .wasm
+```
+
+
+

文件差異過大導致無法顯示
+ 10 - 0
public/vconsole.js


二進制
public/video.mp3


文件差異過大導致無法顯示
+ 411 - 0
public/web-player-pro-multi.js


文件差異過大導致無法顯示
+ 1 - 0
public/web-player-pro-talk.js


文件差異過大導致無法顯示
+ 406 - 0
public/web-player-pro.js


+ 16 - 0
public/说明.txt

@@ -0,0 +1,16 @@
+jessibuca-pro.js(web-player-pro.js) ---主文件(需要通过script标签引入)
+jessibuca-pro-multi.js(web-player-pro-multi.js) ---多屏主文件(需要通过script标签引入)
+jessibuca-pro-talk.js(web-player-pro-talk.js)---语音通讯主文件(需要通过script标签引入)
+
+- jessibuca-pro.js 与jessibuca-pro-multi.js只需要引用一个即可(不需要两个同时引用)。
+
+decoder-pro.js --- worker解码器(这个库无需引入)
+decoder-pro.wasm ---worker解码器胶水文件(这个库无需引入)
+
+decoder-pro-simd.js ---worker-simd解码器(这个库无需引入)
+decoder-pro-simd.wasm ---worker-simd解码器胶水文件(这个库无需引入)
+
+decoder-pro-audio.js ---worker音频解码器(这个库无需引入)
+decoder-pro-audio.wasm ---worker音频解码器胶水文件(这个库无需引入)
+
+开源版升级到pro版本,看下upgrade.md文件。

+ 95 - 0
src/App.vue

@@ -0,0 +1,95 @@
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<script>
+import lint from "./lint";
+export default {
+  name: "App",
+  created() {
+    // new lint().init();
+  },
+};
+</script>
+
+
+<style lang="scss">
+// .sp-button-submit {
+//   background-color: #2766dd;
+//   color: #f7f8fb;
+//   border-radius: 0;
+// }
+
+#app::-webkit-scrollbar {
+  display: none; /* Chrome Safari */
+}
+#app{
+  scrollbar-width: none; /* firefox */
+  -ms-overflow-style: none; /* IE 10+ */
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.sp-button-submit {
+  margin: 0 6px;
+  display: inline-block;
+  width: 80px;
+  height: 40px;
+  border-radius: 2px;
+  font-size: 14px;
+  line-height: 40px;
+  text-align: center;
+  cursor: pointer;
+  background-color: #2766dd;
+  color: #f7f8fb;
+}
+.sp-button-submit:hover {
+  background-color: #4d85f4;
+}
+
+.sp-button-reset {
+  cursor: pointer;
+  margin: 0 6px;
+  display: inline-block;
+  width: 80px;
+  height: 40px;
+  border-radius: 2px;
+  font-size: 14px;
+  line-height: 40px;
+  text-align: center;
+  color: #333334;
+  border: 1px solid #d7d7d7;
+}
+.sp-button-reset:hover {
+  color: #1f9fff;
+  border: 1px solid #1f9fff;
+}
+
+.sp-scrool {
+  /** 美化滚动条 **/
+  ::-webkit-scrollbar-track-piece {
+    //滚动条凹槽的颜色,还可以设置边框属性
+    background-color: #071e4f;
+  }
+
+  ::-webkit-scrollbar {
+    //滚动条的宽度
+    width: 5px;
+    height: 5px;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    //滚动条的设置
+    background-color: #0556db;
+    background-clip: padding-box;
+    height: 10px;
+    border-radius: 4px;
+    max-height: 10px;
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background-color: #0556db;
+  }
+}
+</style>

+ 190 - 0
src/api/account/camera.js

@@ -0,0 +1,190 @@
+import request from "@/utils/request";
+
+// 列表查询
+export function getCameraDataList(data) {
+  return request({
+    url: "/service/baseCameraManagement/list",
+    method: "post",
+    data,
+  });
+}
+
+// 获取摄像机详情
+export function homeGetInfo(data) {
+  return request({
+    url: "/service/baseCameraManagement/homeGetInfo",
+    method: "post",
+    data,
+  });
+}
+
+export function getSelectCameraAll(data) {
+  return request({
+    url: "/service/baseCameraManagement/selectCameraAll",
+    method: "get",
+    data,
+  });
+}
+
+// 新增
+export function getCameraDataAddNewer(data) {
+  return request({
+    url: "/service/baseCameraManagement/saveAccountManagement",
+    method: "post",
+    data,
+  });
+}
+// 获取工务段
+export function getWorkSetion(data) {
+  return request({
+    url: "/system/dict/data/type/public_worksSection_nam",
+    method: "get",
+    data,
+  });
+}
+// 获取行别
+export function getLineDir(data) {
+  return request({
+    url: "/system/dict/data/type/sys_line_dir",
+    method: "get",
+    data,
+  });
+}
+// 获取监视方向
+export function getDirection(data) {
+  return request({
+    url: "/system/dict/data/type/monitoring_direction",
+    method: "get",
+    data,
+  });
+}
+// 获取线路
+export function getLineData(data) {
+  return request({
+    url: "/system/dict/data/type/railway_name",
+    method: "get",
+    data,
+  });
+}
+// 删除
+export function getCameraDataDelete(userIds) {
+  return request({
+    url: `/service/baseCameraManagement/remove/${userIds}`,
+    method: "get",
+  });
+}
+// 修改
+export function getCameraDataUpdate(data) {
+  return request({
+    url: "/service/baseCameraManagement/editAccountManagement",
+    method: "post",
+    data,
+  });
+}
+// 导入
+export function getCameraDataUpLoadIn(params) {
+  return request({
+    url: "/service/baseCameraManagement/importBaseAccountManagement",
+    method: "post",
+    data: params,
+  });
+}
+// 导出
+export function getCameraDataUpLoadOut(data) {
+  return request({
+    url: "/service/baseCameraManagement/exportBaseAccountManagement",
+    method: "post",
+    data,
+    responseType: "blob",
+  });
+}
+// 下载模板
+export function getCameraDataLoadOut(params) {
+  return request({
+    url: "/service/baseAccountManagement/exportBaseAccountManagement",
+    method: "post",
+    params,
+  });
+}
+// 根据相机ID获取详细信息
+export function getCameraFetail(userId) {
+  return request({
+    url: `/service/baseCameraManagement/${userId}`,
+    method: "get",
+  });
+}
+// 关联用户
+export function getCameraGlUser(params) {
+  return request({
+    url: "/service/baseAccountManagement/associatedUser/1/1",
+    method: "get",
+    params,
+  });
+}
+// 关联用户回显
+export function getCameraGlUserDet(params) {
+  return request({
+    url: "/service/baseAccountManagement/getRoleId/1",
+    method: "get",
+    params,
+  });
+}
+
+// 部门
+// export function getDeptList(data) {
+//   return request({
+//     url: '/system/dept/list',
+//     method: 'get',
+//     data
+//   })
+// }
+
+export function getDeptList(data) {
+  return request({
+    url: "/system/user/deptTree",
+    method: "get",
+    data,
+  });
+}
+// 线路
+export function getLineWayList(data) {
+  return request({
+    url: "/service/baseRailwayManagement/query",
+    method: "get",
+    data,
+  });
+}
+// 视频服务列表
+// 查询录像
+// 模板下载
+export function getDownLoadList(data) {
+  return request({
+    url: "/service/baseCameraManagement/downloaExcel",
+    method: "get",
+    data,
+    responseType: "blob",
+  });
+}
+// 视频录制状态关闭
+export function getRecording(id) {
+  return request({
+    url: `/service/baseCameraManagement/endRecording/${id}`,
+    method: "get",
+  });
+}
+// 视频录制状态关闭
+export function getStartRecording(id) {
+  return request({
+    url: `/service/baseCameraManagement/startRecording/${id}`,
+    method: "get",
+  });
+}
+// 摄像机状态关闭
+export function toEnabAccrame(params) {
+  return request({
+    url: "service/baseCameraManagement/updateEnableOrNot",
+    method: "get",
+    params,
+  });
+}
+// 树

+ 67 - 0
src/api/account/line.js

@@ -0,0 +1,67 @@
+import request from "@/utils/request";
+
+// 列表查询
+export function getLineDataList(data) {
+  return request({
+    url: "/service/baseRailwayManagement/list",
+    method: "post",
+    data,
+  });
+}
+// 新增线路台账信息
+export function getLineDataAddNewer(data) {
+  return request({
+    url: "/service/baseRailwayManagement/saveRailwayManagement",
+    method: "post",
+    data,
+  });
+}
+// 删除
+export function getLineDataDelete(lineIds) {
+  return request({
+    url: `/service/baseRailwayManagement/remove/${lineIds}`,
+    method: "get",
+  });
+}
+// 修改
+export function getLineDataUpdate(data) {
+  return request({
+    url: "/service/baseRailwayManagement/editRailwayManagement",
+    method: "post",
+    data,
+  });
+}
+// 根据台账ID获取详细信息
+export function getLineDataDetail(params) {
+  return request({
+    url: "/service/baseLineManagement/1",
+    method: "post",
+    params,
+  });
+}
+// 导入
+export function getLineDataLoadIn(params) {
+  return request({
+    url: "/service/baseRailwayManagement/importBaseLineManagement",
+    method: "post",
+    data: params,
+  });
+}
+// 导出
+export function getLineDataLoadOut(data) {
+  return request({
+    url: "/service/baseRailwayManagement/exportBaseLineManagement",
+    method: "post",
+    data,
+    responseType: "blob",
+  });
+}
+// 模板下载
+export function getDownLoadList(data) {
+  return request({
+    url: "/service/baseRailwayManagement/downloaExcel",
+    method: "get",
+    data,
+    responseType: "blob",
+  });
+}

+ 99 - 0
src/api/account/locomotiveMsg.js

@@ -0,0 +1,99 @@
+import request from '@/utils/request'
+
+//机车信息管理列表查询
+export function getLocomotiveList(data) {
+    return request({
+        url: '/baseVehicle/vehicleList',
+        method: 'post',
+        data
+    })
+}
+
+//机车信息导出
+export function exportBaseVehicle(data) {
+    return request({
+        method: 'post',
+        url: '/baseVehicle/exportBaseVehicle',
+        responseType: 'blob',
+        data
+    })
+}
+
+//机车信息模板下载
+export function downloaExcel(url) {
+    return request({
+        method: 'get',
+        url: url,
+        responseType: 'blob',
+        data: {}
+    })
+}
+
+//删除
+export function vehicleDelete(ids) {
+    return request({
+        method: 'get',
+        url: `/baseVehicle/vehicleDelete/${ids}`
+    })
+}
+
+//导入机车信息
+export function importVehicle(params) {
+  return request({
+    method: 'post',
+    url: '/baseVehicle/importBaseVehicle',
+    data: params
+  })
+}
+
+//新增机车信息
+export function addVehicle(params){
+    return request({
+        method:'post',
+        url:'/baseVehicle/vehicleAdd',
+        data:params
+    })
+}
+
+//修改机车信息
+export function vehicleUpdate(params){
+    return request({
+        method:'post',
+        url:'/baseVehicle/vehicleUpdate',
+        data:params
+    })
+}
+
+//车载终端挂载列表
+export function vehicleTerminal(params){
+    return request({
+        method:'post',
+        url:'/baseVehicle/vehicleTerminal',
+        data:params
+    })
+}
+
+//当前机车是否挂载终端
+export function isMount(params){
+    return request({
+        method:'post',
+        url:'/baseVehicle/isMount',
+        data:params
+    })
+}
+//车载终端挂载 保存
+export function vehicleTerminalAdd(params){
+    return request({
+        method:'post',
+        url:'/baseVehicle/vehicleTerminalAdd',
+        data:params
+    })
+}
+//车载终端取消挂载
+export function vehicleTerminalUnmount(params){
+    return request({
+        method:'post',
+        url:'/baseVehicle/vehicleTerminalUnmount',
+        data:params
+    })
+}

+ 60 - 0
src/api/account/terminalManagement.js

@@ -0,0 +1,60 @@
+import request from '@/utils/request'
+
+//终端信息表 分页查询
+export function vehicleTerminalList(params) {
+    return request({
+        method: "post",
+        url: '/baseVehicleTerminal/vehicleTerminalList',
+        data: params
+    })
+}
+//车载终端信息导出
+export function exportBaseVehicleTerminal(data) {
+    return request({
+        method: 'post',
+        url: '/baseVehicleTerminal/exportBaseVehicleTerminal',
+        responseType: 'blob',
+        data
+    })
+}
+//车载终端信息导入
+export function importBaseVehicleTerminal(params) {
+    return request({
+        method: 'post',
+        url: '/baseVehicleTerminal/importBaseVehicleTerminal',
+        data: params
+    })
+}
+//车载终端信息模板下载
+export function downloaExcel(url) {
+    return request({
+        method: 'get',
+        url: url,
+        responseType: 'blob',
+        data: {}
+    })
+}
+//删除
+export function vehicleTerminaleDelete(ids) {
+    return request({
+        method: 'get',
+        url: `/baseVehicleTerminal/vehicleTerminaleDelete/${ids}`
+    })
+}
+//添加车载终端
+export function vehicleTerminalAdd(params) {
+    return request({
+        method: "post",
+        url: '/baseVehicleTerminal/vehicleTerminalAdd',
+        data: params
+    })
+}
+//修改车载终端
+export function vehicleTerminalUpdate(params) {
+    return request({
+        method: 'post',
+        url: '/baseVehicleTerminal/vehicleTerminalUpdate',
+        data: params
+    })
+}
+

+ 125 - 0
src/api/alarmList.js

@@ -0,0 +1,125 @@
+import request from "@/utils/request";
+
+// 获取所有未推送消息
+export function msgAlarmWebAlarm() {
+  return request({
+    url: "/service/msgAlarm/webAlarm",
+    method: "get",
+  });
+}
+
+// 首页-更多消息
+export function msgAlarmMessageMore(data) {
+  return request({
+    url: "/service/msgAlarm/messageMore",
+    method: "POST",
+    data: data,
+  });
+}
+
+export function msgAlarmMessageMoreNum(data) {
+  return request({
+    url: "/service/msgAlarm/messageMoreNum",
+    method: "POST",
+    data: data,
+  });
+}
+
+// 消息已读
+export function msgAlarmRead(data) {
+  return request({
+    url: "/service/msgAlarm/read",
+    method: "post",
+    data: data,
+  });
+}
+
+// 报警信息分页
+export function msgAlarmList(data) {
+  return request({
+    url: "/service/msgAlarm/list",
+    method: "post",
+    data: data,
+  });
+}
+
+// 根据报警信息ID获取详细信
+export function msgAlarmDetail(data) {
+  return request({
+    url: "/service/msgAlarm/" + data,
+    method: "get",
+  });
+}
+
+// 线路下拉
+export function baseRailwayManagement(data) {
+  return request({
+    url: "/service/baseRailwayManagement/query",
+    method: "get",
+  });
+}
+
+export function dataType(data) {
+  return request({
+    url: "/system/dict/data/type/" + data,
+    method: "get",
+  });
+}
+
+// 解除报警(应该是已经废弃了)
+export function releaseAlarm(data) {
+  return request({
+    url: "/service/msgAlarm/" + data,
+    method: "post",
+    data,
+  });
+}
+
+// 解除报警(新)
+export function updateIsLock(data) {
+  return request({
+    url: "/service/msgAlarm/updateIsLock",
+    method: "post",
+    data,
+    params: data,
+  });
+}
+
+export function readById(data) {
+  return request({
+    url: "/service/msgAlarm/read/",
+    method: "post",
+    data,
+  });
+}
+
+export function getCameraDataUpLoadOut(data) {
+  return request({
+    url: "/service/msgAlarm/exportMsgAlarm",
+    method: "post",
+    data,
+    responseType: "blob",
+  });
+}
+
+export function baseVehicleVehicleTree(data = {}) {
+  return request({
+    url: "/baseVehicle/vehicleTree",
+    method: "post",
+    data,
+  });
+}
+export function baseVehicleVehicleCurrentStream(data = "") {
+  return request({
+    url: "/baseVehicle/vehicleCurrentStream?zdCode=" + data,
+    method: "get",
+    data,
+  });
+}
+export function alarmMessageList(data) {
+  return request({
+    url: "/service/msgHeartbeatAlarmMessage/list",
+    method: "post",
+    data,
+  });
+}

+ 43 - 0
src/api/analogData.js

@@ -0,0 +1,43 @@
+import request from "@/utils/request";
+export function getAnalogData(data) {
+  return request({
+    url: "/service/msgAlarmTemporary/list",
+    method: "post",
+    data: data,
+  });
+}
+export function importPng(params) {
+  return request({
+    method: "post",
+    url: "/api/putFile",
+    data: params,
+  });
+}
+export function addAlarmTemporary(params) {
+  return request({
+    method: "post",
+    url: "/service/msgAlarmTemporary/saveMsgAlarmTemporary",
+    data: params,
+  });
+}
+export function sendAlarm(id) {
+  return request({
+    method: "get",
+    url: `/service/msgAlarmTemporary/alarm/${id}`,
+  });
+}
+export function editAlarmTemporary(data) {
+  return request({
+    method: "post",
+    url: "/service/msgAlarmTemporary/editMsgAlarmTemporary",
+    data,
+  });
+}
+//解除报警
+export function disarmingAlarm(data) {
+  return request({
+    method: "post",
+    url: "service/msgAlarmTemporary/releaseAlarm",
+    data,
+  });
+}

+ 106 - 0
src/api/departMentDict.js

@@ -0,0 +1,106 @@
+import request from "@/utils/request";
+
+// 列表查询
+export function getLineDataList(data) {
+  return request({
+    url: "/system/dict/type/list",
+    method: "post",
+    data,
+  });
+}
+
+// 新增
+export function getAddDepart(data) {
+  return request({
+    url: "/system/dict/type",
+    method: "post",
+    data,
+  });
+}
+// 修改
+export function getUpdateDepart(data) {
+  return request({
+    url: "/system/dict/type/update",
+    method: "post",
+    data,
+  });
+}
+// 删除
+export function getDeleteDepart(dictIds) {
+  return request({
+    url: `/system/dict/type/remove/${dictIds}`,
+    method: "get",
+  });
+}
+// 数据类型导出
+export function getExportDepart(data) {
+  return request({
+    url: "/system/dict/type/export",
+    method: "post",
+    data,
+    responseType: "blob",
+  });
+}
+
+// 数据字典导出
+export function getExportDataDepart(data) {
+  return request({
+    url: "/system/dict/type/export",
+    method: "post",
+    data,
+    responseType: "blob",
+  });
+}
+
+// 查询字典类型详细
+export function getType(data) {
+  return request({
+    url: "/system/dict/data/list",
+    method: "post",
+    data,
+  });
+}
+// 新增数据
+export function getAddData(data) {
+  return request({
+    url: "/system/dict/data",
+    method: "post",
+    data,
+  });
+}
+
+// 修改数据
+export function getUpdateData(data) {
+  return request({
+    url: "/system/dict/data/edit",
+    method: "post",
+    data,
+  });
+}
+
+// 删除数据
+export function getDeleteData(dictCodes) {
+  return request({
+    url: `/system/dict/data/remove/${dictCodes}`,
+    method: "get",
+  });
+}
+
+// 导出
+export function getExportOutData(data) {
+  return request({
+    url: "/system/dict/data/export",
+    method: "post",
+    data,
+    responseType: "blob",
+  });
+}
+
+// 详情数据字典名称下拉查询
+export function getNameSelectData(data) {
+  return request({
+    url: "/system/dict/type/optionselect",
+    method: "get",
+    params: data,
+  });
+}

+ 34 - 0
src/api/home.js

@@ -0,0 +1,34 @@
+import request from '@/utils/request'
+
+export function statisticsNum(data) {
+  return request({
+    url: '/home/statisticsNum',
+    method: 'get',
+    params: data
+  })
+}
+
+export function getVehicleList(data) {
+  return request({
+    url: '/baseVehicle/homeVehicleList',
+    method: 'post',
+    data: {}//data
+  })
+}
+
+export function getCameraList(data) {
+  return request({
+    url: '/baseVehicle/vehicleList/nonContactAlarmCamera',
+    method: 'get',
+    params: data
+  })
+}
+
+export function getVehicleVideo(data) {
+  return request({
+    url: '/baseVehicle/videoCaptureUrl',
+    method: 'post',
+    data: data,
+    timeout: 50000
+  })
+}

+ 7 - 0
src/api/index.js

@@ -0,0 +1,7 @@
+//模块接口
+import userMsg from './user';
+// 导出接口
+export default {
+    userMsg,
+    // ……
+  }

+ 34 - 0
src/api/loginLog.js

@@ -0,0 +1,34 @@
+import request from "@/utils/request";
+
+// 登录日志信息分页
+export function getLogList(data) {
+  return request({
+    url: "/monitor/logininfor/list",
+    method: "post",
+    data: data,
+  });
+}
+// 操作类型
+export function getDoingTypeList(data) {
+  return request({
+    url: "/system/dict/data/type/sys_oper_type",
+    method: "get",
+    data: data,
+  });
+}
+// 删除
+export function getDeleteList(infoIds) {
+  return request({
+    url: `/monitor/logininfor/${infoIds}`,
+    method: "post",
+  });
+}
+// 导出
+export function getloafOut(data) {
+  return request({
+    url: "/monitor/logininfor/export",
+    method: "post",
+    data: data,
+    responseType: "blob",
+  });
+}

+ 55 - 0
src/api/monitor.js

@@ -0,0 +1,55 @@
+import request from '@/utils/request'
+
+export function monitorList(data) {
+  return request({
+    url: '/system/monitor/pageList',
+    method: 'post',
+    data
+  })
+}
+// 获取监测系统名称
+export function monitorNameList(data) {
+    return request({
+      url: '/system/monitor/list',
+      method: 'get',
+      data
+    })
+  }
+//   详情查看
+  export function monitorDetail(id) {
+    return request({
+      url: `/system/monitor/${id}`,
+      method: 'get',
+    })
+  }
+  //   新增
+  export function toAddmonit(data) {
+    return request({
+      url: '/system/monitor/add',
+      method: 'post',
+      data
+    })
+  }
+   //   生成密钥
+   export function toGenerateKey(data) {
+    return request({
+      url: '/system/monitor/getSecret',
+      method: 'get',
+      data
+    })
+  }
+     //   修改
+     export function toUpdateMonitor(data) {
+      return request({
+        url: '/system/monitor/update',
+        method: 'post',
+        data
+      })
+    }
+    //   删除
+    export function toSliceMonitor(ids) {
+      return request({
+        url: `/system/monitor/delete/${ids}`,
+        method: 'get',
+      })
+    }

+ 34 - 0
src/api/operation.js

@@ -0,0 +1,34 @@
+import request from "@/utils/request";
+
+// 操作日志信息分页
+export function getOperationList(data) {
+  return request({
+    url: "/monitor/operlog/list",
+    method: "post",
+    data: data,
+  });
+}
+// 操作类型
+export function getDoingTypeList(data) {
+  return request({
+    url: "/system/dict/data/type/sys_oper_type",
+    method: "get",
+    data: data,
+  });
+}
+// 删除
+export function getDeleteList(operIds) {
+  return request({
+    url: `/monitor/operlog/${operIds}`,
+    method: "post",
+  });
+}
+// 导出
+export function getloafOut(data) {
+  return request({
+    url: "/monitor/operlog/export",
+    method: "post",
+    data: data,
+    responseType: "blob",
+  });
+}

+ 19 - 0
src/api/personalCenter.js

@@ -0,0 +1,19 @@
+import request from '@/utils/request'
+
+//获取个人中心信息
+export function personal(data) {
+  return request({
+    url: '/getInfo',
+    method: 'get',
+    data
+  })
+}
+
+//修改个人中心信息
+export function editUser(data) {
+  return request({
+    url: '/system/user/updateUser',
+    method: 'post',
+    data
+  })
+}

+ 17 - 0
src/api/sdk.js

@@ -0,0 +1,17 @@
+import request from '@/utils/request'
+
+export function sdkPublish(data) {
+  return request({
+    url: '/sdk/publish',
+    method: 'POST',
+    data,
+    params: data
+  })
+}
+
+export function sdkGetMessage(data) {
+  return request({
+    url: '/sdk/getMessage',
+    method: 'GET',
+  })
+}

+ 53 - 0
src/api/sum.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+//查询终端数、机车数、相机数、预警数
+export function getBasicdata(){
+  return request({
+    method:'post',
+    url:'/service/dataStatistic/getNum'
+  })
+}
+
+//灾害占比
+export function alarmTypeStatistic(params){
+  return request({
+    method:'post',
+    url:'/service/dataStatistic/alarmTypeStatistic',
+    data:params
+  })
+}
+
+//报警月统计数据
+export function alarmMonthStatistic(params){
+  return request({
+    method:'post',
+    url:'/service/dataStatistic/alarmMonthStatistic',
+    data:params
+  })
+}
+//报警月统计数据导出
+export function exportDataStatisticMonth(url,params) {
+  return request({
+    method: 'post',
+    url: url,
+    responseType: 'blob',   
+    data:params 
+  })
+}
+//频繁出现灾害地点排名导出
+export function alarmTypeAreaCountExport(url,params) {
+  return request({
+    method: 'post',
+    url: url,
+    responseType: 'blob',   
+    data:params 
+  })
+}
+//频繁出现灾害地点排名
+export function alarmTypeAreaCount(params){
+  return request({
+    method:'post',
+    url:'/service/dataStatistic/alarmTypeAreaCount',
+    data:params
+  })
+}

+ 310 - 0
src/api/sysManage.js

@@ -0,0 +1,310 @@
+import request from "@/utils/request";
+
+//分页查询用户列表
+export function getList(params) {
+  return request({
+    method: "POST",
+    url: `/system/user/list`,
+    data: params,
+  });
+}
+
+//获取部门树列表
+export function getDeptTree() {
+  return request({
+    method: "get",
+    url: `/system/user/deptTree`,
+  });
+}
+
+//获取用户详细信息
+export function userInformation(userId) {
+  return request({
+    method: "get",
+    url: `/system/user/${userId}`,
+  });
+}
+
+//新增用户
+export function addUser(params) {
+  return request({
+    method: "post",
+    url: "/system/user/add",
+    data: params,
+  });
+}
+//修改用户
+export function updateUser(params) {
+  return request({
+    method: "post",
+    url: "/system/user/edit",
+    data: params,
+  });
+}
+//删除用户
+export function delUser(userIds) {
+  return request({
+    method: "get",
+    url: `/system/user/remove/${userIds}`,
+  });
+}
+
+//分页查询角色数据
+export function roleList(params) {
+  return request({
+    method: "post",
+    url: "/system/role/list",
+    data: params,
+  });
+}
+
+//获取角色选择框列表
+export function getOptionSelect() {
+  return request({
+    method: "get",
+    url: "/system/role/optionselect",
+  });
+}
+//新增角色
+export function addRole(params) {
+  return request({
+    method: "post",
+    url: "/system/role",
+    data: params,
+  });
+}
+//删除角色
+export function delRole(roleId) {
+  return request({
+    method: "get",
+    url: `/system/role/remove/${roleId}`,
+  });
+}
+//查看角色详情
+export function roleDetaile(roleId) {
+  return request({
+    method: "get",
+    url: `/system/role/${roleId}`,
+  });
+}
+//修改角色
+export function editRole(params) {
+  return request({
+    method: "post",
+    url: `/system/role/edit`,
+    data: params,
+  });
+}
+//获取菜单下拉树列表
+export function getMenuTree() {
+  return request({
+    method: "get",
+    url: `/system/menu/treeselect`,
+  });
+}
+
+//删除菜单
+export function delMenu(id) {
+  return request({
+    method: "get",
+    url: `/system/menu/remove/${id}`,
+  });
+}
+//用户管理下载模板
+export function getExcel(url) {
+  return request({
+    method: "get",
+    url: url,
+    responseType: "blob",
+  });
+}
+//用户信息导出
+export function exportUserList(data) {
+  return request({
+    url: "/system/user/export",
+    method: "post",
+    responseType: "blob",
+    data,
+  });
+}
+//导入用户
+export function importUser(params) {
+  return request({
+    method: "post",
+    url: "/system/user/importData",
+    data: params,
+  });
+}
+//根据字典类型查询字典数据信息
+export function dictionaryList(dictType) {
+  return request({
+    method: "get",
+    url: `/system/dict/data/type/${dictType}`,
+  });
+}
+//数据权限分配
+export function dataPermission(id, dataPermission) {
+  return request({
+    method: "get",
+    url: `/system/user/dataPermission/${id}/${dataPermission}`,
+  });
+}
+
+//获取部门列表
+export function getDeptList(params) {
+  return request({
+    method: "get",
+    // url: '/system/dept/list',
+    url: "/system/dept/listAll",
+    params: params,
+  });
+}
+//删除部门
+export function delDept(deptId) {
+  return request({
+    method: "get",
+    url: `/system/dept/remove/${deptId}`,
+  });
+}
+//修改部门信息
+export function updateDept(params) {
+  return request({
+    method: "post",
+    url: `/system/dept/edit`,
+    data: params,
+  });
+}
+//部门信息导出
+export function exportDeptList(data) {
+  return request({
+    method: "post",
+    url: "/system/dept/export",
+    responseType: "blob",
+    data,
+  });
+}
+//获取菜单列表
+export function getMenuList(params) {
+  return request({
+    method: "get",
+    url: `/system/menu/list`,
+    params: params,
+  });
+}
+//新增菜单
+export function addMenu(params) {
+  return request({
+    method: "post",
+    url: "/system/menu",
+    data: params,
+  });
+}
+//修改菜单
+export function editMenu(params) {
+  return request({
+    method: "post",
+    url: "/system/menu/edit",
+    data: params,
+  });
+}
+//菜单导出
+export function exportMenuExcel(url) {
+  return request({
+    method: "post",
+    url: url,
+    responseType: "blob",
+    data: {
+      deptName: "",
+      status: "",
+    },
+  });
+}
+//新增单位
+export function addDept(params) {
+  return request({
+    method: "post",
+    url: "/system/dept/",
+    data: params,
+  });
+}
+//重置密码
+export function resetPwd(id) {
+  return request({
+    method: "get",
+    url: `/system/user/resetPwd/${id}`,
+  });
+}
+//修改密码
+export function updatepwd(params) {
+  return request({
+    method: "post",
+    url: "/system/user/updatePassWord",
+    data: params,
+  });
+}
+
+//获取机车行驶日志分页列表
+export function getLogList(params) {
+  return request({
+    method: "post",
+    url: "/monitor/vehicleposition/list",
+    data: params,
+  });
+}
+//机车行驶日志导出
+export function exportVehicleLog(url, params) {
+  return request({
+    method: "post",
+    url: url,
+    responseType: "blob",
+    data: params,
+  });
+}
+//终端忽略报警信息导出
+export function exportIgnoreList(url, params) {
+  return request({
+    method: "post",
+    url: url,
+    responseType: "blob",
+    data: params,
+  });
+}
+//忽略行驶表列表数据
+export function getIgnoreList(params) {
+  return request({
+    method: "post",
+    url: "/terminal/ignore/list",
+    data: params,
+  });
+}
+//获取机车名称
+export function listNoPage() {
+  return request({
+    method: "post",
+    // url:'/baseVehicle/vehicleAll',
+    url: "/monitor/vehicleposition/listNoPage",
+  });
+}
+//获取终端信息
+export function terminalAll() {
+  return request({
+    method: "post",
+    url: "/baseVehicleTerminal/terminalAll",
+  });
+}
+//查询终端忽略报警信息详情
+export function getDetail(params) {
+  return request({
+    method: "post",
+    url: "/terminal/ignore/detail",
+    data: params,
+  });
+}
+//可用的角色选择
+export function getAvailableRoleList(data) {
+  return request({
+    method: "post",
+    url: "/system/role/optionselect",
+    data,
+  });
+}

+ 18 - 0
src/api/systemMonitoring.js

@@ -0,0 +1,18 @@
+import request from "@/utils/request";
+
+//车载终端监控列表
+export function getVehicleMonitoringList(params) {
+  return request({
+    method: "post",
+    url: "/monitor/vehicleposition/vehiclePositionPage",
+    data: params,
+  });
+}
+//监测系统监控分页数据
+export function getMonitoringSystemMonitoringList(params) {
+  return request({
+    method: "post",
+    url: "/system/monitor/monitorSystemPage",
+    data: params,
+  });
+}

+ 9 - 0
src/api/table.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+  return request({
+    url: '/vue-admin-template/table/list',
+    method: 'get',
+    params
+  })
+}

+ 46 - 0
src/api/user.js

@@ -0,0 +1,46 @@
+import request from '@/utils/request'
+
+export function login(data) {
+  return request({
+    url: '/login',
+    method: 'post',
+    data
+  })
+}
+export function getCodeImg() {
+  return request({
+    url: '/captchaImage',
+    headers: {
+      isToken: false
+    },
+    method: 'get',
+    timeout: 20000
+  })
+}
+//菜单权限查询接口
+export function getInfo() {
+  return request({
+    url: '/getInfo',
+    method: 'get',    
+  })
+}
+//获取路由信息
+export function userRouters(){
+  return request({
+    url:'/getRouters',
+    method:"get"
+  })
+}
+export function logout() {
+  return request({
+    url: '/vue-admin-template/user/logout',
+    method: 'post'
+  })
+}
+//获取项目名称
+export function projectName(){
+  return request({
+    url:'/sdk/projectName',
+    method:'get'
+  })
+}

+ 179 - 0
src/api/video.js

@@ -0,0 +1,179 @@
+import request from "@/utils/request";
+
+// 视频列表树
+export function cameraTree(data) {
+  return request({
+    url: "/service/baseCameraManagement/cameraTree",
+    method: "post",
+    params: data,
+    data: data,
+  });
+}
+
+// 批量获取视频直播流
+export function recordsList(data) {
+  return request({
+    url: "/service/baseCameraManagement/api/recordsList",
+    method: "get",
+    data: data,
+    // params: data
+  });
+}
+
+// 批量获取视频直播流
+export function editAccountManagement(data) {
+  return request({
+    url: "/service/baseCameraManagement/editAccountManagement",
+    method: "post",
+    data: data,
+    params: data,
+  });
+}
+
+// 单个获取视频直播流
+export function records(code, flay = true) {
+  if (!code) {
+    return;
+  }
+  return request({
+    url: "/service/baseCameraManagement/api/records/" + code,
+    // url: '/service/baseCameraManagement/api/records/' + code + '/' + flay,
+    method: "get",
+  });
+}
+
+// 视频回放
+export function invite(data) {
+  return request({
+    url: "/service/baseCameraManagement/api/play",
+    method: "post",
+    data: data,
+  });
+}
+//回放视频
+export function invites(data) {
+  return request({
+    url:
+      "/service/baseCameraManagement/api/getRecordByAlarmId/?alarmId=" + data,
+    method: "get",
+  });
+}
+
+// 报警消息详情历史报警次数信息
+export function alarmHistoricalAlarm(data) {
+  return request({
+    url: "/service/msgAlarm/alarmHistoricalAlarm/" + data,
+    method: "get",
+  });
+}
+
+// 视频服务设备数量
+
+export function videoQuantity() {
+  return request({
+    url: "/service/baseCameraManagement/totalNumberOfDevices",
+    method: "get",
+  });
+}
+
+export function beseGetCameraCode(data) {
+  return request({
+    url: "/service/baseCameraManagement/getCameraCode?cameraCode=" + data,
+    method: "get",
+  });
+}
+
+// 视频上方显示的数据
+export function lineDate(data) {
+  return request({
+    url: "/service/baseCameraManagement/getDate/" + data,
+    method: "get",
+  });
+}
+// 报警信息管理视频上方显示的数据
+export function lineDatePro(data) {
+  return request({
+    url: "/service/msgAlarm/getDate" + data,
+    method: "get",
+  });
+}
+
+export function videoHistoricalAlarm(data) {
+  return request({
+    url: "/service/msgAlarm/videoHistoricalAlarm/" + data,
+    method: "get",
+  });
+}
+
+// 获取摄像机详细信息
+export function getAlarm(data) {
+  return request({
+    url: "/service/baseCameraManagement/getAlarm/" + data,
+    method: "get",
+  });
+}
+
+export function baseCameraManagementPlay(data) {
+  return request({
+    url: "/service/baseCameraManagement/api/record",
+    method: "post",
+    data: data,
+  });
+}
+
+export function lineDateStock(data) {
+  return request({
+    url: "/baseVehicle/getDate/" + data,
+    method: "get",
+  });
+}
+
+// 报警信息管理视频上方显示的数据
+export function lineDateProPost(data) {
+  let newDate = data;
+  if (typeof newDate.alarmMile !== "number") {
+    newDate.alarmMile = newDate.alarmMiles;
+  }
+  return request({
+    url: "/service/msgAlarm/getDate",
+    method: "post",
+    data: newDate,
+  });
+}
+
+// 导入
+export function serviceFileoss(params) {
+  return request({
+    url: "/service/fileoss",
+    method: "post",
+    data: params,
+  });
+}
+
+//首页-信息统计
+export function messageStatistics() {
+  return request({
+    url: `/service/dataStatistic/getMessageStatistics`,
+    method: "post",
+  });
+}
+//首页-监测系统信息
+export function monitorSystem() {
+  return request({
+    url: `/system/monitor/monitorSystem`,
+    method: "post",
+  });
+}
+
+//首页-报警列表
+export function alarmList(alarmType) {
+  return request({
+    url: `/service/msgAlarm/list`,
+    method: "post",
+    data: {
+      pageNum: 1,
+      pageSize: 10,
+      isRelease: alarmType,
+    },
+  });
+}

二進制
src/assets/1.png


二進制
src/assets/10.png


二進制
src/assets/2.png


文件差異過大導致無法顯示
+ 1 - 0
src/assets/2.svg


文件差異過大導致無法顯示
+ 1 - 0
src/assets/3.svg


二進制
src/assets/4.png


二進制
src/assets/404_images/404.png


二進制
src/assets/404_images/404_cloud.png


二進制
src/assets/alarm.png


+ 0 - 0
src/assets/bg.png


部分文件因文件數量過多而無法顯示