gpc-ui 0.1.21 → 0.2.0

package/README.md

@@ -1,3 +1,97 @@
 # gpc_ui
 
-## 封装系统常用UI组件
+## 封装系统常用UI组件
+
+### v-1.0登录页面
+
+
+
+
+### v-2.0星软WebGPS
+
+    #### 1. 配置本地webpack环境代理地址（防止跨域问题）
+
+    ```
+    module.exports = {
+        devServer: {
+            proxy: {
+                '/openweb': {
+                    target: 'https://openweb.gpskk.com:4005/', // 目标服务器地址
+                    changeOrigin: true, // 是否改变请求的源头
+                    pathRewrite: {
+                        '^/openweb': '' // 重写路径，去掉前缀
+                    },
+                    secure: false, // 如果是 https 并且使用自签名证书，设置为 false
+                    withCredentials: true // 允许发送凭证（如 cookies）
+                }
+            }
+        }
+    };
+    ```
+
+    #### 2. 当前版本功能包括（车辆监控页面、 轨迹回放页面）
+    引入公共函数
+    ```
+    import { getOpenWebUrl } from "@/utils/common";
+    ```
+    - 车辆监控页面：显示当前车辆的位置、速度、状态、故障等信息。
+    【使用方法】
+
+        ```
+            /**
+             * 获取车辆监控页面的URL
+             *
+             * 该函数根据提供的参数生成一个特定的URL，用于车辆监控页面这个URL可以根据不同的需求隐藏或显示页面上的特定元素
+             *
+             * @param {string} accessKeyId - 用户的访问密钥ID，用于身份验证
+             * @param {string} accessKeySecret - 用户的访问密钥秘密，用于身份验证
+             * @param {string} company - 公司名称，用于过滤监控的车辆所属公司
+             * @param {string} carbrand - 车牌号，用于指定需要获取监控的车辆
+             * @param {boolean} [hideCarTree=false] - 是否隐藏车辆树形结构，默认不隐藏
+             * @param {boolean} [hideBottom=false] - 是否隐藏页面底部信息，默认不隐藏
+             * @param {boolean} [hideTool=false] - 是否隐藏工具栏，默认不隐藏
+             * @param {boolean} [hideMyMap=false] - 是否隐藏自定义地图，默认不隐藏
+             * @returns {string} 返回生成的车辆监控页面URL
+             */
+            getCarMonitorUrl('', '', '', '')
+            .then(mapUrl => {
+                console.log('车辆监控 Map  --------------- URL:', mapUrl);
+                // 在这里处理 mapUrl
+            })
+            .catch(error => {
+                console.error('Error:', error);
+                // 处理错误
+            });
+        ```
+
+    - 轨迹回放页面：显示当前车辆的历史轨迹，并可对轨迹进行播放、暂停、拖动、放大、缩小等操作。
+
+         ```
+         /**
+           * 生成汽车监控视频的URL
+           *
+           * 本函数通过给定的访问密钥ID、访问密钥密钥、公司名称、汽车品牌以及时间范围，
+           * 生成一个用于访问汽车监控视频的URL该URL可以用于查看或下载指定时间范围内
+           * 指定汽车品牌的监控视频
+           *
+           * @param {string} accessKeyId - 访问密钥ID，用于身份验证
+           * @param {string} accessKeySecret - 访问密钥密钥，用于身份验证
+           * @param {string} company - 公司名称，用于确定监控视频的所属公司
+           * @param {string} carbrand - 车牌号，用于指定需要获取监控的车辆
+           * @param {string} startTime - 开始时间，指定监控视频的时间范围的开始时间
+           * @param {string} endTime - 结束时间，指定监控视频的时间范围的结束时间
+           * @returns {string} - 返回生成的汽车监控视频的URL
+           */
+            getCarMogetCarTrackUrlnitorUrl('', '', '', '')
+            .then(mapUrl => {
+                console.log('车辆监控 Map  --------------- URL:', mapUrl);
+                // 在这里处理 mapUrl
+            })
+            .catch(error => {
+                console.error('Error:', error);
+                // 处理错误
+            });
+        ```
+
+
+

package/lib/gpc-ui.common.js

@@ -1004,17 +1004,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ "5431":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_634e57a8_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7377");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_634e57a8_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_634e57a8_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "5692":
@@ -1261,13 +1250,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ "7377":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "7418":
@@ -2426,6 +2408,13 @@ module.exports = NATIVE_BIND ? uncurryThisWithBind : function (fn) {
 };
 
 
+/***/ }),
+
+/***/ "e6af":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "e893":
@@ -2632,6 +2621,17 @@ module.exports = function (key) {
 };
 
 
+/***/ }),
+
+/***/ "f98a":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_79919a3f_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e6af");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_79919a3f_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_79919a3f_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "fb15":
@@ -2663,7 +2663,7 @@ var es_iterator_constructor = __webpack_require__("e9f5");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
 var es_iterator_for_each = __webpack_require__("7d54");
 
-// 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=634e57a8&scoped=true
+// 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
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -2864,7 +2864,18 @@ var render = function render() {
     on: {
       "click": _vm.getAccountLogin
     }
-  }, [_vm._v("登录")])], 1)], 1)]), _c('TabPane', {
+  }, [_vm._v("登录")]), _c('el-button', {
+    staticStyle: {
+      "color": "#028037"
+    },
+    attrs: {
+      "type": "text",
+      "size": "small"
+    },
+    on: {
+      "click": _vm.getRegister
+    }
+  }, [_vm._v("重置密码")])], 1)], 1)]), _c('TabPane', {
     attrs: {
       "label": "验证码登录",
       "name": "2"
@@ -3088,9 +3099,9 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/gpc-login/index.vue?vue&type=template&id=634e57a8&scoped=true
+// CONCATENATED MODULE: ./src/components/gpc-login/index.vue?vue&type=template&id=79919a3f&scoped=true
 
-// 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
+// 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
 var Tabsvue_type_template_id_a848dcd8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -3345,7 +3356,7 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var Tabs = (component.exports);
-// 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
+// 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
 var TabPanevue_type_template_id_4e2150b9_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -3789,8 +3800,8 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
 });
 // CONCATENATED MODULE: ./src/components/gpc-login/index.vue?vue&type=script&lang=js
  /* harmony default export */ var components_gpc_loginvue_type_script_lang_js = (gpc_loginvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/gpc-login/index.vue?vue&type=style&index=0&id=634e57a8&prod&scoped=true&lang=css
-var gpc_loginvue_type_style_index_0_id_634e57a8_prod_scoped_true_lang_css = __webpack_require__("5431");
+// EXTERNAL MODULE: ./src/components/gpc-login/index.vue?vue&type=style&index=0&id=79919a3f&prod&scoped=true&lang=css
+var gpc_loginvue_type_style_index_0_id_79919a3f_prod_scoped_true_lang_css = __webpack_require__("f98a");
 
 // CONCATENATED MODULE: ./src/components/gpc-login/index.vue
 
@@ -3807,7 +3818,7 @@ var gpc_login_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "634e57a8",
+  "79919a3f",
   null
   
 )