DESKTOP-2IO5MST\huting
před 1 rokem
13 změnil soubory, kde provedl 500 přidání a 495 odebrání
+ 203
- 186
App.vue
Zobrazit soubor
| @@ -1,198 +1,215 @@ | |||
| <script> | |||
| import { request } from "@/utils/network/request.js"; | |||
| import { etcQYAction, queryKey,getGlobalParam,wechatAppID,wechatSecret } from "@/utils/network/api.js"; | |||
| import { msg } from "./utils/utils"; | |||
| import { getItem,setItem } from "./utils/storage"; | |||
| import { stringToJson } from "@/utils/network/encryption"; | |||
| import { | |||
| getCodeName | |||
| } from "@/datas/queryKey.js"; | |||
| // import { log } from "console"; | |||
| export default { | |||
| // data(){ | |||
| // return{ | |||
| import { | |||
| request | |||
| } from "@/utils/network/request.js"; | |||
| import { | |||
| etcQYAction, | |||
| queryKey, | |||
| getGlobalParam, | |||
| wechatAppID, | |||
| wechatSecret | |||
| } from "@/utils/network/api.js"; | |||
| import { | |||
| msg | |||
| } from "./utils/utils"; | |||
| import { | |||
| getItem, | |||
| setItem | |||
| } from "./utils/storage"; | |||
| import { | |||
| stringToJson | |||
| } from "@/utils/network/encryption"; | |||
| import { | |||
| getCodeName | |||
| } from "@/datas/queryKey.js"; | |||
| // import { log } from "console"; | |||
| export default { | |||
| // data(){ | |||
| // return{ | |||
| // isEnableSetGray:true, | |||
| // } | |||
| // }, | |||
| onLaunch: function (option) { | |||
| uni.getSystemInfo({ | |||
| success: (res) => { | |||
| console.log("sadsd",res) | |||
| if (res.uniPlatform === 'mp-weixin') { | |||
| console.log('当前为微信小程序',res,1111); | |||
| setItem("loginSource","69af303ba2eb4608a099163f0d2a5dbd"); | |||
| } else if (res.uniPlatform === 'mp-alipay') { | |||
| console.log('当前为支付宝小程序'); | |||
| setItem("loginSource","601052a249c04155831710b577cb796d"); | |||
| } | |||
| } | |||
| }); | |||
| this.globalParam(); | |||
| //获取微信小程序openid | |||
| uni.login({ | |||
| provider: "weixin", | |||
| success: function (e) { | |||
| console.log("e",e); | |||
| // auth.code2Session | |||
| uni.request({ | |||
| url: `https://api.weixin.qq.com/sns/jscode2session?appid=${wechatAppID}&secret=${wechatSecret}&js_code=${e.code}&grant_type=authorization_code`, | |||
| success: (res) => { | |||
| // state.openid = res.data.openid; | |||
| setItem("QYorder", res.data.openid); | |||
| console.log("获取微信小程序openid",res); | |||
| }, | |||
| fail: (err) => { | |||
| uni.showToast({ | |||
| title: "网络异常，请重试！" + err.errcode, | |||
| icon: "error", | |||
| duration: 500, | |||
| }); | |||
| return; | |||
| }, | |||
| }); | |||
| }, | |||
| }); | |||
| uni.setStorageSync("extraData", option.referrerInfo.extraData); | |||
| // #ifdef MP-WEIXIN | |||
| //获取小程序更新机制兼容 | |||
| if (uni.canIUse("getUpdateManager")) { | |||
| // pdateManager，用于管理小程序更新。 | |||
| const updateManager = uni.getUpdateManager(); | |||
| updateManager.onCheckForUpdate(function (res) { | |||
| // 请求完新版本信息的回调 | |||
| if (res.hasUpdate) { | |||
| updateManager.onUpdateReady(function () { | |||
| uni.showModal({ | |||
| title: "更新提示", | |||
| content: "新版本已经准备好，是否重启应用？", | |||
| success: function (res) { | |||
| if (res.confirm) { | |||
| // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启 | |||
| updateManager.applyUpdate(); | |||
| } | |||
| }, | |||
| }); | |||
| }); | |||
| updateManager.onUpdateFailed(function () { | |||
| // 新的版本下载失败 | |||
| uni.showModal({ | |||
| title: "已经有新版本了哟~", | |||
| content: "新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~", | |||
| showCancel: false, | |||
| confirmText: "我知道了", | |||
| }); | |||
| }); | |||
| } | |||
| }); | |||
| } else { | |||
| // 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示 | |||
| uni.showModal({ | |||
| title: "提示", | |||
| content: | |||
| "当前微信版本过低，无法更好体验程序，请升级到最新微信版本后重试。", | |||
| showCancel: false, | |||
| confirmText: "我知道了", | |||
| }); | |||
| } | |||
| // #endif | |||
| }, | |||
| onShow: function (option) { | |||
| console.log(option); | |||
| console.log("进入主视图"); | |||
| if (option && option.scene === 1038) { | |||
| // 场景值1038：从被打开的小程序返回 | |||
| const { appId, extraData } = option.referrerInfo; | |||
| if (appId == "wxbcad394b3d99dac9") { | |||
| console.log(getItem("QYorder")); | |||
| const orders = getItem("QYorder"); | |||
| // appId为wxbcad394b3d99dac9：从车主小程序跳转回来 | |||
| // TODO | |||
| // 客户端小程序不确定授权结果，需要发起‘查询车牌服务开通信息’确认授权结果 | |||
| // } | |||
| // }, | |||
| onLaunch: function(option) { | |||
| uni.getSystemInfo({ | |||
| success: (res) => { | |||
| console.log("sadsd", res) | |||
| if (res.uniPlatform === 'mp-weixin') { | |||
| console.log('当前为微信小程序', res, 1111); | |||
| setItem("loginSource", "69af303ba2eb4608a099163f0d2a5dbd"); | |||
| } else if (res.uniPlatform === 'mp-alipay') { | |||
| console.log('当前为支付宝小程序'); | |||
| setItem("loginSource", "601052a249c04155831710b577cb796d"); | |||
| } | |||
| } | |||
| }); | |||
| this.globalParam(); | |||
| //获取微信小程序openid | |||
| uni.login({ | |||
| provider: "weixin", | |||
| success: function(e) { | |||
| console.log("e", e); | |||
| // auth.code2Session | |||
| uni.request({ | |||
| url: `https://api.weixin.qq.com/sns/jscode2session?appid=${wechatAppID}&secret=${wechatSecret}&js_code=${e.code}&grant_type=authorization_code`, | |||
| success: (res) => { | |||
| // state.openid = res.data.openid; | |||
| setItem("QYorder", res.data); | |||
| console.log("获取微信小程序openid", res); | |||
| }, | |||
| fail: (err) => { | |||
| uni.showToast({ | |||
| title: "网络异常，请重试！" + err.errcode, | |||
| icon: "error", | |||
| duration: 500, | |||
| }); | |||
| return; | |||
| }, | |||
| }); | |||
| }, | |||
| }); | |||
| uni.setStorageSync("extraData", option.referrerInfo.extraData); | |||
| // #ifdef MP-WEIXIN | |||
| //获取小程序更新机制兼容 | |||
| if (uni.canIUse("getUpdateManager")) { | |||
| // pdateManager，用于管理小程序更新。 | |||
| const updateManager = uni.getUpdateManager(); | |||
| updateManager.onCheckForUpdate(function(res) { | |||
| // 请求完新版本信息的回调 | |||
| if (res.hasUpdate) { | |||
| updateManager.onUpdateReady(function() { | |||
| uni.showModal({ | |||
| title: "更新提示", | |||
| content: "新版本已经准备好，是否重启应用？", | |||
| success: function(res) { | |||
| if (res.confirm) { | |||
| // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启 | |||
| updateManager.applyUpdate(); | |||
| } | |||
| }, | |||
| }); | |||
| }); | |||
| updateManager.onUpdateFailed(function() { | |||
| // 新的版本下载失败 | |||
| uni.showModal({ | |||
| title: "已经有新版本了哟~", | |||
| content: "新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~", | |||
| showCancel: false, | |||
| confirmText: "我知道了", | |||
| }); | |||
| }); | |||
| } | |||
| }); | |||
| } else { | |||
| // 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示 | |||
| uni.showModal({ | |||
| title: "提示", | |||
| content: "当前微信版本过低，无法更好体验程序，请升级到最新微信版本后重试。", | |||
| showCancel: false, | |||
| confirmText: "我知道了", | |||
| }); | |||
| } | |||
| // #endif | |||
| }, | |||
| onShow: function(option) { | |||
| console.log(option); | |||
| console.log("进入主视图"); | |||
| if (option && option.scene === 1038) { | |||
| // 场景值1038：从被打开的小程序返回 | |||
| const { | |||
| appId, | |||
| extraData | |||
| } = option.referrerInfo; | |||
| if (appId == "wxbcad394b3d99dac9") { | |||
| console.log(getItem("QYorder")); | |||
| const orders = getItem("QYorder"); | |||
| // appId为wxbcad394b3d99dac9：从车主小程序跳转回来 | |||
| // TODO | |||
| // 客户端小程序不确定授权结果，需要发起‘查询车牌服务开通信息’确认授权结果 | |||
| var data = { | |||
| orderId: orders.orderId, | |||
| subOpenId: orders.openid, | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| data: data, | |||
| method: "POST", | |||
| showLoading: true, | |||
| }; | |||
| request(etcQYAction, options).then((res) => { | |||
| console.log(res); | |||
| var data = { | |||
| orderId: orders.orderId, | |||
| subOpenId: orders.openid, | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| data: data, | |||
| method: "POST", | |||
| showLoading: true, | |||
| }; | |||
| request(etcQYAction, options).then((res) => { | |||
| console.log(res); | |||
| msg("授权成功"); | |||
| //如果我当前路由是签约页面才能跳转 | |||
| let routes = getCurrentPages(); | |||
| let curRoute = routes[routes.length - 1].route; | |||
| console.log(curRoute); | |||
| if (curRoute === "orders/sign-up") { | |||
| uni.navigateTo({ | |||
| url: `/subpackage/orders/product-detail?orderId=${ | |||
| msg("授权成功"); | |||
| //如果我当前路由是签约页面才能跳转 | |||
| let routes = getCurrentPages(); | |||
| let curRoute = routes[routes.length - 1].route; | |||
| console.log(curRoute); | |||
| if (curRoute === "orders/sign-up") { | |||
| uni.navigateTo({ | |||
| url: `/subpackage/orders/product-detail?orderId=${ | |||
| orders.orderId | |||
| }&&clientFee=${getItem("clientFee")}&&id=${getItem("productId")}`, | |||
| }); | |||
| } | |||
| if (curRoute === "pages/app/sign") { | |||
| //扫描签约成功 | |||
| uni.switchTab({ | |||
| url: "/pages/index/index", | |||
| }); | |||
| } | |||
| }); | |||
| return; | |||
| } | |||
| } | |||
| console.log(option); | |||
| }, | |||
| onLoad: function (option) { | |||
| }, | |||
| onHide: function () { | |||
| console.log("App Hide"); | |||
| }, | |||
| methods:{ | |||
| globalParam(){ | |||
| const options = { | |||
| type: 2, | |||
| data: { | |||
| "loginSource":getItem("loginSource") | |||
| }, | |||
| method: "POST", | |||
| showLoading: true, | |||
| }; | |||
| request(getGlobalParam, options).then((res) => { | |||
| const result = stringToJson(res.bizContent); | |||
| setItem('globalParam', result.data) | |||
| console.log("配置",result); | |||
| }); | |||
| }, | |||
| getGlobalParam(){ | |||
| const data=getItem('globalParam') | |||
| console.log("全局配置数据1111",getCodeName('IS_ENABLE',data.setGray)) | |||
| // 申办时是否允许修改OCR识别出来的车辆信息数据 | |||
| if(getCodeName('IS_ENABLE',data.setGray)=='启用'){ | |||
| this.isEnableSetGray=true; | |||
| }else{ | |||
| this.isEnableSetGray=true; | |||
| }); | |||
| } | |||
| if (curRoute === "pages/app/sign") { | |||
| //扫描签约成功 | |||
| uni.switchTab({ | |||
| url: "/pages/index/index", | |||
| }); | |||
| } | |||
| }); | |||
| return; | |||
| } | |||
| } | |||
| console.log(option); | |||
| }, | |||
| onLoad: function(option) { | |||
| }, | |||
| onHide: function() { | |||
| console.log("App Hide"); | |||
| }, | |||
| methods: { | |||
| globalParam() { | |||
| const options = { | |||
| type: 2, | |||
| data: { | |||
| "loginSource": getItem("loginSource") | |||
| }, | |||
| method: "POST", | |||
| showLoading: true, | |||
| }; | |||
| request(getGlobalParam, options).then((res) => { | |||
| const result = stringToJson(res.bizContent); | |||
| setItem('globalParam', result.data) | |||
| console.log("配置", result); | |||
| }); | |||
| }, | |||
| getGlobalParam() { | |||
| const data = getItem('globalParam') | |||
| console.log("全局配置数据1111", getCodeName('IS_ENABLE', data.setGray)) | |||
| // 申办时是否允许修改OCR识别出来的车辆信息数据 | |||
| if (getCodeName('IS_ENABLE', data.setGray) == '启用') { | |||
| this.isEnableSetGray = true; | |||
| } else { | |||
| this.isEnableSetGray = true; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| }; | |||
| }; | |||
| </script> | |||
| <style lang="scss"> | |||
| /*每个页面公共css */ | |||
| @import "./static/css/common.scss"; | |||
| /*每个页面公共css */ | |||
| @import "./static/css/common.scss"; | |||
| // @import './uni_modules/vk-uview-ui/index.scss'; | |||
| page{ | |||
| font-family: "Microsoft Yahei"; | |||
| // filter: grayscale(1) | |||
| } | |||
| </style> | |||
| // @import './uni_modules/vk-uview-ui/index.scss'; | |||
| page { | |||
| font-family: "Microsoft Yahei"; | |||
| // filter: grayscale(1) | |||
| } | |||
| </style> | |||
+ 8
- 8
pages/recharge/select-car.vue
Zobrazit soubor
| @@ -45,15 +45,15 @@ | |||
| } from "@/utils/network/encryption"; | |||
| const state = reactive({ | |||
| list: [] ,//车辆list, | |||
| list: [],//车辆list, | |||
| }); | |||
| const flag = ref('0') //默认选择0 | |||
| onLoad((option) => { | |||
| quanCheckActionTrue().then((item: any) => { | |||
| quanCheckActionTrue().then((item : any) => { | |||
| state.list = item.data | |||
| }) | |||
| console.log("1",option) | |||
| console.log("1", option) | |||
| }); | |||
| const quanCheckActionTrue = () => { | |||
| @@ -62,9 +62,9 @@ | |||
| source: 'WECHAT', //渠道为小程序 | |||
| tabIndex: '0', //0全部 | |||
| orderStep: '11', //11 为已完成” | |||
| title:'1', | |||
| orderStatus: '1', | |||
| // isValueCard:'3', | |||
| isValueCard:'1,3', | |||
| isValueCard: '1,3', | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| @@ -83,8 +83,8 @@ | |||
| } | |||
| const choose = (i, item) => { | |||
| flag.value = i | |||
| navTo(`/pages/recharge/recharge?cardId=${item.cardId}`) | |||
| flag.value = i | |||
| navTo(`/pages/recharge/recharge?cardId=${item.cardId}`) | |||
| } | |||
| </script> | |||
| @@ -160,4 +160,4 @@ | |||
| } | |||
| </style> | |||
| </style> | |||
+ 3
- 4
stores/user.js
Zobrazit soubor
| @@ -50,14 +50,13 @@ export const useUserStore = defineStore("userStore", { | |||
| /*根据登录code获取token信息*/ | |||
| fetchToken(code) { | |||
| console.log(code); | |||
| const options = { | |||
| type: 2, | |||
| data: { | |||
| deviceId: "", | |||
| code: code, | |||
| loginSource: getItem("loginSource"), | |||
| wxOpenid: JSON.stringify(getItem("QYorder")) | |||
| wxOpenid: getItem("QYorder").openid | |||
| }, | |||
| method: "POST", | |||
| showLoading: false, | |||
| @@ -66,7 +65,7 @@ export const useUserStore = defineStore("userStore", { | |||
| return new Promise(async (resolve, reject) => { | |||
| const res = await request(getToken, options); | |||
| const data = stringToJson(res.bizContent); | |||
| console.log("data", data) | |||
| console.log("fetchToken", options) | |||
| this.saveToken(data.accessToken); | |||
| this.saveOpenId(data.openId); | |||
| console.log('输出内容', data.openId) | |||
| @@ -76,7 +75,7 @@ export const useUserStore = defineStore("userStore", { | |||
| }); | |||
| }, | |||
| /*退出登录*/ | |||
| loginOutNoConfirm() { | |||
+ 4
- 4
subpackage/after-sale/ETC-log-off/select-car.vue
Zobrazit soubor
| @@ -50,7 +50,7 @@ | |||
| const flag = ref('0') //默认选择0 | |||
| onLoad(() => { | |||
| quanCheckActionTrue().then((item: any) => { | |||
| quanCheckActionTrue().then((item : any) => { | |||
| state.list = item.data | |||
| }) | |||
| }); | |||
| @@ -61,8 +61,8 @@ | |||
| source: 'WECHAT', //渠道为小程序 | |||
| tabIndex: '0', //0全部 | |||
| orderStep: '11', //11 为已完成” | |||
| isValueCard:"", | |||
| title:"1" | |||
| isValueCard: "", | |||
| orderStatus: "1" | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| @@ -158,4 +158,4 @@ | |||
| } | |||
| </style> | |||
| </style> | |||
+ 130
- 135
subpackage/after-sale/activation-once-again/select-car.vue
Zobrazit soubor
| @@ -1,155 +1,150 @@ | |||
| <template> | |||
| <view class="selectCar-box"> | |||
| <view | |||
| v-if="state.list.length > 0" | |||
| @click="choose(i, item)" | |||
| class="item" | |||
| v-for="(item, i) in state.list" | |||
| :key="i" | |||
| > | |||
| <view class="iten-left"> | |||
| <image :src="`${$imgUrl}che.png`" mode="aspectFill"></image> | |||
| <text>{{ item.vehiclePlate }}</text> | |||
| </view> | |||
| <view class="choose-item"> | |||
| <view class="active" v-if="flag == i"> </view> | |||
| </view> | |||
| </view> | |||
| <view v-else class="flex"> 暂无车辆订单信息 </view> | |||
| </view> | |||
| <view class="selectCar-box"> | |||
| <view v-if="state.list.length > 0" @click="choose(i, item)" class="item" v-for="(item, i) in state.list" | |||
| :key="i"> | |||
| <view class="iten-left"> | |||
| <image :src="`${$imgUrl}che.png`" mode="aspectFill"></image> | |||
| <text>{{ item.vehiclePlate }}</text> | |||
| </view> | |||
| <view class="choose-item"> | |||
| <view class="active" v-if="flag == i"> </view> | |||
| </view> | |||
| </view> | |||
| <view v-else class="flex"> 暂无车辆订单信息 </view> | |||
| </view> | |||
| </template> | |||
| <script lang="ts" setup> | |||
| import { reactive, ref } from "vue"; | |||
| import { navTo } from "@/utils/utils"; | |||
| import { onLoad, onShow } from "@dcloudio/uni-app"; | |||
| import { orderList } from "@/utils/network/api.js"; | |||
| import { request } from "@/utils/network/request.js"; | |||
| import { msg } from "@/utils/utils"; | |||
| import { getItem, StorageKeys, setItem } from "@/utils/storage"; | |||
| import { stringToJson } from "@/utils/network/encryption"; | |||
| import { reactive, ref } from "vue"; | |||
| import { navTo } from "@/utils/utils"; | |||
| import { onLoad, onShow } from "@dcloudio/uni-app"; | |||
| import { orderList } from "@/utils/network/api.js"; | |||
| import { request } from "@/utils/network/request.js"; | |||
| import { msg } from "@/utils/utils"; | |||
| import { getItem, StorageKeys, setItem } from "@/utils/storage"; | |||
| import { stringToJson } from "@/utils/network/encryption"; | |||
| const state = reactive({ | |||
| list: [], | |||
| }); | |||
| onLoad(() => { | |||
| quanCheckActionTrue().then((item: any) => { | |||
| state.list = item.data; | |||
| console.log(item); | |||
| }); | |||
| }); | |||
| const state = reactive({ | |||
| list: [], | |||
| }); | |||
| onLoad(() => { | |||
| quanCheckActionTrue().then((item : any) => { | |||
| state.list = item.data; | |||
| console.log(item); | |||
| }); | |||
| }); | |||
| const quanCheckActionTrue = () => { | |||
| var data = { | |||
| opId: getItem(StorageKeys.OpenId), | |||
| source: "WECHAT", | |||
| tabIndex: "0", | |||
| orderStep: "11", | |||
| isValueCard:"", | |||
| title:"1", | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| data: data, | |||
| method: "POST", | |||
| showLoading: true, | |||
| }; | |||
| return new Promise(async (resolve, reject) => { | |||
| const res = await request(orderList, options); | |||
| const data = stringToJson(res.bizContent); | |||
| const quanCheckActionTrue = () => { | |||
| var data = { | |||
| opId: getItem(StorageKeys.OpenId), | |||
| source: "WECHAT", | |||
| tabIndex: "0", | |||
| orderStep: "11", | |||
| isValueCard: "", | |||
| orderStatus: "1", | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| data: data, | |||
| method: "POST", | |||
| showLoading: true, | |||
| }; | |||
| return new Promise(async (resolve, reject) => { | |||
| const res = await request(orderList, options); | |||
| const data = stringToJson(res.bizContent); | |||
| resolve(data); | |||
| }).catch((error) => { | |||
| reject(error); | |||
| }); | |||
| }; | |||
| const list = reactive([ | |||
| { | |||
| name: "A12345", | |||
| }, | |||
| { | |||
| name: "B12345", | |||
| }, | |||
| { | |||
| name: "C12345", | |||
| }, | |||
| ]); | |||
| const flag = ref("0"); | |||
| resolve(data); | |||
| }).catch((error) => { | |||
| reject(error); | |||
| }); | |||
| }; | |||
| const list = reactive([ | |||
| { | |||
| name: "A12345", | |||
| }, | |||
| { | |||
| name: "B12345", | |||
| }, | |||
| { | |||
| name: "C12345", | |||
| }, | |||
| ]); | |||
| const flag = ref("0"); | |||
| const choose = (i, item) => { | |||
| console.log(item.cardId); | |||
| navTo( | |||
| `/subpackage/after-sale/activation-once-again/activation-once-again?id=${item.id}` | |||
| ); | |||
| }; | |||
| const choose = (i, item) => { | |||
| console.log(item.cardId); | |||
| navTo( | |||
| `/subpackage/after-sale/activation-once-again/activation-once-again?id=${item.id}` | |||
| ); | |||
| }; | |||
| </script> | |||
| <style> | |||
| page { | |||
| width: 100%; | |||
| height: 100%; | |||
| background-color: #eef7f7; | |||
| } | |||
| page { | |||
| width: 100%; | |||
| height: 100%; | |||
| background-color: #eef7f7; | |||
| } | |||
| </style> | |||
| <style lang="scss" scoped> | |||
| .flex { | |||
| display: flex; | |||
| justify-content: center; | |||
| } | |||
| .flex { | |||
| display: flex; | |||
| justify-content: center; | |||
| } | |||
| .selectCar-box { | |||
| // width: 100%; | |||
| height: 100%; | |||
| padding: 30rpx; | |||
| .selectCar-box { | |||
| // width: 100%; | |||
| height: 100%; | |||
| padding: 30rpx; | |||
| .item { | |||
| padding: 20rpx; | |||
| display: flex; | |||
| justify-content: space-between; | |||
| align-items: center; | |||
| height: 130rpx; | |||
| background: #ffffff; | |||
| box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223, 223, 223, 0.8); | |||
| border-radius: 20rpx; | |||
| margin-bottom: 30rpx; | |||
| .item { | |||
| padding: 20rpx; | |||
| display: flex; | |||
| justify-content: space-between; | |||
| align-items: center; | |||
| height: 130rpx; | |||
| background: #ffffff; | |||
| box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223, 223, 223, 0.8); | |||
| border-radius: 20rpx; | |||
| margin-bottom: 30rpx; | |||
| .iten-left { | |||
| display: flex; | |||
| align-items: center; | |||
| .iten-left { | |||
| display: flex; | |||
| align-items: center; | |||
| image { | |||
| width: 150rpx; | |||
| height: 90rpx; | |||
| } | |||
| image { | |||
| width: 150rpx; | |||
| height: 90rpx; | |||
| } | |||
| text { | |||
| margin-left: 20rpx; | |||
| font-size: 32rpx; | |||
| font-family: Noto Sans S Chinese; | |||
| font-weight: 400; | |||
| color: #333333; | |||
| } | |||
| } | |||
| text { | |||
| margin-left: 20rpx; | |||
| font-size: 32rpx; | |||
| font-family: Noto Sans S Chinese; | |||
| font-weight: 400; | |||
| color: #333333; | |||
| } | |||
| } | |||
| .choose-item { | |||
| width: 44rpx; | |||
| height: 44rpx; | |||
| background: #ffffff; | |||
| border: 2rpx solid #00b38b; | |||
| border-radius: 50%; | |||
| margin-right: 20rpx; | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| box-sizing: content-box; | |||
| } | |||
| .choose-item { | |||
| width: 44rpx; | |||
| height: 44rpx; | |||
| background: #ffffff; | |||
| border: 2rpx solid #00b38b; | |||
| border-radius: 50%; | |||
| margin-right: 20rpx; | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| box-sizing: content-box; | |||
| } | |||
| .active { | |||
| width: 34rpx; | |||
| height: 34rpx; | |||
| background: #00b38b; | |||
| border-radius: 50%; | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
| .active { | |||
| width: 34rpx; | |||
| height: 34rpx; | |||
| background: #00b38b; | |||
| border-radius: 50%; | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
+ 4
- 4
subpackage/after-sale/additional-equipment/select-car.vue
Zobrazit soubor
| @@ -50,7 +50,7 @@ | |||
| const flag = ref('0') //默认选择0 | |||
| onLoad(() => { | |||
| quanCheckActionTrue().then((item: any) => { | |||
| quanCheckActionTrue().then((item : any) => { | |||
| state.list = item.data | |||
| }) | |||
| }); | |||
| @@ -61,8 +61,8 @@ | |||
| source: 'WECHAT', //渠道为小程序 | |||
| tabIndex: '0', //0全部 | |||
| orderStep: '11', //11 为已完成” | |||
| isValueCard:"", | |||
| title:"1" | |||
| isValueCard: "", | |||
| orderStatus: "1" | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| @@ -158,4 +158,4 @@ | |||
| } | |||
| </style> | |||
| </style> | |||
+ 2
- 2
subpackage/after-sale/card-Renewal/select-car.vue
Zobrazit soubor
| @@ -63,7 +63,7 @@ | |||
| tabIndex: '0', | |||
| orderStep: '11', | |||
| isValueCard: '', | |||
| title:"1" | |||
| orderStatus: "1" | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| @@ -159,4 +159,4 @@ | |||
| } | |||
| </style> | |||
| </style> | |||
+ 3
- 3
subpackage/after-sale/card-deactivation-activation/select-car.vue
Zobrazit soubor
| @@ -62,8 +62,8 @@ | |||
| source: 'WECHAT', | |||
| tabIndex: '0', | |||
| orderStep: '11', | |||
| isValueCard:"", | |||
| title:"1" | |||
| isValueCard: "", | |||
| orderStatus: "1" | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| @@ -159,4 +159,4 @@ | |||
| } | |||
| </style> | |||
| </style> | |||
+ 4
- 4
subpackage/after-sale/card-loss-reporting/select-car.vue
Zobrazit soubor
| @@ -50,7 +50,7 @@ | |||
| const flag = ref('0') //默认选择0 | |||
| onLoad(() => { | |||
| quanCheckActionTrue().then((item: any) => { | |||
| quanCheckActionTrue().then((item : any) => { | |||
| state.list = item.data | |||
| }) | |||
| }); | |||
| @@ -61,8 +61,8 @@ | |||
| source: 'WECHAT', //渠道为小程序 | |||
| tabIndex: '0', //0全部 | |||
| orderStep: '11', //11 为已完成” | |||
| isValueCard:"", | |||
| title:"1" | |||
| isValueCard: "", | |||
| orderStatus: "1" | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| @@ -158,4 +158,4 @@ | |||
| } | |||
| </style> | |||
| </style> | |||
+ 3
- 3
subpackage/after-sale/equipment-upgrade/select-car.vue
Zobrazit soubor
| @@ -47,7 +47,7 @@ | |||
| list: [] | |||
| }); | |||
| onLoad(() => { | |||
| quanCheckActionTrue().then((item: any) => { | |||
| quanCheckActionTrue().then((item : any) => { | |||
| state.list = item.data | |||
| console.log(item) | |||
| }) | |||
| @@ -60,7 +60,7 @@ | |||
| tabIndex: '0', | |||
| orderStep: '11', | |||
| isValueCard: '', | |||
| title:"1" | |||
| orderStatus: "1" | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| @@ -156,4 +156,4 @@ | |||
| } | |||
| </style> | |||
| </style> | |||
+ 130
- 135
subpackage/after-sale/pin-code-deblocking/select-car.vue
Zobrazit soubor
| @@ -1,155 +1,150 @@ | |||
| <template> | |||
| <view class="selectCar-box"> | |||
| <view | |||
| v-if="state.list.length > 0" | |||
| @click="choose(i, item)" | |||
| class="item" | |||
| v-for="(item, i) in state.list" | |||
| :key="i" | |||
| > | |||
| <view class="iten-left"> | |||
| <image :src="`${$imgUrl}che.png`" mode="aspectFill"></image> | |||
| <text>{{ item.vehiclePlate }}</text> | |||
| </view> | |||
| <view class="choose-item"> | |||
| <view class="active" v-if="flag == i"> </view> | |||
| </view> | |||
| </view> | |||
| <view v-else class="flex"> 暂无车辆订单信息 </view> | |||
| </view> | |||
| <view class="selectCar-box"> | |||
| <view v-if="state.list.length > 0" @click="choose(i, item)" class="item" v-for="(item, i) in state.list" | |||
| :key="i"> | |||
| <view class="iten-left"> | |||
| <image :src="`${$imgUrl}che.png`" mode="aspectFill"></image> | |||
| <text>{{ item.vehiclePlate }}</text> | |||
| </view> | |||
| <view class="choose-item"> | |||
| <view class="active" v-if="flag == i"> </view> | |||
| </view> | |||
| </view> | |||
| <view v-else class="flex"> 暂无车辆订单信息 </view> | |||
| </view> | |||
| </template> | |||
| <script lang="ts" setup> | |||
| import { reactive, ref } from "vue"; | |||
| import { navTo } from "@/utils/utils"; | |||
| import { onLoad, onShow } from "@dcloudio/uni-app"; | |||
| import { orderList } from "@/utils/network/api.js"; | |||
| import { request } from "@/utils/network/request.js"; | |||
| import { msg } from "@/utils/utils"; | |||
| import { getItem, StorageKeys, setItem } from "@/utils/storage"; | |||
| import { stringToJson } from "@/utils/network/encryption"; | |||
| import { reactive, ref } from "vue"; | |||
| import { navTo } from "@/utils/utils"; | |||
| import { onLoad, onShow } from "@dcloudio/uni-app"; | |||
| import { orderList } from "@/utils/network/api.js"; | |||
| import { request } from "@/utils/network/request.js"; | |||
| import { msg } from "@/utils/utils"; | |||
| import { getItem, StorageKeys, setItem } from "@/utils/storage"; | |||
| import { stringToJson } from "@/utils/network/encryption"; | |||
| const state = reactive({ | |||
| list: [], | |||
| }); | |||
| onLoad(() => { | |||
| quanCheckActionTrue().then((item: any) => { | |||
| state.list = item.data; | |||
| console.log(item); | |||
| }); | |||
| }); | |||
| const state = reactive({ | |||
| list: [], | |||
| }); | |||
| onLoad(() => { | |||
| quanCheckActionTrue().then((item : any) => { | |||
| state.list = item.data; | |||
| console.log(item); | |||
| }); | |||
| }); | |||
| const quanCheckActionTrue = () => { | |||
| var data = { | |||
| opId: getItem(StorageKeys.OpenId), | |||
| source: "WECHAT", | |||
| tabIndex: "0", | |||
| orderStep: "11", | |||
| isValueCard: "", | |||
| title:"1" | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| data: data, | |||
| method: "POST", | |||
| showLoading: true, | |||
| }; | |||
| return new Promise(async (resolve, reject) => { | |||
| const res = await request(orderList, options); | |||
| const data = stringToJson(res.bizContent); | |||
| const quanCheckActionTrue = () => { | |||
| var data = { | |||
| opId: getItem(StorageKeys.OpenId), | |||
| source: "WECHAT", | |||
| tabIndex: "0", | |||
| orderStep: "11", | |||
| isValueCard: "", | |||
| orderStatus: "1" | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| data: data, | |||
| method: "POST", | |||
| showLoading: true, | |||
| }; | |||
| return new Promise(async (resolve, reject) => { | |||
| const res = await request(orderList, options); | |||
| const data = stringToJson(res.bizContent); | |||
| resolve(data); | |||
| }).catch((error) => { | |||
| reject(error); | |||
| }); | |||
| }; | |||
| const list = reactive([ | |||
| { | |||
| name: "A12345", | |||
| }, | |||
| { | |||
| name: "B12345", | |||
| }, | |||
| { | |||
| name: "C12345", | |||
| }, | |||
| ]); | |||
| const flag = ref("0"); | |||
| resolve(data); | |||
| }).catch((error) => { | |||
| reject(error); | |||
| }); | |||
| }; | |||
| const list = reactive([ | |||
| { | |||
| name: "A12345", | |||
| }, | |||
| { | |||
| name: "B12345", | |||
| }, | |||
| { | |||
| name: "C12345", | |||
| }, | |||
| ]); | |||
| const flag = ref("0"); | |||
| const choose = (i, item) => { | |||
| console.log(item.cardId); | |||
| navTo( | |||
| `/subpackage/after-sale/pin-code-deblocking/pin-code-confirm?id=${item.id}` | |||
| ); | |||
| }; | |||
| const choose = (i, item) => { | |||
| console.log(item.cardId); | |||
| navTo( | |||
| `/subpackage/after-sale/pin-code-deblocking/pin-code-confirm?id=${item.id}` | |||
| ); | |||
| }; | |||
| </script> | |||
| <style> | |||
| page { | |||
| width: 100%; | |||
| height: 100%; | |||
| background-color: #eef7f7; | |||
| } | |||
| page { | |||
| width: 100%; | |||
| height: 100%; | |||
| background-color: #eef7f7; | |||
| } | |||
| </style> | |||
| <style lang="scss" scoped> | |||
| .flex { | |||
| display: flex; | |||
| justify-content: center; | |||
| } | |||
| .flex { | |||
| display: flex; | |||
| justify-content: center; | |||
| } | |||
| .selectCar-box { | |||
| // width: 100%; | |||
| height: 100%; | |||
| padding: 30rpx; | |||
| .selectCar-box { | |||
| // width: 100%; | |||
| height: 100%; | |||
| padding: 30rpx; | |||
| .item { | |||
| padding: 20rpx; | |||
| display: flex; | |||
| justify-content: space-between; | |||
| align-items: center; | |||
| height: 130rpx; | |||
| background: #ffffff; | |||
| box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223, 223, 223, 0.8); | |||
| border-radius: 20rpx; | |||
| margin-bottom: 30rpx; | |||
| .item { | |||
| padding: 20rpx; | |||
| display: flex; | |||
| justify-content: space-between; | |||
| align-items: center; | |||
| height: 130rpx; | |||
| background: #ffffff; | |||
| box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223, 223, 223, 0.8); | |||
| border-radius: 20rpx; | |||
| margin-bottom: 30rpx; | |||
| .iten-left { | |||
| display: flex; | |||
| align-items: center; | |||
| .iten-left { | |||
| display: flex; | |||
| align-items: center; | |||
| image { | |||
| width: 150rpx; | |||
| height: 90rpx; | |||
| } | |||
| image { | |||
| width: 150rpx; | |||
| height: 90rpx; | |||
| } | |||
| text { | |||
| margin-left: 20rpx; | |||
| font-size: 32rpx; | |||
| font-family: Noto Sans S Chinese; | |||
| font-weight: 400; | |||
| color: #333333; | |||
| } | |||
| } | |||
| text { | |||
| margin-left: 20rpx; | |||
| font-size: 32rpx; | |||
| font-family: Noto Sans S Chinese; | |||
| font-weight: 400; | |||
| color: #333333; | |||
| } | |||
| } | |||
| .choose-item { | |||
| width: 44rpx; | |||
| height: 44rpx; | |||
| background: #ffffff; | |||
| border: 2rpx solid #00b38b; | |||
| border-radius: 50%; | |||
| margin-right: 20rpx; | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| box-sizing: content-box; | |||
| } | |||
| .choose-item { | |||
| width: 44rpx; | |||
| height: 44rpx; | |||
| background: #ffffff; | |||
| border: 2rpx solid #00b38b; | |||
| border-radius: 50%; | |||
| margin-right: 20rpx; | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| box-sizing: content-box; | |||
| } | |||
| .active { | |||
| width: 34rpx; | |||
| height: 34rpx; | |||
| background: #00b38b; | |||
| border-radius: 50%; | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
| .active { | |||
| width: 34rpx; | |||
| height: 34rpx; | |||
| background: #00b38b; | |||
| border-radius: 50%; | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
+ 4
- 4
subpackage/after-sale/replace-equipment/select-car.vue
Zobrazit soubor
| @@ -50,7 +50,7 @@ | |||
| const flag = ref('0') //默认选择0 | |||
| onLoad(() => { | |||
| quanCheckActionTrue().then((item: any) => { | |||
| quanCheckActionTrue().then((item : any) => { | |||
| state.list = item.data | |||
| }) | |||
| }); | |||
| @@ -61,8 +61,8 @@ | |||
| source: 'WECHAT', //渠道为小程序 | |||
| tabIndex: '0', //0全部 | |||
| orderStep: '11', //11 为已完成” | |||
| isValueCard:"", | |||
| title:"1" | |||
| isValueCard: "", | |||
| orderStatus: "1" | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| @@ -158,4 +158,4 @@ | |||
| } | |||
| </style> | |||
| </style> | |||
+ 2
- 3
subpackage/personal-center/search/select-car.vue
Zobrazit soubor
| @@ -63,7 +63,7 @@ | |||
| tabIndex: '0', | |||
| orderStep: '11', | |||
| isValueCard: '', | |||
| title:"1" | |||
| orderStatus: "1" | |||
| }; | |||
| const options = { | |||
| type: 2, | |||
| @@ -84,7 +84,6 @@ | |||
| const choose = (i, item) => { | |||
| navTo(`/subpackage/personal-center/search/select-card?vehicleId=${item.vehicleId}`) | |||
| } | |||
| </script> | |||
| <style> | |||
| @@ -159,4 +158,4 @@ | |||
| } | |||
| </style> | |||
| </style> | |||
Načítá se…