charging.js 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494
  1. import * as echarts from '../../ec-canvas/echarts';
  2. import * as lf from '../../ec-canvas/echarts-liquidfill';
  3. let chart = null;
  4. function initChart(canvas, width, height, dpr) {
  5. chart = echarts.init(canvas, lf, {
  6. width: width,
  7. height: height,
  8. devicePixelRatio: dpr // new
  9. });
  10. canvas.setChart(chart);
  11. var options111 = {
  12. series: [{
  13. type: 'liquidFill',
  14. data: [],
  15. color: ['#128cec'],//主体填充颜色
  16. center: ['50%', '50%'],//中心位置
  17. radius: '72%',//大小
  18. outline: {
  19. show: false
  20. },
  21. backgroundStyle: {
  22. color: '#cceaff'
  23. },
  24. label: {
  25. show: true,
  26. color: '#128cec',
  27. insideColor: '#ffffff',
  28. fontSize: 20,
  29. fontWeight: 'bold',
  30. align: 'center',
  31. baseline: 'middle',
  32. position: 'inside',
  33. formatter: function (p) {
  34. //console.log(p);
  35. if (isNaN(p.value)) {
  36. return '启动充电中';
  37. }
  38. return (p.value * 100).toFixed(2) + '%' + '\n' + '当前电量';
  39. }
  40. }
  41. }]
  42. };
  43. chart.setOption(options111);
  44. return chart;
  45. }
  46. let log = require('../../utils/log.js');
  47. var chargingPng;
  48. var chargingStatus;
  49. Page({
  50. /**
  51. * 页面的初始数据
  52. */
  53. data: {
  54. orderid: null,
  55. userId: null,
  56. chargPileId: null,
  57. chargingRate: 0,
  58. chargingTime: '',
  59. yczds:'',
  60. totalMoney:'',
  61. cdscdy:0,
  62. cdscdl:0,
  63. chargingOrder: null,
  64. chargPile: null,
  65. ec: {
  66. onInit: initChart
  67. }
  68. },
  69. drawCircle: function(step) {
  70. var newoption = chart.getOption();
  71. newoption.series[0].data[0] = parseFloat(step / 100.0).toFixed(2);
  72. chart.setOption(newoption, true);
  73. // console.info(newoption)
  74. // console.info(step)
  75. // console.info(newoption.series[0].data[0])
  76. },
  77. stopCharging(e) {
  78. wx.showLoading({
  79. title: '结束充电中...',
  80. mask: true
  81. });
  82. clearInterval(chargingStatus);
  83. let {
  84. orderid,
  85. userId,
  86. chargPileId
  87. } = this.data;
  88. log.info('[充电中]', '[结束充电]', '[请求]', {
  89. chargPileId,
  90. userId,
  91. orderid
  92. });
  93. wx.request({
  94. url: getApp().globalData.postHeadAgreement + '/restapi/pileLog/chargstop',
  95. data: {
  96. chargPileId,
  97. userId,
  98. orderid
  99. },
  100. method: 'POST',
  101. success(res) {
  102. wx.hideLoading();
  103. let {
  104. data
  105. } = res;
  106. log.info('[充电中]', '[结束充电]', '[响应]', data);
  107. if (data && data.code == 200) {
  108. //wx.showModal({
  109. //showCancel: false,
  110. //content: '结束充电成功'
  111. //});
  112. log.info('[充电中]', '[结束充电]', '[成功跳转订单支付界面]', data);
  113. let url = `/pages/order/order?orderid=${orderid}&userId=${userId}&chargPileId=${chargPileId}`;
  114. wx.redirectTo({
  115. url
  116. });
  117. } else {
  118. log.info('[充电中]', '[结束充电]', '[失败data null||data.code<>200]', data);
  119. wx.showModal({
  120. showCancel: false,
  121. content: '结束充电失败'
  122. });
  123. }
  124. },
  125. fail(err){
  126. wx.hideLoading();
  127. wx.showModal({
  128. showCancel: false,
  129. content: '结束充电失败'
  130. });
  131. log.info('[充电中]', '[结束充电]', '[fail]', err );
  132. }
  133. });
  134. },
  135. showChargingPng1() {
  136. var i = 0;
  137. let that = this;
  138. if (that.data.chargingOrder && that.data.chargingOrder.soc && that.data.chargingOrder.soc != 0) {
  139. chargingPng = setInterval(function() {
  140. if (i <= that.data.chargingOrder.soc) {
  141. that.drawCircle(i);
  142. that.setData({
  143. chargingRate: i
  144. });
  145. i++;
  146. } else {
  147. //console.log(chargingPng);
  148. clearInterval(chargingPng);
  149. }
  150. }, 20);
  151. }
  152. },
  153. showChargingPng() {
  154. if (this.data.chargingOrder && this.data.chargingOrder.soc && this.data.chargingOrder.soc != 0) {
  155. this.drawCircle(this.data.chargingOrder.soc);
  156. this.setData({
  157. chargingRate: this.data.chargingOrder.soc
  158. });
  159. }
  160. },
  161. /**
  162. * 生命周期函数--监听页面加载
  163. */
  164. onLoad: function(options) {
  165. //console.log(options);
  166. let {
  167. orderid,
  168. userId,
  169. chargPileId
  170. } = options;
  171. log.info('[充电中]', '[加载完成]', '[参数]', {
  172. orderid,
  173. userId,
  174. chargPileId
  175. });
  176. this.setData({
  177. orderid,
  178. userId,
  179. chargPileId
  180. });
  181. if (!orderid||orderid=="null"){
  182. orderid=undefined;
  183. }
  184. let that = this;
  185. log.info('[充电中]', '[获取订单状态]', '[请求]', {
  186. chargPileId,
  187. userId,
  188. orderid
  189. });
  190. wx.request({
  191. url: getApp().globalData.postHeadAgreement + '/restapi/pileLog/wechatchargstatus',
  192. data: {
  193. chargPileId,
  194. userId,
  195. orderid
  196. },
  197. method: 'POST',
  198. success(res) {
  199. let {
  200. data
  201. } = res;
  202. log.info('[充电中]', '[获取订单状态]', '[响应]', data);
  203. if (data && data.code == 200) {
  204. let {
  205. result: chargingOrder
  206. } = data;
  207. let {
  208. chargPileId,
  209. soc: chargingRate
  210. } = chargingOrder;
  211. let orderid_r = chargingOrder.orderid;
  212. //console.log(chargingOrder);
  213. log.info('[充电中]', '[获取充电桩]', '[请求]', chargPileId);
  214. wx.request({
  215. url: getApp().globalData.postHeadAgreement + '/restapi/wechat/chargPile',
  216. data: chargPileId,
  217. method: 'POST',
  218. success(res1) {
  219. //console.log(res1.data);
  220. if (res1.data) {
  221. let {
  222. data: chargPile
  223. } = res1;
  224. log.info('[充电中]', '[获取充电桩]', '[响应]', chargPile);
  225. that.setData({
  226. chargPile
  227. });
  228. }
  229. }
  230. });
  231. console.log("chargingOrder.chargPileStatus " + chargingOrder.chargPileStatus);
  232. if (chargingOrder.chargPileStatus == 1) { //启动中,继续轮训
  233. log.info('[充电中]', '[初次订单状态判定]', '[chargPileStatus状态1启动中,继续轮训]', data)
  234. that.setData({
  235. chargingOrder,
  236. chargPileId,
  237. orderid: orderid_r
  238. });
  239. } else if (chargingOrder.chargPileStatus == 2) { //充电中,继续轮训
  240. //console.log(chargingOrder.chargPileStatus == 2);
  241. if (chargingOrder.ljcdsj || chargingOrder.ljcdsj == 0) {
  242. var chargingTimeHour = Math.floor(chargingOrder.ljcdsj / 60);
  243. if (chargingTimeHour <= 9) {
  244. chargingTimeHour = '0' + chargingTimeHour;
  245. }
  246. var chargingTimeMinute = chargingOrder.ljcdsj % 60;
  247. if (chargingTimeMinute <= 9) {
  248. chargingTimeMinute = '0' + chargingTimeMinute
  249. }
  250. var chargingTime = chargingTimeHour + ":" + chargingTimeMinute + ":00";
  251. }
  252. var totalMoney = (parseFloat(chargingOrder.ycdfje) + parseFloat(chargingOrder.ycfwfje)).toFixed(2);
  253. var cdscdl = parseFloat(chargingOrder.cdscdl).toFixed(2);
  254. var cdscdy = parseFloat(chargingOrder.cdscdy).toFixed(2);
  255. var yczds = parseFloat(chargingOrder.yczds).toFixed(2);
  256. that.setData({
  257. chargingOrder,
  258. chargPileId,
  259. chargingTime,
  260. orderid: orderid_r,
  261. totalMoney,
  262. cdscdl,
  263. cdscdy,
  264. yczds
  265. });
  266. that.showChargingPng();
  267. } else if (chargingOrder.chargPileStatus == 3) { //充电完成,适用于主动拔枪
  268. clearInterval(chargingStatus);
  269. log.info('[充电中]', '[初次订单状态判定]', '[chargPileStatus状态3跳转到订单支付界面]', data);
  270. let {
  271. orderid,
  272. userId,
  273. chargPileId
  274. } = that.data;
  275. let url = `/pages/order/order?orderid=${orderid_r}&userId=${userId}&chargPileId=${chargPileId}`;
  276. wx.redirectTo({
  277. url
  278. });
  279. } else if (chargingOrder.chargPileStatus == 4) { //启动异常,回退界面
  280. clearInterval(chargingStatus);
  281. log.info('[充电中]', '[初次订单状态判定]', '[chargPileStatus状态4启动异常删除订单]', data);
  282. wx.showModal({
  283. showCancel: false,
  284. content: '开启充电失败'
  285. });
  286. that.delOrder(orderid_r);
  287. console.log(orderid_r);
  288. }
  289. } else if (data && data.code == 500) {
  290. console.info("ddddddddddddddddddddddddddd")
  291. console.info(orderid)
  292. console.info(userId)
  293. console.info(chargPileId)
  294. console.info("ddddddddddddddddddddddddddd")
  295. clearInterval(chargingStatus);
  296. log.info('[充电中]', '[充电轮训]', '[chargPileStatus状态3跳转到订单支付界面]', data);
  297. let url = `/pages/order/order?orderid=${orderid}&userId=${userId}&chargPileId=${chargPileId}`;
  298. wx.redirectTo({
  299. url
  300. });
  301. }else{
  302. console.log(res);
  303. }
  304. },
  305. fail(err) {
  306. // var chargingOrder = {chargStatus:1};
  307. // that.setData({
  308. // chargingOrder
  309. // });
  310. }
  311. });
  312. },
  313. delOrder(orderId){
  314. if (orderId){
  315. log.info('[充电中]', '[删除订单]', '[请求]', { "orderid": orderId });
  316. wx.request({
  317. url: getApp().globalData.postHeadAgreement + '/restapi/pileLog/exceptOrder',
  318. data: {"orderid":orderId},
  319. method: 'POST',
  320. success(res1) {
  321. console.log(res1.data);
  322. log.info('[充电中]', '[删除订单]', '[响应]', res1.data);
  323. //if (res1.data ) {
  324. //}
  325. wx.navigateBack();
  326. }
  327. });
  328. }
  329. },
  330. /**
  331. * 生命周期函数--监听页面初次渲染完成
  332. */
  333. onReady: function() {},
  334. /**
  335. * 生命周期函数--监听页面显示
  336. */
  337. onShow: function(e) {
  338. clearInterval(chargingStatus);
  339. this.showChargingPng();
  340. let {
  341. orderid,
  342. userId,
  343. chargPileId
  344. } = this.data;
  345. if (!orderid || orderid == "null") {
  346. orderid = undefined;
  347. }
  348. let that = this;
  349. chargingStatus = setInterval(function() {
  350. wx.request({
  351. url: getApp().globalData.postHeadAgreement + '/restapi/pileLog/wechatchargstatus',
  352. data: {
  353. chargPileId,
  354. userId,
  355. orderid
  356. },
  357. method: 'POST',
  358. success(res) {
  359. let {
  360. data
  361. } = res;
  362. if (data && data.code == 200) {
  363. let {
  364. result: chargingOrder
  365. } = data;
  366. let {
  367. chargPileId,
  368. soc: chargingRate
  369. } = chargingOrder;
  370. let orderid_r = chargingOrder.orderid;
  371. //console.log(chargingOrder.chargPileStatus);
  372. if (chargingOrder.chargPileStatus == 1) { //启动中,继续轮训
  373. log.info('[充电中]', '[充电轮训]', '[chargPileStatus状态1启动中,继续轮训]', data);
  374. that.setData({
  375. chargingOrder,
  376. chargPileId,
  377. orderid: orderid_r
  378. });
  379. } else if (chargingOrder.chargPileStatus == 2) { //充电中,继续轮训
  380. if (chargingOrder.ljcdsj || chargingOrder.ljcdsj == 0) {
  381. var chargingTimeHour = Math.floor(chargingOrder.ljcdsj / 60);
  382. if (chargingTimeHour <= 9) {
  383. chargingTimeHour = '0' + chargingTimeHour;
  384. }
  385. var chargingTimeMinute = chargingOrder.ljcdsj % 60;
  386. if (chargingTimeMinute <= 9) {
  387. chargingTimeMinute = '0' + chargingTimeMinute
  388. }
  389. var chargingTime = chargingTimeHour + ":" + chargingTimeMinute + ":00";
  390. }
  391. var cdscdl = parseFloat(chargingOrder.cdscdl).toFixed(2);
  392. var cdscdy = parseFloat(chargingOrder.cdscdy).toFixed(2);
  393. var totalMoney = (parseFloat(chargingOrder.ycdfje) + parseFloat(chargingOrder.ycfwfje)).toFixed(2);
  394. var yczds = parseFloat(chargingOrder.yczds).toFixed(2);
  395. that.setData({
  396. chargingOrder,
  397. chargPileId,
  398. chargingTime,
  399. chargingRate,
  400. orderid: orderid_r,
  401. cdscdl,
  402. cdscdy,
  403. totalMoney,
  404. yczds
  405. });
  406. that.drawCircle(chargingRate);
  407. } else if (chargingOrder.chargPileStatus == 3) { //充电完成,适用于主动拔枪
  408. clearInterval(chargingStatus);
  409. log.info('[充电中]', '[充电轮训]', '[chargPileStatus状态3跳转到订单支付界面]', data);
  410. let {
  411. orderid,
  412. userId,
  413. chargPileId
  414. } = that.data;
  415. let url = `/pages/order/order?orderid=${orderid_r}&userId=${userId}&chargPileId=${chargPileId}`;
  416. wx.redirectTo({
  417. url
  418. });
  419. } else if (chargingOrder.chargPileStatus == 4) { //启动异常,回退界面
  420. clearInterval(chargingStatus);
  421. log.info('[充电中]', '[充电轮训]', '[chargPileStatus状态4启动异常删除订单]', data);
  422. wx.showModal({
  423. showCancel: false,
  424. content: '开启充电失败'
  425. });
  426. console.log(orderid_r);
  427. that.delOrder(orderid_r);
  428. }
  429. } else if (data && data.code == 500) {
  430. clearInterval(chargingStatus);
  431. log.info('[充电中]', '[充电轮训]', '[chargPileStatus状态3跳转到订单支付界面]', data);
  432. let url = `/pages/order/order?orderid=${orderid}&userId=${userId}&chargPileId=${chargPileId}`;
  433. wx.redirectTo({
  434. url
  435. });
  436. }else{
  437. console.log("2222222222222222222222222222");
  438. console.log(res);
  439. console.log(data);
  440. console.log(data.code);
  441. console.log(data && data.code == 500);
  442. console.log("2222222222222222222222222222");
  443. }
  444. }
  445. });
  446. }, 5000);
  447. },
  448. /**
  449. * 生命周期函数--监听页面隐藏
  450. */
  451. onHide: function() {
  452. clearInterval(chargingStatus);
  453. },
  454. /**
  455. * 生命周期函数--监听页面卸载
  456. */
  457. onUnload: function() {
  458. clearInterval(chargingStatus);
  459. },
  460. /**
  461. * 页面相关事件处理函数--监听用户下拉动作
  462. */
  463. onPullDownRefresh: function() {
  464. },
  465. /**
  466. * 页面上拉触底事件的处理函数
  467. */
  468. onReachBottom: function() {
  469. },
  470. /**
  471. * 用户点击右上角分享
  472. */
  473. onShareAppMessage: function() {
  474. }
  475. })