qiubinghui
/
zhywpt-sp
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
Pārlūkot izejas kodu

去掉一些公参

修改样式逻辑
yangteng pirms 2 mēnešiem
vecāks
c37dd61fa4
revīzija
69e6570b7e
6 mainītis faili ar 295 papildinājumiem un 47 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 7
    0
      pages.json
  2. 56
    28
      pages/user/user.vue
  3. 223
    0
      subpackage/personal-center/my-etc-account.vue
  4. 1
    4
      subpackage/personal-center/setting/addressManager.vue
  5. 1
    0
      utils/network/api.js
  6. 7
    15
      utils/network/request.js

+ 7
- 0
pages.json Parādīt failu

@@ -1629,6 +1629,13 @@
{
"root": "subpackage/personal-center", //个人中心
"pages": [
{
"path": "my-etc-account",
"style": {
"navigationBarTitleText": "我的ETC账户",
"enablePullDownRefresh": false
}
},
{
"path": "vehicle-change/car-details",
"style": {

+ 56
- 28
pages/user/user.vue Parādīt failu

@@ -27,23 +27,23 @@
</view>
<view class="my-equity" :style="{'--bgimg':`url(${$imgUrl}myImage/quanuyikuang.png)`}" @click="myEtcAccount">
<view class="l-con">
<image :src="`${$imgUrl}myImage/quanyi.png`" class="equity-icon" mode="widthFix"></image>
<image :src="`${$imgUrl}myImage/myETC.png`" class="equity-icon" mode="widthFix"></image>
<view class="txt">
我的ETC账户
</view>
</view>
<view class="r-icon" >
<image :src="`${$imgUrl}myImage/quanyixiayi.png`" class="r-img" mode="widthFix"></image>
<view class="r-icon1" >
<image :src="`${$imgUrl}myImage/quanyixiayi.png`" class="r-img1" mode="widthFix"></image>
</view>
</view>
<view class="my-equity" :style="{'--bgimg':`url(${$imgUrl}myImage/quanuyikuang.png)`}">
<view class="my-equity" :style="{'--bgimg':`url(${$imgUrl}myImage/loginBg.png)`}">
<view class="l-con">
<image :src="`${$imgUrl}myImage/quanyi.png`" class="equity-icon" mode="widthFix"></image>
<image :src="`${$imgUrl}myImage/person.png`" class="equity-icon" mode="widthFix"></image>
<view class="txt">
林晨曦
</view>
</view>
<view>
<view style="margin-right: 26rpx;">
27辆车
</view>
</view>
@@ -52,35 +52,47 @@
<view class="order box">
<view class="list_item">
<view class="l-con">
<image :src="`${$imgUrl}myImage/quanyi.png`" class="equity-icon" mode="widthFix"></image>
<image :src="`${$imgUrl}myImage/basicInformation.png`" class="equity-icon" mode="widthFix"></image>
<view class="txt">
基本信息
</view>
</view>
<view class="r-icon" >
<image :src="`${$imgUrl}myImage/quanyixiayi.png`" class="r-img" mode="widthFix"></image>
<view class="r-icon">
<text>请进行实名认证</text>
<image :src="`${$imgUrl}myImage/myIcon.png`" class="r-img" mode="widthFix"></image>
</view>
</view>
<view class="list_item">
<view class="list_item" @click="$util.navTo(`/subpackage/after-sale/activation-once-again/select-car?type=38`, true)">
<view class="l-con">
<image :src="`${$imgUrl}myImage/quanyi.png`" class="equity-icon" mode="widthFix"></image>
<image :src="`${$imgUrl}myImage/myCar.png`" class="equity-icon" mode="widthFix"></image>
<view class="txt">
我的车辆
</view>
</view>
<view class="r-icon" >
<image :src="`${$imgUrl}myImage/quanyixiayi.png`" class="r-img" mode="widthFix"></image>
<image :src="`${$imgUrl}myImage/myIcon.png`" class="r-img" mode="widthFix"></image>
</view>
</view>
<view class="list_item">
<view class="list_item" @click="goOrder(0)">
<view class="l-con">
<image :src="`${$imgUrl}myImage/quanyi.png`" class="equity-icon" mode="widthFix"></image>
<image :src="`${$imgUrl}myImage/etcOrder.png`" class="equity-icon" mode="widthFix"></image>
<view class="txt">
ETC订单
</view>
</view>
<view class="r-icon" >
<image :src="`${$imgUrl}myImage/quanyixiayi.png`" class="r-img" mode="widthFix"></image>
<image :src="`${$imgUrl}myImage/myIcon.png`" class="r-img" mode="widthFix"></image>
</view>
</view>
<view class="list_item">
<view class="l-con">
<image :src="`${$imgUrl}myImage/afterOrder.png`" class="equity-icon" mode="widthFix"></image>
<view class="txt">
售后订单
</view>
</view>
<view class="r-icon" >
<image :src="`${$imgUrl}myImage/myIcon.png`" class="r-img" mode="widthFix"></image>
</view>
</view>
<view class="list_item" @click="goEquity()">
@@ -91,29 +103,29 @@
</view>
</view>
<view class="r-icon" >
<image :src="`${$imgUrl}myImage/quanyixiayi.png`" class="r-img" mode="widthFix"></image>
<image :src="`${$imgUrl}myImage/myIcon.png`" class="r-img" mode="widthFix"></image>
</view>
</view>
<view class="list_item">
<view class="l-con">
<image :src="`${$imgUrl}myImage/quanyi.png`" class="equity-icon" mode="widthFix"></image>
<image :src="`${$imgUrl}myImage/invoiceHeader.png`" class="equity-icon" mode="widthFix"></image>
<view class="txt">
发票抬头
</view>
</view>
<view class="r-icon" >
<image :src="`${$imgUrl}myImage/quanyixiayi.png`" class="r-img" mode="widthFix"></image>
<image :src="`${$imgUrl}myImage/myIcon.png`" class="r-img" mode="widthFix"></image>
</view>
</view>
<view class="list_item">
<view class="list_item" @click="$util.navTo(`/subpackage/personal-center/setting/addressManager`, true)">
<view class="l-con">
<image :src="`${$imgUrl}myImage/quanyi.png`" class="equity-icon" mode="widthFix"></image>
<image :src="`${$imgUrl}myImage/addressManager.png`" class="equity-icon" mode="widthFix"></image>
<view class="txt">
收货地址
</view>
</view>
<view class="r-icon" >
<image :src="`${$imgUrl}myImage/quanyixiayi.png`" class="r-img" mode="widthFix"></image>
<image :src="`${$imgUrl}myImage/myIcon.png`" class="r-img" mode="widthFix"></image>
</view>
</view>
</view>
@@ -195,7 +207,7 @@
})
}
const myEtcAccount=()=>{
navTo(`/subpackage/personal-center/my-etc-account`)
}
const goTrajectory = () => {
if (state.isTrajectory) {
@@ -482,6 +494,7 @@
margin-left: 16rpx;
background: rgba(0, 179, 139, .1);
}
.list_item {
position: relative;
z-index: 20;
@@ -496,8 +509,8 @@
align-items: center;
.equity-icon {
width: 54rpx;
height: 54rpx;
width: 46rpx;
height: 46rpx;
}
.txt {
@@ -509,15 +522,20 @@
}
.r-icon {
width: 32rpx;
height: 32rpx;
display: flex;
align-items: center;
color: rgb(177, 177, 177);
font-size: 28rpx;
.r-img {
width: 32rpx;
height: 32rpx;
}
}
}
.box>view:last-child{
border: none;
}
.my-equity {
position: relative;
z-index: 20;
@@ -551,10 +569,20 @@

.r-icon {
margin-right: 30rpx;
width: 32rpx;
height: 32rpx;
width: 36rpx;
height: 36rpx;

.r-img {
width: 36rpx;
height: 36rpx;
}
}
.r-icon1 {
margin-right: 30rpx;
width: 32rpx;
height: 32rpx;
.r-img1 {
width: 32rpx;
height: 32rpx;
}

+ 223
- 0
subpackage/personal-center/my-etc-account.vue Parādīt failu

@@ -0,0 +1,223 @@
<template>
<view class="content">
<view class="title">您名下个人ETC账户</view>

<radio-group class="uni-list" @change="radioChange">
<label class="item" v-for="(item,index) in state.radioItems" :key="index">
<image class="img" src="/static/image/menu.png" mode=""></image>
<view class="details">
<view class="top">
<text class="name">林晨曦</text>
<text class="acount">当前绑定账户</text>
</view>
<view class="car">27辆车</view>
</view>
<radio :id="item.name" :value="item.name" :checked="item.checked" style="scale: 0.8;"></radio>
</label>
</radio-group>

<view class="title">您名下单位ETC账户</view>
<radio-group class="uni-list" @change="radioChange">
<label class="item_father" v-for="(item,index) in state.radioItems" :key="index">
<view class="danwei">
<view class="item1">
<image class="img" src="/static/image/menu.png" mode=""></image>
<view class="details">
<view class="top">
<text class="name">贵州XXXXXXXX有限公司</text>
</view>
<view>
<text class="car">无车辆</text>
<text class="acount">当前绑定账户</text>
</view>
</view>
<radio :id="item.name" :value="item.name" :checked="item.checked" style="scale: 0.8;"></radio>
</view>
<view class="unit-list">
<text>证件类型</text>
<text>统一社会信用代码证书</text>
</view>
<view class="unit-list">
<text>证件号码</text>
<text>GZ983***********192</text>
</view>
<view class="unit-list">
<text>分支机构</text>
<text>--</text>
</view>
</view>

</label>
</radio-group>
</view>

</template>

<script setup lang="ts">
import { reactive } from "vue";
import { onLoad } from "@dcloudio/uni-app";
import { requestNew } from "@/utils/network/request.js";
import { customerQuery } from "@/utils/network/api.js";
const state = reactive({
radioItems: [{
name: 'USA',
value: '美国'
},
{
name: 'CHN',
value: '中国',
checked: 'true'
}
]
})
onLoad(() => {
customerQueryInfo()
});
const customerQueryInfo = () => {
const options = {
type: 2,
data: {

},
method: "POST",
showLoading: true,
};
//调用方式
requestNew(customerQuery, options)
.then((res) => {
console.log('用户信息', res)


})
.catch((err) => {
console.log(err);
});
}
const radioChange = (e) => {
var checked = e.target.value
console.log("e", e)
var changed = {}
// for (var i = 0; i < this.radioItems.length; i++) {
// if (checked.indexOf(this.radioItems[i].name) !== -1) {
// changed['radioItems[' + i + '].checked'] = true
// } else {
// changed['radioItems[' + i + '].checked'] = false
// }
// }
}
</script>

<style scoped lang="scss">
.content {
padding: 0 30rpx;

.title {
font-size: 28rpx;
color: #666666;
margin: 30rpx 0 20rpx 20rpx;
}

.uni-list {
.item1 {
background: white;
margin-bottom: 20rpx;
display: flex;
border-radius: 20rpx;
padding: 20rpx 0;
display: flex;
align-items: center;

.details {
width: 76%;
margin-left: 26rpx;

.top {
margin-bottom: 6rpx;

.name {
font-size: 30rpx;
color: #01243A;
}
}
}

.img {
width: 80rpx;
height: 80rpx;
}
}

.item {
background: white;
margin-bottom: 20rpx;
display: flex;
border-radius: 20rpx;
padding: 20rpx;
display: flex;
align-items: center;

.details {
width: 76%;
margin-left: 26rpx;

.top {
margin-bottom: 6rpx;

.name {
font-size: 30rpx;
color: #01243A;
}
}
}

.img {
width: 80rpx;
height: 80rpx;
}
}


}
}

.item_father {
background: white !important;
}

.unit-list {
display: flex;
justify-content: space-between;
margin-bottom: 10rpx;
}

.unit-list>text:first-child {
font-size: 24rpx;
color: #888888;
}

.unit-list>text:last-child {
font-size: 26rpx;
color: #444444;
}

.acount {
background: #F9F5EB;
border-radius: 6rpx;
border: 1px solid #CCB375;
font-size: 22rpx;
color: #CCB375;
margin-left: 10rpx;
}

.car {
font-size: 24rpx;
color: #01243A;
}

.danwei {
background: white;
border-radius: 20rpx;
padding: 20rpx;
margin-bottom: 20rpx;
}
</style>

+ 1
- 4
subpackage/personal-center/setting/addressManager.vue Parādīt failu

@@ -80,12 +80,9 @@
};

onShow(() => {
var data = {
openId: getItem(StorageKeys.OpenId),
};
const options = {
type: 2,
data: data,
data: {},
method: "POST",
showLoading: true,
};

+ 1
- 0
utils/network/api.js Parādīt failu

@@ -490,3 +490,4 @@ export const licenseInforChangeApply = "/iaw/aftersale/vehicleInformationChange/

export const vehicleTypeCount = "/iaw/aftersale/vehicleInformationChange/vehicleTypeCount" //车型计算
export const logout = "/iaw/portal/logout" //退出登录
export const customerQuery = "/iaw/api/customer/query" //客户列表查询

+ 7
- 15
utils/network/request.js Parādīt failu

@@ -326,23 +326,15 @@ function updateGetTokenNew() {
export function requestNew(code, options = {}, start = false,clie=()=>{}) {
//公参
const Common = {
agentId: agentId,
channelId: channelId,
channelType: "1",
staffId: "54623263cb4d4a289dccbc983b22a4af",
terminalId: "999999999999",
loginSource: getItem("loginSource"),
// rbacSource: 'MINI_PROGRAM',
// accessToken: getItem(StorageKeys.Token),
openId: getItem(StorageKeys.OpenId),
opId: getItem(StorageKeys.OpenId),
accessToken: getItem(StorageKeys.Token)
}
// #ifdef MP-ALIPAY
Common['orderSource'] = "ALI"
// #endif
// #ifdef MP-WEIXIN
Common['orderSource'] = "WECHAT"
// #endif
// // #ifdef MP-ALIPAY
// Common['orderSource'] = "ALI"
// // #endif
// // #ifdef MP-WEIXIN
// Common['orderSource'] = "WECHAT"
// // #endif
// options.url = envs[process.env.NODE_ENV].baseUrl+'/prod' + code
options.url = envs[process.env.NODE_ENV].baseUrl+'/newDev/ndev' + code
// options.url = envs[process.env.NODE_ENV].baseUrl+'/ndev' + code

Rakstīt Priekšskatītījums
Notiek ielāde…
Atcelt
Saglabāt