vue2-client 1.2.111 → 1.2.112

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue2-client",
3
- "version": "1.2.111",
3
+ "version": "1.2.112",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
@@ -10,13 +10,15 @@
10
10
  },
11
11
  "dependencies": {
12
12
  "@amap/amap-jsapi-loader": "^1.0.1",
13
- "@antv/data-set": "^0.11.8",
14
- "@antv/f2": "^3.8.11",
15
13
  "@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",
14
+ "lodash.get": "^4.4.2",
15
+ "js-base64": "^3.7.2",
16
+ "jsencrypt": "^3.2.1",
17
+ "vue-json-viewer": "^2.2.22",
18
+ "xlsx": "0.18.5",
19
+ "file-saver": "^2.0.5",
20
+ "@vue/babel-preset-jsx": "^1.4.0",
21
+ "@antv/data-set": "^0.11.8",
20
22
  "animate.css": "^4.1.1",
21
23
  "ant-design-vue": "^1.7.8",
22
24
  "axios": "^0.27.2",
@@ -25,62 +27,41 @@
25
27
  "date-fns": "^2.28.0",
26
28
  "default-passive-events": "^2.0.0",
27
29
  "enquire.js": "^2.1.6",
28
- "file-saver": "^2.0.5",
29
30
  "highlight.js": "^10.7.3",
30
- "js-base64": "^3.7.2",
31
31
  "js-cookie": "^2.2.1",
32
- "jsencrypt": "^3.2.1",
33
- "lodash.get": "^4.4.2",
34
32
  "mockjs": "^1.1.0",
35
33
  "nprogress": "^0.2.0",
36
34
  "viser-vue": "^2.4.8",
37
35
  "vue": "2.6.14",
38
36
  "vue-i18n": "^8.27.2",
39
- "vue-infinite-scroll": "^2.0.2",
40
- "vue-json-viewer": "^2.2.22",
41
37
  "vue-router": "^3.5.4",
42
38
  "vuedraggable": "^2.24.3",
43
- "vuex": "^3.6.2",
44
- "xlsx": "0.18.5"
39
+ "vuex": "^3.6.2"
45
40
  },
46
41
  "devDependencies": {
42
+ "script-loader": "^0.7.2",
47
43
  "@ant-design/colors": "^4.0.5",
48
- "@babel/cli": "^7.18.10",
49
44
  "@babel/core": "^7.18.10",
50
45
  "@vue/cli-plugin-babel": "^4.5.19",
51
46
  "@vue/cli-plugin-eslint": "^4.5.19",
52
- "@vue/cli-plugin-router": "^4.5.19",
53
- "@vue/cli-plugin-unit-jest": "~4.5.19",
54
- "@vue/cli-plugin-vuex": "^4.5.19",
55
47
  "@vue/cli-service": "^4.5.19",
56
48
  "@vue/eslint-config-standard": "^4.0.0",
57
- "@vue/test-utils": "^1.3.0",
58
- "@vue/vue2-jest": "^27.0.0",
59
49
  "@vuepress/plugin-back-to-top": "^1.9.7",
60
50
  "babel-eslint": "^10.1.0",
61
- "babel-jest": "^27.1.0",
62
51
  "babel-plugin-transform-remove-console": "^6.9.4",
63
52
  "babel-polyfill": "^6.26.0",
64
53
  "compression-webpack-plugin": "^4.0.1",
65
54
  "deepmerge": "^4.2.2",
66
- "echarts": "^5.3.3",
67
55
  "eslint": "^6.8.0",
68
56
  "eslint-plugin-import": "^2.26.0",
69
57
  "eslint-plugin-node": "^11.1.0",
70
- "eslint-plugin-standard": "^5.0.0",
71
58
  "eslint-plugin-vue": "^6.2.2",
59
+ "eslint-plugin-promise": "^4.3.1",
60
+ "eslint-plugin-standard": "^4.1.0",
72
61
  "fast-deep-equal": "^3.1.3",
73
- "gh-pages": "^3.2.3",
74
- "jest": "^27.1.0",
75
62
  "less-loader": "^6.2.0",
76
- "react-bmap": "^1.0.130",
77
- "script-loader": "^0.7.2",
78
63
  "style-resources-loader": "^1.5.0",
79
- "vue-amap": "^0.5.10",
80
- "vue-baidu-map": "^0.21.22",
81
- "vue-bmap-gl": "0.0.30",
82
64
  "vue-cli-plugin-style-resources-loader": "^0.1.5",
83
- "vue-mapvgl": "0.0.34",
84
65
  "vue-template-compiler": "2.6.14",
85
66
  "vuepress": "^1.9.7",
86
67
  "webpack": "^4.46.0",
@@ -1,66 +1,62 @@
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 DataAnalysisUser from '@vue2-client/base-client/components/iot/DataAnalysisUser'
13
+ import AmapPointRendering from '@vue2-client/base-client/components/common/AmapMarker'
14
+ import DeviceTypeDetailsView from '@vue2-client/base-client/components/iot/DeviceTypeDetailsView'
15
+ import DeviceBrandDetailsView from '@vue2-client/base-client/components/iot/DeviceBrandDetailsView'
16
+ import DictionaryDetailsView from '@vue2-client/base-client/components/system/DictionaryDetailsView'
17
+ import QueryParamsDetailsView from '@vue2-client/base-client/components/system/QueryParamsDetailsView'
18
+ import DeviceDetailsView from '@vue2-client/base-client/components/iot/DeviceDetailsView'
19
+ import TicketDetailsView from '@vue2-client/base-client/components/ticket/TicketDetailsView'
20
+ import EmployeeDetailsView from '@vue2-client/base-client/components/ticket/EmployeeDetailsView'
21
+ import submitTicketSuccess from '@vue2-client/base-client/components/ticket/TicketSubmitSuccessView'
22
+ import CreateQuery from '@vue2-client/base-client/components/common/CreateQuery'
23
+ import CreateSimpleFormQuery from '@vue2-client/base-client/components/common/CreateSimpleFormQuery'
24
+ import FormGroupQuery from '@vue2-client/base-client/components/common/FormGroupQuery'
25
+ import FormGroupEdit from '@vue2-client/base-client/components/common/FormGroupEdit'
26
+ import JSONToTree from '@vue2-client/base-client/components/common/JSONToTree'
27
+ import Upload from '@vue2-client/base-client/components/common/Upload'
28
+ import AddressSearchCombobox from '@vue2-client/base-client/components/common/AddressSearchCombobox'
29
+ import CitySelect from '@vue2-client/base-client/components/common/CitySelect'
30
+ import PersonSetting from '@vue2-client/base-client/components/common/PersonSetting'
31
+ // 插件
32
+ import Plugins from '@vue2-client/base-client/plugins'
33
+ Vue.use(Plugins)
34
+
35
+ Vue.component('custom-columns-drawer', CustomColumnsDrawer)
36
+ Vue.component('InstructDetailsView', InstructDetailsView)
37
+ Vue.component('MeterDetailsView', MeterDetailsView)
38
+ Vue.component('CustomerDetailsView', CustomerDetailsView)
39
+ Vue.component('LogDetailsView', LogDetailsView)
40
+ Vue.component('WebmeterAnalysisView', WebmeterAnalysisView)
41
+ Vue.component('XCard', XCard)
42
+ Vue.component('XBadge', XBadge)
43
+ Vue.component('XFormCol', XFormCol)
44
+ Vue.component('DataAnalysisUser', DataAnalysisUser)
45
+ Vue.component('DeviceTypeDetailsView', DeviceTypeDetailsView)
46
+ Vue.component('DeviceBrandDetailsView', DeviceBrandDetailsView)
47
+ Vue.component('DeviceDetailsView', DeviceDetailsView)
48
+ Vue.component('DictionaryDetailsView', DictionaryDetailsView)
49
+ Vue.component('QueryParamsDetailsView', QueryParamsDetailsView)
50
+ Vue.component('TicketDetailsView', TicketDetailsView)
51
+ Vue.component('EmployeeDetailsView', EmployeeDetailsView)
52
+ Vue.component('submitTicketSuccess', submitTicketSuccess)
53
+ Vue.component('CreateQuery', CreateQuery)
54
+ Vue.component('CreateSimpleFormQuery', CreateSimpleFormQuery)
55
+ Vue.component('FormGroupQuery', FormGroupQuery)
56
+ Vue.component('FormGroupEdit', FormGroupEdit)
57
+ Vue.component('JSONToTree', JSONToTree)
58
+ Vue.component('Upload', Upload)
59
+ Vue.component('AmapPointRendering', AmapPointRendering)
60
+ Vue.component('AddressSearchCombobox', AddressSearchCombobox)
61
+ Vue.component('CitySelect', CitySelect)
62
+ Vue.component('PersonSetting', PersonSetting)
@@ -1,113 +0,0 @@
1
- <template>
2
- <a-list
3
- :data-source="model.rows"
4
- :bordered="bordered"
5
- v-infinite-scroll="handleInfiniteOnLoad"
6
- class="srcoll-list-infinite-container"
7
- :infinite-scroll-disabled="busy"
8
- :infinite-scroll-distance="distance"
9
- >
10
- <a-list-item slot="renderItem" class="srcoll_list_li" slot-scope="item,index" @click="selectItem(index,item)">
11
- <slot :item="item" :index="index" >
12
- </slot>
13
- </a-list-item>
14
- <div v-if="loading && !busy" class="srcoll-list-loading-container">
15
- <a-spin />
16
- </div>
17
- </a-list>
18
- </template>
19
-
20
- <script>
21
- import infiniteScroll from 'vue-infinite-scroll'
22
- import { post } from '@vue2-client/services/api/restTools'
23
-
24
- export default {
25
- name: 'SrcollList1',
26
- directives: { infiniteScroll },
27
- props: {
28
- 'busy': { // 是否执行回调
29
- type: Boolean,
30
- default: false
31
- },
32
- 'distance': { // 距底部多少像素触发回调
33
- type: Number,
34
- default: 1
35
- },
36
- 'bordered': { // 是否显示列表边框
37
- type: Boolean,
38
- default: true
39
- },
40
- 'model': {
41
- type: Object,
42
- default: () => {
43
- return {}
44
- }
45
- }
46
- },
47
- data () {
48
- return {
49
- selectRow: {},
50
- loading: false
51
- }
52
- },
53
- mounted () {
54
- },
55
- methods: {
56
- selectItem (index, item) {
57
- this.$emit('selectItem', index, item)
58
- },
59
- handleInfiniteOnLoad () {
60
- this.loading = true
61
- if (this.model.pageNo < this.model.totalPage || this.model.pageNo == 0) {
62
- this.model.pageNo = this.model.pageNo + 1
63
- post(this.model.url, { data: this.model }).then((res) => {
64
- this.model.rows = this.model.rows.concat(res.data).map((item, index) => ({ ...item, index }))
65
- this.loading = false
66
- this.model.totalPage = res.totalPage
67
- this.model.totalCount = res.totalCount
68
- })
69
- } else {
70
- this.loading = false
71
- }
72
- },
73
- search () {
74
- this.model.pageNo = 0
75
- this.model.rows = []
76
- this.handleInfiniteOnLoad()
77
- }
78
- }
79
- }
80
- </script>
81
-
82
- <style scoped>
83
- .srcoll-list-infinite-container {
84
- border-radius: 4px;
85
- height: 100%;
86
- overflow-y: scroll;
87
- }
88
- /*滚动条样式*/
89
- .srcoll-list-infinite-container::-webkit-scrollbar {
90
- width: 4px;
91
- /*height: 4px;*/
92
- }
93
- .srcoll-list-infinite-container::-webkit-scrollbar-thumb {
94
- border-radius: 10px;
95
- -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
96
- background: rgba(0,0,0,0.2);
97
- }
98
- .srcoll-list-infinite-container::-webkit-scrollbar-track {
99
- -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
100
- border-radius: 0;
101
- background: rgba(0,0,0,0.1);
102
-
103
- }
104
- .srcoll-list-loading-container {
105
- position: absolute;
106
- bottom: 10%;
107
- width: 100%;
108
- text-align: center;
109
- }
110
- .srcoll_list_li:hover{
111
- background-color: rgb(203,234,241);
112
- }
113
- </style>
@@ -1,3 +0,0 @@
1
- import SrcollList from './SrcollList'
2
-
3
- export default SrcollList
@@ -1,244 +0,0 @@
1
- <template>
2
- <a-row type="flex">
3
- <baidu-map
4
- :mapStyle="mapStyle"
5
- class="bm-view"
6
- :center="'西安'"
7
- :scroll-wheel-zoom="true"
8
- :zoom="zoom"
9
- @ready="handler"
10
- @click="searchClick"
11
- ak="YOUR_APP_KEY">
12
- <bm-view style="width: 100%; height:100%; flex: 1"></bm-view>
13
- <bm-control :offset="{width: '10px', height: '10px'}">
14
- <bm-auto-complete :sugStyle="{zIndex: 1}">
15
- <a-input v-model="keyword" type="text" placeholder="地区信息搜索" style="width: 150px;height: 50px" /> <!-- 这里指代一个自定义搜索框组件 -->
16
- </bm-auto-complete>
17
- </bm-control>
18
- <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>
19
- <bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true"></bm-geolocation>
20
- <bm-local-search :keyword="keyword" :panel="false" :auto-viewport="true" zoom="12.8" style="display: none" ></bm-local-search>
21
- </baidu-map>
22
- </a-row>
23
- </template>
24
-
25
- <script>
26
- import { BaiduMap, BmView, BmNavigation, BMCityList, BmGeolocation, BmControl, BmLocalSearch } from 'vue-baidu-map'
27
- export default {
28
- components: {
29
- BaiduMap,
30
- BmNavigation,
31
- BmView,
32
- BMCityList,
33
- BmGeolocation,
34
- BmControl,
35
- BmLocalSearch
36
- },
37
- data () {
38
- return {
39
- keyword: '',
40
- center: {
41
- lng: 12131693.03,
42
- lat: 4063684.53
43
- },
44
- zoom: 17,
45
- address: {
46
- propprovince: '', // 省
47
- propcity: '', // 市
48
- propcounty: '', // 县
49
- propaddress: '' // 详细地址
50
- },
51
- mapStyle: {
52
- styleJson: [
53
- {
54
- featureType: 'water',
55
- elementType: 'all',
56
- stylers: {
57
- color: '#021019'
58
- }
59
- },
60
- {
61
- featureType: 'highway',
62
- elementType: 'geometry.fill',
63
- stylers: {
64
- color: '#000000'
65
- }
66
- },
67
- {
68
- featureType: 'highway',
69
- elementType: 'geometry.stroke',
70
- stylers: {
71
- color: '#147a92'
72
- }
73
- },
74
- {
75
- featureType: 'arterial',
76
- elementType: 'geometry.fill',
77
- stylers: {
78
- color: '#000000'
79
- }
80
- },
81
- {
82
- featureType: 'arterial',
83
- elementType: 'geometry.stroke',
84
- stylers: {
85
- color: '#0b3d51'
86
- }
87
- },
88
- {
89
- featureType: 'local',
90
- elementType: 'geometry',
91
- stylers: {
92
- color: '#000000'
93
- }
94
- },
95
- {
96
- featureType: 'land',
97
- elementType: 'all',
98
- stylers: {
99
- color: '#08304b'
100
- }
101
- },
102
- {
103
- featureType: 'railway',
104
- elementType: 'geometry.fill',
105
- stylers: {
106
- color: '#000000'
107
- }
108
- },
109
- {
110
- featureType: 'railway',
111
- elementType: 'geometry.stroke',
112
- stylers: {
113
- color: '#08304b'
114
- }
115
- },
116
- {
117
- featureType: 'subway',
118
- elementType: 'geometry',
119
- stylers: {
120
- lightness: -70
121
- }
122
- },
123
- {
124
- featureType: 'building',
125
- elementType: 'geometry.fill',
126
- stylers: {
127
- color: '#000000'
128
- }
129
- },
130
- {
131
- featureType: 'all',
132
- elementType: 'labels.text.fill',
133
- stylers: {
134
- color: '#857f7f'
135
- }
136
- },
137
- {
138
- featureType: 'all',
139
- elementType: 'labels.text.stroke',
140
- stylers: {
141
- color: '#000000'
142
- }
143
- },
144
- {
145
- featureType: 'building',
146
- elementType: 'geometry',
147
- stylers: {
148
- color: '#022338'
149
- }
150
- },
151
- {
152
- featureType: 'green',
153
- elementType: 'geometry',
154
- stylers: {
155
- color: '#062032'
156
- }
157
- },
158
- {
159
- featureType: 'boundary',
160
- elementType: 'all',
161
- stylers: {
162
- color: '#1e1c1c'
163
- }
164
- },
165
- {
166
- featureType: 'manmade',
167
- elementType: 'geometry',
168
- stylers: {
169
- color: '#022338'
170
- }
171
- },
172
- {
173
- featureType: 'poi',
174
- elementType: 'all',
175
- stylers: {
176
- visibility: 'off'
177
- }
178
- },
179
- {
180
- featureType: 'all',
181
- elementType: 'labels.icon',
182
- stylers: {
183
- visibility: 'off'
184
- }
185
- },
186
- {
187
- featureType: 'all',
188
- elementType: 'labels.text.fill',
189
- stylers: {
190
- color: '#2da0c6',
191
- visibility: 'on'
192
- }
193
- }
194
- ]
195
- }
196
- }
197
- },
198
- methods: {
199
- searchClick (e) {
200
- const _this = this
201
- this.longitude = e.point.lng// 经度
202
- this.latitude = e.point.lat// 维度
203
- this.center.lng = _this.longitude // 中心点
204
- this.center.lat = _this.latitude// 中心点
205
- // eslint-disable-next-line no-undef
206
- const geocoder = new BMap.Geocoder() // 创建地址解析器的实例
207
- geocoder.getLocation(e.point, function (rs) {
208
- console.log(rs)
209
- _this.address.propprovince = rs.addressComponents.province // 省
210
- _this.address.propcity = rs.addressComponents.city // 市
211
- _this.address.propcounty = rs.addressComponents.district // 县
212
- _this.address.propaddress = rs.address// 详细地址
213
- })
214
- console.log('geocoder', _this.address)
215
- this.$emit('togShow', _this.address)
216
- },
217
-
218
- handler ({ BMap, map }) {
219
- console.log(BMap, map)
220
- this.center.lng = 116.404
221
- this.center.lat = 39.915
222
- this.zoom = 15
223
- }
224
- },
225
- watch: {
226
- 'keyword' (val) {
227
- console.log(val)
228
- }
229
- }
230
- }
231
- </script>
232
-
233
- <style>
234
- .bm-view {
235
- width: 100%;
236
- height:500px;
237
- }
238
- .BMap_cpyCtrl {
239
- display: none;
240
- }
241
- .anchorBL {
242
- display: none;
243
- }
244
- </style>
@@ -1,3 +0,0 @@
1
- import DataAnalysisView from './DataAnalysisView'
2
-
3
- export default DataAnalysisView
@@ -1,61 +0,0 @@
1
- <template>
2
- <div id="myChart" style="width:90%;height: 400px">
3
-
4
- </div>
5
- </template>
6
-
7
- <script>
8
-
9
- export default {
10
- name: 'UserData',
11
- data () {
12
- return {
13
- }
14
- },
15
- mounted () {
16
- this.drawLine()
17
- },
18
- methods: {
19
- drawLine () {
20
- // 基于准备好的dom,初始化echarts实例
21
- const myChart = this.$echarts.init(document.getElementById('myChart'))
22
- var option
23
- // 绘制图表配置
24
- option = {
25
- title: {
26
- },
27
- tooltip: {
28
- trigger: 'item'
29
- },
30
- legend: {
31
- orient: 'vertical',
32
- left: 'left'
33
- },
34
- series: [
35
- {
36
- name: 'Access From',
37
- type: 'pie',
38
- radius: '80%',
39
- data: [
40
- { value: 580, name: '民用' },
41
- { value: 484, name: '非民同' }
42
- ],
43
- emphasis: {
44
- itemStyle: {
45
- shadowBlur: 10,
46
- shadowOffsetX: 0,
47
- shadowColor: 'rgba(0, 0, 0, 0.5)'
48
- }
49
- }
50
- }
51
- ]
52
- }
53
- option && myChart.setOption(option)
54
- }
55
- }
56
- }
57
- </script>
58
-
59
- <style scoped>
60
-
61
- </style>