vue2-client 1.2.103 → 1.2.107
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.
- package/.env +15 -15
- package/.eslintrc.js +82 -82
- package/CHANGELOG.md +264 -249
- package/package.json +92 -92
- package/src/base-client/all.js +66 -66
- package/src/base-client/components/common/AmapMarker/AmapPointRendering.vue +113 -113
- package/src/base-client/components/common/CitySelect/CitySelect.vue +244 -244
- package/src/base-client/components/common/CitySelect/index.js +3 -3
- package/src/base-client/components/common/CitySelect/index.md +109 -109
- package/src/base-client/components/common/CreateQuery/CreateQuery.vue +547 -547
- package/src/base-client/components/common/CreateQuery/CreateQueryItem.vue +777 -778
- package/src/base-client/components/common/CreateSimpleFormQuery/CreateSimpleFormQuery.vue +310 -310
- package/src/base-client/components/common/PersonSetting/PersonSetting.vue +210 -210
- package/src/base-client/components/common/PersonSetting/index.js +3 -3
- package/src/base-client/components/common/Upload/Upload.vue +2 -1
- package/src/base-client/components/common/Upload/index.js +3 -3
- package/src/base-client/components/common/XAddForm/XAddForm.vue +349 -349
- package/src/base-client/components/common/XAddNativeForm/XAddNativeForm.vue +322 -322
- package/src/base-client/components/common/XForm/XForm.vue +268 -268
- package/src/base-client/components/common/XForm/XFormItem.vue +1 -1
- package/src/base-client/components/common/XFormTable/XFormTable.vue +6 -0
- package/src/base-client/components/common/XTable/XTable.vue +6 -1
- package/src/base-client/components/iot/WebmeterAnalysisView/WebmeterAnalysisView.vue +960 -960
- package/src/components/STable/index.js +2 -2
- package/src/config/CreateQueryConfig.js +307 -307
- package/src/layouts/header/HeaderNotice.vue +199 -199
- package/src/layouts/header/InstitutionDetail.vue +177 -177
- package/src/pages/login/Login.vue +1 -1
- package/src/router/async/router.map.js +60 -60
- package/src/services/api/WebmeterAnalysisViewApi.js +24 -24
- package/src/services/api/manage.js +16 -16
- package/src/services/api/restTools.js +24 -24
- package/vue.config.js +163 -163
package/package.json
CHANGED
|
@@ -1,92 +1,92 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "vue2-client",
|
|
3
|
-
"version": "1.2.
|
|
4
|
-
"private": false,
|
|
5
|
-
"scripts": {
|
|
6
|
-
"serve": "vue-cli-service serve",
|
|
7
|
-
"build": "vue-cli-service build",
|
|
8
|
-
"test:unit": "vue-cli-service test:unit",
|
|
9
|
-
"lint": "vue-cli-service lint"
|
|
10
|
-
},
|
|
11
|
-
"dependencies": {
|
|
12
|
-
"@amap/amap-jsapi-loader": "^1.0.1",
|
|
13
|
-
"@antv/data-set": "^0.11.8",
|
|
14
|
-
"@antv/f2": "^3.8.11",
|
|
15
|
-
"@antv/g2plot": "^2.4.20",
|
|
16
|
-
"@logicflow/core": "^1.1.20",
|
|
17
|
-
"@logicflow/extension": "^1.1.20",
|
|
18
|
-
"@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
|
|
19
|
-
"@vue/babel-preset-jsx": "^1.2.4",
|
|
20
|
-
"animate.css": "^4.1.1",
|
|
21
|
-
"ant-design-vue": "^1.7.8",
|
|
22
|
-
"axios": "^0.27.2",
|
|
23
|
-
"clipboard": "^2.0.11",
|
|
24
|
-
"core-js": "^3.23.5",
|
|
25
|
-
"date-fns": "^2.28.0",
|
|
26
|
-
"default-passive-events": "^2.0.0",
|
|
27
|
-
"enquire.js": "^2.1.6",
|
|
28
|
-
"file-saver": "^2.0.5",
|
|
29
|
-
"highlight.js": "^10.7.3",
|
|
30
|
-
"js-base64": "^3.7.2",
|
|
31
|
-
"js-cookie": "^2.2.1",
|
|
32
|
-
"jsencrypt": "^3.2.1",
|
|
33
|
-
"lodash.get": "^4.4.2",
|
|
34
|
-
"mockjs": "^1.1.0",
|
|
35
|
-
"nprogress": "^0.2.0",
|
|
36
|
-
"viser-vue": "^2.4.8",
|
|
37
|
-
"vue": "2.6.14",
|
|
38
|
-
"vue-i18n": "^8.27.2",
|
|
39
|
-
"vue-infinite-scroll": "^2.0.2",
|
|
40
|
-
"vue-json-viewer": "^2.2.22",
|
|
41
|
-
"vue-router": "^3.5.4",
|
|
42
|
-
"vuedraggable": "^2.24.3",
|
|
43
|
-
"vuex": "^3.6.2",
|
|
44
|
-
"xlsx": "0.18.5"
|
|
45
|
-
},
|
|
46
|
-
"devDependencies": {
|
|
47
|
-
"@ant-design/colors": "^4.0.5",
|
|
48
|
-
"@vue/cli-plugin-babel": "^4.5.19",
|
|
49
|
-
"@vue/cli-plugin-eslint": "^4.5.19",
|
|
50
|
-
"@vue/cli-plugin-router": "^4.5.19",
|
|
51
|
-
"@vue/cli-plugin-unit-jest": "~4.5.19",
|
|
52
|
-
"@vue/cli-plugin-vuex": "^4.5.19",
|
|
53
|
-
"@vue/cli-service": "^4.5.19",
|
|
54
|
-
"@vue/eslint-config-standard": "^4.0.0",
|
|
55
|
-
"@vue/test-utils": "^1.3.0",
|
|
56
|
-
"@vue/vue2-jest": "^27.0.0",
|
|
57
|
-
"@vuepress/plugin-back-to-top": "^1.9.7",
|
|
58
|
-
"babel-eslint": "^10.1.0",
|
|
59
|
-
"babel-jest": "^27.1.0",
|
|
60
|
-
"babel-plugin-transform-remove-console": "^6.9.4",
|
|
61
|
-
"babel-polyfill": "^6.26.0",
|
|
62
|
-
"compression-webpack-plugin": "^4.0.1",
|
|
63
|
-
"deepmerge": "^4.2.2",
|
|
64
|
-
"echarts": "^5.3.3",
|
|
65
|
-
"eslint": "^6.8.0",
|
|
66
|
-
"eslint-plugin-import": "^2.26.0",
|
|
67
|
-
"eslint-plugin-node": "^11.1.0",
|
|
68
|
-
"eslint-plugin-standard": "^5.0.0",
|
|
69
|
-
"eslint-plugin-vue": "^6.2.2",
|
|
70
|
-
"fast-deep-equal": "^3.1.3",
|
|
71
|
-
"gh-pages": "^3.2.3",
|
|
72
|
-
"jest": "^27.1.0",
|
|
73
|
-
"less-loader": "^6.2.0",
|
|
74
|
-
"react-bmap": "^1.0.130",
|
|
75
|
-
"script-loader": "^0.7.2",
|
|
76
|
-
"style-resources-loader": "^1.5.0",
|
|
77
|
-
"vue-amap": "^0.5.10",
|
|
78
|
-
"vue-baidu-map": "^0.21.22",
|
|
79
|
-
"vue-bmap-gl": "0.0.30",
|
|
80
|
-
"vue-cli-plugin-style-resources-loader": "^0.1.5",
|
|
81
|
-
"vue-mapvgl": "0.0.34",
|
|
82
|
-
"vue-template-compiler": "2.6.14",
|
|
83
|
-
"vuepress": "^1.9.7",
|
|
84
|
-
"webpack-theme-color-replacer": "1.4.1",
|
|
85
|
-
"whatwg-fetch": "^3.6.2"
|
|
86
|
-
},
|
|
87
|
-
"browserslist": [
|
|
88
|
-
"> 1%",
|
|
89
|
-
"last 2 versions",
|
|
90
|
-
"not ie <= 10"
|
|
91
|
-
]
|
|
92
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "vue2-client",
|
|
3
|
+
"version": "1.2.107",
|
|
4
|
+
"private": false,
|
|
5
|
+
"scripts": {
|
|
6
|
+
"serve": "vue-cli-service serve",
|
|
7
|
+
"build": "vue-cli-service build",
|
|
8
|
+
"test:unit": "vue-cli-service test:unit",
|
|
9
|
+
"lint": "vue-cli-service lint"
|
|
10
|
+
},
|
|
11
|
+
"dependencies": {
|
|
12
|
+
"@amap/amap-jsapi-loader": "^1.0.1",
|
|
13
|
+
"@antv/data-set": "^0.11.8",
|
|
14
|
+
"@antv/f2": "^3.8.11",
|
|
15
|
+
"@antv/g2plot": "^2.4.20",
|
|
16
|
+
"@logicflow/core": "^1.1.20",
|
|
17
|
+
"@logicflow/extension": "^1.1.20",
|
|
18
|
+
"@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
|
|
19
|
+
"@vue/babel-preset-jsx": "^1.2.4",
|
|
20
|
+
"animate.css": "^4.1.1",
|
|
21
|
+
"ant-design-vue": "^1.7.8",
|
|
22
|
+
"axios": "^0.27.2",
|
|
23
|
+
"clipboard": "^2.0.11",
|
|
24
|
+
"core-js": "^3.23.5",
|
|
25
|
+
"date-fns": "^2.28.0",
|
|
26
|
+
"default-passive-events": "^2.0.0",
|
|
27
|
+
"enquire.js": "^2.1.6",
|
|
28
|
+
"file-saver": "^2.0.5",
|
|
29
|
+
"highlight.js": "^10.7.3",
|
|
30
|
+
"js-base64": "^3.7.2",
|
|
31
|
+
"js-cookie": "^2.2.1",
|
|
32
|
+
"jsencrypt": "^3.2.1",
|
|
33
|
+
"lodash.get": "^4.4.2",
|
|
34
|
+
"mockjs": "^1.1.0",
|
|
35
|
+
"nprogress": "^0.2.0",
|
|
36
|
+
"viser-vue": "^2.4.8",
|
|
37
|
+
"vue": "2.6.14",
|
|
38
|
+
"vue-i18n": "^8.27.2",
|
|
39
|
+
"vue-infinite-scroll": "^2.0.2",
|
|
40
|
+
"vue-json-viewer": "^2.2.22",
|
|
41
|
+
"vue-router": "^3.5.4",
|
|
42
|
+
"vuedraggable": "^2.24.3",
|
|
43
|
+
"vuex": "^3.6.2",
|
|
44
|
+
"xlsx": "0.18.5"
|
|
45
|
+
},
|
|
46
|
+
"devDependencies": {
|
|
47
|
+
"@ant-design/colors": "^4.0.5",
|
|
48
|
+
"@vue/cli-plugin-babel": "^4.5.19",
|
|
49
|
+
"@vue/cli-plugin-eslint": "^4.5.19",
|
|
50
|
+
"@vue/cli-plugin-router": "^4.5.19",
|
|
51
|
+
"@vue/cli-plugin-unit-jest": "~4.5.19",
|
|
52
|
+
"@vue/cli-plugin-vuex": "^4.5.19",
|
|
53
|
+
"@vue/cli-service": "^4.5.19",
|
|
54
|
+
"@vue/eslint-config-standard": "^4.0.0",
|
|
55
|
+
"@vue/test-utils": "^1.3.0",
|
|
56
|
+
"@vue/vue2-jest": "^27.0.0",
|
|
57
|
+
"@vuepress/plugin-back-to-top": "^1.9.7",
|
|
58
|
+
"babel-eslint": "^10.1.0",
|
|
59
|
+
"babel-jest": "^27.1.0",
|
|
60
|
+
"babel-plugin-transform-remove-console": "^6.9.4",
|
|
61
|
+
"babel-polyfill": "^6.26.0",
|
|
62
|
+
"compression-webpack-plugin": "^4.0.1",
|
|
63
|
+
"deepmerge": "^4.2.2",
|
|
64
|
+
"echarts": "^5.3.3",
|
|
65
|
+
"eslint": "^6.8.0",
|
|
66
|
+
"eslint-plugin-import": "^2.26.0",
|
|
67
|
+
"eslint-plugin-node": "^11.1.0",
|
|
68
|
+
"eslint-plugin-standard": "^5.0.0",
|
|
69
|
+
"eslint-plugin-vue": "^6.2.2",
|
|
70
|
+
"fast-deep-equal": "^3.1.3",
|
|
71
|
+
"gh-pages": "^3.2.3",
|
|
72
|
+
"jest": "^27.1.0",
|
|
73
|
+
"less-loader": "^6.2.0",
|
|
74
|
+
"react-bmap": "^1.0.130",
|
|
75
|
+
"script-loader": "^0.7.2",
|
|
76
|
+
"style-resources-loader": "^1.5.0",
|
|
77
|
+
"vue-amap": "^0.5.10",
|
|
78
|
+
"vue-baidu-map": "^0.21.22",
|
|
79
|
+
"vue-bmap-gl": "0.0.30",
|
|
80
|
+
"vue-cli-plugin-style-resources-loader": "^0.1.5",
|
|
81
|
+
"vue-mapvgl": "0.0.34",
|
|
82
|
+
"vue-template-compiler": "2.6.14",
|
|
83
|
+
"vuepress": "^1.9.7",
|
|
84
|
+
"webpack-theme-color-replacer": "1.4.1",
|
|
85
|
+
"whatwg-fetch": "^3.6.2"
|
|
86
|
+
},
|
|
87
|
+
"browserslist": [
|
|
88
|
+
"> 1%",
|
|
89
|
+
"last 2 versions",
|
|
90
|
+
"not ie <= 10"
|
|
91
|
+
]
|
|
92
|
+
}
|
package/src/base-client/all.js
CHANGED
|
@@ -1,66 +1,66 @@
|
|
|
1
|
-
import Vue from 'vue'
|
|
2
|
-
|
|
3
|
-
import CustomColumnsDrawer from '@vue2-client/base-client/components/common/CustomColumnsDrawer'
|
|
4
|
-
import InstructDetailsView from '@vue2-client/base-client/components/iot/InstructDetailsView'
|
|
5
|
-
import MeterDetailsView from '@vue2-client/base-client/components/iot/MeterDetailsView'
|
|
6
|
-
import CustomerDetailsView from '@vue2-client/base-client/components/iot/CustomerDetailsView'
|
|
7
|
-
import LogDetailsView from '@vue2-client/base-client/components/iot/LogDetailsView'
|
|
8
|
-
import WebmeterAnalysisView from '@vue2-client/base-client/components/iot/WebmeterAnalysisView'
|
|
9
|
-
import XCard from '@vue2-client/base-client/components/common/XCard/XCard'
|
|
10
|
-
import XFormCol from '@vue2-client/base-client/components/common/XFormCol'
|
|
11
|
-
import XBadge from '@vue2-client/base-client/components/common/XBadge'
|
|
12
|
-
import DataAnalysisView from '@vue2-client/base-client/components/iot/DataAnalysisView'
|
|
13
|
-
import DataAnalysisUser from '@vue2-client/base-client/components/iot/DataAnalysisUser'
|
|
14
|
-
import SrcollList from '@vue2-client/base-client/components/common/ScrollList'
|
|
15
|
-
import AmapPointRendering from '@vue2-client/base-client/components/common/AmapMarker'
|
|
16
|
-
import DeviceTypeDetailsView from '@vue2-client/base-client/components/iot/DeviceTypeDetailsView'
|
|
17
|
-
import DeviceBrandDetailsView from '@vue2-client/base-client/components/iot/DeviceBrandDetailsView'
|
|
18
|
-
import DictionaryDetailsView from '@vue2-client/base-client/components/system/DictionaryDetailsView'
|
|
19
|
-
import QueryParamsDetailsView from '@vue2-client/base-client/components/system/QueryParamsDetailsView'
|
|
20
|
-
import DeviceDetailsView from '@vue2-client/base-client/components/iot/DeviceDetailsView'
|
|
21
|
-
import TicketDetailsView from '@vue2-client/base-client/components/ticket/TicketDetailsView'
|
|
22
|
-
import EmployeeDetailsView from '@vue2-client/base-client/components/ticket/EmployeeDetailsView'
|
|
23
|
-
import submitTicketSuccess from '@vue2-client/base-client/components/ticket/TicketSubmitSuccessView'
|
|
24
|
-
import CreateQuery from '@vue2-client/base-client/components/common/CreateQuery'
|
|
25
|
-
import CreateSimpleFormQuery from '@vue2-client/base-client/components/common/CreateSimpleFormQuery'
|
|
26
|
-
import FormGroupQuery from '@vue2-client/base-client/components/common/FormGroupQuery'
|
|
27
|
-
import FormGroupEdit from '@vue2-client/base-client/components/common/FormGroupEdit'
|
|
28
|
-
import JSONToTree from '@vue2-client/base-client/components/common/JSONToTree'
|
|
29
|
-
import Upload from '@vue2-client/base-client/components/common/Upload'
|
|
30
|
-
import AddressSearchCombobox from '@vue2-client/base-client/components/common/AddressSearchCombobox'
|
|
31
|
-
import CitySelect from '@vue2-client/base-client/components/common/CitySelect'
|
|
32
|
-
import PersonSetting from '@vue2-client/base-client/components/common/PersonSetting'
|
|
33
|
-
// 插件
|
|
34
|
-
import Plugins from '@vue2-client/base-client/plugins'
|
|
35
|
-
Vue.use(Plugins)
|
|
36
|
-
|
|
37
|
-
Vue.component('custom-columns-drawer', CustomColumnsDrawer)
|
|
38
|
-
Vue.component('InstructDetailsView', InstructDetailsView)
|
|
39
|
-
Vue.component('MeterDetailsView', MeterDetailsView)
|
|
40
|
-
Vue.component('CustomerDetailsView', CustomerDetailsView)
|
|
41
|
-
Vue.component('LogDetailsView', LogDetailsView)
|
|
42
|
-
Vue.component('WebmeterAnalysisView', WebmeterAnalysisView)
|
|
43
|
-
Vue.component('XCard', XCard)
|
|
44
|
-
Vue.component('XBadge', XBadge)
|
|
45
|
-
Vue.component('XFormCol', XFormCol)
|
|
46
|
-
Vue.component('DataAnalysisView', DataAnalysisView)
|
|
47
|
-
Vue.component('DataAnalysisUser', DataAnalysisUser)
|
|
48
|
-
Vue.component('SrcollList', SrcollList)
|
|
49
|
-
Vue.component('DeviceTypeDetailsView', DeviceTypeDetailsView)
|
|
50
|
-
Vue.component('DeviceBrandDetailsView', DeviceBrandDetailsView)
|
|
51
|
-
Vue.component('DeviceDetailsView', DeviceDetailsView)
|
|
52
|
-
Vue.component('DictionaryDetailsView', DictionaryDetailsView)
|
|
53
|
-
Vue.component('QueryParamsDetailsView', QueryParamsDetailsView)
|
|
54
|
-
Vue.component('TicketDetailsView', TicketDetailsView)
|
|
55
|
-
Vue.component('EmployeeDetailsView', EmployeeDetailsView)
|
|
56
|
-
Vue.component('submitTicketSuccess', submitTicketSuccess)
|
|
57
|
-
Vue.component('CreateQuery', CreateQuery)
|
|
58
|
-
Vue.component('CreateSimpleFormQuery', CreateSimpleFormQuery)
|
|
59
|
-
Vue.component('FormGroupQuery', FormGroupQuery)
|
|
60
|
-
Vue.component('FormGroupEdit', FormGroupEdit)
|
|
61
|
-
Vue.component('JSONToTree', JSONToTree)
|
|
62
|
-
Vue.component('Upload', Upload)
|
|
63
|
-
Vue.component('AmapPointRendering', AmapPointRendering)
|
|
64
|
-
Vue.component('AddressSearchCombobox', AddressSearchCombobox)
|
|
65
|
-
Vue.component('CitySelect', CitySelect)
|
|
66
|
-
Vue.component('PersonSetting', PersonSetting)
|
|
1
|
+
import Vue from 'vue'
|
|
2
|
+
|
|
3
|
+
import CustomColumnsDrawer from '@vue2-client/base-client/components/common/CustomColumnsDrawer'
|
|
4
|
+
import InstructDetailsView from '@vue2-client/base-client/components/iot/InstructDetailsView'
|
|
5
|
+
import MeterDetailsView from '@vue2-client/base-client/components/iot/MeterDetailsView'
|
|
6
|
+
import CustomerDetailsView from '@vue2-client/base-client/components/iot/CustomerDetailsView'
|
|
7
|
+
import LogDetailsView from '@vue2-client/base-client/components/iot/LogDetailsView'
|
|
8
|
+
import WebmeterAnalysisView from '@vue2-client/base-client/components/iot/WebmeterAnalysisView'
|
|
9
|
+
import XCard from '@vue2-client/base-client/components/common/XCard/XCard'
|
|
10
|
+
import XFormCol from '@vue2-client/base-client/components/common/XFormCol'
|
|
11
|
+
import XBadge from '@vue2-client/base-client/components/common/XBadge'
|
|
12
|
+
import DataAnalysisView from '@vue2-client/base-client/components/iot/DataAnalysisView'
|
|
13
|
+
import DataAnalysisUser from '@vue2-client/base-client/components/iot/DataAnalysisUser'
|
|
14
|
+
import SrcollList from '@vue2-client/base-client/components/common/ScrollList'
|
|
15
|
+
import AmapPointRendering from '@vue2-client/base-client/components/common/AmapMarker'
|
|
16
|
+
import DeviceTypeDetailsView from '@vue2-client/base-client/components/iot/DeviceTypeDetailsView'
|
|
17
|
+
import DeviceBrandDetailsView from '@vue2-client/base-client/components/iot/DeviceBrandDetailsView'
|
|
18
|
+
import DictionaryDetailsView from '@vue2-client/base-client/components/system/DictionaryDetailsView'
|
|
19
|
+
import QueryParamsDetailsView from '@vue2-client/base-client/components/system/QueryParamsDetailsView'
|
|
20
|
+
import DeviceDetailsView from '@vue2-client/base-client/components/iot/DeviceDetailsView'
|
|
21
|
+
import TicketDetailsView from '@vue2-client/base-client/components/ticket/TicketDetailsView'
|
|
22
|
+
import EmployeeDetailsView from '@vue2-client/base-client/components/ticket/EmployeeDetailsView'
|
|
23
|
+
import submitTicketSuccess from '@vue2-client/base-client/components/ticket/TicketSubmitSuccessView'
|
|
24
|
+
import CreateQuery from '@vue2-client/base-client/components/common/CreateQuery'
|
|
25
|
+
import CreateSimpleFormQuery from '@vue2-client/base-client/components/common/CreateSimpleFormQuery'
|
|
26
|
+
import FormGroupQuery from '@vue2-client/base-client/components/common/FormGroupQuery'
|
|
27
|
+
import FormGroupEdit from '@vue2-client/base-client/components/common/FormGroupEdit'
|
|
28
|
+
import JSONToTree from '@vue2-client/base-client/components/common/JSONToTree'
|
|
29
|
+
import Upload from '@vue2-client/base-client/components/common/Upload'
|
|
30
|
+
import AddressSearchCombobox from '@vue2-client/base-client/components/common/AddressSearchCombobox'
|
|
31
|
+
import CitySelect from '@vue2-client/base-client/components/common/CitySelect'
|
|
32
|
+
import PersonSetting from '@vue2-client/base-client/components/common/PersonSetting'
|
|
33
|
+
// 插件
|
|
34
|
+
import Plugins from '@vue2-client/base-client/plugins'
|
|
35
|
+
Vue.use(Plugins)
|
|
36
|
+
|
|
37
|
+
Vue.component('custom-columns-drawer', CustomColumnsDrawer)
|
|
38
|
+
Vue.component('InstructDetailsView', InstructDetailsView)
|
|
39
|
+
Vue.component('MeterDetailsView', MeterDetailsView)
|
|
40
|
+
Vue.component('CustomerDetailsView', CustomerDetailsView)
|
|
41
|
+
Vue.component('LogDetailsView', LogDetailsView)
|
|
42
|
+
Vue.component('WebmeterAnalysisView', WebmeterAnalysisView)
|
|
43
|
+
Vue.component('XCard', XCard)
|
|
44
|
+
Vue.component('XBadge', XBadge)
|
|
45
|
+
Vue.component('XFormCol', XFormCol)
|
|
46
|
+
Vue.component('DataAnalysisView', DataAnalysisView)
|
|
47
|
+
Vue.component('DataAnalysisUser', DataAnalysisUser)
|
|
48
|
+
Vue.component('SrcollList', SrcollList)
|
|
49
|
+
Vue.component('DeviceTypeDetailsView', DeviceTypeDetailsView)
|
|
50
|
+
Vue.component('DeviceBrandDetailsView', DeviceBrandDetailsView)
|
|
51
|
+
Vue.component('DeviceDetailsView', DeviceDetailsView)
|
|
52
|
+
Vue.component('DictionaryDetailsView', DictionaryDetailsView)
|
|
53
|
+
Vue.component('QueryParamsDetailsView', QueryParamsDetailsView)
|
|
54
|
+
Vue.component('TicketDetailsView', TicketDetailsView)
|
|
55
|
+
Vue.component('EmployeeDetailsView', EmployeeDetailsView)
|
|
56
|
+
Vue.component('submitTicketSuccess', submitTicketSuccess)
|
|
57
|
+
Vue.component('CreateQuery', CreateQuery)
|
|
58
|
+
Vue.component('CreateSimpleFormQuery', CreateSimpleFormQuery)
|
|
59
|
+
Vue.component('FormGroupQuery', FormGroupQuery)
|
|
60
|
+
Vue.component('FormGroupEdit', FormGroupEdit)
|
|
61
|
+
Vue.component('JSONToTree', JSONToTree)
|
|
62
|
+
Vue.component('Upload', Upload)
|
|
63
|
+
Vue.component('AmapPointRendering', AmapPointRendering)
|
|
64
|
+
Vue.component('AddressSearchCombobox', AddressSearchCombobox)
|
|
65
|
+
Vue.component('CitySelect', CitySelect)
|
|
66
|
+
Vue.component('PersonSetting', PersonSetting)
|
|
@@ -1,113 +1,113 @@
|
|
|
1
|
-
<template >
|
|
2
|
-
<div id="amap_point_rendering_map" :style="mapStyle">
|
|
3
|
-
<div v-show="false">
|
|
4
|
-
<div id="amap_point_rendering_template">
|
|
5
|
-
<a-descriptions :column="1">
|
|
6
|
-
<a-descriptions-item v-for="(des, index) in describeList" :key="index" :label="des.describe" >{{ markers[des.field] }}</a-descriptions-item>
|
|
7
|
-
</a-descriptions>
|
|
8
|
-
</div>
|
|
9
|
-
</div>
|
|
10
|
-
</div>
|
|
11
|
-
</template>
|
|
12
|
-
<script>
|
|
13
|
-
import { GetGDMap } from '@vue2-client/utils/map-utils'
|
|
14
|
-
export default {
|
|
15
|
-
name: 'AmapPointRendering',
|
|
16
|
-
props: {
|
|
17
|
-
// 选中点位后需要展示的信息描述
|
|
18
|
-
describeList: {
|
|
19
|
-
type: Array,
|
|
20
|
-
// eslint-disable-next-line vue/require-valid-default-prop
|
|
21
|
-
default: () => { return [ ] } // lng:描述信息 lat:描述信息对应的值的字段名 { describe: '用户名称', field: 'name' }
|
|
22
|
-
},
|
|
23
|
-
// 需要渲染的点位数据
|
|
24
|
-
markers: {
|
|
25
|
-
type: String,
|
|
26
|
-
default: null // lng:经度值 lat:纬度值
|
|
27
|
-
},
|
|
28
|
-
// 渲染点位的图片
|
|
29
|
-
imgurl: {
|
|
30
|
-
type: String,
|
|
31
|
-
default: '/image/success1.png'
|
|
32
|
-
},
|
|
33
|
-
mapStyle: {
|
|
34
|
-
type: Object,
|
|
35
|
-
default: () => {
|
|
36
|
-
return {
|
|
37
|
-
width: '100%',
|
|
38
|
-
height: '85vh',
|
|
39
|
-
border: '2px solid lightgray',
|
|
40
|
-
'border-radius': '5px'
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
data () {
|
|
46
|
-
return {
|
|
47
|
-
map: null,
|
|
48
|
-
geocoder: null, // 逆地理编码
|
|
49
|
-
infoWindow: null,
|
|
50
|
-
selectrow: {}
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
created () {
|
|
54
|
-
},
|
|
55
|
-
mounted () {
|
|
56
|
-
GetGDMap().then(aMap => {
|
|
57
|
-
this.initMap(aMap)
|
|
58
|
-
this.initData(aMap)
|
|
59
|
-
})
|
|
60
|
-
},
|
|
61
|
-
methods: {
|
|
62
|
-
initMap (aMap) {
|
|
63
|
-
this.map = new (aMap).Map('amap_point_rendering_map', { // 设置地图容器id
|
|
64
|
-
resizeEnable: true, // 是否监控地图容器尺寸变化
|
|
65
|
-
zoom: 17, // 初始化地图层级
|
|
66
|
-
center: [108.943784, 34.265] // 初始化地图中心点
|
|
67
|
-
})
|
|
68
|
-
this.geocoder = new (aMap).Geocoder({
|
|
69
|
-
radius: 500 // 范围,默认:500
|
|
70
|
-
})
|
|
71
|
-
this.map.addControl(new (aMap).ToolBar()) // 初始化工具插件
|
|
72
|
-
// 初始化窗体
|
|
73
|
-
this.infoWindow = new (aMap).InfoWindow({
|
|
74
|
-
anchor: 'bottom-center',
|
|
75
|
-
isCustom: false, // 使用自定义窗体
|
|
76
|
-
autoMove: true,
|
|
77
|
-
content: '',
|
|
78
|
-
showShadow: true,
|
|
79
|
-
offset: new (aMap).Pixel(0, -25)
|
|
80
|
-
})
|
|
81
|
-
},
|
|
82
|
-
initData (aMap) {
|
|
83
|
-
// 创建一个 Marker 实例:
|
|
84
|
-
if (this.markers) {
|
|
85
|
-
const lngLat = this.markers.split(',')
|
|
86
|
-
const lng = lngLat[0]
|
|
87
|
-
const lat = lngLat[1]
|
|
88
|
-
const marker = new (aMap).Marker({
|
|
89
|
-
// 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9]
|
|
90
|
-
position: new (aMap).LngLat(lng, lat),
|
|
91
|
-
title: '北京',
|
|
92
|
-
icon: new (aMap).Icon({
|
|
93
|
-
// 图标大小
|
|
94
|
-
size: new (aMap).Size(26, 28),
|
|
95
|
-
// 报警图标URL
|
|
96
|
-
url: this.imgurl,
|
|
97
|
-
// 图标偏移位置
|
|
98
|
-
anchor: new (aMap).Pixel(0, 0),
|
|
99
|
-
}),
|
|
100
|
-
extData: this.markers
|
|
101
|
-
})
|
|
102
|
-
marker.on('click', function (e) {
|
|
103
|
-
this.infoWindow.setContent(document.getElementById('amap_point_rendering_template'))
|
|
104
|
-
this.infoWindow.open(this.map, [e.target.getExtData().lng, e.target.getExtData().lat])
|
|
105
|
-
})
|
|
106
|
-
// 将创建的点标记添加到已有的地图实例:
|
|
107
|
-
this.map.add(marker)
|
|
108
|
-
this.map.setFitView()
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
</script>
|
|
1
|
+
<template >
|
|
2
|
+
<div id="amap_point_rendering_map" :style="mapStyle">
|
|
3
|
+
<div v-show="false">
|
|
4
|
+
<div id="amap_point_rendering_template">
|
|
5
|
+
<a-descriptions :column="1">
|
|
6
|
+
<a-descriptions-item v-for="(des, index) in describeList" :key="index" :label="des.describe" >{{ markers[des.field] }}</a-descriptions-item>
|
|
7
|
+
</a-descriptions>
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
|
11
|
+
</template>
|
|
12
|
+
<script>
|
|
13
|
+
import { GetGDMap } from '@vue2-client/utils/map-utils'
|
|
14
|
+
export default {
|
|
15
|
+
name: 'AmapPointRendering',
|
|
16
|
+
props: {
|
|
17
|
+
// 选中点位后需要展示的信息描述
|
|
18
|
+
describeList: {
|
|
19
|
+
type: Array,
|
|
20
|
+
// eslint-disable-next-line vue/require-valid-default-prop
|
|
21
|
+
default: () => { return [ ] } // lng:描述信息 lat:描述信息对应的值的字段名 { describe: '用户名称', field: 'name' }
|
|
22
|
+
},
|
|
23
|
+
// 需要渲染的点位数据
|
|
24
|
+
markers: {
|
|
25
|
+
type: String,
|
|
26
|
+
default: null // lng:经度值 lat:纬度值
|
|
27
|
+
},
|
|
28
|
+
// 渲染点位的图片
|
|
29
|
+
imgurl: {
|
|
30
|
+
type: String,
|
|
31
|
+
default: '/image/success1.png'
|
|
32
|
+
},
|
|
33
|
+
mapStyle: {
|
|
34
|
+
type: Object,
|
|
35
|
+
default: () => {
|
|
36
|
+
return {
|
|
37
|
+
width: '100%',
|
|
38
|
+
height: '85vh',
|
|
39
|
+
border: '2px solid lightgray',
|
|
40
|
+
'border-radius': '5px'
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
data () {
|
|
46
|
+
return {
|
|
47
|
+
map: null,
|
|
48
|
+
geocoder: null, // 逆地理编码
|
|
49
|
+
infoWindow: null,
|
|
50
|
+
selectrow: {}
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
created () {
|
|
54
|
+
},
|
|
55
|
+
mounted () {
|
|
56
|
+
GetGDMap().then(aMap => {
|
|
57
|
+
this.initMap(aMap)
|
|
58
|
+
this.initData(aMap)
|
|
59
|
+
})
|
|
60
|
+
},
|
|
61
|
+
methods: {
|
|
62
|
+
initMap (aMap) {
|
|
63
|
+
this.map = new (aMap).Map('amap_point_rendering_map', { // 设置地图容器id
|
|
64
|
+
resizeEnable: true, // 是否监控地图容器尺寸变化
|
|
65
|
+
zoom: 17, // 初始化地图层级
|
|
66
|
+
center: [108.943784, 34.265] // 初始化地图中心点
|
|
67
|
+
})
|
|
68
|
+
this.geocoder = new (aMap).Geocoder({
|
|
69
|
+
radius: 500 // 范围,默认:500
|
|
70
|
+
})
|
|
71
|
+
this.map.addControl(new (aMap).ToolBar()) // 初始化工具插件
|
|
72
|
+
// 初始化窗体
|
|
73
|
+
this.infoWindow = new (aMap).InfoWindow({
|
|
74
|
+
anchor: 'bottom-center',
|
|
75
|
+
isCustom: false, // 使用自定义窗体
|
|
76
|
+
autoMove: true,
|
|
77
|
+
content: '',
|
|
78
|
+
showShadow: true,
|
|
79
|
+
offset: new (aMap).Pixel(0, -25)
|
|
80
|
+
})
|
|
81
|
+
},
|
|
82
|
+
initData (aMap) {
|
|
83
|
+
// 创建一个 Marker 实例:
|
|
84
|
+
if (this.markers) {
|
|
85
|
+
const lngLat = this.markers.split(',')
|
|
86
|
+
const lng = lngLat[0]
|
|
87
|
+
const lat = lngLat[1]
|
|
88
|
+
const marker = new (aMap).Marker({
|
|
89
|
+
// 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9]
|
|
90
|
+
position: new (aMap).LngLat(lng, lat),
|
|
91
|
+
title: '北京',
|
|
92
|
+
icon: new (aMap).Icon({
|
|
93
|
+
// 图标大小
|
|
94
|
+
size: new (aMap).Size(26, 28),
|
|
95
|
+
// 报警图标URL
|
|
96
|
+
url: this.imgurl,
|
|
97
|
+
// 图标偏移位置
|
|
98
|
+
anchor: new (aMap).Pixel(0, 0),
|
|
99
|
+
}),
|
|
100
|
+
extData: this.markers
|
|
101
|
+
})
|
|
102
|
+
marker.on('click', function (e) {
|
|
103
|
+
this.infoWindow.setContent(document.getElementById('amap_point_rendering_template'))
|
|
104
|
+
this.infoWindow.open(this.map, [e.target.getExtData().lng, e.target.getExtData().lat])
|
|
105
|
+
})
|
|
106
|
+
// 将创建的点标记添加到已有的地图实例:
|
|
107
|
+
this.map.add(marker)
|
|
108
|
+
this.map.setFitView()
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
</script>
|