Merge branch 'master' of http://47.92.161.104:10080/zkx/JP-ChargeTeam51

.env.dev.js

@@ -2,9 +2,9 @@ const UNI_APP = {
 	ProjectName :"51充电联盟",
 	BASE_URL: 'https://51team.xiaoxinda.com/charging-station-server/',
 
-	BASE_URL: 'https://charging.xiaoxinda.com/charging-station-test/',
+	//BASE_URL: 'https://charging.xiaoxinda.com/charging-station-test/',
 
-	//BASE_URL: 'http://192.168.77.162:8081/charging-station/' ,
+	BASE_URL: 'http://192.168.77.162:8081/charging-station/' ,
 	//PARK_URL: 'http://192.168.11.120:8082/charging-parking/' ,
 	PARK_URL: 'https://51team.xiaoxinda.com/charging-parking/' ,
 	XPGJ_URL: 'https://xpgjapi.xiaoxinda.com/' ,
@@ -13,7 +13,7 @@ const UNI_APP = {
 	defaultStation:["3865b3a3-13fd-461a-8145-ee9711df35a2","da6e714d-c5a8-4f76-8132-5f4a56677130"],
 	defaultStation:["e012f9fe-90a8-4a47-bb64-26ea139c3c05"],
 	//defaultStation:[],
-	openId:"zkxtest",//zkx
+	openId:"zkxtest23",//zkx
 	
 	openId:"oK9Wr54VbEh3xvWYmD_zT5NbH4AY",//zkx
 	//openId:"oK9Wr59rru-i3bm7dtTtxnkR-i4s",//杨所
@@ -22,7 +22,7 @@ const UNI_APP = {
 	//openId:"oK9Wr5-ViXQMUP2cjiW3bGIABj1Q",
 	//openId:"oK9Wr5wkU3OwWhQ7mRrLZ5MDZNHo",
 	//openId:"oK9Wr53qHzp7kOSiue_PYjwEqivM",
-	//openId:"oK9Wr55J1J1eL6BqI2tW749NTxNU",//zq
+	openId:"oK9Wr55J1J1eL6BqI2tW749NTxNU",//zq
 	//openId:"oK9Wr50iQUjEAam1s_RpHpXJS5xg",//月卡用户
 	//openId:"oK9Wr5zv8lvirni3txbxRkmpg8d0",//sz
 	//小鹏管家appid

apis/index.js

@@ -224,4 +224,20 @@ export function changeQuickCharging(data) {
 		data: data,
 		url: '/mobile/regUser/changeQuickCharging'
 	})
+}
+
+
+export function rechargeAmountRecordList(data) {
+	return request({
+		method: 'post',
+		data: data,
+		url: '/mobile/accountRecord/rechargeAmountRecordList'
+	})
+}
+export function rechargeAmountRecordDetail(data) {
+	return request({
+		method: 'get',
+		data: data,
+		url: '/mobile/accountRecord/rechargeAmountRecordDetail'
+	})
 }

pages.json

@@ -884,6 +884,43 @@
             }
             
         }
+       
+        ,{
+            "path" : "pages/store/51store",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/store/commodityDetails",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/store/orderDetails",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/store/orderConfirm",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"globalStyle": {
 		"navigationStyle": "custom", // 隐藏系统导航栏

pages/index/activity.vue

@@ -1,8 +1,12 @@
 <template>
 	<view style="background-color: #fff;">
 			<ujp-navbar title="优惠活动" :is-back="false"  v-if="false" ></ujp-navbar>
-			<view class="options-item">
-				<u-tabs  :list="tabList" :current="current" @change="change" :show-bar="false" active-color="#00B962 " inactive-color="#c4c0c0"></u-tabs>
+			<view>
+				
+				<view class="options-item">
+					<u-tabs  :list="tabList" :current="current" @change="change" :show-bar="false" active-color="#00B962 " inactive-color="#c4c0c0"></u-tabs>
+				</view>
+				<uni-view data-v-fd8981f8="" class="u-navbar-placeholder" style="width: 100%; height: 88rpx;"></uni-view>
 			</view>
 			<view class="background" v-show="current==0">
 				<view class="banner" v-for="(item,i) in bannerList"
@@ -222,6 +226,13 @@
 		    display: flex;
 		    justify-content: center;
 		    background: rgb(255, 255, 255);
+			position: relative;
+			    position: fixed;
+				  
+				    left: 0;
+				    right: 0;
+				    top: 0;
+				    z-index: 991;
 	}
 	
 	.news {

pages/index/index.vue

@@ -658,11 +658,16 @@
 		<view  class="shopList" @click="bhz" >
 			<view class="shopItem" v-for="(item,i) in shopList" :key="i">
 				<view class="shopItemImg">
-					<img  src="@/assets/img/buy/shopList.png"  >
+					<img  :src="item.img"  >
 				</view>
-				<view class="shopItemName" ><img style="width:52px; height:16px;    vertical-align: middle;" src="@/assets/img/buy/ptzy.png">家用7kW交流充电桩</view>
+				<view class="shopItemName" >
+					<img v-if="item.iszy" style="width:52px; height:16px;    vertical-align: middle;" src="@/assets/img/buy/ptzy.png">
+					{{item.name}}</view>
 				<view class="shopItemPrice" >
-					<view class="shopItemPrice1" >￥***</view>
+					<view class="shopItemPrice1" v-if="personInfo&&personInfo.userType==2&&personInfo.memberLevel&&item.prices" >
+						￥{{item.prices[personInfo.memberLevel]?item.prices[personInfo.memberLevel]:item.price+"&&"}}</view>
+					<view class="shopItemPrice1" v-else >￥{{item.price}}</view>
+					
 					<view class="shopItemPrice2">
 						
 						<u-icon name="shopping-cart"></u-icon>
@@ -710,7 +715,11 @@
 	import * as userApi from '@/apis/user.js'
 
 	import MapLoader from '@/utils/AMap'
-	import Tabbar from '@/components/Tabbar.vue'
+	import Tabbar from '@/components/Tabbar.vue'
+	var img1=require("@/assets/img/shopimg/1.png")
+	var img2=require("@/assets/img/shopimg/2.png")
+	var img3=require("@/assets/img/shopimg/3.png")
+	var img4=require("@/assets/img/shopimg/4.png")
 	import {
 		newDate,
 		currentTimeStamp,
@@ -777,7 +786,28 @@
 				pageIndex2: 1,
 				recordsTotal2: 0,
 				defaultStation:[],
-				shopList:[{},{}]
+				shopList:[
+					{
+					iszy:1,
+					name:"7KW交流充电桩4G共享版",
+					price:"1488",
+					prices:["1488","1088","988","888"],
+					img:img1
+				},{
+					iszy:1,
+					name:"7KW交流充电桩即插即充版",
+					price:"1088",
+					prices:["1088","888","788","688"],
+					img:img2
+				},{
+					name:"联通流量卡99元全国流量套餐卡纯流量",
+					price:"99",
+					img:img3
+				},{
+					price:"1880",
+					name:"10通道智能充电桩（4G版）",
+					img:img4
+				}]
 
 			}
 		},
@@ -2870,6 +2900,7 @@
 		    background-color: #fff;
 			    display: flex;
 				    justify-content: space-around;
+					flex-wrap: wrap;
 		.shopItem{
 			width: 45%;
 			margin: 3px;

pages/record/details.vue

@@ -43,7 +43,7 @@
 			</view>
 		</view>
 		<view class="details" style="padding: 20rpx;" v-show="electricRecordListBl">
-			<view id="pieEcharts" style="min-height:240px;">
+			<view id="pieEcharts" style="min-height:180px;">
 
 			</view>
 			<view style="color:#9e9e9e;margin-top: 4px;">注：充电时间每5分钟获取一次数据</view>
@@ -318,7 +318,7 @@
 					},
 					grid: {
 
-
+						top:'24%',
 						left: '8%',
 						right: '10%',
 						bottom: '10%',

pages/search/search.vue

@@ -287,7 +287,7 @@
 				var data = {
 					pageIndex: this.pageIndex,
 					pageSize:20,
-					
+					raidus:200,
 					 stationName:this.keyword,
 					 findType: 0,
 					

pages/searchPile/chargeProcess/charge.vue

@@ -57,9 +57,9 @@
 
 
 
-			<view class="card" @click="paySelectMethod(1)" :class="{
-				cardselect:payValue==1,
-				cardno:payValue!=1
+			<view class="card" @click="paySelectMethod(paySelectMethodValue)" :class="{
+				cardselect:payValue==1||payValue==4,
+				cardno:!(payValue==1||payValue==4)
 			}">
 				<view class="cardgo">
 					<view class="cardinfo">
@@ -70,11 +70,35 @@
 				</view>
 				<view class="title">会员账户余额充电</view>
 
-				<p>当前余额{{user.balance>0?user.balance.toFixed(2):'0.00'}}元
+				<p v-show="!chargingFundsBl&&!(payValue==1||payValue==4)">当前余额{{user.balance>0?user.balance.toFixed(2):'0.00'}}元
 					<span @click="paySelectShow()" style="color:#00B962;margin-left: 20px; ">去充值></span>
 
-				</p>
-				<view class="rechargeMain" v-show="payValue==1">
+				</p>
+				<p  v-show="(payValue==1||payValue==4)">优先使用付款方式
+					<span @click="paySelectShow()" style="color:#00B962;margin-left: 20px; ">去充值></span>
+					
+					
+				</p>
+				<view class="rechargeBalance"  v-if="chargingFundsBl" >
+					<view class="rechargeBalanceItem">账户余额{{user.balance>0?user.balance.toFixed(2):'0.00'}}元</view>
+					<view class="rechargeBalanceItem" v-if="chargingFundsBl">|</view>
+					<view class="rechargeBalanceItem"  v-if="chargingFundsBl" >充电金{{user.chargingFunds>0?user.chargingFunds.toFixed(2):'0.00'}}元</view>
+				</view>
+				<view class="rechargeMain" v-if="chargingFundsBl" v-show="payValue==1||payValue==4">
+					
+					<view 
+						class=" recharge-item  "   @click="paySelectMethodValue=1"  :class="payValue == 1? 'active' : ''" >
+						账户余额
+					</view>
+					<view
+						class=" recharge-item  "   @click="paySelectMethodValue=4"  :class="payValue == 4? 'active' : ''">
+						充电金
+					</view>
+				</view>
+				<p v-if="chargingFundsBl" v-show="(payValue==1||payValue==4)" >充电时长</p>
+				<view class="rechargeMain" v-show="payValue==1||payValue==4">
+					
+					
 					<view @click="moneyClick(-1)" :class="!otherNum&&moneyActiveClass == -1? 'active' : ''"
 						class=" recharge-item  ">
 						充满自停
@@ -205,8 +229,10 @@
 				</template>
 
 			</view>
-			<view v-if="cardList.length" class="cardListView">
-				<view  class="cardListItemTitle" v-if="cardList.length>1" >点击切换其他卡</view>
+
+			<view v-if="cardList.length&&userCard&&(payValue=='1'||payValue=='4')" class="cardListView">
+				<view  class="cardListItemTitle"  v-if="cardList.length>1" >点击切换其他卡</view>
+
 				<view  class="cardListItem" v-for="(item,i) in cardList" 
 				 :key="i"  :class="{
 					 select:userCard.id==item.id
@@ -220,7 +246,7 @@
 						<view>充电服务费全免</view>
 						
 						<view>
-							|{{thisendTime(item.endTime)}}到期
+							{{thisendTime(item.endTime)}}到期
 						</view>
 					</view>
 					<view  class="cardListText" v-if="item.classify==2" >
@@ -229,7 +255,7 @@
 							已用{{item.chargedDegree?item.chargedDegree.toFixed(0):0.00}}度 / 共{{item.chargeDegreeLimit}}度
 						</view>
 						<view>
-							|{{thisendTime(item.endTime)}}到期
+							{{thisendTime(item.endTime)}}到期
 						</view>
 					</view>
 				</view>
@@ -320,7 +346,7 @@
 
 		</u-popup>
 		<!-- 弹窗2 -->
-		<template>
+		<!-- <template>
 			<view>
 				<u-popup v-model="paySelect" mode="bottom">
 					<view class="paySelect">
@@ -361,7 +387,7 @@
 				</u-popup>
 
 			</view>
-		</template>
+		</template> -->
 		<!-- 弹窗 -->
 		<template>
 			<view>
@@ -441,6 +467,7 @@
 	} from '@/utils'
 	
 	import * as Pay from '@/apis/weixin.js'
+// import { contentStore } from 'core/core.model'
 
 
 
@@ -488,7 +515,7 @@
 				otherNum_f: '',
 				otherNum: '',
 				moneyList_f: [],
-				paySelect: false,
+				paySelect: true,
 				payName: "",
 				payValueTemp: 0,
 				payValue: 0,
@@ -507,6 +534,16 @@
 					tips: "账户余额：99999元",
 					value: "3",
 					select: false,
+				}, {
+					name: "充电金",
+					tips: "账户余额：99999元",
+					value: "4",
+					select: false,
+				}, {
+					name: "充电金",
+					tips: "账户余额：99999元",
+					value: "4",
+					select: false,
 				}],
 				moneyList: [
 
@@ -555,7 +592,12 @@
 				carNumber: "",
 				show3: false,
 				cardList:[],
+
 				startMode:"",
+
+				paySelectMethodValue:1,
+				chargingFundsBl:false,
+
 			}
 		},
 		computed: {
@@ -624,7 +666,14 @@
 				if (payValueDefault == "1" || payValueDefault == "0") {
 					this.payValue = payValueDefault;
 				}
-
+				if (payValueDefault == "1" || payValueDefault == "4") {
+					this.paySelectMethodValue = payValueDefault;
+					this.payValue = payValueDefault;
+				}
+				
+				if(payValueDefault==4){
+					this.chargingFundsBl=true;
+				}
 			}
 			this.payName = this.payList[this.payValue].name;
 
@@ -706,7 +755,8 @@
 			paySelectCompany() {
 
 			},
-			paySelectMethod(value, company) {
+			paySelectMethod(value, company) {
+				console.log(value)
 				if (this.personInfo.userType == "1") {
 					uni.showToast({
 						title: "游客模式只支持“先付后退”"
@@ -723,9 +773,10 @@
 
 							this.companyPaySelect.car = company.carList[0].carNum;
 						}
-					}
+					}
+					this.$forceUpdate()
 				}
-				console.log(this.companyPaySelect)
+				
 
 			},
 			moneyClick_f(index, item) {
@@ -1025,7 +1076,7 @@
 			confirm() {
 
 				////(JSON.stringify(this.submitForm))
-				if (this.payValue == 1) {
+				if (this.payValue == 1||this.payValue == 4) {
 					if (this.selectObj.id) {
 						this.submitForm.userCouponId = this.selectObj.id
 					}
@@ -1139,12 +1190,17 @@
 					this.userCard = res.data.regUserCard
 					this.canUse = res.data.canUse
 					//this.user = res.data
-
+				
 
 					API.personalCenter({
 						stationId: this.stationId
 					}).then((res2) => {
-						this.user = res2.data
+						this.user = res2.data
+						
+						if(this.user.chargingFunds){
+							this.chargingFundsBl=true;
+						}
+						
 						var entRegList = res2.data.entRegList;
 						this.companyList = []
 
@@ -1926,5 +1982,13 @@
 				background-color:  #00b962;
 				color:#fff;
 			}
-	}
+	}
+	.rechargeBalance{
+		display: flex;
+		.rechargeBalanceItem{
+			margin-right: 6px;
+			    color: #666;
+		}
+	}
+	
 </style>

pages/searchPile/chargeProcess/dcCharging.vue

@@ -280,7 +280,16 @@
 							预充金额(元)
 						</view>
 					</view>
-
+					<view class="info-item" v-if="chargingRecord.payType==4">
+						<view class="content" v-if="detail.chargingFunds>0||detail.chargingFunds==0">
+						
+							{{detail.chargingFunds>0&&chargingRecord.dueFee?((detail.chargingFunds*1000-chargingRecord.dueFee*1000)/1000).toFixed(2):detail.chargingFunds.toFixed(2)}}
+						
+						</view>
+						<view class="name">
+							充电金(元)
+						</view>
+					</view>
 					<view class="info-item" v-else>
 						<view class="content" v-if="detail.balance>0||detail.balance==0">
 

pages/store/51store.vue

@@ -0,0 +1,226 @@
+<template>
+	<view>
+		<ujp-navbar title="51商城"></ujp-navbar>
+		<!-- 广告-->
+		<view class="banner">
+			
+			<img src="../../assets/img/storeBanner1.png" alt="">
+			
+		</view>
+		<!-- 标签 -->
+		<!-- <view class="banner2">
+			
+			<img src="../../assets/img/storeBanner1.png" alt="">
+			
+			<u-tabs :list="list"  :is-scroll="false" :current="current" @change="change" >
+				
+			</u-tabs>
+		</view> -->
+		
+		<!-- 商品 -->
+		<view class="commodity">
+			<view class="item">
+				<!--图片  -->
+				<view class="picture">
+					<img src="../../assets/img/commodity1.png" alt="">
+				</view>
+				<!-- 商品名 -->
+				<view class="title">
+					<view class="tag">
+						<img src="../../assets/img/commodityTag.png" alt="">
+					</view>7KW交流充电桩4G共享版
+				</view>
+				<view class="price">
+					<view class="number">
+						<text>￥</text>1088
+					</view>
+					<view class="buy">
+						<img src="../../assets/img/antOutline-shopping-cart@3x.png" alt="">
+					</view>
+				</view>
+			</view>
+			
+			<view class="item">
+				<!--图片  -->
+				<view class="picture">
+					<img src="../../assets/img/commodity2.png" alt="">
+				</view>
+				<!-- 商品名 -->
+				<view class="title">
+					<view class="tag">
+						<img src="../../assets/img/commodityTag.png" alt="">
+					</view>7KW交流充电桩即插即充版
+				</view>
+				<view class="price">
+					<view class="number">
+						<text>￥</text>1088<text style="margin-left: 8rpx;">起</text>
+					</view>
+					<view class="buy">
+						<img src="../../assets/img/antOutline-shopping-cart@3x.png" alt="">
+					</view>
+				</view>
+			</view>
+			
+			<view class="item">
+				<!--图片  -->
+				<view class="picture">
+					<img src="../../assets/img/commodity3.png" alt="">
+				</view>
+				<!-- 商品名 -->
+				<view class="title">
+					联通流量卡99元全国流量套餐卡纯流量
+				</view>
+				<view class="price">
+					<view class="number">
+						<text>￥</text>99
+					</view>
+					<view class="buy">
+						<img src="../../assets/img/antOutline-shopping-cart@3x.png" alt="">
+					</view>
+				</view>
+			</view>
+			
+			<view class="item">
+				<!--图片  -->
+				<view class="picture">
+					<img src="../../assets/img/commodity4.png" alt="">
+				</view>
+				<!-- 商品名 -->
+				<view class="title">
+					10通道智能充电桩（4G版）
+				</view>
+				<view class="price">
+					<view class="number">
+						<text>￥</text>1880
+					</view>
+					<view class="buy">
+						<img src="../../assets/img/antOutline-shopping-cart@3x.png" alt="">
+					</view>
+				</view>
+			</view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '全部'
+				}, {
+					name: '充电桩'
+				}, {
+					name: '会员卡',
+					
+				}, {
+					name: '流量卡',
+					
+				}],
+				current: 0
+			}
+		},
+		methods: {
+			change(index) {
+				this.current = index;
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	page{
+		padding-bottom: 50px;
+	}
+	// 广告
+	.banner{
+		margin: 24rpx 32rpx;
+		border-radius: 16rpx;
+		
+		img{
+			
+			width: 100%;
+			height: 100%;
+		}
+	}
+	
+	.banner2{
+		padding: 24rpx 32rpx 0 32rpx;
+		border-radius: 16rpx;
+		background-color: #fff;
+		img{
+			
+			width: 100%;
+			height: 100%;
+		}
+	}
+	
+    // 商品
+	.commodity{
+		background-color: #fff;
+		margin: 24rpx 32rpx;
+		padding: 24rpx;
+		display: flex;
+		justify-content: space-between;
+		flex-wrap: wrap;
+		.item{
+			width: 48%;
+			margin-bottom: 32rpx;
+			// 图片
+			.picture{
+				width: 100%;
+				height: 308rpx;
+				img{
+					width: 100%;
+					height: 100%;
+				}
+			}
+			// 商品名
+			.title{
+				color: rgba(16, 16, 16, 1);
+				line-height: 40rpx;
+				margin-top: 16rpx;
+				.tag{
+					display: inline-block;
+					
+					margin-right: 8rpx;
+					vertical-align: middle;
+					img{
+						width: 104rpx;
+						height: 32rpx;
+					}
+				}
+			}
+			// 价格
+			.price{
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				margin-top: 12rpx;
+				.number{
+					color: rgba(255, 40, 0, 1);
+					font-size: 40rpx;
+					text{
+						font-size: 24rpx
+					}
+				}
+				.buy{
+					width: 32px;
+					height: 32px;
+					
+					border-radius: 999px;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					background: linear-gradient(180deg, rgba(255,98,0,1) 0%,rgba(255,40,0,1) 100%);
+					img{
+						width: 40rpx;
+						height: 40rpx;
+						
+					}
+				}
+			}
+		}
+	}
+</style>

pages/store/commodityDetails.vue

@@ -0,0 +1,639 @@
+<template>
+	<view>
+		<ujp-navbar title="517KW交流充电桩4G共享版"></ujp-navbar>
+		<!--轮播图 -->
+		<u-swiper :list="list" height="750"></u-swiper>
+		<!-- 详情 -->
+		<view class="main">
+			<!-- 价格 已售 -->
+			<view class="price-sold">
+				<view class="price">
+					<text>￥</text>1088<text style="margin-left: 4rpx;">起</text>
+				</view>
+				<view class="sold">
+					已售 10
+				</view>
+			</view>
+			<!-- 标题 -->
+			<view class="title">
+				<view class="tag">
+					<img src="../../assets/img/commodityTag.png" alt="">
+				</view>7KW交流充电桩4G共享版
+			</view>
+			<!-- 详细信息 -->
+			<view class="infos" @click="show=true">
+				<view class="item">
+					<view class="item-title">
+						品牌
+					</view>
+					<view class="item-value">
+						51充电联盟
+					</view>
+				</view>
+				<view class="item">
+					<view class="item-title">
+						安装方式
+					</view>
+					<view class="item-value">
+						壁挂式
+					</view>
+				</view>
+				<view class="item">
+					<view class="item-title">
+						输出功率
+					</view>
+					<view class="item-value">
+						7kW
+					</view>
+				</view>
+				<view class="item">
+					<view class="item-title">
+						输入电压
+					</view>
+					<view class="item-value">
+						220V
+					</view>
+				</view>
+				<view class="item">
+					<u-icon name="arrow-right" color="#333333"></u-icon>
+				</view>
+			</view>
+
+		</view>
+		<u-divider color="#aaaaaa">商品详情</u-divider>
+		<!-- 商品详情图片 -->
+		<view class="details-picture">
+			<img src="../../assets/img/detailsPic.png" alt="">
+			<img src="../../assets/img/detailsPic1.png" alt="">
+			<img src="../../assets/img/detailsPic2.png" alt="">
+			<img src="../../assets/img/detailsPic3.png" alt="">
+			<img src="../../assets/img/detailsPic4.png" alt="">
+			<img src="../../assets/img/detailsPic5.png" alt="">
+			<img src="../../assets/img/detailsPic6.png" alt="">
+			<img src="../../assets/img/detailsPic7.png" alt="">
+			<img src="../../assets/img/detailsPic8.png" alt="">
+			<img src="../../assets/img/detailsPic9.png" alt="">
+		</view>
+		<!-- 底部 -->
+		<view class="bottom">
+			<view class="service">
+				<view class="icon">
+					<img src="../../assets/img/riLine-customer-service-2-line@3x.png" alt="">
+				</view>
+				<view class="text">
+					联系客服
+				</view>
+			</view>
+			<view class="order">
+				<view class="icon">
+					<img src="../../assets/img/riLine-todo-line@3x.png" alt="">
+				</view>
+				<view class="text">
+					我的订单
+				</view>
+			</view>
+			<view class="buy-btn" @click="show2=true">
+				<view class="buy">
+					立即购买
+				</view>
+				<view class="price">
+					白金会员价 ￥499
+				</view>
+			</view>
+
+		</view>
+		<!-- 产品参数 -->
+		<u-popup v-model="show" mode="bottom">
+			<view class="product-parameter">
+				<view class="headline">
+					产品参数
+				</view>
+				<view class="infos">
+					<view class="item">
+						<view class="title">
+							品牌
+						</view>
+						<view class="value">
+							51充电联盟
+						</view>
+					</view>
+					<view class="item">
+						<view class="title">
+							型号
+						</view>
+						<view class="value">
+							JP—ACB007A
+						</view>
+					</view>
+					<view class="item">
+						<view class="title">
+							安装方式
+						</view>
+						<view class="value">
+							壁挂式/立柱式
+						</view>
+					</view>
+					<view class="item">
+						<view class="title">
+							输出功率
+						</view>
+						<view class="value">
+							7kW
+						</view>
+					</view>
+					<view class="item">
+						<view class="title">
+							输出电流
+						</view>
+						<view class="value">
+							31A
+						</view>
+					</view>
+					<view class="item">
+						<view class="title">
+							输出电压
+						</view>
+						<view class="value">
+							220V
+						</view>
+					</view>
+					<view class="item">
+						<view class="title">
+							使用场景
+						</view>
+						<view class="value">
+							家用
+						</view>
+					</view>
+					<view class="item">
+						<view class="title">
+							电流类型
+						</view>
+						<view class="value">
+							交流电
+						</view>
+					</view>
+					<view class="item">
+						<view class="title">
+							外观尺寸
+						</view>
+						<view class="value">
+							高310MM 宽210MM 厚70MM
+						</view>
+					</view>
+					<view class="item">
+						<view class="title">
+							屏幕类型
+						</view>
+						<view class="value">
+							无屏幕
+						</view>
+					</view>
+					<view class="item">
+						<view class="title">
+							配件
+						</view>
+						<view class="value">
+							挂线架、背板
+						</view>
+					</view>
+					<view class="item">
+						<view class="title">
+							枪线
+						</view>
+						<view class="value">
+							3.5米
+						</view>
+					</view>
+				</view>
+				<view class="btn" @click="show=false">
+					<button class="finish">完成</button>
+				</view>
+			</view>
+		</u-popup>
+
+		<!-- 选择规格 -->
+      
+       	<u-popup v-model="show2" mode="bottom" closeable="true">
+       				<view class="specification">
+						<view class="specification-infos">
+							<view class="picture">
+								<img src="../../assets/img/commodity1.png" alt="">
+							</view>
+							<view class="else-infos">
+								<view class="name">
+									7KW交流充电桩4G共享版
+								</view>
+								<view class="price">
+									1088元 起
+								</view>
+								<view class="choose">
+									请先选择商品规格
+								</view>
+							</view>
+						</view>
+						<!-- 选项 -->
+						<view class="optopns-content">
+							
+						
+						<view class="options">
+							<view class="options-name">
+								线枪规格
+							</view>
+							<view class="options-item">
+								<view class="item item-chosen" >
+									包3.5米线枪
+								</view>
+								<view class="item">
+									包5米线枪
+								</view>
+								
+							</view>
+						</view>
+						
+						<view class="options">
+							<view class="options-name">
+								安装配件
+							</view>
+							<view class="options-item">
+								<view class="item">
+									立柱 800元
+								</view>
+								<view class="item">
+									防水罩 88元
+								</view>
+								
+							</view>
+						</view>
+						
+						<view class="options">
+							<view class="options-name">
+								安装费用
+							</view>
+							<view class="options-item">
+								<view class="item">
+									安装费 800元
+								</view>
+								
+								
+							</view>
+						</view>
+						
+						<view class="options">
+							<view class="options-name">
+								流量卡
+							</view>
+							<view class="options-item">
+								<view class="item">
+									99元/年
+								</view>
+								
+								
+							</view>
+						</view>
+						</view>
+						<view class="bottom">
+							<view class="service">
+								<view class="icon">
+									<img src="../../assets/img/riLine-customer-service-2-line@3x.png" alt="">
+								</view>
+								<view class="text">
+									联系客服
+								</view>
+							</view>
+							<view class="order">
+								<view class="icon">
+									<img src="../../assets/img/riLine-todo-line@3x.png" alt="">
+								</view>
+								<view class="text">
+									我的订单
+								</view>
+							</view>
+							<view class="buy-btn" @click="show2=true">
+								<view class="buy">
+									立即购买
+								</view>
+								<view class="price">
+									白金会员价 ￥499
+								</view>
+							</view>
+						
+						</view>
+					</view>
+       	</u-popup>
+    
+
+	</view>
+
+
+
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				show: false,
+				show2: false,
+				list: [{
+						image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
+
+					},
+					{
+						image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
+
+					},
+					{
+						image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
+
+					}
+				],
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	page {
+		padding-bottom: 50px;
+	}
+
+	.main {
+		background-color: #fff;
+		padding: 32rpx 24rpx;
+
+		// 价格 已售
+		.price-sold {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.price {
+				color: rgba(255, 40, 0, 1);
+				font-size: 48rpx;
+
+				text {
+					font-size: 24rpx
+				}
+			}
+
+			.sold {
+				color: rgba(119, 119, 119, 1);
+			}
+		}
+
+		// 标题
+		.title {
+			color: rgba(16, 16, 16, 1);
+			margin-top: 40rpx;
+			font-size: 40rpx;
+			font-weight: 600;
+
+			.tag {
+				display: inline-block;
+				margin-right: 8rpx;
+
+				img {
+					width: 118rpx;
+					height: 36rpx;
+				}
+			}
+		}
+
+		// 详细信息
+		.infos {
+			margin: 32rpx 0rpx;
+			padding: 32rpx 16rpx;
+			border-radius: 8px;
+			background-color: rgba(244, 246, 248, 1);
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+
+			.item {
+				// margin-left: 16rpx;
+				text-align: center;
+
+				.item-title {
+					color: rgba(119, 119, 119, 1);
+				}
+
+				.item-value {
+					color: rgba(51, 51, 51, 1);
+					font-size: 32rpx;
+					margin-top: 16rpx;
+				}
+			}
+
+		}
+
+	}
+
+	// 商品详情图片
+	.details-picture {
+		background-color: #fff;
+		padding-bottom: 100px;
+
+		img {
+			width: 100%;
+		}
+	}
+
+	// 底部
+	.bottom {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		background-color: #fff;
+		box-shadow: 0px -6px 6px 0px rgba(0, 0, 0, 0.05);
+		display: flex;
+		align-items: center;
+		padding: 30rpx 40rpx;
+		.service,
+		.order {
+			text-align: center;
+			margin-right: 32rpx;
+
+			img {
+				width: 40rpx;
+				height: 40rpx;
+			}
+
+			.text {
+				color: rgba(16, 16, 16, 1);
+				font-size: 24rpx;
+			}
+		}
+
+		.buy-btn{
+			width: 400rpx;
+			height: 96rpx;
+			border-radius: 50px;
+			background-color: rgba(0, 185, 98, 1);
+			text-align: center;
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			margin-left: auto;
+			color: #fff;
+
+			.buy {
+				font-size: 32rpx
+			}
+
+			.price {
+				font-size: 24rpx;
+			}
+		}
+	}
+
+	// 产品参数
+	.product-parameter {
+		padding: 40rpx 32rpx ;
+		border-radius: 8px;
+
+		.headline {
+			font-size: 32rpx;
+			color: #111111;
+			text-align: center;
+			height: 20px;
+			position: fixed;
+			top: 20px;
+			left: 0;
+			right: 0;
+			
+		}
+	}
+
+	/deep/.u-drawer-content {
+		border-radius: 12px 12px 0 0;
+
+		.infos {
+			margin: 44rpx 0;
+			height: 800rpx;
+			
+			overflow: auto;
+			
+			
+
+			.item {
+				display: flex;
+				align-items: center;
+				font-size: 32rpx;
+				padding: 28rpx 0;
+				border-bottom: 1px solid #e6e6e6;
+
+				.title {
+					color: rgba(51, 51, 51, 1);
+					width: 128rpx;
+					text-align: left;
+
+				}
+
+				.value {
+					color: rgba(51, 51, 51, 1);
+					margin-left: 48rpx;
+				}
+
+			}
+		}
+
+		// 按钮
+		.btn {
+			padding: 16rpx 32rpx;
+			position: fixed;
+			left: 0;
+			right: 0;
+			bottom: 0;
+
+			.finish {
+				width: 100%;
+				height: 80rpx;
+				background-color: rgba(0, 185, 98, 1);
+				color: rgba(255, 255, 255, 1);
+				font-size: 16px;
+			}
+		}
+	}
+// 选择规格
+.specification{
+	padding: 104rpx 48rpx ;
+	.specification-infos{
+		display: flex;
+		justify-content: space-between;
+		position: fixed;
+		top: 104rpx;
+		left: 48rpx;
+		right: 48rpx;
+		height: 120rpx;
+		z-index: 999;
+		.picture{
+			width: 152rpx;
+			height: 152rpx;
+			img{
+				width: 100%;
+				height: 100%;
+			}
+		}
+		.else-infos{
+			.name{
+				color: rgba(51, 51, 51, 1);
+				font-weight: bold;
+				font-size: 40rpx;
+			}
+			.price{
+				color: rgba(16, 16, 16, 1);
+				font-size: 32rpx;
+				margin-top: 12rpx;
+				font-weight: bold;
+			}
+			.choose{
+				color: rgba(153, 153, 153, 1);
+				margin-top: 12rpx;
+			}
+		}
+	}
+	// 选项
+	.optopns-content{
+		margin: 200rpx 0 40rpx;
+		height: 800rpx;
+		overflow: auto;
+	}
+	.options{
+		.options-name{
+			color: rgba(119, 119, 119, 1);
+		}
+		.options-item{
+			display: flex;
+			justify-content: space-between;
+			flex-wrap: wrap;
+			margin-top: 24rpx;
+			margin-bottom: 40rpx;
+			.item{
+				width: 312rpx;
+				line-height: 64rpx;
+				border: 1px solid rgba(221, 221, 221, 1);
+				text-align: center;
+				color: rgba(51, 51, 51, 1);
+				font-size: 32rpx;
+				border-radius: 50px;
+				margin-bottom: 24rpx;
+			}
+			// 被选中的
+			.item-chosen{
+				border: 1px solid #8D8072;
+			}
+		}
+		
+	}
+	.bottom{
+		box-shadow: none;
+	}
+}
+
+
+</style>

pages/store/orderConfirm.vue

@@ -0,0 +1,550 @@
+<template>
+	<view>
+		<ujp-navbar title="确认订单"></ujp-navbar>
+		<!-- 地址 -->
+		<view class="address">
+			<!-- 填写地址 -->
+			<view class="fill-address"  @click="show = true">
+				<view class="icon">
+					<img src="../../assets/img/riFill-add-circle-fill@3x.png" alt="">
+				</view>
+				<view class="text">
+					填写收货地址
+				</view>
+				<view class="right-icon">
+					<u-icon name="arrow-right" color="#cccccc" size="24"></u-icon>
+				</view>
+			</view>
+
+
+			<!-- 获取地址 -->
+			<view class="get-address">
+				<view class="icon">
+					<img src="../../assets/img/riFill-wechat-fill@3x.png" alt="">
+				</view>
+				<view class="text">
+					一键获取微信地址
+				</view>
+				<view class="right-icon">
+					<u-icon name="arrow-right" color="#cccccc" size="24"></u-icon>
+				</view>
+			</view>
+
+		</view>
+		
+		<!-- 已填写 -->
+		<view class="filled">
+			<view class="filled-address">
+				<view class="address1">
+					湖北省荆州市沙市区朝阳街道
+				</view>
+				<view class="address2">
+					江津东路155号荆鹏软件园侧门院内
+				</view>
+				<view class="infos">
+					<view class="name">
+						李先生
+					</view>
+					<view class="tel">
+						  18600001111
+					</view>
+				</view>
+			</view>
+			
+			<view class="icon">
+				<u-icon name="arrow-right" color="#cccccc" size="24"></u-icon>
+			</view>
+		</view>
+		
+		
+		<!-- 商品信息 -->
+		<view class="commodity-infos">
+			<!-- 图片 -->
+			<view class="picture">
+				<img src="../../assets/img/commodity1.png" alt="">
+			</view>
+			<!-- 信息 -->
+			<view class="infos">
+				<view class="title">
+					7KW交流充电桩4G共享版
+				</view>
+				<view class="name">
+					4G商用共享版
+				</view>
+				<view class="price">
+					499元
+				</view>
+			</view>
+			<!-- 数量 -->
+			<view class="amount">
+				x1
+			</view>
+		</view>
+
+		<!-- 订单金额 -->
+		<view class="order-amount">
+			<view class="title">
+				订单金额
+			</view>
+			<view class="infos">
+				<view class="item">
+					<view class="item-title">
+						商品金额
+					</view>
+					<view class="item-value">
+						499元
+					</view>
+
+				</view>
+				<view class="item">
+					<view class="item-title">
+						优惠金额
+					</view>
+					<view class="item-value">
+						0元
+					</view>
+
+				</view>
+				<view class="item">
+					<view class="item-title">
+						运费
+					</view>
+					<view class="item-value">
+						包邮
+					</view>
+
+				</view>
+				<view class="item">
+					<view class="item-title">
+						合计
+					</view>
+					<view class="item-value">
+						499元
+					</view>
+
+				</view>
+			</view>
+
+		</view>
+		<!-- 支付方式 -->
+		<view class="payment">
+			<view class="title">
+				支付方式
+			</view>
+			<view class="way">
+				<view class="way-name">
+					<text><img src="../../assets/img/riFill-wechat-pay-fill@3x.png" alt=""></text>
+					微信支付
+				</view>
+				<view class="way-radio">
+					<label class="radio">
+						<radio value="" /><text></text>
+					</label>
+				</view>
+			</view>
+
+			<view class="way">
+				<view class="way-name">
+					<text><img src="../../assets/img/ze-alipay Copy@3x.png" alt=""></text>
+					云闪付
+				</view>
+				<view class="way-radio">
+					<label class="radio">
+						<radio value="" /><text></text>
+					</label>
+				</view>
+			</view>
+
+		</view>
+
+		<!-- 底部 -->
+		<view class="bottom">
+			<view class="unpaid">
+				待支付: 499元
+			</view>
+			<view class="btn">
+				<button class="submit">
+					提交订单
+				</button>
+			</view>
+		</view>
+
+	<!-- 填写收货地址 -->
+	   <u-popup v-model="show" mode="center">
+				<view class="address-popup">
+					<view class="headline">
+						填写收货地址
+					</view>
+					<view class="infos">
+						<view class="item">
+							<view class="item-title">
+								收件人
+							</view>
+							<view class="item-value">
+								<input type="text" placeholder="请输入收货人姓名">
+							</view>
+						</view>
+						<view class="item">
+							<view class="item-title">
+								手机号码
+							</view>
+							<view class="item-value">
+								<input type="text" placeholder="请输入收货人手机号">
+							</view>
+						</view>
+						<view class="item">
+							<view class="item-title">
+								所在区域
+							</view>
+							<view class="item-value">
+								<input type="text" placeholder="请选择省/市/区">
+								
+							</view>
+							<view class="icon">
+								<u-icon name="arrow-right" color="#cccccc" size="24"></u-icon>
+							</view>
+						</view>
+						
+						<view class="item">
+							<view class="item-title">
+								详细地址
+							</view>
+							<view class="item-value">
+								<input type="text" placeholder="请输入街道地址">
+								
+							</view>
+							<view class="icon">
+								
+								<view class="img">
+									<img src="../../assets/img/riLine-map-pin-line@3x.png" alt="">
+								</view>
+								<view class="text">
+									定位
+								</view>
+							</view>
+						</view>
+					</view>
+					<!-- 保存 -->
+					<button class="save">保存并使用</button>
+				</view>
+			
+				
+			</u-popup>
+	
+	
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+               show:false
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	page {
+		padding-bottom: 100px;
+	}
+
+	//地址
+	.address {
+		background-color: #fff;
+		margin: 24rpx;
+		border-radius: 8px;
+
+		.fill-address,
+		.get-address {
+			padding: 24rpx;
+			display: flex;
+			align-items: center;
+
+			.icon {
+				width: 40rpx;
+				height: 40rpx;
+
+				img {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+			.text {
+				color: rgba(16, 16, 16, 1);
+				margin-left: 8rpx;
+			}
+
+			.right-icon {
+				margin-left: auto;
+			}
+		}
+
+	}
+
+	// 已填写
+	.filled {
+		background-color: #fff;
+		margin: 24rpx;
+		padding: 24rpx;
+		border-radius: 8px;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+
+		.filled-address {
+			.address1 {
+				color: rgba(51, 51, 51, 1);
+				font-size: 24rpx;
+			}
+
+			.address2 {
+				color: rgba(51, 51, 51, 1);
+				margin-top: 16rpx;
+				font-weight: bold;
+			}
+
+			.infos {
+				display: flex;
+				font-size: 12px;
+				margin-top: 16rpx;
+
+				.tel {
+					margin-left: 16rpx;
+				}
+			}
+		}
+	}
+
+
+
+	// 商品信息
+	.commodity-infos {
+		background-color: #fff;
+		margin: 24rpx;
+		padding: 24rpx;
+		display: flex;
+		align-items: center;
+
+		// 图片
+		.picture {
+			width: 152rpx;
+			height: 152rpx;
+			border-radius: 4px;
+
+			img {
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		// 信息
+		.infos {
+			margin-left: 16rpx;
+
+			.title {
+				color: rgba(51, 51, 51, 1);
+				font-size: 32rpx;
+				font-weight: bold;
+			}
+
+			.name {
+				color: rgba(119, 119, 119, 1);
+				font-size: 24rpx;
+				margin-top: 8rpx;
+			}
+
+			.price {
+				color: rgba(16, 16, 16, 1);
+				font-size: 32rpx;
+				margin-top: 24rpx;
+			}
+		}
+		// 数量
+		.amount {
+			color: rgba(51, 51, 51, 1);
+			font-size: 32rpx;
+			margin-left: auto;
+		}
+	}
+
+	// 订单金额
+	.order-amount {
+		margin: 24rpx;
+		padding: 32rpx 24rpx;
+		background-color: #fff;
+
+		.title {
+			color: rgba(51, 51, 51, 1);
+			font-size: 32rpx;
+			margin-bottom: 32rpx;
+			font-weight: bold;
+		}
+
+		.item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 24rpx;
+
+			.item-title {
+				color: rgba(51, 51, 51, 1);
+			}
+
+			.item-value {
+				color: rgba(51, 51, 51, 1);
+				font-size: 32rpx;
+				font-weight: bold;
+			}
+		}
+	}
+
+	// 支付方式
+	.payment {
+		margin: 24rpx;
+		padding: 32rpx 24rpx;
+		background-color: #fff;
+
+		.title {
+			color: rgba(51, 51, 51, 1);
+			font-size: 32rpx;
+			margin-bottom: 32rpx;
+			font-weight: bold;
+		}
+
+		.way {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 24rpx;
+
+			.way-name {
+				display: flex;
+				align-items: center;
+
+				text {
+					margin-right: 16rpx;
+
+					img {
+						width: 48rpx;
+						height: 48rpx;
+						vertical-align: middle;
+					}
+				}
+			}
+
+			/deep/.uni-radio-input-checked {
+				background-color: #00b962 !important;
+
+			}
+
+			/deep/.uni-radio-input {
+				width: 40rpx !important;
+				height: 40rpx !important;
+			}
+		}
+
+	}
+// 底部
+	.bottom {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		background-color: #fff;
+		padding: 24rpx 32rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+
+		.unpaid {
+			color: rgba(16, 16, 16, 1);
+			font-size: 40rpx;
+			font-weight: bold;
+		}
+
+		.submit {
+			width: 338rpx;
+			height: 96rpx;
+			background-color: rgba(0, 185, 98, 1);
+			color: rgba(255, 255, 255, 1);
+			font-size: 36rpx;
+			border-radius: 50px;
+
+
+		}
+	}
+
+// 填写地址
+.address-popup{
+	padding: 48rpx;
+	width: 640rpx;
+	border-radius: 8px;
+	
+	.headline{
+		text-align: center;
+		color: rgba(51, 51, 51, 1);
+		font-size: 36rpx;
+		font-weight: bold;
+	}
+	.infos{
+		margin-top: 70rpx;
+		.item{
+			display: flex;
+			align-items: center;
+			margin-bottom: 48rpx;
+			.item-title{
+				width: 112rpx;
+				color: rgba(16, 16, 16, 1);
+			}
+			.item-value{
+				display: flex;
+				align-items: center;
+				margin-left: 40rpx;
+				display: flex;
+				
+				
+			}
+		}
+		.icon{
+			text-align: center;
+			color: rgba(22, 119, 255, 1);
+			margin-left: auto;
+			img{
+				width: 32rpx;
+				height: 32rpx;
+			}
+			.text{
+				font-size: 20rpx
+			}
+		}
+	}
+
+// 保存
+.save{
+	border-radius: 4px;
+	background-color: rgba(0, 185, 98, 1);
+	color: rgba(255, 255, 255, 1);
+	font-size: 16px;
+	height: 80rpx;
+}
+
+}
+
+
+
+ /deep/.u-mode-center-box{
+	border-radius: 8px !important;
+}
+uni-input{
+	font-size: 14px;
+	color: #777777;
+	
+}
+
+</style>

pages/store/orderDetails.vue

@@ -0,0 +1,394 @@
+<template>
+	<view>
+		<ujp-navbar title="订单详情"></ujp-navbar>
+		<!-- 付款状态 -->
+		<view class="payment-state">
+			<!-- 待付款 -->
+			<view class="state1">
+				<view class="icon">
+					<img src="../../assets/img/riFill-time-fill@3x.png" alt="">
+				</view>
+				待付款
+			</view>
+			<!-- 交易完成 -->
+			<!-- <view class="state2">
+				<view class="icon">
+					<img src="../../assets/img/riFill-checkbox-circle-fill@3x.png" alt="">
+				</view>
+				交易完成
+			</view> -->
+		</view>
+		<!-- 运输信息 -->
+		<view class="shipping-information">
+			<view class="shipping-state">
+				<view class="icon">
+					<img src="../../assets/img/riLine-truck-line Copy@3x.png" alt="">
+				</view>
+				<view class="state-time">
+					<view class="state">
+						已下单，请在 <text class="countdown"> 09:59 </text> 内完成付款
+					</view>
+					<view class="time">
+						2023-12-15 17:00:00
+					</view>
+				</view>
+				<view class="icon2">
+					<u-icon name="arrow-right" size="24" color="#999999"></u-icon>
+				</view>
+			</view>
+			<!-- 收货人信息 -->
+			<view class="consignee-information">
+				<view class="icon">
+					<u-icon name="map" size="40"></u-icon>
+				</view>
+				<view class="infos">
+					<view class="name-tel">
+						李先生 13800001111
+					</view>
+					<view class="address">
+						收货地址:湖北省 荆州市 沙市区 朝阳街道 江津东路附155号 荆鹏软件园
+					</view>
+				</view>
+
+			</view>
+
+
+
+
+		</view>
+
+		<!-- 商品信息 -->
+		<view class="commodity-main">
+			<view class="commodity-infos">
+				<!-- 图片 -->
+				<view class="picture">
+					<img src="../../assets/img/commodity1.png" alt="">
+				</view>
+				<!-- 信息 -->
+				<view class="infos">
+					<view class="title">
+						7KW交流充电桩4G共享版
+					</view>
+					<view class="name">
+						4G商用共享版
+					</view>
+					<view class="price">
+						888元
+					</view>
+				</view>
+				<!-- 数量 -->
+				<view class="amount">
+					x1
+				</view>
+			</view>
+			<!-- 订单金额 -->
+			<view class="order-amount">
+				<view class="title">
+					订单金额
+				</view>
+				<view class="value">
+					888元
+				</view>
+			</view>
+			<!-- 其他信息 -->
+			<view class="else-infos">
+				<view class="infos-item">
+					<view class="item-title">
+						商品总金额
+					</view>
+					<view class="item-value">
+						12.90元
+					</view>
+				</view>
+				<view class="infos-item">
+					<view class="item-title">
+						交易手机号
+					</view>
+					<view class="item-value">
+						155****0001
+					</view>
+				</view>
+				<view class="infos-item">
+					<view class="item-title">
+						订单号
+					</view>
+					<view class="item-value">
+						T20230816112557708460925
+						<text><img src="../../assets/img/riLine-file-copy-2-line@3x.png" alt=""></text>
+					</view>
+				</view>
+				<view class="infos-item">
+					<view class="item-title">
+						创建时间
+					</view>
+					<view class="item-value">
+						2023-08-20 10:29:00
+					</view>
+				</view>
+				<view class="infos-item">
+					<view class="item-title">
+						下单时间
+					</view>
+					<view class="item-value">
+						2023-08-20 10:29:30
+					</view>
+				</view>
+			</view>
+		</view>
+	
+	
+	  <!-- 底部 -->
+	  <view class="bottom">
+		  <!-- 取消订单 -->
+		  <view class="cancel btn">
+		  	取消订单
+		  </view>
+		  <!-- 联系客服 -->
+		  <view class="service btn">
+		  	联系客服
+		  </view>
+	  	  <!-- 立即支付 -->
+		  <view class="pay btn">
+		  	立即支付
+		  </view>
+	  </view>
+	
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	// 付款状态
+	.payment-state {
+		padding: 48rpx 32rpx;
+
+		.state1,
+		.state2 {
+			display: flex;
+
+			font-size: 36rpx;
+			line-height: 48rpx;
+			font-weight: bold;
+
+			.icon {
+				margin-right: 8rpx;
+
+				img {
+					width: 48rpx;
+					height: 48rpx;
+
+				}
+			}
+		}
+	}
+
+	// 运输信息
+	.shipping-information {
+		background-color: #fff;
+		padding: 40rpx 32rpx;
+
+		.shipping-state {
+			display: flex;
+			padding-bottom: 40rpx;
+			border-bottom: 1px solid rgba(242, 242, 242, 1);
+
+			img {
+				width: 40rpx;
+				height: 40rpx;
+			}
+
+			.state-time {
+				margin-left: 8rpx;
+
+				.state {
+					color: rgba(51, 51, 51, 1);
+					font-weight: bold;
+
+					.countdown {
+						color: #00B962;
+					}
+				}
+
+				.time {
+					color: rgba(119, 119, 119, 1);
+					font-size: 24rpx;
+					margin-top: 8rpx;
+				}
+			}
+
+			.icon2 {
+				margin-left: auto;
+			}
+		}
+
+		// 收货人信息
+		.consignee-information {
+			padding-top: 40rpx;
+			display: flex;
+
+			.infos {
+				margin-left: 8rpx;
+
+				.name-tel {
+					color: rgba(51, 51, 51, 1);
+					font-weight: bold;
+				}
+
+				.address {
+					color: rgba(119, 119, 119, 1);
+					font-size: 24rpx;
+					margin-top: 8rpx;
+					line-height: 34rpx;
+				}
+			}
+		}
+	}
+
+	// 商品信息
+	.commodity-main {
+		background-color: #fff;
+		margin: 24rpx 0;
+		padding: 32rpx;
+
+		.commodity-infos {
+
+			display: flex;
+			align-items: center;
+
+			// 图片
+			.picture {
+				width: 152rpx;
+				height: 152rpx;
+				border-radius: 4px;
+
+				img {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+			// 信息
+			.infos {
+				margin-left: 16rpx;
+
+				.title {
+					color: rgba(51, 51, 51, 1);
+					font-size: 32rpx;
+					font-weight: bold;
+				}
+
+				.name {
+					color: rgba(119, 119, 119, 1);
+					font-size: 24rpx;
+					margin-top: 8rpx;
+				}
+
+				.price {
+					color: rgba(16, 16, 16, 1);
+					font-size: 32rpx;
+					margin-top: 24rpx;
+				}
+			}
+
+			// 数量
+			.amount {
+				color: rgba(51, 51, 51, 1);
+				font-size: 32rpx;
+				margin-left: auto;
+			}
+		}
+
+		// 订单金额
+		.order-amount {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			margin: 40rpx 0;
+
+			.title {
+				color: rgba(51, 51, 51, 1);
+			}
+
+			.value {
+				color: rgba(51, 51, 51, 1);
+				font-size: 32rpx;
+				font-weight: bold;
+			}
+		}
+
+		// 其他信息
+		.else-infos {
+			padding-top: 16rpx;
+			border-top: 1px solid rgba(242, 242, 242, 1);
+
+			.infos-item {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				margin-top: 24rpx;
+				line-height: 48rpx;
+
+				.item-title {
+					color: rgba(119, 119, 119, 1);
+				}
+
+				.item-value {
+					color: rgba(119, 119, 119, 1);
+					
+					
+					img{
+						width: 32rpx;
+						height: 32rpx;
+						
+					}
+				}
+			}
+		}
+
+	}
+
+  // 底部
+  .bottom{
+	  position: fixed;
+	  left: 0;
+	  right: 0;
+	  bottom: 0;
+	  background-color: #fff;
+	  padding: 20rpx 32rpx;
+	  display: flex;
+	  justify-content: flex-end;
+	  .btn{
+		  width: 200rpx;
+		  height: 72rpx;
+		  line-height: 72rpx;
+		  border-radius: 50px;
+		  
+		  font-size: 32rpx;
+		  text-align: center;
+		  border: 1px solid rgba(204, 204, 204, 1);
+		  margin-left: 16rpx;
+	  }
+	  .cancel,.service{
+		  background-color: rgba(255, 255, 255, 1);
+		  color: rgba(119, 119, 119, 1);
+	  }
+	  .pay{
+		  background-color: rgba(0, 185, 98, 1);
+		  color: rgba(255, 255, 255, 1);
+	  }
+  }
+
+
+</style>

pages/user/finance/balance.vue

@@ -2,56 +2,78 @@
 	<view>
 		<ujp-navbar title="我的余额">
 			<view class="slot-wrap">
-				<span class="navBtn oldTextjp2" oldstyle="font-size: 16px;" @click="toRefundList">退余额</span>
+				<span class="navBtn oldTextjp222" oldstyle="font-size: 16px;" @click="toRefundList">退余额</span>
 			</view>
 		</ujp-navbar>
+		
+		<u-modal v-model="show" :confirm-text="confirmText" confirm-color="#00B962">
+			<view class="slot-content">
+				<rich-text :nodes="content"></rich-text>
+			</view>
+		</u-modal>
+		<u-modal v-model="show2" :confirm-text="confirmText" confirm-color="#00B962">
+			<view class="slot-content">
+				<rich-text :nodes="content2"></rich-text>
+			</view>
+		</u-modal>
 		<view class="balance">
 			<view class="balanceHead">
 				<view class="balanceCard">
 					<view class="balanceCard-head">
-						<font>总金额</font><u-icon name="question-line" custom-prefix="custom-icon" color="#fff" size="32" @click="show=true"></u-icon>
-					</view>
-					<view>
-						<u-modal v-model="show" :confirm-text="confirmText" confirm-color="#00B962">
-							<view class="slot-content">
-								<rich-text :nodes="content"></rich-text>
+						<view class="balanceCard-head-item">
+							<view>
+								总金额(元)<u-icon name="question-line" custom-prefix="custom-icon" color="#fff" size="36" @click="show=true"></u-icon>
+							</view>
+							<view class="h2" v-if="personAccount.availableAmount != null">{{personAccount.availableAmount.toFixed(2)}}</view>
+						</view>
+						<view  class="balanceCard-head-item"  v-if="personAccount.chargingFunds" >
+							<view>
+								充电金(元)<u-icon name="question-line" custom-prefix="custom-icon" color="#fff" size="36" @click="show2=true"></u-icon>
 							</view>
-						</u-modal>
+							
+							<view class="h2" v-if="personAccount.chargingFunds != null">{{personAccount.chargingFunds.toFixed(2)}}</view>
+							
+						</view>
 					</view>
-					<view class="balanceCard-main oldTextjp2" oldstyle="font-size: 16px;">
+				
+				<!-- 	<view class="balanceCard-main oldTextjp222" oldstyle="font-size: 16px;">
 						<h2 v-if="personAccount.availableAmount != null">{{personAccount.availableAmount.toFixed(2)}}元</h2>
 						<view class="balanceCard-btn" @click="rechargeNow">立即充值</view>
+					</view> -->
+					<view class="balanceCard-foot oldTextjp222" oldstyle="font-size: 16px;">
+						<view class="balanceCard-item" v-if="personAccount.availableAmount != null">可用余额{{personAccount.availableAmount.toFixed(2)}}</view>
+						<view class="balanceCard-item" v-if="personAccount.frozenTotal != null">冻结金额{{personAccount.frozenTotal.toFixed(2)}}</view>
 					</view>
-					<view class="balanceCard-foot oldTextjp2" oldstyle="font-size: 16px;">
-						<view class="balanceCard-item" v-if="personAccount.availableAmount != null">可用余额{{personAccount.availableAmount.toFixed(2)}}元</view>
-						<view class="balanceCard-item" v-if="personAccount.frozenTotal != null">冻结金额{{personAccount.frozenTotal.toFixed(2)}}元</view>
-					</view>
+					
+				</view>
+				<view class="new-balanceCard-foot" @click="rechargeNow">
+					立即充值
 				</view>
 			</view>
 			<view class="balanceMain">
 				<view class="balanceMain-title">
 					<view class="title">
 						<u-icon name="todo-fill" custom-prefix="custom-icon" color="#6BC6A7" size="40"></u-icon>
-						<span class="oldTextjp" oldstyle="font-size: 20px;">充值明细</span>
+						<span class="oldTextjp222" oldstyle="font-size: 20px;">充值明细</span>
 					</view>
-					<view class="more oldTextjp2" oldstyle="font-size: 16px;" @click="seeAll">
+					<view class="more oldTextjp222" oldstyle="font-size: 16px;" @click="seeAll">
 						<span>查看全部</span>
 						<u-icon name="arrow-right-s-line" custom-prefix="custom-icon" color="#B3B3B3" size="32"></u-icon>
 					</view>
 				</view>
 				<view class="balanceMain-list" v-if="accountList.length > 0">
-					<view class="balanceMain-item" v-for="(item,index) in accountList" :key="item.id" @click="gotoUrl('pages/user/finance/rechargeDet?id=' + item.id)">
+					<view class="balanceMain-item" v-for="(item,index) in accountList " :key="item.id" @click="gotoUrl('pages/user/finance/rechargeDet?type='+item.type+'&id=' + item.id)">
 						<view class="title">
-							<font class="oldTextjp2" oldstyle="font-size: 18px;">{{item.payNameStr}}</font>
-							<p  class="oldTextjp2" oldstyle="font-size: 14px;">{{item.createTime}}</p>
+							<font class="oldTextjp222" oldstyle="font-size: 18px;">{{item.remark}}</font>
+							<p  class="oldTextjp222" oldstyle="font-size: 14px;">{{item.createTime}}</p>
 						</view>
-						<h4 class="oldTextjp2" oldstyle="font-size: 24px;">{{item.amount.toFixed(2)}}元</h4>
+						<h4 class="oldTextjp222" oldstyle="font-size: 24px;">{{item.amount?item.amount.toFixed(2):0}}元</h4>
 					</view>
 				</view>
 			</view>
 			<view class="carNone" v-if="accountList.length == 0">
 				<img src="static/img/暂无数据-缺省页.png" alt="">
-				<p class="oldTextjp2" oldstyle="font-size: 18px;">本月暂无充值记录</p>
+				<p class="oldTextjp222" oldstyle="font-size: 18px;">本月暂无充值记录</p>
 			</view>
 		</view>	
 	</view>
@@ -67,8 +89,10 @@
 				dateMonth: '',
 				userId: '',
 				show: false,
+				show2: false,
 				confirmText: '知道了',
 				content: `总金额=可用余额+冻结金额。使用预付费充电时，在充电过程中会冻结部分金额，充电完成后将剩余金额返还至余额账户，每笔预充金额的冻结时间不超过96小时。`,
+				content2:"充电金：只可用于平台内所有自营站充电使用，不能提现",
 				personAccount: {},
 				accountList: [],
 				elderStatus: false,
@@ -92,7 +116,7 @@
 				monthN = "0" + monthN;
 			}
 			this.dateMonth = year + '-' + monthN + '-01';
-			
+			//this.dateMonth = year + '-10-01';
 			this.getCarPersonAccount();
 			this.getAccountRecordData();
 				
@@ -108,7 +132,7 @@
 					title: "加载中",
 					mask: true,
 				})		
-				API.accountRecordData({
+				API.rechargeAmountRecordList({
 					queryDate: this.dateMonth
 				}).then((res) => {
 					uni.hideLoading();
@@ -152,6 +176,9 @@
 </script>
 
 <style lang="scss" scoped>
+	.oldTextClassF{
+		
+	}
 	.slot-content {
 		font-size: 28rpx;
 		color: $u-content-color;
@@ -164,6 +191,7 @@
 		flex: 1;
 	}
 	.navBtn{
+		font-size: 36rpx;
 		float: right;
 		margin-right: 15px;
 		color:#3fbd70;
@@ -183,16 +211,32 @@
 	}
 	.balanceHead{
 		background-color: #fff;
-		padding: 16px;
+		margin: 16px;
+		background-color: #00B962;
+		border-radius: 12px;
+		.new-balanceCard-foot{
+			font-size: 18px;
+			margin-top: 24rpx;
+			padding:4px;
+			color: rgba(84, 69, 47, 1);
+
+			border-radius:0 0 12px 12px;
+			text-align: center;
+			background: linear-gradient(88.81deg, rgba(224,207,180,1) 1.89%,rgba(207,167,106,1) 99.99%);
+		}
 		.balanceCard{
-			background-color: #00B962;
-			border-radius: 12px;
-			padding: 16px;
+			
+			padding: 16px 16px 0 16px;
 			.balanceCard-head{
-				font{
-					font-size: 18px;
-					color:#fff;
-					margin-right: 8px;
+				    display: flex;
+				    justify-content: flex-start;
+				font-size: 36rpx;
+				color:#fff;
+				.h2{
+					font-size:72rpx
+				}
+				.balanceCard-head-item{
+					width: 49%;
 				}
 			}
 			.balanceCard-main{
@@ -201,7 +245,7 @@
 				justify-content: space-between;
 				margin-top: 8px;
 				h2{
-					font-size: 40px;
+					font-size: 80rpx;
 					color:#fff;
 					font-weight: normal;
 				}
@@ -214,8 +258,9 @@
 			}
 			.balanceCard-foot{
 				display: flex;
-				margin-top: 16px;
+				margin-top: 8rpx;
 				.balanceCard-item{
+					font-size: 32rpx;
 					flex: 1;
 					color:#fff;
 				}
@@ -232,13 +277,17 @@
 			justify-content: space-between;
 			height: 48px;
 			border-bottom: 1px solid #f7f7f7;
-			padding: 0 16PX;
+			padding: 0 16px;
+		
 			.title{
+					font-weight: bold;
 				display: flex;
 				align-items: center;
+				
+
 				span{
 					margin-left: 8px;
-					font-size: 16px;
+					font-size: 36rpx;
 				}
 			}
 		}
@@ -247,8 +296,11 @@
 			align-items: center;
 			justify-content: space-between;
 			padding: 12px 16px;
+			font-size: 32rpx;
+			color: rgba(16, 16, 16, 1);
+
 			p{
-				font-size: 12px;
+				font-size: 32rpx;
 				color:#888;
 				margin-top: 3px;
 			}

pages/user/finance/rechargeDet.vue

@@ -3,12 +3,29 @@
 	<view>
 		<ujp-navbar title="充值详情"></ujp-navbar>
 		<view class="rechargeDet-head">
-			<view class="payPrice">
+			<view class="payPrice" v-if="type==1">
 				<font>{{detail.payFee.toFixed(2)}}</font><span>元</span>
 			</view>
-			<p class="oldTextjp2" oldstyle="font-size: 16px;">充值金额(元)</p>
+			<view class="payPrice" v-if="type==2">
+				<font>{{detail.depositAmount.toFixed(2)}}</font><span>元</span>
+			</view>
+			<view class="payPrice" v-if="type==3">
+				<font>{{detail.depositAmount.toFixed(2)}}</font><span>元</span>
+			</view>
+			<p class="oldTextjp2" oldstyle="font-size: 16px;"  v-if="type==1">充值金额(元)</p>
+			<p class="oldTextjp2" oldstyle="font-size: 16px;"  v-if="type==2">充电金(元)</p>
+			
+			<p class="oldTextjp2" oldstyle="font-size: 16px;"  v-if="type==3">现金分红(元)</p>
+			
+		</view>
+		<view class="rechargeDet-main oldTextjp2" oldstyle="font-size: 18px;" v-if="type==3||type==2">
+		
+			<view class="rechargeDet-list">
+				<p>充值时间</p><span>{{detail.createTime}}</span>
+			</view>
+		
 		</view>
-		<view class="rechargeDet-main oldTextjp2" oldstyle="font-size: 18px;">
+		<view class="rechargeDet-main oldTextjp2" oldstyle="font-size: 18px;" v-if="type==1">
 			<view class="rechargeDet-list">
 				<p>充值订单</p><span>{{detail.outOrderNo}}</span>
 			</view>
@@ -27,7 +44,7 @@
 
 			</view>
 		</view>
-		<view class="rechargeDet-main">
+		<view class="rechargeDet-main" v-if="type==1">
 			<view class="rechargeDet-list oldTextjp2" oldstyle="font-size: 18px;">
 				<p>状态</p><span>{{detail.payStatusStr}}</span>
 			</view>
@@ -49,6 +66,7 @@
 		onLoad(op) {
 			if(op.id) {
 				this.id = op.id
+					this.type = op.type
 				this.getAccountDetail();
 			}
 			
@@ -64,10 +82,13 @@
 					title: "加载中",
 					mask: true,
 				})		
-				API.accountDetail(this.id).then((res) => {
+				API.rechargeAmountRecordDetail({
+				id:	this.id,
+				type:	this.type
+				}).then((res) => {
 					uni.hideLoading();
 					
-					this.detail = res.data.orderInfo;
+					this.detail = res.data.recordDetail;
 				}).catch(error => {
 					uni.showToast({
 						title: error,

pages/user/finance/rechargeList.vue

@@ -11,13 +11,13 @@
 			<p class="oldTextjp2" oldstyle="font-size: 18px;">暂无充值记录</p>
 		</view>
 		<view class="rechargeList" v-if="accountList.length > 0">
-			<view class="rechargeList-item" v-for="(item,index) in accountList" :key="item.id" @click="gotoUrl('pages/user/finance/rechargeDet?id=' + item.id)">
+			<view class="rechargeList-item" v-for="(item,index) in accountList" :key="item.id" @click="gotoUrl('pages/user/finance/rechargeDet?type='+item.type+'&id=' + item.id)">
 				<view class="rechargeList-row">
-					<span class="oldTextjp" oldstyle="font-size: 18px;">{{item.payName == "give" ? '赠送金额' : '充值金额'}}</span>
-					<h4 class="oldTextjp2" oldstyle="font-size: 20px;">{{item.amount.toFixed(2)}}元</h4>
+					<span class="oldTextjp" oldstyle="font-size: 18px;">{{item.remark}}</span>
+					<h4 class="oldTextjp2" oldstyle="font-size: 20px;">{{item.amount?item.amount.toFixed(2):0}}元</h4>
 				</view>
 				<view class="rechargeList-row">
-					<p class="oldTextjp2" oldstyle="font-size: 14px;">{{item.payNameStr}}</p>
+					<p class="oldTextjp2" oldstyle="font-size: 14px;"></p>
 					<p class="oldTextjp2" oldstyle="font-size: 14px;">{{item.createTime}}</p>
 				</view>
 			</view>
@@ -93,7 +93,7 @@
 					this.accountList = [];
 					this.pageIndex = 1;
 				}
-				API.accountRecordData({
+				API.rechargeAmountRecordList({
 					pageIndex: this.pageIndex,
 					queryDate: this.dateMonth,
 				}).then((res) => {

pages/user/finance/refundApp.vue

@@ -52,9 +52,10 @@
 				// uni.redirectTo({
 				// 	url:'refundList'
 				// })
-				uni.navigateBack({
-				//	delta:1
-				})
+				// uni.navigateTo({
+				// 	url:"pages/index/index"
+				// })
+				uni.navigateBack()
 			}
 		}
 	}

pages/user/finance/refundDet.vue

@@ -4,7 +4,7 @@
 		<ujp-navbar title="退费详情"></ujp-navbar>
 		<view class="rechargeDet-head">
 			<view class="payPrice">
-				<font>{{refund.refundRealAmount!=null ? refund.refundRealAmount.toFixed(2) : '0.00'}}</font><span>元</span>
+				<font>{{refund.refundAmount!=null ? refund.refundAmount.toFixed(2) : '0.00'}}</font><span>元</span>
 			</view>
 			<p>退费金额(元)</p>
 		</view>
@@ -22,7 +22,7 @@
 				<p>退费渠道</p><span>{{refund.refundChannelText}}</span>
 			</view> -->
 			<view class="rechargeDet-list">
-				<p>退费金额</p><span>{{refund.refundRealAmount!=null?refund.refundRealAmount.toFixed(2):'0.00'}}元</span>
+				<p>退费金额</p><span>{{refund.refundAmount!=null?refund.refundAmount.toFixed(2):'0.00'}}元</span>
 			</view>
 		</view>
 		<view class="rechargeDet-main">

pages/user/finance/refundInfo.vue

@@ -0,0 +1,226 @@
+<template>
+	<view>
+		<ujp-navbar title="收款人账户信息"></ujp-navbar>
+		<view class="withdraw">
+			<view class="withdraw-head ">
+				<b class="asterisk"><text>*</text>收款户名</b>
+				<u-input class="textarea" type="textarea" 
+				v-model="info.accountName"
+				placeholder="请填写收款户名" height="96" cursor-spacing="8" />
+		
+			</view>
+			<view class="withdraw-head ">
+				<b class="asterisk"><text>*</text>开户银行</b>
+				<u-input class="textarea" type="textarea"
+				v-model="info.bankName"
+				 placeholder="请填写收款银行全称" height="96" cursor-spacing="8" />
+		
+			</view>
+			<view class="withdraw-head border-n">
+				<b class="asterisk"><text>*</text>收款账号</b>
+				<u-input class="textarea" v-model="info.accountNo"
+				type="textarea" placeholder="请填写收款账号" height="96" cursor-spacing="8" />
+		
+			</view>
+			<view style="bottom:0;position:absolute;width: 100%;padding: 40rpx;" >
+				<u-button shape="circle" @click="submit()"   style="background-color:#00b962;color:white">申请退款</u-button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import * as api from "@/apis/refund.js"
+	
+	export default {
+		data() {
+			return {
+					account:{},
+				info: {
+					accountName: '',
+					bankName: '',
+					accountNo: ""
+				},
+			}
+		},
+		onLoad(){
+			this.personAccount()
+		},
+		methods: {
+			submit(){
+				if(!this.info.accountName){
+						uni.showToast({
+							title: "请填写收款户名",
+							icon: "none"
+						})
+						return false
+				}
+				if(!this.info.bankName){
+						uni.showToast({
+							title: "请填写收款银行全称",
+							icon: "none"
+						})
+						return false
+				}
+				if(!this.info.accountNo){
+						uni.showToast({
+							title: "请填写收款账号",
+							icon: "none"
+						})
+						return false
+				}
+				
+				api.personAccountRefundApplication({
+					amount:this.info.availableAmount,
+					refundChannel:'wechat',
+					applicationChannel:"E",
+					bankName:this.info.bankName,
+					accountName:this.info.accountName,
+					accountNo:this.info.accountNo,
+				}).then((res) => {
+					uni.hideLoading()
+					if(res.result){
+						
+						//('personAccountRefundApplication'+JSON.stringify(res));
+						uni.redirectTo({
+							url:'refundApp'
+						})
+						
+					}
+					
+				}).catch(error => {
+					uni.showToast({
+						title: error
+					})
+				})
+				
+			},
+			personAccount(){
+				api.personAccount({
+					
+				}).then((res) => {
+					this.info = res.data;				
+					
+					uni.hideLoading()
+					
+				}).catch(error => {
+					uni.showToast({
+						title: error
+					})
+				})
+				
+			}
+		}
+	}
+</script>
+
+<style  lang="scss" scoped >
+	.asterisk {
+		position: relative;
+	
+		text {
+			position: absolute;
+			top: 0px;
+			left: -14rpx;
+			color: #EE3138;
+		}
+	}
+.textarea {
+		background-color:#f2f2f2;
+		margin-top: 12px;
+		line-height: 20px;
+		border-radius: 4px;
+		color: rgba(136, 136, 136, 100);
+
+		.uni-textarea-placeholder {
+			padding: 0 16rpx;
+
+		}
+
+		/deep/.uni-textarea-textarea {
+			width: 90%;
+			padding: 0 16rpx;
+
+		}
+	}
+	.withdraw {
+		margin-bottom: 8px;
+		background-color: #fff;
+		padding: 0px 16px 0 16px;
+
+		.withdraw-head {
+			padding: 16px 0;
+			border-bottom: 1px solid #E5E7EA;
+
+			align-items: center;
+			position: relative;
+
+			.unit {
+				position: absolute;
+				top: 34rpx;
+				right: 0;
+
+			}
+
+			.whthdraw-price {
+				font-size: 18px;
+				color: #101010;
+				font-weight: 600;
+			}
+
+			b {
+				color: rgba(119, 119, 119, 100);
+				font-size: 16px;
+			}
+
+			span {
+				width: 60%;
+				float: right;
+				text-align: left;
+				font-size: 16px;
+				color: #333333;
+			}
+
+			@media screen and (max-width:320px) {
+				span {
+					width: 55%;
+				}
+			}
+
+		}
+
+		.withdraw-main {
+			border-top: 1px solid #f7f7f7;
+			border-bottom: 1px solid #f7f7f7;
+
+			margin: 16px 0;
+			padding: 16px 0;
+
+			.withdraw-input {
+				margin-top: 32px;
+				display: flex;
+				align-items: center;
+				font-size: 28px;
+
+				/deep/.uni-input-input {
+					font-size: 28rpx;
+				}
+			}
+		}
+
+		.withdraw-foot {
+			display: flex;
+			align-items: center;
+
+			p {
+				color: #999
+			}
+
+			span {
+				color: #2979FF;
+				margin-left: 16px;
+
+			}
+		}
+	}
+</style>

pages/user/finance/refundList.vue

@@ -3,11 +3,21 @@
 		<ujp-navbar title="退费记录"></ujp-navbar>
 		<view class="balance">
 			<view class="balanceHead">
-				<view class="payPrice">
-					<font>{{account.availableAmount!=null ? account.availableAmount.toFixed(2) : '0.00'}}</font><span>元</span>
+				<view>
+					<view class="payPrice">
+						<font>{{account.availableAmountSubIncome!=null ? account.availableAmountSubIncome.toFixed(2) : '0.00'}}</font><span>元</span>
+					</view>
+					<view class="tips">
+						<p>充值退款(元)</p><u-icon name="question-line" custom-prefix="custom-icon" color="#00B962" size="32" @click="showtip = true"></u-icon>
+					</view>
 				</view>
-				<view class="tips">
-					<p>可退费金额(元)</p><u-icon name="question-line" custom-prefix="custom-icon" color="#00B962" size="32" @click="showtip = true"></u-icon>
+				<view v-if="account.availableAmountIncome">
+					<view class="payPrice">
+						<font>{{account.availableAmountIncome!=null ? account.availableAmountIncome.toFixed(2) : '0.00'}}</font><span>元</span>
+					</view>
+					<view class="tips">
+						<p>现金分红(元)</p><u-icon name="question-line" custom-prefix="custom-icon" color="#00B962" size="32" @click="showtip2 = true"></u-icon>
+					</view>
 				</view>
 			</view>
 			<view class="balanceMain">
@@ -45,10 +55,20 @@
 					<rich-text :nodes="content1"></rich-text>
 				</view>
 			</u-modal> 
+			<u-modal v-model="showtip2" :title="title" :show-confirm-button="true" confirm-text="知道了" confirm-color="#00B962">
+				<view class="slot-content">
+					<rich-text :nodes="content2"></rich-text>
+				</view>
+			</u-modal> 
 		</view>
 				
 		<view style="bottom:0;position:absolute;width: 100%;padding: 40rpx;" v-show="account.availableAmount>0">
-			<u-button shape="circle"    style="background-color:#00b962;color:white" @click="show=true">申请退款</u-button>
+			
+			<u-button shape="circle"  v-if="account.availableAmountIncome"
+			  style="background-color:#00b962;color:white" @click="gotoRefundInfo()">申请退款</u-button>
+			  
+			<u-button shape="circle" v-else   style="background-color:#00b962;color:white" @click="show=true">申请退款</u-button>
+			  
 		</view>
 	</view>
 </template>
@@ -60,11 +80,14 @@
 		data() {
 			return {
 				elderMode:false,
-				content1:`本平台仅支持金额全额退费,申请成功后退费金额将于5个工作日内退还至您的充值账户.在本平台,三个月内的支付宝充值,微信支付可申请退费.<br />退费成功后,您可以在退费记录查看退费信息和审核进度.`,
+				content2:`首次申请现金分红退费需填写收款人账户信息，申请成功后工作人员将在5~10个工作日内完成转账打款。`,
+				
+				content1:`本平台仅支持充值金额全额退费,申请成功后退费金额将于5个工作日内退还至您的充值账户.在本平台,三个月内的支付宝充值,微信支付可申请退费.<br />退费成功后,您可以在退费记录查看退费信息和审核进度.`,
 				title:'提示',
 				content:'是否确定提交退费申请？申请成功后退费金额将于5个工作日内退还至您的充值账户',
 				show:false,
 				showtip:false,
+				showtip2:false,
 				userId:'',
 				account:{},
 				items:[],
@@ -73,19 +96,7 @@
 		onLoad(){
 			_self = this;
 		},
-		onReady(){
-		
-			this.elderMode = this.carhelp.get('getElderModeClass') == '长辈模式';
-			if(this.elderMode)
-				this.theme('elder')
-			else
-				this.theme('standard')
-
-			if (this.carhelp.getPersonInfo()) {
-				this.userId = this.carhelp.getPersonInfo().id;
-				//('userId'+this.userId)
-			}
- 
+		onShow(){
 			api.personAccount().then(function(res){
 				if(res.result)
 				{
@@ -100,6 +111,21 @@
 				})
 				////('err'+JSON.stringify(err));
 			});
+		},
+		onReady(){
+		
+			this.elderMode = this.carhelp.get('getElderModeClass') == '长辈模式';
+			if(this.elderMode)
+				this.theme('elder')
+			else
+				this.theme('standard')
+
+			if (this.carhelp.getPersonInfo()) {
+				this.userId = this.carhelp.getPersonInfo().id;
+				//('userId'+this.userId)
+			}
+ 
+		
 			let data = {pageIndex:1,pageSize:10};
 			api.personAccountRefundList(data).then(function(res){
 				if(res.result){
@@ -132,6 +158,11 @@
 			});
 		},
 		methods: {
+			gotoRefundInfo(){
+				uni.redirectTo({
+					url:'/pages/user/finance/refundInfo'
+				})
+			},
 			theme(type) {
 			  if(type == 'elder')	
 			  {
@@ -214,8 +245,10 @@
 		background-color: #fff;
 		padding: 48rpx 0;
 		display: flex;
-		flex-direction: column;
+		flex-direction: row;
 		align-items: center;
+		    justify-content: space-around;
+	
 		.payPrice{
 			display: flex;
 			align-items: flex-end;

pages/user/index.vue

@@ -55,8 +55,13 @@
 			<!-- 卡包入口 -->
 			<view class="my-infos" v-if="(personInfo&&personInfo.userType==2)">
 				<view class="item">
-					<view class="item-value">
-						{{personAccount.availableAmount != null ? personAccount.availableAmount.toFixed(2) : '0.00'}}
+					<view class="item-value" v-if="personAccount.availableAmount||personAccount.chargingFunds ">
+						{{personAccount.chargingFunds != null ? (personAccount.availableAmount+personAccount.chargingFunds).toFixed(2) : personAccount.availableAmount.toFixed(2)}}
+						
+					</view>
+					<view class="item-value" v-else>
+						0.00
+						
 					</view>
 					<view class="item-title" @click="toBalance">
 						余额<u-icon name="arrow-right" color="#B8BDC4" size="2"></u-icon>