manage-client 3.1.24 → 3.1.25-zk

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 (225) hide show
  1. package/build/dev-server.js +24 -32
  2. package/package.json +1 -1
  3. package/src/App.vue +28 -29
  4. package/src/components/BasisEcharts/BarChart.vue +247 -247
  5. package/src/components/BasisEcharts/RingChart.vue +196 -196
  6. package/src/components/SellReport/ChargeDayReport.vue +427 -428
  7. package/src/components/SellReport/GasBaozhuangFee.vue +237 -237
  8. package/src/components/SellReport/ManageSellType.vue +284 -284
  9. package/src/components/SellReport/ManageUserCount.vue +347 -347
  10. package/src/components/SellReport/SellingTable.vue +220 -220
  11. package/src/components/SellReport/UserSellingGas.vue +251 -251
  12. package/src/components/daping/CallCenter.vue +366 -366
  13. package/src/components/daping/DataManagement.vue +703 -703
  14. package/src/components/daping/GMap.vue +636 -636
  15. package/src/components/daping/ManageMain.vue +255 -255
  16. package/src/components/daping/Ring.vue +217 -217
  17. package/src/components/qinhua/BarChart.vue +256 -256
  18. package/src/components/qinhua/Pie.vue +116 -116
  19. package/src/components/qinhua/SellEcharts.vue +94 -94
  20. package/src/components/qinhua/qinHuaMap.vue +390 -390
  21. package/src/components/sale/businessquery/BusinessManage.vue +0 -5
  22. package/src/components/sale/businessquery/CardHandplanQuery.vue +457 -444
  23. package/src/components/sale/businessquery/ChangeMeterQuery.vue +617 -617
  24. package/src/components/sale/businessquery/ChargeQuery.vue +1267 -1235
  25. package/src/components/sale/businessquery/CollectManage.vue +132 -135
  26. package/src/components/sale/businessquery/FMYGasQuery.vue +713 -713
  27. package/src/components/sale/businessquery/FillCardQuery.vue +477 -477
  28. package/src/components/sale/businessquery/HandplanQuery.vue +1286 -1286
  29. package/src/components/sale/businessquery/MonthGasQuery.vue +467 -467
  30. package/src/components/sale/businessquery/OtherChargeQuery.vue +275 -251
  31. package/src/components/sale/businessquery/TransferQuery.vue +404 -404
  32. package/src/components/sale/businessquery/YingShouMingXi.vue +525 -525
  33. package/src/components/sale/businessquery/iotStateSearch/iotStateQuery.vue +165 -139
  34. package/src/components/sale/config/exportConfig.js +6 -22
  35. package/src/components/sale/filesquery/MeterQuery.vue +918 -918
  36. package/src/components/sale/filesquery/RecordInfoQuery.vue +1263 -1250
  37. package/src/components/sale/filesquery/UserQuery.vue +905 -905
  38. package/src/components/statistical/StatisticalAnalysis.vue +249 -247
  39. package/src/components/webmeter/DrillData/LostContactAnalysisList.vue +633 -633
  40. package/src/components/webmeter/DrillData/LostContactEcharts.vue +177 -177
  41. package/src/components/webmeter/DrillData/UserGasAll.vue +596 -596
  42. package/src/components/webmeter/DrillData/UserGasEcharts.vue +210 -210
  43. package/src/components/webmeter/DrillData/UserGasEform.vue +227 -227
  44. package/src/components/webmeter/DrillData/UserLostContactAnalysis.vue +585 -585
  45. package/src/components/webmeter/instruction/NewQueryInstruct.vue +399 -399
  46. package/src/components/webmeter/newwebmeter/NewException/NewExceptionEcharsTotal.vue +899 -899
  47. package/src/components/webmeter/newwebmeter/NewException/TotalExceptionByMeter.vue +606 -606
  48. package/src/components/webmeter/newwebmeter/UserGasEchartsList.vue +252 -252
  49. package/src/components/webmeter/newwebmeter/UserGasList.vue +440 -440
  50. package/src/components/webmeter/newwebmeter/UserInstructList.vue +332 -332
  51. package/src/components/webmeter/newwebmeter/signAnalysisEcharts.vue +266 -266
  52. package/src/components/webmeter/newwebmeter/signAnalysisEform.vue +175 -175
  53. package/src/components/webmeter/newwebmeter/signAnalysisListMain.vue +387 -387
  54. package/src/main.js +6 -6
  55. package/src/newmanage.js +504 -504
  56. package/src/reportManage.js +7 -27
  57. package/src/saleManage.js +8 -33
  58. package/src/webmeterManage.js +105 -105
  59. package/static/wuhai.json +1610 -1610
  60. package/src/components/SellReport/BusinessClassify.vue +0 -251
  61. package/src/components/SellReport/ChargePrick.vue +0 -262
  62. package/src/components/SellReport/DepartmentPrick.vue +0 -262
  63. package/src/components/SellReport/MarketMonth.vue +0 -251
  64. package/src/components/SellReport/UserClassify.vue +0 -251
  65. package/src/components/sale/businessquery/ProceedsOper.vue +0 -377
  66. package/src/components/sale/businessquery/pricechangeRecordQuery.vue +0 -398
  67. package/src/components/webmeter/newwebmeter/NewException/NewContactEcharts.vue +0 -170
  68. package/src/components/webmeter/newwebmeter/NewException/NewEchartsAll.vue +0 -111
  69. package/src/components/webmeter/newwebmeter/NewException/NewGasEcharts.vue +0 -209
  70. package/src/components/webmeter/newwebmeter/NewException/NewHandplanEcharts.vue +0 -238
  71. package/src/components/webmeter/newwebmeter/NewException/NewInstructEcharts.vue +0 -266
  72. package/src/filiale/WEINAN/BusinessManage.vue +0 -152
  73. package/src/filiale/WEINAN/ChangeMeterQuery.vue +0 -606
  74. package/src/filiale/WEINAN/ChargeQuery.vue +0 -848
  75. package/src/filiale/WEINAN/FillGasQuery.vue +0 -457
  76. package/src/filiale/WEINAN/InspectListUser.vue +0 -492
  77. package/src/filiale/WEINAN/MeterQuery.vue +0 -946
  78. package/src/filiale/WEINAN/OtherChargeQuery.vue +0 -521
  79. package/src/filiale/WEINAN/RecordInfoQuery.vue +0 -1195
  80. package/src/filiale/WEINAN/config/DefaultPrint.js +0 -6
  81. package/src/filiale/WEINAN/config/exportConfig.js +0 -817
  82. package/src/filiale/WEINAN/config/tableConfig.js +0 -48
  83. package/src/filiale/WEINAN/manage/ChangeMeterQuery.vue +0 -606
  84. package/src/filiale/WEINAN/sale.js +0 -27
  85. package/src/filiale/alashan/SellingTable.vue +0 -231
  86. package/src/filiale/alashan/reportManage.js +0 -10
  87. package/src/filiale/aode/ArchivesManage.vue +0 -38
  88. package/src/filiale/aode/BusinessManage.vue +0 -94
  89. package/src/filiale/aode/DefaultPrint.js +0 -6
  90. package/src/filiale/aode/HandplanQuery.vue +0 -632
  91. package/src/filiale/aode/Tabs.vue +0 -67
  92. package/src/filiale/aode/UserQuery.vue +0 -599
  93. package/src/filiale/aode/exportConfig.js +0 -249
  94. package/src/filiale/aode/sale.js +0 -17
  95. package/src/filiale/ceshi/ArrearsQuery.vue +0 -642
  96. package/src/filiale/ceshi/ChManageBusSummary.vue +0 -293
  97. package/src/filiale/ceshi/CollectManage.vue +0 -94
  98. package/src/filiale/ceshi/MeterRateQuery.vue +0 -633
  99. package/src/filiale/ceshi/TabButton.vue +0 -149
  100. package/src/filiale/ceshi/Tabs.vue +0 -69
  101. package/src/filiale/ceshi/exportConfig.js +0 -267
  102. package/src/filiale/ceshi/reportManage.js +0 -5
  103. package/src/filiale/ceshi/sale.js +0 -11
  104. package/src/filiale/gaomi/ChargeQuery.vue +0 -1221
  105. package/src/filiale/gaomi/DisableQuery.vue +0 -426
  106. package/src/filiale/gaomi/MeterQuery.vue +0 -848
  107. package/src/filiale/gaomi/RecordInfoQuery.vue +0 -988
  108. package/src/filiale/gaomi/UserQuery.vue +0 -815
  109. package/src/filiale/gaomi/config/DefaultPrint.js +0 -6
  110. package/src/filiale/gaomi/config/exportConfig.js +0 -791
  111. package/src/filiale/gaomi/config/tableConfig.js +0 -47
  112. package/src/filiale/gaomi/sale.js +0 -17
  113. package/src/filiale/gaomi/usergas.vue +0 -342
  114. package/src/filiale/gongyi/sale/businessquery/ArrearsQuery.vue +0 -709
  115. package/src/filiale/gongyi/sale/businessquery/BusinessManage.vue +0 -128
  116. package/src/filiale/gongyi/sale/businessquery/ChangeMeterQuery.vue +0 -627
  117. package/src/filiale/gongyi/sale/businessquery/FMYGasQuery.vue +0 -565
  118. package/src/filiale/gongyi/sale/businessquery/HandplanQuery.vue +0 -1103
  119. package/src/filiale/gongyi/sale/businessquery/MonthGasQuery.vue +0 -459
  120. package/src/filiale/gongyi/sale/businessquery/OtherChargeQuery.vue +0 -591
  121. package/src/filiale/gongyi/sale/businessquery/WebMeterMonthGasQuery.vue +0 -597
  122. package/src/filiale/gongyi/sale/businessquery/exportConfig.js +0 -17
  123. package/src/filiale/gongyi/sale/filesquery/MeterQuery.vue +0 -718
  124. package/src/filiale/gongyi/sale/filesquery/RecordInfoQuery.vue +0 -884
  125. package/src/filiale/gongyi/sale/filesquery/UserQuery.vue +0 -703
  126. package/src/filiale/gongyi/sale.js +0 -27
  127. package/src/filiale/jingwei/RecordInfoQuery.vue +0 -1131
  128. package/src/filiale/jingwei/sale.js +0 -6
  129. package/src/filiale/jingzhou/ChargeQuery.vue +0 -1243
  130. package/src/filiale/jingzhou/HandplanQuery.vue +0 -1286
  131. package/src/filiale/jingzhou/config/DefaultPrint.js +0 -6
  132. package/src/filiale/jingzhou/config/exportConfig.js +0 -861
  133. package/src/filiale/jingzhou/config/tableConfig.js +0 -48
  134. package/src/filiale/jingzhou/sale.js +0 -12
  135. package/src/filiale/konggang/exportConfig.js +0 -26
  136. package/src/filiale/konggang/sale/DayReportList.vue +0 -370
  137. package/src/filiale/konggang/sale/DayReportListPrint.vue +0 -260
  138. package/src/filiale/konggang/sale/DayReportSummary.vue +0 -75
  139. package/src/filiale/konggang/sale.js +0 -9
  140. package/src/filiale/liaoyuan/ArrearsQuery.vue +0 -945
  141. package/src/filiale/liaoyuan/ChargeQuery.vue +0 -1278
  142. package/src/filiale/liaoyuan/MeterQuery.vue +0 -905
  143. package/src/filiale/liaoyuan/RecordInfoQuery.vue +0 -1161
  144. package/src/filiale/liaoyuan/ReportList.vue +0 -421
  145. package/src/filiale/liaoyuan/exportConfig.js +0 -718
  146. package/src/filiale/liaoyuan/sale.js +0 -11
  147. package/src/filiale/macheng/ArrearsQuery.vue +0 -823
  148. package/src/filiale/macheng/ChargeQuery.vue +0 -1071
  149. package/src/filiale/macheng/HandplanQuery.vue +0 -1057
  150. package/src/filiale/macheng/MeterQuery.vue +0 -921
  151. package/src/filiale/macheng/RecordInfoQuery.vue +0 -1029
  152. package/src/filiale/macheng/config/DefaultPrint.js +0 -12
  153. package/src/filiale/macheng/config/exportConfig.js +0 -60
  154. package/src/filiale/macheng/sale.js +0 -10
  155. package/src/filiale/meihekou/ArrearsQuery.vue +0 -915
  156. package/src/filiale/meihekou/BusinessManage.vue +0 -151
  157. package/src/filiale/meihekou/CardHandplanQuery.vue +0 -541
  158. package/src/filiale/meihekou/ChargeQuery.vue +0 -1260
  159. package/src/filiale/meihekou/HandplanQuery.vue +0 -1229
  160. package/src/filiale/meihekou/OtherChargeDetailQuery.vue +0 -74
  161. package/src/filiale/meihekou/OtherChargeQuery.vue +0 -613
  162. package/src/filiale/meihekou/RecordInfoQuery.vue +0 -1158
  163. package/src/filiale/meihekou/UserGasEform.vue +0 -267
  164. package/src/filiale/meihekou/UserQuery.vue +0 -773
  165. package/src/filiale/meihekou/config/DefaultPrint.js +0 -6
  166. package/src/filiale/meihekou/config/exportConfig.js +0 -804
  167. package/src/filiale/meihekou/config/tableConfig.js +0 -48
  168. package/src/filiale/meihekou/sale.js +0 -26
  169. package/src/filiale/pingxiang/ChangeUserQuery.vue +0 -342
  170. package/src/filiale/pingxiang/config/DefaultPrint.js +0 -6
  171. package/src/filiale/pingxiang/config/exportConfig.js +0 -814
  172. package/src/filiale/pingxiang/sale.js +0 -9
  173. package/src/filiale/qingtongxia/ArrearsQuery.vue +0 -825
  174. package/src/filiale/qingtongxia/ChargeQuery.vue +0 -1199
  175. package/src/filiale/qingtongxia/MeterQuery.vue +0 -851
  176. package/src/filiale/qingtongxia/RecordInfoQuery.vue +0 -980
  177. package/src/filiale/qingtongxia/SellPeopleQuery.vue +0 -680
  178. package/src/filiale/qingtongxia/config/DefaultPrint.js +0 -6
  179. package/src/filiale/qingtongxia/config/exportConfig.js +0 -712
  180. package/src/filiale/qingtongxia/sale.js +0 -13
  181. package/src/filiale/rongcheng/ArrearsQuery.vue +0 -729
  182. package/src/filiale/rongcheng/ChargeQuery.vue +0 -1035
  183. package/src/filiale/rongcheng/MonthGasQuery.vue +0 -463
  184. package/src/filiale/rongcheng/RecordInfoQuery.vue +0 -874
  185. package/src/filiale/rongcheng/UserQuery.vue +0 -827
  186. package/src/filiale/rongcheng/exportConfig.js +0 -257
  187. package/src/filiale/rongcheng/sale.js +0 -19
  188. package/src/filiale/rongchuang/ChargeQuery.vue +0 -1237
  189. package/src/filiale/rongchuang/SellingTable.vue +0 -250
  190. package/src/filiale/rongchuang/exportConfig.js +0 -808
  191. package/src/filiale/rongchuang/reportManage.js +0 -11
  192. package/src/filiale/rongchuang/sale.js +0 -11
  193. package/src/filiale/shaoguan/ArrearsQuery.vue +0 -840
  194. package/src/filiale/shaoguan/BusinessManage.vue +0 -162
  195. package/src/filiale/shaoguan/ChargeQuery.vue +0 -1029
  196. package/src/filiale/shaoguan/HandplanQuery.vue +0 -1308
  197. package/src/filiale/shaoguan/OtherChargeDetailQuery.vue +0 -74
  198. package/src/filiale/shaoguan/OtherChargeQuery.vue +0 -590
  199. package/src/filiale/shaoguan/RecordInfoQuery.vue +0 -1100
  200. package/src/filiale/shaoguan/TransferQuery.vue +0 -403
  201. package/src/filiale/shaoguan/config/DefaultPrint.js +0 -6
  202. package/src/filiale/shaoguan/config/exportConfig.js +0 -433
  203. package/src/filiale/shaoguan/errorHandplanQuery.vue +0 -366
  204. package/src/filiale/shaoguan/overDueQuery.vue +0 -418
  205. package/src/filiale/shaoguan/sale/businessquery/ChangeUserQuery.vue +0 -357
  206. package/src/filiale/shaoguan/sale/businessquery/ExemptQuery.vue +0 -314
  207. package/src/filiale/shaoguan/sale/businessquery/FMYGasQuery.vue +0 -687
  208. package/src/filiale/shaoguan/sale/businessquery/PaymentChangeQuery.vue +0 -338
  209. package/src/filiale/shaoguan/sale/businessquery/ReconcileQuery.vue +0 -426
  210. package/src/filiale/shaoguan/sale.js +0 -33
  211. package/src/filiale/shennongjia/ChargeQuery.vue +0 -1095
  212. package/src/filiale/shennongjia/config/DefaultPrint.js +0 -6
  213. package/src/filiale/shennongjia/config/exportConfig.js +0 -401
  214. package/src/filiale/shennongjia/config/tableConfig.js +0 -47
  215. package/src/filiale/shennongjia/sale.js +0 -10
  216. package/src/filiale/tongchuan/UserQuery.vue +0 -846
  217. package/src/filiale/tongchuan/config/DefaultPrint.js +0 -6
  218. package/src/filiale/tongchuan/config/exportConfig.js +0 -857
  219. package/src/filiale/tongchuan/sale.js +0 -11
  220. package/src/filiale/wuan/ChargeQuery.vue +0 -1234
  221. package/src/filiale/wuan/sale.js +0 -10
  222. package/src/filiale/zhoukou/CardHandplanQuery.vue +0 -457
  223. package/src/filiale/zhoukou/OtherChargeQuery.vue +0 -614
  224. package/src/filiale/zhoukou/TransferQuery.vue +0 -404
  225. package/src/filiale/zhoukou/sale.js +0 -15
@@ -10,80 +10,72 @@ var compiler = webpack(config)
10
10
 
11
11
  // Define HTTP proxies to your custom API backend
12
12
  // https://github.com/chimurai/http-proxy-middleware
13
- // var bendi = 'http://127.0.0.1:8089/manage', fuwu = 'http://36.103.224.217:6300/'
14
- var shaoguan='http://119.146.1.106:8300/'
15
- var qtx='http://36.103.222.144:6300/'
16
- var bendi = 'http://127.0.0.1:8090/', fuwu_login = 'http://172.168.1.11:9001'
17
- var fuwu = 'http://119.146.1.106:8300'
18
- var weinan = 'http://172.168.1.11:9001'
19
- var system = 'http://192.168.50.4:8400'
20
- //192.168.
21
- // var str = 'http://127.0.0.1:8080/manage', str2 = 'http://192.168.50.199:8300'
22
- // var str = 'http://192.168.10.233:8300', str2 = 'http://192.168.10.14:8300'
13
+ var bendi = 'http://192.168.20.27:8400/'
14
+ var fuwu = 'http://192.168.20.27:8400/'
23
15
  var proxyTable = {
24
- '/rs/logic/exportfile': {
25
- target: bendi
26
- },
27
16
  '/files': {
28
- target: fuwu_login
17
+ target: fuwu
29
18
  },
30
- '/images': {
31
- target: fuwu_login
19
+ '/rs/logic/exportfile': {
20
+ target: bendi
32
21
  },
33
22
  // 查找资源服务数据
34
23
  '/rs/search': {
35
- target: fuwu_login
24
+ target: fuwu
36
25
  },
37
26
  // 查找资源服务数据
38
27
  '/rs/logic/getLogin': {
39
- target: fuwu_login
28
+ target: fuwu
40
29
  },
41
30
  // 查找资源服务数据
42
31
  '/rs/logic/getInitData': {
43
- target: fuwu_login
32
+ target: fuwu
44
33
  },
45
34
  '/rs/logic/getSaleInitData':{
46
- target: fuwu_login
35
+ target: fuwu
47
36
  },
48
37
  // 用户登录服务地址
49
38
  '/rs/user': {
50
- target: fuwu_login
39
+ target: fuwu
51
40
  },
52
41
  '/rs/path/getParams': {
53
- target: fuwu_login
42
+ target: fuwu
54
43
  },
55
44
  '/rs/data': {
56
- target: fuwu_login
45
+ target: fuwu
57
46
  },
58
47
  '/rs/license': {
59
- target: fuwu_login
48
+ target: fuwu
60
49
  },
61
50
  '/rs/db': {
62
- target: fuwu_login
51
+ target: fuwu
63
52
  },
64
53
  '/excel': {
65
- target: fuwu_login
54
+ target: fuwu
66
55
  },
67
56
  '/rs/config': {
68
- target: fuwu_login
57
+ target: fuwu
69
58
  },
70
59
  '/rs/sql/getLicenseById': {
71
- target: fuwu_login
60
+ target: fuwu
72
61
  },
73
62
  '/rs/report': {
63
+ target: fuwu
64
+ },
65
+ '/rs/sql': {
74
66
  target: bendi
75
67
  },
76
68
  '/rs/vue': {
77
- target: fuwu_login
69
+ target: fuwu
78
70
  },
79
71
  '/rs/file': {
80
- target: fuwu_login
72
+ target: fuwu
81
73
  },
82
74
  '/rs/logic/SumSettleFileImport': {
83
- target: fuwu_login
75
+ target: 'http://127.0.0.1:8080'
84
76
  },
85
77
  '/rs': {
86
- target: bendi
78
+ target: fuwu
87
79
  }
88
80
  }
89
81
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "manage-client",
3
- "version": "3.1.24",
3
+ "version": "3.1.25-zk",
4
4
  "description": "经营管控模块前台组件",
5
5
  "main": "src/index.js",
6
6
  "directories": {
package/src/App.vue CHANGED
@@ -1,29 +1,28 @@
1
- <template>
2
- <div>
3
- <app-base class="bg">
4
- <div class='flex'>
5
- <article>
6
- <!--<route :comp="{name: 'liaoyuan-manage-home'}"></route>-->
7
- <!--<route :comp="{name: 'meter-reading'}"></route>-->
8
- <!--<route :comp="{name: 'Gasproperties'}"></route>-->
9
- <!--<route :comp="{name: 'vender-management'}"></route>-->
10
- <!--<route :comp="{name: 'malfunction-home'}"></route>-->
11
- <route :comp="{name: 'login'}"></route>
12
- <!-- <route :comp="{name: 'manage-main2'}"></route>-->
13
- <!-- <route :comp="{name: 'load-data'}"></route> -->
14
- <!--<route :comp="{name: 'load-params', props: {componentName: 'login'}}"></route>-->
15
- <!-- <route :comp="{name: 'load-params', props: {dataUrl: ['rs/sql/getMeterBrand','rs/sql/getPriceType','rs/sql/getMeterStyle'], componentName: 'login'}}"></route> -->
16
- </article>
17
- </div>
18
- </app-base>
19
- </div>
20
- </template>
21
-
22
- <script>
23
-
24
-
25
- export default {
26
-
27
-
28
- }
29
- </script>
1
+ <template>
2
+ <div>
3
+ <app-base class="bg">
4
+ <div class='flex'>
5
+ <article>
6
+ <!--<route :comp="{name: 'liaoyuan-manage-home'}"></route>-->
7
+ <!--<route :comp="{name: 'meter-reading'}"></route>-->
8
+ <!--<route :comp="{name: 'Gasproperties'}"></route>-->
9
+ <!--<route :comp="{name: 'vender-management'}"></route>-->
10
+ <!--<route :comp="{name: 'malfunction-home'}"></route>-->
11
+ <route :comp="{name: 'login'}"></route>
12
+ <!-- <route :comp="{name: 'load-data'}"></route> -->
13
+ <!--<route :comp="{name: 'load-params', props: {componentName: 'login'}}"></route>-->
14
+ <!-- <route :comp="{name: 'load-params', props: {dataUrl: ['rs/sql/getMeterBrand','rs/sql/getPriceType','rs/sql/getMeterStyle'], componentName: 'login'}}"></route> -->
15
+ </article>
16
+ </div>
17
+ </app-base>
18
+ </div>
19
+ </template>
20
+
21
+ <script>
22
+
23
+
24
+ export default {
25
+
26
+
27
+ }
28
+ </script>
@@ -1,247 +1,247 @@
1
-
2
- <template>
3
- <div>
4
- <div class="text-1" :id="canvas">
5
- <div :id="charts"></div>
6
- </div>
7
- </div>
8
- </template>
9
-
10
- <script>
11
-
12
- export default {
13
- name: "barChart",
14
-
15
- /*
16
- 折线图
17
- 1.必须要传的参数:xdata,sdata,legendData
18
-
19
- 2.规范值
20
- 传入参数 例
21
- xdata:[1,2,3,4]
22
- sdata:[
23
- [2,4,6,8],
24
- [1,3,5,7]
25
- ]
26
- legendData:['第一个','第二个']
27
- legendData的长度等于sdata的长度
28
- sdata的每一个数组的长度要和 xdata的长度相等
29
-
30
- 3.参数含义
31
- xdata : x轴数据
32
- sdata : 展示的数据
33
- legend : 展示那些显示那些不显示
34
- title : 标题
35
- yname : y轴名称
36
- xname : y轴名称
37
- settime : tooltip 轮播的时间 默认 1500
38
- showtooltip : 是否展示 提示框 默认展示
39
- smooth : 曲线 平滑线 默认曲线
40
- showtitle : 标题是否展示
41
- showyname: y轴名称是否显示
42
- */
43
- props: [
44
- 'xdata',
45
- 'sdata',
46
- 'legend',
47
- 'title',
48
- 'yname',
49
- 'settime',
50
- 'showtooltip',
51
- 'smooth',
52
- 'showtitle',
53
- 'showyname',
54
- 'showxname',
55
- 'xname'
56
- ],
57
- data() {
58
- return {
59
- canvas: 'canvas_'+new Date().getTime()+'_'+Math.random()*10,
60
- charts: 'charts_'+new Date().getTime()+'_'+Math.random()*10,
61
- xc: '',
62
- timer: '',
63
- time:1500, // 轮播提示的时间 默认 1500
64
- showtTip:true, // 轮播提示框 默认展示
65
- csmooth:false, // 线的类型 true 为平滑线 反之曲线
66
- cshowtitle:true, //标题 默认展示
67
- cshowyname:true , //y轴名称 默认展示
68
- cshowxname:true , //x轴名称 默认展示
69
- }
70
- },
71
- beforeDestroy() {
72
- //清除定时器
73
- clearInterval(this.timer);
74
- },
75
- methods: {
76
- setBar() {
77
- console.log('进入画图~~~~~~~~~~~~~~~~~~~')
78
- const width=document.getElementById(this.canvas).offsetWidth
79
- let fontSize=0
80
- if(width<600){
81
- fontSize=14
82
- }else if(width<1200) {
83
- fontSize=18
84
- }else{
85
- fontSize=22
86
- }
87
- console.log('字体大小')
88
- console.log(width)
89
- console.log(fontSize)
90
- this.xc = this.$echarts.init(document.getElementById(this.charts))
91
- if(this.settime!==undefined){
92
- this.time=this.settime
93
- }
94
- if(this.showtooltip!==undefined){ // 判断提示框
95
- this.showtTip=this.showtooltip
96
- }
97
- if(this.csmooth!==undefined){ // 判断平滑线 折线
98
- this.csmooth=this.smooth
99
- }
100
- if(this.showtitle!==undefined){ // 判断标题
101
- this.cshowtitle=this.showtitle
102
- }
103
- if(this.showyname!==undefined){ // 判断是否展示y轴名称
104
- this.cshowyname=this.showyname
105
- }
106
- if(this.showxname!==undefined){ // 判断是否展示x轴名称
107
- this.cshowxname=this.showxname
108
- }
109
- if(this.cyname!==undefined){ // 判断平滑线 折线
110
- this.cyname=this.yname
111
- }
112
- var serieData = []
113
- var legend = this.legend
114
- for (let i = 0; i < legend.length; i++) {
115
- var series= {
116
- name: legend[i],
117
- type: 'bar',
118
- barWidth: '25%',
119
- data: this.sdata[i]
120
- }
121
- serieData.push(series)
122
- }
123
- this.xc.setOption({
124
- title: {
125
- text: this.title,
126
- left:'center',
127
- textStyle:{
128
- fontSize:fontSize
129
- },
130
- show:this.cshowtitle
131
- },
132
- tooltip: {
133
- show:this.showtTip,
134
- alwaysShowContent: true,
135
- backgroundColor: 'rgba(2, 59, 63, 0.45)',
136
- // borderColor :'rgba(13, 109, 180)',
137
- borderWidth: 0,
138
- hideDelay: 100,
139
- textStyle: {
140
- fontSize: fontSize
141
- },
142
- confine: false,
143
- formatter: function (params) {
144
- var result = ''
145
- params.forEach(function (item) {
146
- result += item.marker + " " + item.seriesName + " &nbsp;&nbsp;&nbsp; <sapn style='color:#e1e52a;font-weight: bolder'>" + item.value + "</sapn></br>";
147
- });
148
- return "<div style='text-align: center;height: 1px;font-weight: normal'>" + params[0].axisValue + '</div><br/>' + result
149
- },
150
- trigger: 'axis',
151
- axisPointer: {type: 'line', lineStyle: {width: 0}},
152
- extraCssText: 'width: auto;height: auto;'
153
- },
154
- legend: {
155
- // padding:[50,40,0,200], // 上右下左
156
- data: this.legend,
157
- textStyle:{
158
- fontSize:fontSize
159
- },
160
- left:'20%',
161
- top:'10%'
162
- },
163
- grid: {
164
- left: '6%',
165
- right: '15%',
166
- bottom: '4%',
167
- top:'20%',
168
- containLabel: true
169
- },
170
- xAxis: [
171
- {
172
- name:this.cshowxname===true?this.xname:'',
173
- type: 'category',
174
- boundaryGap: true,
175
-
176
- axisTick:{
177
- show:false
178
- },
179
- axisLabel:{
180
- fontSize:fontSize
181
- },
182
- nameTextStyle:{
183
- fontSize:fontSize,
184
- padding:[0,100,15,-12], // 上右下左
185
- },
186
- data:this.xdata
187
- }
188
-
189
- ],
190
- yAxis: [
191
- {
192
-
193
- name:this.cshowyname===true?this.yname:'',
194
- type: 'value',
195
- nameTextStyle:{
196
- fontSize:fontSize,
197
- padding:[0,0,15,60], // 上右下左
198
- },
199
- axisLabel:{
200
- fontSize:fontSize,
201
- formatter: function (params) {
202
- if (params > 9999) {
203
- return params / 10000 + "万"
204
- }
205
- else
206
- return params
207
- }
208
- },
209
- axisTick:{
210
- show:false
211
- },
212
-
213
- }
214
- ],
215
- series: serieData
216
- })
217
- // let idx = -1;
218
- // var dataLen = this.sdata[0].length
219
- // this.timer = setInterval(() => {
220
- // idx = (idx + 1) % dataLen;
221
- // this.xc.dispatchAction({
222
- // type: 'showTip',
223
- // seriesIndex: 1,
224
- // dataIndex: idx
225
- // });
226
- //
227
- // }, this.time)
228
- },
229
-
230
- },
231
- watch: {
232
- 'sdata' () {
233
- // 清除定时器
234
- clearInterval(this.timer)
235
- this.setBar()
236
- }
237
- },
238
- ready () {
239
- this.setBar()
240
-
241
- }
242
- }
243
- </script>
244
-
245
- <style scoped>
246
-
247
- </style>
1
+
2
+ <template>
3
+ <div>
4
+ <div class="text-1" :id="canvas">
5
+ <div :id="charts"></div>
6
+ </div>
7
+ </div>
8
+ </template>
9
+
10
+ <script>
11
+
12
+ export default {
13
+ name: "barChart",
14
+
15
+ /*
16
+ 折线图
17
+ 1.必须要传的参数:xdata,sdata,legendData
18
+
19
+ 2.规范值
20
+ 传入参数 例
21
+ xdata:[1,2,3,4]
22
+ sdata:[
23
+ [2,4,6,8],
24
+ [1,3,5,7]
25
+ ]
26
+ legendData:['第一个','第二个']
27
+ legendData的长度等于sdata的长度
28
+ sdata的每一个数组的长度要和 xdata的长度相等
29
+
30
+ 3.参数含义
31
+ xdata : x轴数据
32
+ sdata : 展示的数据
33
+ legend : 展示那些显示那些不显示
34
+ title : 标题
35
+ yname : y轴名称
36
+ xname : y轴名称
37
+ settime : tooltip 轮播的时间 默认 1500
38
+ showtooltip : 是否展示 提示框 默认展示
39
+ smooth : 曲线 平滑线 默认曲线
40
+ showtitle : 标题是否展示
41
+ showyname: y轴名称是否显示
42
+ */
43
+ props: [
44
+ 'xdata',
45
+ 'sdata',
46
+ 'legend',
47
+ 'title',
48
+ 'yname',
49
+ 'settime',
50
+ 'showtooltip',
51
+ 'smooth',
52
+ 'showtitle',
53
+ 'showyname',
54
+ 'showxname',
55
+ 'xname'
56
+ ],
57
+ data() {
58
+ return {
59
+ canvas: 'canvas_'+new Date().getTime()+'_'+Math.random()*10,
60
+ charts: 'charts_'+new Date().getTime()+'_'+Math.random()*10,
61
+ xc: '',
62
+ timer: '',
63
+ time:1500, // 轮播提示的时间 默认 1500
64
+ showtTip:true, // 轮播提示框 默认展示
65
+ csmooth:false, // 线的类型 true 为平滑线 反之曲线
66
+ cshowtitle:true, //标题 默认展示
67
+ cshowyname:true , //y轴名称 默认展示
68
+ cshowxname:true , //x轴名称 默认展示
69
+ }
70
+ },
71
+ beforeDestroy() {
72
+ //清除定时器
73
+ clearInterval(this.timer);
74
+ },
75
+ methods: {
76
+ setBar() {
77
+ console.log('进入画图~~~~~~~~~~~~~~~~~~~')
78
+ const width=document.getElementById(this.canvas).offsetWidth
79
+ let fontSize=0
80
+ if(width<600){
81
+ fontSize=14
82
+ }else if(width<1200) {
83
+ fontSize=18
84
+ }else{
85
+ fontSize=22
86
+ }
87
+ console.log('字体大小')
88
+ console.log(width)
89
+ console.log(fontSize)
90
+ this.xc = this.$echarts.init(document.getElementById(this.charts))
91
+ if(this.settime!==undefined){
92
+ this.time=this.settime
93
+ }
94
+ if(this.showtooltip!==undefined){ // 判断提示框
95
+ this.showtTip=this.showtooltip
96
+ }
97
+ if(this.csmooth!==undefined){ // 判断平滑线 折线
98
+ this.csmooth=this.smooth
99
+ }
100
+ if(this.showtitle!==undefined){ // 判断标题
101
+ this.cshowtitle=this.showtitle
102
+ }
103
+ if(this.showyname!==undefined){ // 判断是否展示y轴名称
104
+ this.cshowyname=this.showyname
105
+ }
106
+ if(this.showxname!==undefined){ // 判断是否展示x轴名称
107
+ this.cshowxname=this.showxname
108
+ }
109
+ if(this.cyname!==undefined){ // 判断平滑线 折线
110
+ this.cyname=this.yname
111
+ }
112
+ var serieData = []
113
+ var legend = this.legend
114
+ for (let i = 0; i < legend.length; i++) {
115
+ var series= {
116
+ name: legend[i],
117
+ type: 'bar',
118
+ barWidth: '25%',
119
+ data: this.sdata[i]
120
+ }
121
+ serieData.push(series)
122
+ }
123
+ this.xc.setOption({
124
+ title: {
125
+ text: this.title,
126
+ left:'center',
127
+ textStyle:{
128
+ fontSize:fontSize
129
+ },
130
+ show:this.cshowtitle
131
+ },
132
+ tooltip: {
133
+ show:this.showtTip,
134
+ alwaysShowContent: true,
135
+ backgroundColor: 'rgba(2, 59, 63, 0.45)',
136
+ // borderColor :'rgba(13, 109, 180)',
137
+ borderWidth: 0,
138
+ hideDelay: 100,
139
+ textStyle: {
140
+ fontSize: fontSize
141
+ },
142
+ confine: false,
143
+ formatter: function (params) {
144
+ var result = ''
145
+ params.forEach(function (item) {
146
+ result += item.marker + " " + item.seriesName + " &nbsp;&nbsp;&nbsp; <sapn style='color:#e1e52a;font-weight: bolder'>" + item.value + "</sapn></br>";
147
+ });
148
+ return "<div style='text-align: center;height: 1px;font-weight: normal'>" + params[0].axisValue + '</div><br/>' + result
149
+ },
150
+ trigger: 'axis',
151
+ axisPointer: {type: 'line', lineStyle: {width: 0}},
152
+ extraCssText: 'width: auto;height: auto;'
153
+ },
154
+ legend: {
155
+ // padding:[50,40,0,200], // 上右下左
156
+ data: this.legend,
157
+ textStyle:{
158
+ fontSize:fontSize
159
+ },
160
+ left:'20%',
161
+ top:'10%'
162
+ },
163
+ grid: {
164
+ left: '6%',
165
+ right: '15%',
166
+ bottom: '4%',
167
+ top:'20%',
168
+ containLabel: true
169
+ },
170
+ xAxis: [
171
+ {
172
+ name:this.cshowxname===true?this.xname:'',
173
+ type: 'category',
174
+ boundaryGap: true,
175
+
176
+ axisTick:{
177
+ show:false
178
+ },
179
+ axisLabel:{
180
+ fontSize:fontSize
181
+ },
182
+ nameTextStyle:{
183
+ fontSize:fontSize,
184
+ padding:[0,100,15,-12], // 上右下左
185
+ },
186
+ data:this.xdata
187
+ }
188
+
189
+ ],
190
+ yAxis: [
191
+ {
192
+
193
+ name:this.cshowyname===true?this.yname:'',
194
+ type: 'value',
195
+ nameTextStyle:{
196
+ fontSize:fontSize,
197
+ padding:[0,0,15,60], // 上右下左
198
+ },
199
+ axisLabel:{
200
+ fontSize:fontSize,
201
+ formatter: function (params) {
202
+ if (params > 9999) {
203
+ return params / 10000 + "万"
204
+ }
205
+ else
206
+ return params
207
+ }
208
+ },
209
+ axisTick:{
210
+ show:false
211
+ },
212
+
213
+ }
214
+ ],
215
+ series: serieData
216
+ })
217
+ // let idx = -1;
218
+ // var dataLen = this.sdata[0].length
219
+ // this.timer = setInterval(() => {
220
+ // idx = (idx + 1) % dataLen;
221
+ // this.xc.dispatchAction({
222
+ // type: 'showTip',
223
+ // seriesIndex: 1,
224
+ // dataIndex: idx
225
+ // });
226
+ //
227
+ // }, this.time)
228
+ },
229
+
230
+ },
231
+ watch: {
232
+ 'sdata' () {
233
+ // 清除定时器
234
+ clearInterval(this.timer)
235
+ this.setBar()
236
+ }
237
+ },
238
+ ready () {
239
+ this.setBar()
240
+
241
+ }
242
+ }
243
+ </script>
244
+
245
+ <style scoped>
246
+
247
+ </style>