index1.vue 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374
  1. <template>
  2. <view class="content">
  3. <view class='row-between'>
  4. <view class="">运单号</view>
  5. <view class="flex align-center">
  6. <u--input placeholder="运单号" border="none" v-model="shippingNoteInfos[0].shippingNoteNumber" inputAlign='right'
  7. clearable></u--input>
  8. </view>
  9. </view>
  10. <view class='row-between'>
  11. <view class="">分单号</view>
  12. <view class="flex align-center">
  13. <u--input placeholder="分单号" border="none" v-model="shippingNoteInfos[0].serialNumber" inputAlign='right'
  14. clearable></u--input>
  15. </view>
  16. </view>
  17. <view class='row-between'>
  18. <view class="">始发地区划码</view>
  19. <view class="flex align-center">
  20. <u--input placeholder="始发地区划码" border="none" v-model="shippingNoteInfos[0].startCountrySubdivisionCode" inputAlign='right'
  21. clearable></u--input>
  22. </view>
  23. </view>
  24. <view class='row-between'>
  25. <view class="">目的地区划码</view>
  26. <view class="flex align-center">
  27. <u--input placeholder="目的地区划码" border="none" v-model="shippingNoteInfos[0].endCountrySubdivisionCode" inputAlign='right'
  28. clearable></u--input>
  29. </view>
  30. </view>
  31. <view class='row-between'>
  32. <view class="">始发地经度</view>
  33. <view class="flex align-center">
  34. <u--input placeholder="始发地经度" border="none" v-model="shippingNoteInfos[0].startLongitude" inputAlign='right'
  35. clearable></u--input>
  36. </view>
  37. </view>
  38. <view class='row-between'>
  39. <view class="">始发地纬度</view>
  40. <view class="flex align-center">
  41. <u--input placeholder="始发地纬度" border="none" v-model="shippingNoteInfos[0].startLatitude" inputAlign='right'
  42. clearable></u--input>
  43. </view>
  44. </view>
  45. <view class='row-between'>
  46. <view class="">目的地经度</view>
  47. <view class="flex align-center">
  48. <u--input placeholder="目的地经度" border="none" v-model="shippingNoteInfos[0].endLongitude" inputAlign='right'
  49. clearable></u--input>
  50. </view>
  51. </view>
  52. <view class='row-between'>
  53. <view class="">目的地纬度</view>
  54. <view class="flex align-center">
  55. <u--input placeholder="目的地纬度" border="none" v-model="shippingNoteInfos[0].endLatitude" inputAlign='right'
  56. clearable></u--input>
  57. </view>
  58. </view>
  59. <view class='row-between'>
  60. <view class="">始发地</view>
  61. <view class="flex align-center">
  62. <u--input placeholder="始发地" border="none" v-model="shippingNoteInfos[0].startLocationText" inputAlign='right'
  63. clearable></u--input>
  64. </view>
  65. </view>
  66. <view class='row-between'>
  67. <view class="">目的地</view>
  68. <view class="flex align-center">
  69. <u--input placeholder="目的地" border="none" v-model="shippingNoteInfos[0].endLocationText" inputAlign='right'
  70. clearable></u--input>
  71. </view>
  72. </view>
  73. <view class='row-between'>
  74. <view class="">车牌号</view>
  75. <view class="flex align-center">
  76. <u--input placeholder="车牌号" border="none" v-model="shippingNoteInfos[0].vehicleNumber" inputAlign='right'
  77. clearable></u--input>
  78. </view>
  79. </view>
  80. <view class='row-between'>
  81. <view class="">司机姓名</view>
  82. <view class="flex align-center">
  83. <u--input placeholder="司机姓名" border="none" v-model="shippingNoteInfos[0].driverName" inputAlign='right'
  84. clearable></u--input>
  85. </view>
  86. </view>
  87. <view class='row-between'>
  88. <view class="">时间间隔</view>
  89. <view class="flex align-center">
  90. <u--input placeholder="时间间隔" border="none" v-model="shippingNoteInfos[0].interval" inputAlign='right'
  91. clearable></u--input>
  92. </view>
  93. </view>
  94. <button type="primary" @click="auth()">授权</button>
  95. <button type="primary" @click="start()">开启定位</button>
  96. <button type="primary" @click="send()">发送定位</button>
  97. <button type="primary" @click="pause()">暂停定位</button>
  98. <button type="primary" @click="restart()">重启定位</button>
  99. <button type="primary" @click="stop()">结束定位</button>
  100. </view>
  101. </template>
  102. <script>
  103. //插件对象
  104. var sdkwx = uni.requireNativePlugin('Hdgq-LocSdkWX');
  105. import * as config from '@/config/index.js'
  106. export default {
  107. data() {
  108. return {
  109. title: 'Hello',
  110. vehicleNumber:"辽HG6663",//车牌号
  111. driverName:"孙亚洲",//司机姓名
  112. remark:"测试",//备注
  113. appId: "", //网络货运企业APP的唯一标识
  114. appSecurity: "", //网络货运企业在省平台申请的接入安全码
  115. enterpriseSenderCode: "", //网络货运企业在省平台申请的企业发送代码
  116. environment: "debug", //环境:“debug”接入测试环境,“release”接入正式环境。
  117. shippingNoteInfos:[{
  118. shippingNoteNumber:"CY20221206018406",
  119. serialNumber:"0000",
  120. startCountrySubdivisionCode:"210804",
  121. endCountrySubdivisionCode:"210804",
  122. startLongitude: "122.17627",
  123. startLatitude:"40.26307",
  124. endLongitude:"122.15372",
  125. endLatitude: "40.26825",
  126. startLocationText:"营口市",
  127. endLocationText:"营口市",
  128. vehicleNumber:"辽HG6663",
  129. // vehicleNumber:"辽PD0990",
  130. driverName:"孙亚洲",
  131. interval:"5000"
  132. }],//运单信息列表,一辆车运单数最大支持数为 10
  133. timer:""
  134. }
  135. },
  136. onLoad() {
  137. // console.log("appId-------------------",uni.getAccountInfoSync().miniProgram.appId)
  138. // let phoneType = uni.getSystemInfoSync().platform //判断手机类型
  139. // if( phoneType == "android"){
  140. // this.appId = "uni.UNIDCD13AC"
  141. // }else if(phoneType == "ios"){
  142. // this.appId = "uni.UNI9C76CB6"
  143. // }
  144. //隐私合规接口,HBuildx3.3.3及其以后的版本需要调用合规检查
  145. var isContains = true;//隐私权政策是否包含高德开平隐私权政策 true是包含
  146. var isShow = true;//隐私权政策是否弹窗展示告知用户 true是展示
  147. sdkwx.updatePrivacyShow(isContains, isShow);
  148. var isAgree = true;//隐私权政策是否取得用户同意 true是用户同意
  149. sdkwx.updatePrivacyAgree(isAgree);
  150. //检查定位权限
  151. sdkwx.checkLocationPermission(function(res){
  152. console.log(res);
  153. });
  154. },
  155. methods: {
  156. auth() {
  157. let phoneType = uni.getSystemInfoSync().platform //判断手机类型
  158. this.enterpriseSenderCode = config.def().enterpriseSenderCode
  159. this.environment = config.def().environment
  160. if (phoneType == "android") {
  161. this.appId = config.def().androidAppId
  162. this.appSecurity = config.def().androidAppSecurity
  163. } else if (phoneType == "ios") {
  164. // this.appId = "uni.UNIDCD13AC"
  165. // this.appSecurity = "b01e4805276646eeb25f0fad91de97a4f32e8c2c0e0d42e5b24cc4737e9f040f"
  166. this.appId = config.def().iosAppId
  167. this.appSecurity = config.def().iosAppSecurity
  168. }
  169. //授权
  170. // var appId = "uni.UNI9C76CB6";//网络货运企业APP的唯一标识
  171. // var appSecurity = "24c593b7037347e08857a6ab05fd231b0509f5bb7cb741078f524f506ad32db8";//网络货运企业在省平台申请的接入安全码
  172. // var enterpriseSenderCode = "23106960";//网络货运企业在省平台申请的企业发送代码
  173. // var environment = "debug";//环境:“debug”接入测试环境,“release”接入正式环境。
  174. sdkwx.auth(this.appId, this.appSecurity, this.enterpriseSenderCode, this.environment, function(res) {
  175. console.log(res);
  176. if (res.type == "onSuccess") {
  177. //成功
  178. console.log(res,"成功");
  179. } else if (res.type == "onFailure"){
  180. //失败
  181. var errorCode = res.data.errorCode;//错误码
  182. var errorMsg = res.data.errorMsg;//错误描述
  183. }
  184. uni.showModal({
  185. content:JSON.stringify(res)
  186. });
  187. });
  188. },
  189. start(){
  190. var that = this
  191. //开启定位
  192. var vehicleNumber= this.vehicleNumber;//车牌号
  193. var driverName = this.driverName;//司机姓名
  194. var remark = this.remark;//备注
  195. var shippingNoteInfos = this.shippingNoteInfos;//运单信息列表
  196. // var startParam = uni.getStorageSync("sdkStartParam")
  197. // if(startParam){
  198. // this.$helper.sdkStart(startParam.carNo,startParam.driverName,startParam.remark,startParam.shippingNoteInfos)
  199. // }
  200. console.log("更换前",shippingNoteInfos)
  201. // shippingNoteInfos = startParam.shippingNoteInfos
  202. // shippingNoteInfos[0].shippingNoteNumber = 'CY20221028860222'
  203. console.log("更换后",shippingNoteInfos)
  204. sdkwx.start(shippingNoteInfos[0].vehicleNumber,shippingNoteInfos[0].driverName, remark, shippingNoteInfos, function(res){
  205. console.log(res);
  206. if (res.type == "onSuccess") {
  207. //成功
  208. console.log("开启定位成功!!!")
  209. console.log(res)
  210. var shippingNoteInfos = res.data[0]; //运单信息列表
  211. console.log(shippingNoteInfos, "查看返回的时间")
  212. if (shippingNoteInfos) {
  213. let dateTtime = Number(shippingNoteInfos.interval + 1000)
  214. console.log("开始定时", dateTtime)
  215. // that.timer = setTimeout(() => {
  216. // console.log("定时")
  217. // that.send()
  218. // }, dateTtime);
  219. }
  220. } else if (res.type == "onFailure"){
  221. //失败
  222. var errorCode = res.data.errorCode;//错误码
  223. var errorMsg = res.data.errorMsg;//错误描述
  224. }
  225. uni.showModal({
  226. content:JSON.stringify(res)
  227. });
  228. });
  229. },
  230. send(){
  231. var that = this
  232. //发送定位
  233. var vehicleNumber= this.vehicleNumber;//车牌号
  234. var driverName = this.driverName;//司机姓名
  235. var remark = this.remark;//备注
  236. var shippingNoteInfos = this.shippingNoteInfos;//运单信息列表
  237. sdkwx.send(shippingNoteInfos[0].vehicleNumber,shippingNoteInfos[0].driverName, remark, shippingNoteInfos, function(res){
  238. var shippingNoteInfos = res.data[0]; //运单信息列表
  239. if (res.type == "onSuccess") {
  240. console.log("App.vue发送定位成功")
  241. console.log(res);
  242. console.log("查看返回的时间",shippingNoteInfos)
  243. if (shippingNoteInfos) {
  244. let dateTime = Number(shippingNoteInfos.interval + 1000)
  245. console.log("定时开始", dateTime)
  246. that.timer = setTimeout(() => {
  247. //TODO
  248. that.send()
  249. }, dateTime);
  250. }
  251. } else if (res.type == "onFailure") {//失败
  252. console.log("App.vue发送定位失败", res)
  253. var errorCode = res.data.errorCode; //错误码
  254. var errorMsg = res.data.errorMsg; //错误描述
  255. let dateTime1 = Number(shippingNoteInfos.interval + 1000)
  256. console.log("定时开始", dateTime1)
  257. that.timer = setTimeout(() => { //失败也需要定时上传定位(为了解决频繁调用接口问题)
  258. that.send()
  259. }, dateTime1);
  260. }
  261. uni.showModal({
  262. content:JSON.stringify(res)
  263. });
  264. });
  265. },
  266. pause(){
  267. //暂停定位
  268. var vehicleNumber= this.vehicleNumber;//车牌号
  269. var driverName = this.driverName;//司机姓名
  270. var remark = this.remark;//备注
  271. var shippingNoteInfos = this.shippingNoteInfos;//运单信息列表
  272. sdkwx.pause(shippingNoteInfos[0].vehicleNumber,shippingNoteInfos[0].driverName, remark, shippingNoteInfos, function(res) {
  273. console.log(res);
  274. if (res.type == "onSuccess") {
  275. //成功
  276. } else if (res.type == "onFailure"){
  277. //失败
  278. var errorCode = res.data.errorCode;//错误码
  279. var errorMsg = res.data.errorMsg;//错误描述
  280. }
  281. uni.showModal({
  282. content:JSON.stringify(res)
  283. });
  284. });
  285. },
  286. restart(){
  287. //重启定位
  288. var vehicleNumber= this.vehicleNumber;//车牌号
  289. var driverName = this.driverName;//司机姓名
  290. var remark = this.remark;//备注
  291. var shippingNoteInfos = this.shippingNoteInfos;//运单信息列表
  292. sdkwx.restart(shippingNoteInfos[0].vehicleNumber,shippingNoteInfos[0].driverName, remark, shippingNoteInfos, function(res) {
  293. console.log(res);
  294. if (res.type == "onSuccess") {
  295. //成功
  296. var shippingNoteInfos = res.data;//运单信息列表
  297. } else if (res.type == "onFailure"){
  298. //失败
  299. var errorCode = res.data.errorCode;//错误码
  300. var errorMsg = res.data.errorMsg;//错误描述
  301. }
  302. uni.showModal({
  303. content:JSON.stringify(res)
  304. });
  305. });
  306. },
  307. stop(){
  308. var that = this
  309. //结束定位
  310. var vehicleNumber= this.vehicleNumber;//车牌号
  311. var driverName = this.driverName;//司机姓名
  312. var remark = this.remark;//备注
  313. var shippingNoteInfos = this.shippingNoteInfos;//运单信息列表
  314. sdkwx.stop(shippingNoteInfos[0].vehicleNumber,shippingNoteInfos[0].driverName, remark, shippingNoteInfos, function(res) {
  315. console.log(res);
  316. if (res.type == "onSuccess") {
  317. clearInterval(that.timer)
  318. console.log("结束成功!!!",res)
  319. //成功
  320. } else if (res.type == "onFailure"){
  321. console.log("结束失败!!!",res)
  322. //失败
  323. var errorCode = res.data.errorCode;//错误码
  324. var errorMsg = res.data.errorMsg;//错误描述
  325. }
  326. uni.showModal({
  327. content:JSON.stringify(res)
  328. });
  329. });
  330. },
  331. }
  332. }
  333. </script>
  334. <style>
  335. .content {
  336. background: white;
  337. margin: 20rpx;
  338. border-radius: 20rpx;
  339. padding: 20rpx;
  340. .place {
  341. width: 80%;
  342. text-align: right;
  343. }
  344. }
  345. .logo {
  346. height: 200rpx;
  347. width: 200rpx;
  348. margin-top: 200rpx;
  349. margin-left: auto;
  350. margin-right: auto;
  351. margin-bottom: 50rpx;
  352. }
  353. .text-area {
  354. display: flex;
  355. justify-content: center;
  356. }
  357. .title {
  358. font-size: 36rpx;
  359. color: #8f8f94;
  360. }
  361. .row-between {
  362. margin: 20rpx 0;
  363. }
  364. </style>