| 1 |
- {"version":3,"sources":["uni-app:///main.js","webpack:///D:/2023xcx_zkstation/pages/powerExchange/index.vue?04a4","webpack:///D:/2023xcx_zkstation/pages/powerExchange/index.vue?b72a","webpack:///D:/2023xcx_zkstation/pages/powerExchange/index.vue?1bac","webpack:///D:/2023xcx_zkstation/pages/powerExchange/index.vue?71a5","uni-app:///pages/powerExchange/index.vue","webpack:///D:/2023xcx_zkstation/pages/powerExchange/index.vue?0573","webpack:///D:/2023xcx_zkstation/pages/powerExchange/index.vue?543f"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","data","swapStepList","step","currentDescript","currentTime","plate","swapInfoDTO","swapConfirmDTO","currentTab","swapState","ws","timer","exchangeNo","times","getStationCode","mounted","onLoad","filters","fiterBattery","onUnload","console","clearInterval","uni","url","computed","pageState","watch","title","methods","showBattery","getTab","InitWs","navigateTo","header","complete","type","payLoad","sendExchangeMsg"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,cAAI,CAAC,C;;;;;;;;;;;;;ACLhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAA8H;AAC9H;AACyD;AACL;AACsC;;;AAG1F;AACsL;AACtL,gBAAgB,yLAAU;AAC1B,EAAE,2EAAM;AACR,EAAE,4FAAM;AACR,EAAE,qGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,gGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,aAAa,8LAEN;AACP,KAAK;AACL;AACA,aAAa,gQAEN;AACP,KAAK;AACL;AACA,aAAa,8LAEN;AACP,KAAK;AACL;AACA,aAAa,+TAEN;AACP,KAAK;AACL;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACtEA;AAAA;AAAA;AAAA;AAAorB,CAAgB,2qBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eC2ExsB;EACAC;IACA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MAAA;MACAC;MACAC;MACAC;MACAC;MACAC;MAAA;MACAC;IACA;EACA;EACAC;IACA;IACA;MACA;IACA;EACA;EACAC;IACA;MACA;MACA;IACA;MACA;IACA;EAEA;EACAC;IACAC;MACA;QACA;MACA;QACA;MACA;IACA;EACA;EACAC;IACAC;IACAC;IACA;IACA;IACAC;MACAC;IACA;EACA;EACAC;IACAC;MACA;QACA;MACA;QACA;MACA;QACA;MACA;IACA;EACA;EACAC;IACAD;MACA;QACAH;UACAK;QACA;MACA;QACAL;MACA;IACA;EACA;EACAM;IACA;IACAC,qCAEA;IACA;IACAC;MAAA;MACA;QACA;QACA;UACA;QACA;MACA;QACA;MACA;QACA;MACA;IACA;IACA;IACAC;MAAA;MACA;QACA;UACA;UACA;QACA;QACA;UACAV;UACA;QACA;QACA;QACA;QACA;UACAW;UACA;QACA;QACA;UACAT;UACAU;YACA;UACA;UACAC;QACA;QACA;UACA;YACAC;YACAC;cACAxB;YACA;UACA;UACA;YACAZ;UACA;QACA;QACA;UACA;UACAoB;UACA;YACA;cACAA;YACA;cACA;YACA;UACA;YAAA;YACA;YACA;YACA;YACApB;YACA,2DACA,mDACA;YACA;YACA;YACA;UACA;YACA;cACA;cACAoB;YACA;cACA;YACA;UACA;QACA;QACA;QACA;UACAA;QACA;QACA;UACAA;QACA;QACA;UACA;YACA;cACAC;cACA;cACA;cACA;YACA;UACA;QACA;MACA;QACAC;UACAC;QACA;MACA;IACA;IACAc;MACA;IACA;EACA;AACA;AAAA,2B;;;;;;;;;;;;;AClQA;AAAA;AAAA;AAAA;AAA2zC,CAAgB,kuCAAG,EAAC,C;;;;;;;;;;;ACA/0C;AACA,OAAO,KAAU,EAAE,kBAKd","file":"pages/powerExchange/index.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/powerExchange/index.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./index.vue?vue&type=template&id=4e08b1e2&scoped=true&\"\nvar renderjs\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=4e08b1e2&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\runtime\\\\componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"4e08b1e2\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"pages/powerExchange/index.vue\"\nexport default component.exports","export * from \"-!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\templateLoader.js??vue-loader-options!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--16-0!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\template.js!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-uni-app-loader\\\\page-meta.js!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./index.vue?vue&type=template&id=4e08b1e2&scoped=true&\"","var components\ntry {\n components = {\n scanInfo: function () {\n return import(\n /* webpackChunkName: \"components/scan-info/scan-info\" */ \"@/components/scan-info/scan-info.vue\"\n )\n },\n uniSteps: function () {\n return import(\n /* webpackChunkName: \"uni_modules/uni-steps/components/uni-steps/uni-steps\" */ \"@/uni_modules/uni-steps/components/uni-steps/uni-steps.vue\"\n )\n },\n subTitle: function () {\n return import(\n /* webpackChunkName: \"components/sub-title/sub-title\" */ \"@/components/sub-title/sub-title.vue\"\n )\n },\n zbTooltip: function () {\n return import(\n /* webpackChunkName: \"uni_modules/zb-tooltip/components/zb-tooltip/zb-tooltip\" */ \"@/uni_modules/zb-tooltip/components/zb-tooltip/zb-tooltip.vue\"\n )\n },\n }\n} catch (e) {\n if (\n e.message.indexOf(\"Cannot find module\") !== -1 &&\n e.message.indexOf(\".vue\") !== -1\n ) {\n console.error(e.message)\n console.error(\"1. 排查组件名称拼写是否正确\")\n console.error(\n \"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n )\n console.error(\n \"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件\"\n )\n } else {\n throw e\n }\n}\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n var l0 = _vm.__map(_vm.swapStepList, function (item, index) {\n var $orig = _vm.__get_orig(item)\n var g0 = _vm.$moment(item.seqTime).format(\"YYYY-MM-DD\")\n var g1 = _vm.$moment(item.seqTime).format(\"HH:mm:ss\")\n return {\n $orig: $orig,\n g0: g0,\n g1: g1,\n }\n })\n var f0 = _vm.swapInfoDTO\n ? _vm._f(\"fiterBattery\")(_vm.swapInfoDTO.swapSn)\n : null\n _vm.$mp.data = Object.assign(\n {},\n {\n $root: {\n l0: l0,\n f0: f0,\n },\n }\n )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--12-1!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--12-1!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./index.vue?vue&type=script&lang=js&\"","<template>\r\n\t<view class=\"swapMain\">\r\n\t\t<scan-info \r\n\t\t\t:swapInfoDTO=\"swapInfoDTO\" \r\n\t\t\t:swapConfirmDTO=\"swapConfirmDTO\" \r\n\t\t\t@sendExchangeMsg=\"sendExchangeMsg\"\r\n\t\t\t:exchangeNo=\"exchangeNo\"\r\n\t\t\tv-show=\"pageState===1\">\r\n\t\t</scan-info>\r\n\t\t<view class=\"swapinfo\" v-show=\"pageState===2\">\r\n\t\t\t<view class=\"header\">\r\n\t\t\t\t<view @click=\"getTab(1)\" :class=\"{'active':currentTab===1}\">换电流程</view>\r\n\t\t\t\t<view @click=\"getTab(2)\" :class=\"{'active':currentTab===2}\">车辆信息</view>\r\n\t\t\t\t<view @click=\"getTab(3)\" :class=\"{'active':currentTab===3}\">电池信息</view>\r\n\t\t\t</view>\r\n\t\t\t<view class=\"changeProcess\" v-show=\"currentTab===1\">\r\n\t\t\t\t<view class=\"changeCurrent\">\r\n\t\t\t\t\t<view class=\"info\">\r\n\t\t\t\t\t\t<view>\r\n\t\t\t\t\t\t\t<image src=\"../../static/icon7.png\"></image>\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t<view>{{currentDescript || '-'}}</view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t<view class=\"times\">\r\n\t\t\t\t\t\t{{currentTime || '-'}} | {{plate || '-'}}\r\n\t\t\t\t\t</view>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"timeline\">\r\n\t\t\t\t\t<view class=\"timeinfo\">\r\n\t\t\t\t\t\t<view class=\"list\" v-for=\"(item,index) in swapStepList\" :key=\"index\">\r\n\t\t\t\t\t\t\t<view>{{$moment(item.seqTime).format(\"YYYY-MM-DD\")}}</view>\r\n\t\t\t\t\t\t\t<view>{{$moment(item.seqTime).format(\"HH:mm:ss\")}}</view>\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t<view class=\"line\">\r\n\t\t\t\t\t\t<uni-steps :options=\"swapStepList\" :active=\"step\" direction=\"column\"></uni-steps>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t\t<view class=\"changeCar\" v-show=\"currentTab===2\">\r\n\t\t\t\t<view class=\"ban\">\r\n\t\t\t\t\t<image src=\"../../static/car-info.png\"></image>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"info-box\">\r\n\t\t\t\t\t<sub-title descript=\"车牌\" :values=\"swapInfoDTO.plate\"></sub-title>\r\n\t\t\t\t\t<sub-title descript=\"VIN码\" :values=\"swapInfoDTO.vin\"></sub-title>\r\n\t\t\t\t\t<sub-title descript=\"累计里程\" :values=\"swapInfoDTO.mileage\" unit=\"km\"></sub-title>\r\n\t\t\t\t\t<sub-title descript=\"累计换电\" :values=\"times\" unit=\"次\"></sub-title>\r\n\t\t\t\t\t<sub-title descript=\"解锁状态\" :values=\"swapInfoDTO.lockState===1?'已解锁':'已上锁'\"></sub-title>\r\n\t\t\t\t\t<sub-title descript=\"上电状态\" :values=\"swapInfoDTO.powerOnState===0?'已下电':'未下电'\"></sub-title>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t\t<view class=\"changeBattery\" v-show=\"currentTab===3\">\r\n\t\t\t\t<view class=\"ban\">\r\n\t\t\t\t\t<image src=\"../../static/battery-info.png\"></image>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"info-box\">\r\n\t\t\t\t\t<sub-title descript=\"车辆电池编号\" :values=\"swapInfoDTO.vehSn\"></sub-title>\r\n\t\t\t\t\t<sub-title descript=\"车辆电池SOC\" :values=\"swapInfoDTO.vehSoc\" unit=\"%\"></sub-title>\r\n\t\t\t\t\t<view class=\"list\">\r\n\t\t\t\t\t\t<view>换电电池编号：</view>\r\n\t\t\t\t\t\t<zb-tooltip :content=\"swapInfoDTO.swapSn\" placement=\"top\" ref=\"tooltip13\" color=\"#58be6b\">\r\n\t\t\t\t\t\t\t<view v-if=\"swapInfoDTO\" @click=\"showBattery\">{{swapInfoDTO.swapSn | fiterBattery}}</view>\r\n\t\t\t\t\t\t</zb-tooltip>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t<sub-title descript=\"换电电池SOC\" :values=\"swapInfoDTO.swapSoc\" unit=\"%\"></sub-title>\r\n\t\t\t\t\t<sub-title descript=\"换电量\" :values=\"swapInfoDTO.swapCapacity\" unit=\"(kW/h)\"></sub-title>\r\n\t\t\t\t\t<sub-title descript=\"累计里程\" :values=\"swapInfoDTO.mileage\" unit=\"km\"></sub-title>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tswapStepList: [],\r\n\t\t\t\tstep: 0,\r\n\t\t\t\tcurrentDescript: '',\r\n\t\t\t\tcurrentTime: '',\r\n\t\t\t\tplate: '',\r\n\t\t\t\tswapInfoDTO: null,\r\n\t\t\t\tswapConfirmDTO: null,\r\n\t\t\t\tcurrentTab: 1, //当前tab\r\n\t\t\t\tswapState: -1,\r\n\t\t\t\tws: null,\r\n\t\t\t\ttimer: null,\r\n\t\t\t\texchangeNo: null,\r\n\t\t\t\ttimes: 0, //累计换电次数,\r\n\t\t\t\tgetStationCode:null,\r\n\t\t\t}\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\tthis.$bus.$on('sendMsg2', this.sendExchangeMsg)\r\n\t\t\tif(this.getStationCode && this.exchangeNo){\r\n\t\t\t\tthis.InitWs(this.exchangeNo, this.getStationCode)\r\n\t\t\t}\r\n\t\t},\r\n\t\tonLoad(options) {\r\n\t\t\tif (options.exchangeNo && options.stationCode) {\r\n\t\t\t\tthis.getStationCode=options.stationCode\r\n\t\t\t\tthis.exchangeNo = options.exchangeNo\r\n\t\t\t} else {\r\n\t\t\t\tthis.$utils.msg('参数丢失!')\r\n\t\t\t}\r\n\r\n\t\t},\r\n\t\tfilters:{\r\n\t\t\tfiterBattery:function(val){\r\n\t\t\t\tif(!val){\r\n\t\t\t\t\treturn '-'\r\n\t\t\t\t}else{\r\n\t\t\t\t\treturn val.substring(0,4)+'****'+val.substring(val.length-4)\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t},\r\n\t\tonUnload() {\r\n\t\t\tconsole.log('onUnload')\r\n\t\t\tclearInterval(this.timer)\r\n\t\t\tthis.timer = null\r\n\t\t\tthis.ws.close()\r\n\t\t\tuni.redirectTo({\r\n\t\t\t\turl: '/pages/index/index'\r\n\t\t\t})\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\tpageState() {\r\n\t\t\t\tif (this.swapState === -1) {\r\n\t\t\t\t\treturn 0\r\n\t\t\t\t} else if (this.swapState === 1) {\r\n\t\t\t\t\treturn 1\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn 2\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tpageState(val) {\r\n\t\t\t\tif (val === 0) {\r\n\t\t\t\t\tuni.showLoading({\r\n\t\t\t\t\t\ttitle: ''\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\tuni.hideLoading();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t//显示电池编号\r\n\t\t\tshowBattery(){\r\n\t\t\t\t\r\n\t\t\t},\r\n\t\t\t//切换tab\r\n\t\t\tgetTab(num) {\r\n\t\t\t\tif (num === 2) {\r\n\t\t\t\t\tthis.currentTab = 2\r\n\t\t\t\t\tthis.$http.getExchangeTimes(this.swapInfoDTO.vin).then(res => {\r\n\t\t\t\t\t\tthis.times = res.data\r\n\t\t\t\t\t})\r\n\t\t\t\t} else if (num === 3) {\r\n\t\t\t\t\tthis.currentTab = 3\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.currentTab = 1\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t//判断websocket是否链接上\r\n\t\t\tInitWs(exchangeNo, stationCode) {\r\n\t\t\t\tif (exchangeNo && stationCode) {\r\n\t\t\t\t\tif (this.ws != null) {\r\n\t\t\t\t\t\tthis.ws.close()\r\n\t\t\t\t\t\tthis.ws = null\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (this.timer != null) {\r\n\t\t\t\t\t\tclearInterval(this.timer)\r\n\t\t\t\t\t\tthis.timer = null\r\n\t\t\t\t\t}\r\n\t\t\t\t\tlet users = this.$storage.getJson(\"users\");\r\n\t\t\t\t\tlet token = this.$storage.getJson(\"token\");\r\n\t\t\t\t\tif (users == null || token == null) {\r\n\t\t\t\t\t\tnavigateTo(\"public/login\");\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.ws = uni.connectSocket({\r\n\t\t\t\t\t\turl: this.$config.web_socket_url + stationCode + '/' + token,\r\n\t\t\t\t\t\theader: {\r\n\t\t\t\t\t\t\t'content-type': 'application/json'\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tcomplete: () => {}\r\n\t\t\t\t\t})\r\n\t\t\t\t\tthis.ws.onOpen(() => {\r\n\t\t\t\t\t\tlet msg = {\r\n\t\t\t\t\t\t\ttype: \"subscribeExchange\",\r\n\t\t\t\t\t\t\tpayLoad: {\r\n\t\t\t\t\t\t\t\texchangeNo: exchangeNo\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tthis.ws.send({\r\n\t\t\t\t\t\t\tdata: JSON.stringify(msg)\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t})\r\n\t\t\t\t\tthis.ws.onMessage((res) => {\r\n\t\t\t\t\t\tlet data = JSON.parse(res.data)\r\n\t\t\t\t\t\tconsole.log(data)\r\n\t\t\t\t\t\tif (data.type === 'subscribe') {\r\n\t\t\t\t\t\t\tif (data.state === 0) {\r\n\t\t\t\t\t\t\t\tconsole.log('订阅成功')\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tthis.$utils.msg('订阅失败')\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else if (data.type === 'swapInfo') {\r\n\t\t\t\t\t\t\tthis.swapConfirmDTO = data.swapConfirmDTO\r\n\t\t\t\t\t\t\tthis.swapInfoDTO = data.swapInfoDTO\r\n\t\t\t\t\t\t\tthis.swapState = data.swapConfirmDTO.swapState\r\n\t\t\t\t\t\t\tdata.swapStepList.reverse()\r\n\t\t\t\t\t\t\tthis.currentDescript = data.swapStepList[0].description,\r\n\t\t\t\t\t\t\tthis.currentTime = data.swapStepList[0].seqTime,\r\n\t\t\t\t\t\t\tthis.plate = data.swapConfirmDTO.plate\r\n\t\t\t\t\t\t\tthis.swapStepList.unshift(...data.swapStepList)\r\n\t\t\t\t\t\t\tthis.step = 0\r\n\t\t\t\t\t\t\tthis.$bus.$emit('OndrawCircle', Math.ceil((data.swapConfirmDTO.vehSoc) * 1))\r\n\t\t\t\t\t\t} else if (data.type === 'startReply') {\r\n\t\t\t\t\t\t\tif (data.state === 0) {\r\n\t\t\t\t\t\t\t\tthis.swapState = 2\r\n\t\t\t\t\t\t\t\tconsole.log('站控已启动')\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tthis.$utils.msg('站控启动失败')\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t\t// 监听WebSocket关闭事件\r\n\t\t\t\t\tthis.ws.onClose(() => {\r\n\t\t\t\t\t\tconsole.log('WebSocket连接已关闭！');\r\n\t\t\t\t\t})\r\n\t\t\t\t\tthis.ws.onError(() => {\r\n\t\t\t\t\t\tconsole.log(\"WebSocket连接错误\")\r\n\t\t\t\t\t})\r\n\t\t\t\t\tif (this.timer == null) {\r\n\t\t\t\t\t\tthis.timer = setInterval(() => {\r\n\t\t\t\t\t\t\tif (this.ws.readyState != 1) {\r\n\t\t\t\t\t\t\t\tclearInterval(this.timer)\r\n\t\t\t\t\t\t\t\tthis.timer = null\r\n\t\t\t\t\t\t\t\tthis.ws.close()\r\n\t\t\t\t\t\t\t\tthis.InitWs(exchangeNo, stationCode)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}, 2000)\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tuni.switchTab({\r\n\t\t\t\t\t\turl: '/pages/index/index'\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tsendExchangeMsg(msg) {\r\n\t\t\t\tthis.ws.send(msg)\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t.swapMain{\r\n\t\tbackground: linear-gradient(180deg, #FFFFFF 0%, #F2F3F5 100%);\r\n\t}\r\n\t.swapinfo {\r\n\r\n\t\t//顶部\r\n\t\t.header {\r\n\t\t\tdisplay: flex;\r\n\t\t\tpadding: 30rpx;\r\n\t\t\twidth: 690rpx;\r\n\t\t\tcolor: #86909c;\r\n\t\t\tfont-size: 32rpx;\r\n\t\t\tjustify-content: space-around;\r\n\r\n\t\t\t.active {\r\n\t\t\t\tcolor: #1d2129;\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t\tposition: relative;\r\n\t\t\t}\r\n\r\n\t\t\t.active::after {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tbackground-image: url('@/static/line.png');\r\n\t\t\t\tbackground-size: 100% 100%;\r\n\t\t\t\twidth: 52rpx;\r\n\t\t\t\theight: 9rpx;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: -25rpx;\r\n\t\t\t\tleft: 32%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//换电流程\r\n\t\t.changeProcess {\r\n\t\t\tpadding-bottom: 20rpx;\r\n\r\n\t\t\t.timeline {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tbox-shadow: 0rpx 0rpx 10rpx 0rpx rgba(226, 226, 226, 0.25);\r\n\t\t\t\tborder-radius: 24rpx;\r\n\t\t\t\tbackground-color: #fff;\r\n\t\t\t\tmargin: 30rpx;\r\n\t\t\t\tpadding: 29rpx;\r\n\t\t\t\topacity: 1;\r\n\r\n\t\t\t\t.timeinfo {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\ttext-align: right;\r\n\r\n\t\t\t\t\t.list {\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\theight: 102rpx;\r\n\t\t\t\t\t\tcolor: #c9cdd4;\r\n\t\t\t\t\t\tfont-size: 28rpx;\r\n\r\n\t\t\t\t\t\tview:first-child {\r\n\t\t\t\t\t\t\tcolor: #86909c;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.line {\r\n\t\t\t\t\tflex: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.changeCurrent {\r\n\t\t\t\twidth: 690rpx;\r\n\t\t\t\tmargin: 30rpx auto;\r\n\t\t\t\theight: 180rpx;\r\n\t\t\t\tbackground-image: url('@/static/change-bg.png');\r\n\t\t\t\tbackground-size: 100% 100%;\r\n\t\t\t\tpadding: 25rpx;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\tjustify-content: space-around;\r\n\r\n\t\t\t\t.info {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tcolor: #fff;\r\n\t\t\t\t\tfont-size: 30rpx;\r\n\t\t\t\t\tfont-weight: bold;\r\n\t\t\t\t\tline-height: 36rpx;\r\n\r\n\t\t\t\t\timage {\r\n\t\t\t\t\t\twidth: 60rpx;\r\n\t\t\t\t\t\theight: 60rpx;\r\n\t\t\t\t\t\tpadding-right: 25rpx;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tview:last-child {\r\n\t\t\t\t\t\tpadding-top: 12rpx;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.times {\r\n\t\t\t\t\tcolor: #ededed;\r\n\t\t\t\t\ttext-indent: 10rpx;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//换电流程车和电池信息\r\n\t\t.changeCar,\r\n\t\t.changeBattery {\r\n\t\t\twidth: 690rpx;\r\n\t\t\tmargin: 30rpx 30rpx;\r\n\t\t\tpadding: 15rpx 0rpx;\r\n\t\t\tbox-shadow: 0rpx 0rpx 10rpx 0rpx rgba(226, 226, 226, 0.25);\r\n\t\t\tborder-radius: 24rpx;\r\n\t\t\topacity: 1;\r\n\t\t\tbackground-color: #fff;\r\n\r\n\t\t\t.ban {\r\n\t\t\t\twidth: 547rpx;\r\n\t\t\t\theight: 298rpx;\r\n\t\t\t\tmargin: 70rpx auto;\r\n\r\n\t\t\t\timage {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.info-box {\r\n\t\t\t\twidth: 587rpx;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\t.list {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\theight: 100rpx;\r\n\t\t\t\t\tjustify-content: space-between;\r\n\t\t\t\t\tfont-size: 30rpx;\r\n\t\t\t\t\tview:first-child {\r\n\t\t\t\t\t\tcolor: #86909c;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tview:last-child {\r\n\t\t\t\t\t\tcolor: #1d2129;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</style>\n","import mod from \"-!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--8-oneOf-1-0!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-1!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-2!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--8-oneOf-1-3!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\sass-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-4!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-5!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./index.vue?vue&type=style&index=0&id=4e08b1e2&lang=scss&scoped=true&\"; export default mod; export * from \"-!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--8-oneOf-1-0!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-1!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-2!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--8-oneOf-1-3!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\sass-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-4!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-5!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!E:\\\\谷歌下载\\\\HBuilderX\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./index.vue?vue&type=style&index=0&id=4e08b1e2&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1678673993205\n var cssReload = require(\"E:/谷歌下载/HBuilderX/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n module.hot.dispose(cssReload);\n module.hot.accept(undefined, cssReload);\n }\n "],"sourceRoot":""}
|
