gpc-ui 0.1.22 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +95 -1
  2. package/lib/gpc-ui.common.js +3 -3
  3. package/lib/gpc-ui.umd.js +3 -3
  4. package/package.json +3 -1
  5. package/src/components/gpc-login/index.vue +1 -1
package/README.md CHANGED
@@ -1,3 +1,97 @@
1
1
  # gpc_ui
2
2
 
3
- ## 封装系统常用UI组件
3
+ ## 封装系统常用UI组件
4
+
5
+ ### v-1.0登录页面
6
+
7
+
8
+
9
+
10
+ ### v-2.0星软WebGPS
11
+
12
+ #### 1. 配置本地webpack环境代理地址（防止跨域问题）
13
+
14
+ ```
15
+ module.exports = {
16
+ devServer: {
17
+ proxy: {
18
+ '/openweb': {
19
+ target: 'https://openweb.gpskk.com:4005/', // 目标服务器地址
20
+ changeOrigin: true, // 是否改变请求的源头
21
+ pathRewrite: {
22
+ '^/openweb': '' // 重写路径，去掉前缀
23
+ },
24
+ secure: false, // 如果是 https 并且使用自签名证书，设置为 false
25
+ withCredentials: true // 允许发送凭证（如 cookies）
26
+ }
27
+ }
28
+ }
29
+ };
30
+ ```
31
+
32
+ #### 2. 当前版本功能包括（车辆监控页面、 轨迹回放页面）
33
+ 引入公共函数
34
+ ```
35
+ import { getOpenWebUrl } from "@/utils/common";
36
+ ```
37
+ - 车辆监控页面：显示当前车辆的位置、速度、状态、故障等信息。
38
+ 【使用方法】
39
+
40
+ ```
41
+ /**
42
+ * 获取车辆监控页面的URL
43
+ *
44
+ * 该函数根据提供的参数生成一个特定的URL，用于车辆监控页面这个URL可以根据不同的需求隐藏或显示页面上的特定元素
45
+ *
46
+ * @param {string} accessKeyId - 用户的访问密钥ID，用于身份验证
47
+ * @param {string} accessKeySecret - 用户的访问密钥秘密，用于身份验证
48
+ * @param {string} company - 公司名称，用于过滤监控的车辆所属公司
49
+ * @param {string} carbrand - 车牌号，用于指定需要获取监控的车辆
50
+ * @param {boolean} [hideCarTree=false] - 是否隐藏车辆树形结构，默认不隐藏
51
+ * @param {boolean} [hideBottom=false] - 是否隐藏页面底部信息，默认不隐藏
52
+ * @param {boolean} [hideTool=false] - 是否隐藏工具栏，默认不隐藏
53
+ * @param {boolean} [hideMyMap=false] - 是否隐藏自定义地图，默认不隐藏
54
+ * @returns {string} 返回生成的车辆监控页面URL
55
+ */
56
+ getCarMonitorUrl('', '', '', '')
57
+ .then(mapUrl => {
58
+ console.log('车辆监控 Map --------------- URL:', mapUrl);
59
+ // 在这里处理 mapUrl
60
+ })
61
+ .catch(error => {
62
+ console.error('Error:', error);
63
+ // 处理错误
64
+ });
65
+ ```
66
+
67
+ - 轨迹回放页面：显示当前车辆的历史轨迹，并可对轨迹进行播放、暂停、拖动、放大、缩小等操作。
68
+
69
+ ```
70
+ /**
71
+ * 生成汽车监控视频的URL
72
+ *
73
+ * 本函数通过给定的访问密钥ID、访问密钥密钥、公司名称、汽车品牌以及时间范围，
74
+ * 生成一个用于访问汽车监控视频的URL该URL可以用于查看或下载指定时间范围内
75
+ * 指定汽车品牌的监控视频
76
+ *
77
+ * @param {string} accessKeyId - 访问密钥ID，用于身份验证
78
+ * @param {string} accessKeySecret - 访问密钥密钥，用于身份验证
79
+ * @param {string} company - 公司名称，用于确定监控视频的所属公司
80
+ * @param {string} carbrand - 车牌号，用于指定需要获取监控的车辆
81
+ * @param {string} startTime - 开始时间，指定监控视频的时间范围的开始时间
82
+ * @param {string} endTime - 结束时间，指定监控视频的时间范围的结束时间
83
+ * @returns {string} - 返回生成的汽车监控视频的URL
84
+ */
85
+ getCarMogetCarTrackUrlnitorUrl('', '', '', '')
86
+ .then(mapUrl => {
87
+ console.log('车辆监控 Map --------------- URL:', mapUrl);
88
+ // 在这里处理 mapUrl
89
+ })
90
+ .catch(error => {
91
+ console.error('Error:', error);
92
+ // 处理错误
93
+ });
94
+ ```
95
+
96
+
97
+
package/lib/gpc-ui.common.js CHANGED
@@ -2663,7 +2663,7 @@ var es_iterator_constructor = __webpack_require__("e9f5");
2663
2663
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
2664
2664
  var es_iterator_for_each = __webpack_require__("7d54");
2665
2665
 
2666
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d82290ec-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-login/index.vue?vue&type=template&id=79919a3f&scoped=true
2666
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"00f23f7e-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-login/index.vue?vue&type=template&id=79919a3f&scoped=true
2667
2667
  var render = function render() {
2668
2668
  var _vm = this,
2669
2669
  _c = _vm._self._c;
@@ -3101,7 +3101,7 @@ var staticRenderFns = [];
3101
3101
 
3102
3102
  // CONCATENATED MODULE: ./src/components/gpc-login/index.vue?vue&type=template&id=79919a3f&scoped=true
3103
3103
 
3104
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d82290ec-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-tabs/Tabs.vue?vue&type=template&id=a848dcd8&scoped=true
3104
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"00f23f7e-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-tabs/Tabs.vue?vue&type=template&id=a848dcd8&scoped=true
3105
3105
  var Tabsvue_type_template_id_a848dcd8_scoped_true_render = function render() {
3106
3106
  var _vm = this,
3107
3107
  _c = _vm._self._c;
@@ -3356,7 +3356,7 @@ var component = normalizeComponent(
3356
3356
  )
3357
3357
 
3358
3358
  /* harmony default export */ var Tabs = (component.exports);
3359
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d82290ec-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-tabs/TabPane.vue?vue&type=template&id=4e2150b9&scoped=true
3359
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"00f23f7e-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-tabs/TabPane.vue?vue&type=template&id=4e2150b9&scoped=true
3360
3360
  var TabPanevue_type_template_id_4e2150b9_scoped_true_render = function render() {
3361
3361
  var _vm = this,
3362
3362
  _c = _vm._self._c;
package/lib/gpc-ui.umd.js CHANGED
@@ -2672,7 +2672,7 @@ var es_iterator_constructor = __webpack_require__("e9f5");
2672
2672
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
2673
2673
  var es_iterator_for_each = __webpack_require__("7d54");
2674
2674
 
2675
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d82290ec-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-login/index.vue?vue&type=template&id=79919a3f&scoped=true
2675
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"00f23f7e-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-login/index.vue?vue&type=template&id=79919a3f&scoped=true
2676
2676
  var render = function render() {
2677
2677
  var _vm = this,
2678
2678
  _c = _vm._self._c;
@@ -3110,7 +3110,7 @@ var staticRenderFns = [];
3110
3110
 
3111
3111
  // CONCATENATED MODULE: ./src/components/gpc-login/index.vue?vue&type=template&id=79919a3f&scoped=true
3112
3112
 
3113
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d82290ec-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-tabs/Tabs.vue?vue&type=template&id=a848dcd8&scoped=true
3113
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"00f23f7e-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-tabs/Tabs.vue?vue&type=template&id=a848dcd8&scoped=true
3114
3114
  var Tabsvue_type_template_id_a848dcd8_scoped_true_render = function render() {
3115
3115
  var _vm = this,
3116
3116
  _c = _vm._self._c;
@@ -3365,7 +3365,7 @@ var component = normalizeComponent(
3365
3365
  )
3366
3366
 
3367
3367
  /* harmony default export */ var Tabs = (component.exports);
3368
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d82290ec-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-tabs/TabPane.vue?vue&type=template&id=4e2150b9&scoped=true
3368
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"00f23f7e-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-tabs/TabPane.vue?vue&type=template&id=4e2150b9&scoped=true
3369
3369
  var TabPanevue_type_template_id_4e2150b9_scoped_true_render = function render() {
3370
3370
  var _vm = this,
3371
3371
  _c = _vm._self._c;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gpc-ui",
3
- "version": "0.1.22",
3
+ "version": "0.2.1",
4
4
  "description": "二小UI",
5
5
  "private": false,
6
6
  "main": "lib/gpc-ui.umd.min.js",
@@ -15,7 +15,9 @@
15
15
  "build:gpc-ui": "vue-cli-service build --target lib --dest lib src/components/index.js"
16
16
  },
17
17
  "dependencies": {
18
+ "axios": "^1.8.4",
18
19
  "core-js": "^3.6.5",
20
+ "crypto-js": "^4.2.0",
19
21
  "element-ui": "^2.15.14",
20
22
  "vue": "^2.6.11",
21
23
  "vue-drag-verify2": "^1.2.0"
package/src/components/gpc-login/index.vue CHANGED
@@ -37,7 +37,7 @@
37
37
  </drag-verify>
38
38
  <div class="buttons clearfix">
39
39
  <el-button class="btn-login fr button" :loading="loading" @click="getAccountLogin">登录</el-button>
40
- <el-button type="text" style="color: #028037;" size="small" @click="getRegister">重置密码</el-button>
40
+ <!-- <el-button type="text" style="color: #028037;" size="small" @click="getRegister">重置密码</el-button> -->
41
41
  </div>
42
42
  </div>
43
43
  </TabPane>