DESKTOP-2IO5MST\huting 2 年前
父节点
当前提交
e66bf04aa4
共有 5 个文件被更改,包括 65 次插入17 次删除
  1. 1
    3
      pages/index/index.vue
  2. 60
    10
      pages/user/user.vue
  3. 0
    1
      stores/user.js
  4. 1
    1
      subpackage/personal-center/setting/setting.vue
  5. 3
    2
      utils/network/api.js

+ 1
- 3
pages/index/index.vue 查看文件

queryKey, queryKey,
querySwiper, querySwiper,
envs, envs,
infoQuery,
} from "@/utils/network/api.js"; } from "@/utils/network/api.js";
import { import {
reactive reactive
import { import {
fileURL fileURL
} from "@/datas/fileURL.js"; } from "@/datas/fileURL.js";
import {
infoQuery
} from "@/utils/network/api.js"
import { import {
navTo, navTo,
confirm confirm

+ 60
- 10
pages/user/user.vue 查看文件

<view class="nickname">登录/注册</view> <view class="nickname">登录/注册</view>
</view> </view>
<view v-else class="name"> <view v-else class="name">
<view class="nickname">林晨曦</view>
<view class="nickname">{{state.accountInfoVo.nickName}}</view>
<view class="user-id"> <view class="user-id">
<view class="phone">15885137270</view>
<view class="phone">{{state.accountInfoVo.mobile}}</view>
<view @click="$util.navTo('/subpackage/personal-center/setting/change-phone', true)" <view @click="$util.navTo('/subpackage/personal-center/setting/change-phone', true)"
class="btn-change">已关联</view> class="btn-change">已关联</view>
</view> </view>
</view> </view>
<view class="pass"> <view class="pass">
<view class="total m-top"> <view class="total m-top">
<text>通行消费</text>
<text>总消费</text> <text>总消费</text>
<text>总充值</text>
</view> </view>
<view class="amount m-top"> <view class="amount m-top">
<text>¥ 501,220.00</text>
<text>¥ 620,227.00</text>
<text>¥ {{state.monthFlowingVo.money/100}}</text>
<text>¥ {{state.monthFlowingVo.totalAmount/100}}</text>
</view> </view>
<view class="line m-top"> <view class="line m-top">
<view class="line1" style="width: 75%;"></view>
<view class="line1" :style="{width: state.monthFlowingVo.money*100/state.monthFlowingVo.totalAmount+'%'}"></view>
<view class="line2"></view> <view class="line2"></view>
</view> </view>
<view class="mileage"> <view class="mileage">
<view class="txt"> <view class="txt">
<text class="tit">通行里程</text> <text class="tit">通行里程</text>
<text class="val">81880km</text>
<text class="val">{{state.monthFlowingVo.mileage}}km</text>
</view> </view>
<view class="txt"> <view class="txt">
<text class="tit">通行时长</text> <text class="tit">通行时长</text>
<text class="val">21小时30分钟</text>
<text class="val">{{state.monthFlowingVo.duration}}</text>
</view> </view>
<view class="txt"> <view class="txt">
<text class="tit ">通行次数</text> <text class="tit ">通行次数</text>
<text class="val">103次</text>
<text class="val">{{state.monthFlowingVo.num}}次</text>
</view> </view>
</view> </view>
<view class="detail">查看通行轨迹</view> <view class="detail">查看通行轨迹</view>
import { getItem, StorageKeys } from "@/utils/storage"; import { getItem, StorageKeys } from "@/utils/storage";
import navBar from "../../components/nav-bar/nav-bar2.vue"; import navBar from "../../components/nav-bar/nav-bar2.vue";
import { onLoad, onShow, onPageScroll } from "@dcloudio/uni-app"; import { onLoad, onShow, onPageScroll } from "@dcloudio/uni-app";

import {
userInfoIndex
} from "@/utils/network/api.js";
import {
request
} from "@/utils/network/request.js";
import {
stringToJson
} from "@/utils/network/encryption.js";
const height = ref(null); const height = ref(null);
const top = ref(null); const top = ref(null);
const margin = ref(null); const margin = ref(null);
data: { data: {
opId: "", opId: "",
}, },
accountInfoVo: {
nickName: '',
mobile: ''
},
monthFlowingVo: {
duration: "",
mileage: 0,
money: 0,
num: 0,
parkingLotMoney: 0,
parkingLotNum: 0,
totalAmount: 0,
},
vehicleManageList: [],
}); });
onMounted(() => { onMounted(() => {
const res = uni.getMenuButtonBoundingClientRect(); const res = uni.getMenuButtonBoundingClientRect();
}); });
onShow((option : any) => { onShow((option : any) => {
state.data.opId = getItem(StorageKeys.OpenId); state.data.opId = getItem(StorageKeys.OpenId);
if(state.data.opId){
getUserInfo()
}
}); });

const getUserInfo = () => {

const options = {
type: 2,
data: {
openId: state.data.opId
},
method: "POST",
showLoading: true,
};
//调用方式
request(userInfoIndex, options)
.then((res) => {
let data = stringToJson(res.bizContent)
console.log(data);
state.accountInfoVo = data.accountInfoVo;
state.monthFlowingVo = data.monthFlowingVo;
state.vehicleManageList = data.monthFlowingVo
})
.catch((err) => {
console.log(err);
});
}
</script> </script>
<style> <style>
page { page {

+ 0
- 1
stores/user.js 查看文件

showLoading: false, showLoading: false,
}; };


console.log("option********",options);
return new Promise(async (resolve, reject) => { return new Promise(async (resolve, reject) => {
const res = await request(getToken, options); const res = await request(getToken, options);
const data = stringToJson(res.bizContent); const data = stringToJson(res.bizContent);

+ 1
- 1
subpackage/personal-center/setting/setting.vue 查看文件

<view class="title">{{col.title}}</view> <view class="title">{{col.title}}</view>
<u-cell-group> <u-cell-group>
<u-cell-item :title="item.title" v-for="(item,i) in col.columns" :key="i" <u-cell-item :title="item.title" v-for="(item,i) in col.columns" :key="i"
@click="itemClick(item)" :titleStyle="titleStyle"></u-cell-item>
@click="itemClick(item)" :titleStyle="titleStyle" borderBottom></u-cell-item>
</u-cell-group> </u-cell-group>
</template> </template>

+ 3
- 2
utils/network/api.js 查看文件

export const selectCarInfo = "1030"; //车辆管理信息查询 export const selectCarInfo = "1030"; //车辆管理信息查询
export const delCarInfo = "1031"; //车辆管理信息删除 export const delCarInfo = "1031"; //车辆管理信息删除
export const infoQuery= "935"; //8.212.文本信息查询接口 export const infoQuery= "935"; //8.212.文本信息查询接口
export const userInfoQuery= "510"; //-用户信息变更查询接口
export const userInfoChange= "520"; //-用户信息变更查询接口
export const userInfoQuery= "510"; //BDS-用户信息变更查询接口
export const userInfoChange= "520"; //ASS-变更个人用户信息
export const userInfoIndex= "9a78e7c35f31439990dc4b778ca84ad1"; //USER-获取用户个人简单信息

正在加载...
取消
保存