Procházet zdrojové kódy

我的ETC账户

修改样式逻辑
yangteng před 2 měsíci
rodič
revize
5b5e75448f
2 změnil soubory, kde provedl 38 přidání a 39 odebrání
  1. 1
    1
      stores/user.js
  2. 37
    38
      subpackage/personal-center/my-etc-account.vue

+ 1
- 1
stores/user.js Zobrazit soubor

@@ -152,7 +152,7 @@ export const useUserStore = defineStore("userStore", {
const options = {
type: 2,
data: {
accessToken:getItem(StorageKeys.Token)
openId: getItem(StorageKeys.OpenId),
},
method: "POST",
showLoading: true,

+ 37
- 38
subpackage/personal-center/my-etc-account.vue Zobrazit soubor

@@ -3,47 +3,47 @@
<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>
<label class="item" v-for="(item,index) in state.personArr" :key="index">
<image class="img" :src="`${$imgUrl}myImage/personimg.png`" mode=""></image>
<view class="details">
<view class="top">
<text class="name">林晨曦</text>
<text class="name">{{item.userName}}</text>
<text class="acount">当前绑定账户</text>
</view>
<view class="car">27辆车</view>
<view class="car">{{item.vehicleCount}}辆车</view>
</view>
<radio :id="item.name" :value="item.name" :checked="item.checked" style="scale: 0.8;"></radio>
<radio :id="item.customerId" :value="item.customerId" :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">
<label class="item_father" v-for="(item,index) in state.uniArr" :key="index">
<view class="danwei">
<view class="item1">
<image class="img" src="/static/image/menu.png" mode=""></image>
<image class="img" :src="`${$imgUrl}myImage/unit.png`" mode=""></image>
<view class="details">
<view class="top">
<text class="name">贵州XXXXXXXX有限公司</text>
<text class="name">{{item.userName}}</text>
</view>
<view>
<text class="car">车辆</text>
<text class="car">{{item.vehicleCount}}车辆</text>
<text class="acount">当前绑定账户</text>
</view>
</view>
<radio :id="item.name" :value="item.name" :checked="item.checked" style="scale: 0.8;"></radio>
<radio :id="item.customerId" :value="item.customerId" :checked="item.checked" style="scale: 0.8;"></radio>
</view>
<view class="unit-list">
<text>证件类型</text>
<text>统一社会信用代码证书</text>
<text>{{item.idType}}</text>
</view>
<view class="unit-list">
<text>证件号码</text>
<text>GZ983***********192</text>
<text>{{item.idNum}}</text>
</view>
<view class="unit-list">
<text>分支机构</text>
<text>--</text>
<text>{{item.department}}</text>
</view>
</view>

@@ -58,17 +58,11 @@
import { onLoad } from "@dcloudio/uni-app";
import { requestNew } from "@/utils/network/request.js";
import { customerQuery } from "@/utils/network/api.js";
import { setItem } from "../../utils/storage";
const state = reactive({
radioItems: [{
name: 'USA',
value: '美国'
},
{
name: 'CHN',
value: '中国',
checked: 'true'
}
]
personArr:[],
uniArr:[],
allData:[]
})
onLoad(() => {
customerQueryInfo()
@@ -76,9 +70,7 @@
const customerQueryInfo = () => {
const options = {
type: 2,
data: {

},
data: {},
method: "POST",
showLoading: true,
};
@@ -86,24 +78,31 @@
requestNew(customerQuery, options)
.then((res) => {
console.log('用户信息', res)


state.allData=res
for(var i=0;i<res.length;i++){
if(res[i]['userType']==1){
res[i]['checked']=false
state.personArr.push(res[i])
}else{
res[i]['checked']=false
state.uniArr.push(res[i])
}
}
})
.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
// }
// }
console.log("e", e.detail.value)
for(var k=0;k<state.allData.length;k++){
if(e.detail.value==state.allData[k]['customerId']){
setItem('customerObj',state.allData[k])
uni.navigateBack()
return;
}
}
}
</script>


Načítá se…
Zrušit
Uložit