Pārlūkot izejas kodu

修改单位用户上传图片参数问题

yxb
DESKTOP-2IO5MST\huting pirms 1 gada
vecāks
revīzija
66a0258f59

+ 8
- 6
pages/user/user.vue Parādīt failu

<image :src="`${$imgUrl}user/icon-arrow.png`" class="arrow"></image> <image :src="`${$imgUrl}user/icon-arrow.png`" class="arrow"></image>
</view> </view>
</view> </view>
<view class="car-item" v-for="(item,index) in state.list" >
<image @click="carDetails(item)" :src="`${$imgUrl}che.png`" class="car-pic" mode="aspectFill"></image>
<view class="car-item" v-for="(item,index) in state.list">
<image @click="carDetails(item)" :src="`${$imgUrl}che.png`" class="car-pic" mode="aspectFill">
</image>
<view class="car-info" @click="carDetails(item)"> <view class="car-info" @click="carDetails(item)">
<view class="car-no"><text class="no">{{item.vehiclePlate}}</text><text class="color" :style="{ background: item.showColor}">{{item.color}}</text></view>
<view class="car-no"><text class="no">{{item.vehiclePlate}}</text><text class="color"
:style="{ background: item.showColor}">{{item.color}}</text></view>
<view class="card-no">卡号:{{item.cardId}}</view> <view class="card-no">卡号:{{item.cardId}}</view>
<view class="card-no">签号:{{item.obuId}}</view> <view class="card-no">签号:{{item.obuId}}</view>
</view> </view>
stringToJson stringToJson
} from "@/utils/network/encryption.js"; } from "@/utils/network/encryption.js";
import filter from '@/components/filter/filter.vue'; import filter from '@/components/filter/filter.vue';
import { vehiclePlateColor, vehiclePlateColorPai,getVehiclePlateColorPaiShow } from "@/datas/vehiclePlateColor.js";
import { vehiclePlateColor, vehiclePlateColorPai, getVehiclePlateColorPaiShow } from "@/datas/vehiclePlateColor.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);
state.data.opId = getItem(StorageKeys.OpenId); state.data.opId = getItem(StorageKeys.OpenId);
mobile.value = getItem("mobile"); mobile.value = getItem("mobile");
}); });
const carDetails=(item)=>{
const carDetails = (item) => {
const params = encodeURIComponent(JSON.stringify(item)) const params = encodeURIComponent(JSON.stringify(item))
uni.navigateTo({ uni.navigateTo({
url:`/subpackage/personal-center/car-details?params=${params}`
url: `/subpackage/personal-center/car-details?params=${params}`
}) })
} }
const goTrajectory = () => { const goTrajectory = () => {

+ 2
- 0
subpackage/orders/opening-account-unit.vue Parādīt failu

agentGender: '', agentGender: '',
agentPosImgUrl: "", agentPosImgUrl: "",
agentNegImgUrl: "", agentNegImgUrl: "",
negImgUrl: "", //这个参数和国徽面一样的,都要传
proxyUrl: "", proxyUrl: "",
sceneType: "", //用户协议支撑服务场景(发行服务机构和用户签订的协议) sceneType: "", //用户协议支撑服务场景(发行服务机构和用户签订的协议)
channelId: "", //渠道id channelId: "", //渠道id
} else { } else {
state.form.agentIdVld = data.enddate; state.form.agentIdVld = data.enddate;
state.form.agentNegImgUrl = data.imageUrl; state.form.agentNegImgUrl = data.imageUrl;
state.form.negImgUrl = data.imageUrl;
} }
state.isTakePhotoModeShow = false state.isTakePhotoModeShow = false
}) })

+ 68
- 51
subpackage/personal-center/trajectory/trajectory.vue Parādīt failu

<view class="content-det"> <view class="content-det">
<view class="left"> <view class="left">
<view class="left-item"> <view class="left-item">
<image src="../../static/image/home-on.png" ></image>
<image :src="`${$imgUrl}user/trajectory1.png`"></image>
<view> <view>
<view class="data">{{state.msg.mileages}}km</view> <view class="data">{{state.msg.mileages}}km</view>
<view>高速通行总里程</view> <view>高速通行总里程</view>
</view> </view>
</view> </view>
<view class="left-item"> <view class="left-item">
<image src="../../static/image/home-on.png" ></image>
<image :src="`${$imgUrl}user/trajectory2.png`"></image>
<view> <view>
<view class="data">{{state.msg.amounts/100}}元</view> <view class="data">{{state.msg.amounts/100}}元</view>
<view>高速通行总金额</view> <view>高速通行总金额</view>
</view> </view>
</view> </view>
<view class="left-item"> <view class="left-item">
<image src="../../static/image/home-on.png" ></image>
<image :src="`${$imgUrl}user/trajectory3.png`"></image>
<view> <view>
<view class="data">{{state.msg.frequencys}}次</view> <view class="data">{{state.msg.frequencys}}次</view>
<view>高速通行总消费次数</view> <view>高速通行总消费次数</view>
</view> </view>
</view> </view>
<view class="left-item"> <view class="left-item">
<image src="../../static/image/home-on.png" ></image>
<image :src="`${$imgUrl}user/trajectory4.png`"></image>
<view> <view>
<view class="data">{{state.msg.cityQuantitys}}个</view> <view class="data">{{state.msg.cityQuantitys}}个</view>
<view>高速通行曾抵达过的城市教</view> <view>高速通行曾抵达过的城市教</view>
</view> </view>
</view> </view>
<view class="left-item" style="margin-bottom: 30rpx;"> <view class="left-item" style="margin-bottom: 30rpx;">
<image src="../../static/image/home-on.png"></image>
<image :src="`${$imgUrl}user/trajectory5.png`"></image>
<view> <view>
<view class="data">{{state.msg.frequenteds}}</view> <view class="data">{{state.msg.frequenteds}}</view>
<view>您最喜爱的目的地,曾累计到访过{{state.msg.frequentedQuantitys}}次</view> <view>您最喜爱的目的地,曾累计到访过{{state.msg.frequentedQuantitys}}次</view>
</view> </view>
<view class="right"> <view class="right">
<view>您超过了{{state.msg.ranking}}%的九州ETC用户</view> <view>您超过了{{state.msg.ranking}}%的九州ETC用户</view>
<image src="../../../static/image/home-on.png" mode="" ></image>
<image :src="`${$imgUrl}user/trajectory6.png`" mode=""></image>
<view class="see" @click="see()">查看我的轨迹图</view> <view class="see" @click="see()">查看我的轨迹图</view>
</view> </view>
</view> </view>
<view class="record" v-for="item in [state.msg.myTrajectoryStatisticsVos][0]"> <view class="record" v-for="item in [state.msg.myTrajectoryStatisticsVos][0]">
<view class="current"> <view class="current">
<text>{{item.accountDate}}月通行</text> <text>{{item.accountDate}}月通行</text>
<view class="more" @click="seeMonth()">查看历史月度统计 <image src="../../../static/image/icon-back.png"></image></view>
<view class="more" @click="seeMonth()">查看历史月度统计 <image src="../../../static/image/icon-back.png">
</image>
</view>
</view> </view>
<view class="detail">本月九州ETC通行了{{item.frequency}}次高速通行查看历史月度统计要消费{{item.amount/100}}元要通行</view> <view class="detail">本月九州ETC通行了{{item.frequency}}次高速通行查看历史月度统计要消费{{item.amount/100}}元要通行</view>
</view> </view>


<script setup lang="ts"> <script setup lang="ts">
import { reactive } from "vue"; import { reactive } from "vue";
import {request} from "@/utils/network/request.js";
import {stringToJson} from "@/utils/network/encryption";
import { onLoad} from "@dcloudio/uni-app";
import {orderList,queryTrajectory,selectCarInfo} from "@/utils/network/api.js";
import {getItem,StorageKeys} from "@/utils/storage";
import { request } from "@/utils/network/request.js";
import { stringToJson } from "@/utils/network/encryption";
import { onLoad } from "@dcloudio/uni-app";
import { orderList, queryTrajectory, selectCarInfo } from "@/utils/network/api.js";
import { getItem, StorageKeys } from "@/utils/storage";
const state = reactive({ const state = reactive({
array: [], array: [],
index: 0, index: 0,
arrayVehicleId:[], //要传给后端的vehicleId
msg:'',
arrayVehicleId: [], //要传给后端的vehicleId
msg: '',
}) })
onLoad((option : any) => { onLoad((option : any) => {
quanCheckActionTrue(); quanCheckActionTrue();
//调用方式 //调用方式
request(selectCarInfo, options).then((res) => { request(selectCarInfo, options).then((res) => {
const data = (stringToJson(res.bizContent).vehicleManages) const data = (stringToJson(res.bizContent).vehicleManages)
for(var i=0;i<data.length;i++){
for (var i = 0; i < data.length; i++) {
state.array.push(data[i].vehiclePlate) state.array.push(data[i].vehiclePlate)
state.arrayVehicleId.push(data[i].vehicleId) state.arrayVehicleId.push(data[i].vehicleId)
} }
getVehicleMsg(); getVehicleMsg();
}) })
.catch((err) => {
console.log('输出内容', err)
});
.catch((err) => {
console.log('输出内容', err)
});
} }
const bindPickerChange=(e)=> {
const bindPickerChange = (e) => {
state.index = e.detail.value; state.index = e.detail.value;
getVehicleMsg(); getVehicleMsg();
} }
const see=()=>{
const see = () => {
// const aa="41,51" // const aa="41,51"
uni.navigateTo({ uni.navigateTo({
url:`/subpackage/service/trajectory-map?data=${state.msg.provinces}&&mileages=${state.msg.mileages}&&ranking=${state.msg.ranking}`
url: `/subpackage/service/trajectory-map?data=${state.msg.provinces}&&mileages=${state.msg.mileages}&&ranking=${state.msg.ranking}`
}) })
} }
const seeMonth=()=>{
const seeMonth = () => {
uni.navigateTo({ uni.navigateTo({
url:`./see-month?data=${encodeURIComponent(JSON.stringify(state.msg.myTrajectoryStatisticsVos))}`
url: `./see-month?data=${encodeURIComponent(JSON.stringify(state.msg.myTrajectoryStatisticsVos))}`
}) })
} }
const getVehicleMsg = () => { const getVehicleMsg = () => {
console.log("state.arrayVehicleId[state.index]",state.arrayVehicleId[state.index])
console.log("state.arrayVehicleId[state.index]", state.arrayVehicleId[state.index])
const options = { const options = {
type: 2, type: 2,
data: { data: {
}; };
request(queryTrajectory, options).then((res) => { request(queryTrajectory, options).then((res) => {
const result = stringToJson(res.bizContent) const result = stringToJson(res.bizContent)
state.msg=result
console.log("getVehicleMsg",result);
state.msg = result
console.log("getVehicleMsg", result);
}) })
}; };
</script> </script>


<style scoped> <style scoped>
.content{
.content {
font-size: 32rpx; font-size: 32rpx;
} }
.des{

.des {
margin: 20rpx 0 20rpx 40rpx; margin: 20rpx 0 20rpx 40rpx;
} }
.choice-content{
width:90%;

.choice-content {
width: 90%;
margin: 0 auto; margin: 0 auto;
min-height:500rpx;
box-shadow: 0px 0px 8px 2px rgb(218, 247, 247) inset;
min-height: 500rpx;
box-shadow: 0px 0px 8px 2px rgb(218, 247, 247) inset;
overflow: hidden; overflow: hidden;
} }
.choice-car{

.choice-car {
width: 180rpx; width: 180rpx;
background-color: rgb(158, 247, 247);
background-color: #f1f1f1;
margin-top: 30rpx; margin-top: 30rpx;
padding: 10rpx; padding: 10rpx;
} }
.left-item{

.left-item {
display: flex; display: flex;
margin-bottom: 50rpx; margin-bottom: 50rpx;
} }
.left-item>image{

.left-item>image {
width: 70rpx; width: 70rpx;
height: 70rpx; height: 70rpx;
display: inline-block; display: inline-block;
margin-right: 30rpx; margin-right: 30rpx;
flex-shrink: 0; flex-shrink: 0;
} }
.data{
font-weight: bold;

.data {
font-weight: bold;
} }
.content-det{

.content-det {
padding: 30rpx; padding: 30rpx;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
} }
.right>image{

.right>image {
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
display: inline-block; display: inline-block;
margin: 30rpx auto; margin: 30rpx auto;
margin-left: 40rpx; margin-left: 40rpx;
} }
.see{
background-color: rgb(158, 247, 247);

.see {
background-color: #f1f1f1;
border-radius: 20rpx; border-radius: 20rpx;
text-align: center; text-align: center;
height: 54rpx; height: 54rpx;
line-height: 54rpx; line-height: 54rpx;
font-size: 28rpx; font-size: 28rpx;
} }
.left{

.left {
flex: 2; flex: 2;
} }
.right{

.right {
flex: 1; flex: 1;
} }
.record{

.record {
width: 90%; width: 90%;
min-height: 220rpx; min-height: 220rpx;
box-shadow: 0px 0px 8px 2px rgb(218, 247, 247) inset;
box-shadow: 0px 0px 8px 2px rgb(218, 247, 247) inset;
margin: 20rpx auto; margin: 20rpx auto;
padding: 30rpx; padding: 30rpx;
box-sizing: border-box; box-sizing: border-box;
} }
.current{

.current {
border-bottom: 1rpx solid #ccc; border-bottom: 1rpx solid #ccc;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding-bottom: 20rpx; padding-bottom: 20rpx;
} }
.more>image{

.more>image {
transform: rotate(180deg); transform: rotate(180deg);
width: 30rpx; width: 30rpx;
height: 30rpx; height: 30rpx;
vertical-align: middle; vertical-align: middle;
} }
.detail{

.detail {
margin-top: 20rpx; margin-top: 20rpx;
line-height: 40rpx; line-height: 40rpx;
} }

Notiek ielāde…
Atcelt
Saglabāt