Browse Source

1.更换门店详情
2.更换门店列表

guo 3 years ago
parent
commit
9e2f8a5850

+ 77 - 0
components/searchBox/searchBox.vue

@@ -0,0 +1,77 @@
+<template>
+	<view>
+		<!-- 搜索 -->
+		<view class="searchBox">
+			<image src="../../static/img/icon_search.png" class="searchImg"></image>
+			<input type="text" class="searchInput" :placeholder='placeholder' v-model="inputValue"
+				@confirm="search" />
+			<image src="../../static/img/icon_close.png" class="searchClose" v-if="inputValue!=''"
+				@click="clear"></image>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "searchBox",
+		props: {
+			placeholder: {
+				type: String,
+				default: '请输入搜索内容'
+			},
+			
+		},
+		data() {
+			return {
+				inputValue: '',
+			};
+		},
+		methods:{
+			search(){
+				if (!this.inputValue) return;
+				 //console.log(this.inputValue);
+				this.$emit('search',this.inputValue);
+				
+			},
+			clear(){
+				this.inputValue = ''
+				this.$emit('search','');
+			},
+		}
+	}
+</script>
+
+<style>
+	.searchBox {
+		height: 72rpx;
+		margin: 24rpx;
+		background-color: #F4F5F7;
+		border-radius: 36rpx;
+		display: flex;
+		position: relative;
+	}
+
+	.searchImg {
+		margin-top: 20rpx;
+		margin-left: 20rpx;
+		width: 32rpx;
+		height: 32rpx;
+	}
+
+	.searchInput {
+		height: 72rpx;
+		font-size: 28rpx;
+		padding-left: 16rpx;
+		width: 78%;
+	}
+
+	.searchClose {
+		position: absolute;
+		width: 36rpx;
+		height: 36rpx;
+		right: 36rpx;
+		top: 20rpx;
+
+	}
+</style>

+ 36 - 0
pages.json

@@ -219,6 +219,42 @@
             }
             
         }
+        ,{
+            "path" : "pages/refundMoney/refundMoneyList",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "退款申请",
+                "enablePullDownRefresh": true
+            }
+            
+        }
+        ,{
+            "path" : "pages/refundMoney/refundMoneyDetail",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "退款详情",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/changeStore/changeStoreList",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "更换门店申请",
+                "enablePullDownRefresh": true
+            }
+            
+        }
+        ,{
+            "path" : "pages/changeStore/changeStoreDetail",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "更换门店详情",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"tabBar": {
 		"color": "#8a8a8a",

+ 146 - 20
pages/changeStore/changeStore.vue

@@ -1,22 +1,148 @@
-<template>
-	<view>
-		
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				
-			}
-		},
-		methods: {
-			
-		}
+<template>
+	<view class="box">
+		<view class="content">
+
+
+			<view class="leftTitle2" style="padding: 24rpx 0; border-bottom: 1rpx solid #EEEEEE;">原服务门店信息</view>
+
+			<view class="shopBg">
+				<view class="leftTitle2">这是门店名称</view>
+				<view class="addrressBg">
+					<image src="../../static/img/icon_coordinate.png" mode="" style="width: 22rpx; height: 30rpx;">
+					</image>
+					<view style="color: #999999; font-size: 24rpx; margin-left: 20rpx;">江苏省南京市鼓楼区铁路南街233号</view>
+				</view>
+			</view>
+		</view>
+
+		<view class="content">
+			<view class="viewBg">
+				<image src="../../static/img/icon_xinghao.png" mode="" style="width: 14rpx; height: 14rpx;"></image>
+				<view class="leftTitle">更换门店</view>
+				<picker class="width70" mode="selector" :range="storeArr" @change="storeChange">
+					<view class="blackColor" :class="{grayColor: store==''}">{{store?store:'请选择'}}</view>
+				</picker>
+
+				<image src="../../static/img/rightArrow.png" mode="" style="width: 13rpx; height: 23rpx;"></image>
+
+
+			</view>
+
+		</view>
+
+
+		<view class="content">
+			<view class="viewBg" style="border-bottom: 1rpx solid #EEEEEE;">
+				<image src="../../static/img/icon_xinghao.png" mode="" style="width: 14rpx; height: 14rpx;"></image>
+				<view class="leftTitle">更换原因</view>
+				<picker class="width70" mode="selector" :range="reasonArray" @change="reasonChange">
+					<view class="blackColor" :class="{grayColor: reason==''}">{{reason?reason:'请选择'}}</view>
+				</picker>
+
+				<image src="../../static/img/rightArrow.png" mode="" style="width: 13rpx; height: 23rpx;"></image>
+
+
+			</view>
+
+			<view class="viewBg">
+
+				<view class="leftTitle">补充描述</view>
+
+				<textarea placeholder-style="color:#999999" placeholder="选填,请输入补充描述" v-model="exeContent"
+					class="textareaCont" maxlength="-1" auto-height="true" @confirm="feedDone" />
+
+			</view>
+		</view>
+
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				store: '',
+				storeArr: ['1店', '2店'],
+				reasonArray: ['距离太远', '服务不好'],
+				reason: '',
+				exeContent: '',
+			}
+		},
+		methods: {
+			feedDone(e) {
+				this.exeContent = e.target.value
+
+			},
+			storeChange(e) {
+				this.store = this.storeArr[e.detail.value];
+			},
+			reasonChange(e) {
+				this.reason = this.reasonArray[e.detail.value];
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.box {
+		min-height: 100vh;
+		background: #F4F5F7;
+		padding-top: 20rpx;
+	}
+
+	.content {
+		background-color: #FFFFFF;
+		border-radius: 10rpx;
+		margin: 20rpx 24rpx;
+		padding: 0 20rpx;
+	}
+	.shopBg{
+		padding: 30rpx 0;
 	}
-</script>
-
-<style>
-
+	.addrressBg{
+		padding-top: 12rpx;
+		display: flex;
+		align-items: center;
+	}
+	.viewBg {
+		display: flex;
+		align-items: center;
+		padding: 30rpx 0;
+	}
+
+	.width70 {
+		width: 70%;
+	}
+
+	.leftTitle2 {
+		color: #333333;
+		font-size: 28rpx;
+
+	}
+
+	.leftTitle {
+		color: #333333;
+		font-size: 28rpx;
+		width: 130rpx;
+		margin-right: 50rpx;
+	}
+
+	.blackColor {
+		color: #333333;
+		font-size: 28rpx;
+	}
+
+	.grayColor {
+		color: #999999;
+		font-size: 28rpx;
+	}
+
+	.textareaCont {
+
+		width: 70%;
+		font-size: 28rpx;
+		color: #333333;
+
+	}
 </style>

+ 352 - 0
pages/changeStore/changeStoreDetail.vue

@@ -0,0 +1,352 @@
+<template>
+	<view class="content">
+		<view class="topView">
+			<!-- 待处理 -->
+			<view class="waitBg" v-if="state>0">
+				<view class="title">请等待平台处理</view>
+				<!-- 进度条 -->
+				<view class="progress">
+					<image :src="(state>0 ? tongguoUrl : waitUrl)" class="waitImg" :class="{tongguoImg:state>0}">
+					</image>
+					
+					<view class="line" :class="{lightLine:state>0}"></view>
+					
+					<image :src="(state>1 ? tongguoUrl : waitUrl)" class="waitImg" :class="{tongguoImg:state>1}">
+					</image>
+					
+					<view class="line" :class="{lightLine:state>1}"></view>
+					
+					<image :src="(state>2 ? tongguoUrl : waitUrl)" class="waitImg" :class="{tongguoImg:state>2}">
+					</image>
+
+				</view>
+				<!-- 进度条 文字提示 -->
+				<view class="progressT">
+					<view class="stateView">
+						<view class="progressTitle">提交申请</view>
+						<view class="time" v-if="state>0">2021-11-2 12:43</view>
+					</view>
+					<view style="width: 9%;"></view>
+					<view class="stateView">
+						<view class="progressTitle">平台审核</view>
+						<view class="time" v-if="state>1">2021-11-2 12:43</view>
+					</view>
+					<view style="width: 9%;"></view>
+					<view class="stateView">
+						<view class="progressTitle">平台同意更换</view>
+						<view class="time" v-if="state>2">2021-11-2 12:43</view>
+					</view>
+				</view>
+			</view>
+			
+			<!-- 更换关闭 -->
+			<view class="waitBg" v-if="state==0" style="height: 100rpx;">
+				<view class="title">更换关闭</view>
+				<view class="title3">2021年11月12日 12:43</view>
+			</view>
+			
+			<!-- 平台拒绝 -->
+			<view class="waitBg" v-if="state==-1" style="height: 100rpx;">
+				<view class="title">平台已拒绝</view>
+				<view class="title3">2021年11月12日 12:43</view>
+			</view>
+		</view>
+		
+		<!-- 更换提交 -->
+		<view class="whiteView" v-if="state==1">
+			<view class="title1">您已成功发起更换门店申请,请耐心等待平台处理</view>
+			<view class="title2">平台同意后,系统将自动更新门店信息</view>
+			<view class="title3">平台同意后,系统将自动更新门店信息</view>
+		</view>
+		<!-- 更换关闭 -->
+		<view class="whiteView" v-if="state==0">
+			<view class="title1">您已撤销本次退款申请,如有问题仍未解决,您可以重新发起申请</view>
+			
+		</view>
+		<!-- 平台拒绝 -->
+		<view class="whiteView" v-if="state==-1">
+			<view class="title1">平台拒绝原因:这是选择的原因</view>
+			<view class="title2">您可以修改更换申请后再次发起,平台会重新处理</view>
+		</view>
+		<!-- 同意申请 -->
+		<view class="tongyiView" v-if="state==3">
+			<view class="title1">进度详情</view>
+			<image src="../../static/img/rightArrow.png" mode="" style="width: 14rpx; height: 23rpx;"></image>
+		</view>
+		
+		<view class="whiteView">
+			<view class="storeTitle">更换前门店信息</view>
+			<view class="store">
+				<image src="../../static/img/icon_state_gray.png" mode="" class="leftIcon"></image>
+				<view class="name">这是门店名称</view>
+			</view>
+			<view class="store">
+				<image src="../../static/img/icon_coordinate.png" mode="" class="leftIcon"></image>
+				<view class="address">江苏省南京市鼓楼区铁路南街233号</view>
+			</view>
+		</view>
+		
+		<view class="whiteView">
+			<view class="storeTitle">更换后门店信息</view>
+			<view class="store">
+				<image src="../../static/img/icon_state_gray.png" mode="" class="leftIcon"></image>
+				<view class="name">这是门店名称</view>
+			</view>
+			<view class="store">
+				<image src="../../static/img/icon_coordinate.png" mode="" class="leftIcon"></image>
+				<view class="address">江苏省南京市鼓楼区铁路南街233号</view>
+			</view>
+		</view>
+		
+		
+		<!-- 订单信息 -->
+		<view class="whiteView">
+			
+			<view class="informationLine">
+				<view class="informationTxt">更换原因:</view>
+				<view class="informationNum">七天无理由</view>
+				
+			</view>
+			<view class="informationLine">
+				<view class="informationTxt">申请时间:</view>
+				<view class="informationNum">2021-11-21 11:32:12</view>
+			</view>
+			<view class="informationLine">
+				<view class="informationTxt">补充描述:</view>
+				<view class="informationNum">无</view>
+			</view>
+			<view class="informationLine">
+				<view class="informationTxt">申请单号:</view>
+				<view class="informationNum">12345</view>
+				<view class="copyBtn" @click="copy(orderData.Code)">复制</view>
+			</view>
+			<view class="informationLine">
+				<view class="informationTxt">订单单号:</view>
+				<view class="informationNum">T124</view>
+				<view class="copyBtn" @click="copy(orderData.Code)">复制</view>
+				<view style="color: #3F90F7; font-size: 26rpx; margin-left: 50rpx;">详情</view>
+			</view>
+			
+		</view>
+		
+		<!-- 底部按钮 操作 -->
+		<view style="height: 150rpx;"></view>
+		<view class="orderBottom" v-if="state==1">
+			<view class="cancelBtn" @click="cancelBtn">撤销申请</view>
+			<view class="cancelBtn" @click="editBtn">修改申请</view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				state: -1,// -1 拒绝1 提交申请 2 平台审核 3 同意申请
+				tongguoUrl: '../../static/img/icon_tongguo.png',
+				waitUrl: '../../static/img/icon_yuan.png',
+			}
+		},
+		methods: {
+			copy(txt) {
+				uni.setClipboardData({
+					data: txt,
+					success: function() {
+						uni.showToast({
+							title: '复制成功',
+							icon: 'none',
+							duration: 2000
+						});
+					}
+				});
+			},
+		}
+	}
+</script>
+
+<style>
+	.content {
+		background-color: #F4F5F7;
+		min-height: 100vh;
+	}
+
+	.topView {
+		background: linear-gradient(315deg, #FD5002 0%, #FE8F00 100%);
+		padding: 20rpx 24rpx;
+	}
+
+	.waitBg {
+		background-color: #FFFFFF;
+		border-radius: 20rpx;
+		height: 209rpx;
+		padding: 30rpx;
+	}
+
+	.title {
+		color: #333333;
+		font-size: 32rpx;
+		font-weight: bold;
+		margin-bottom: 30rpx;
+	}
+
+	.progress {
+		display: flex;
+		
+		align-items: center;
+		
+		padding: 10rpx 70rpx;
+	}
+
+	
+
+	.waitImg {
+		width: 20rpx;
+		height: 20rpx;
+	}
+	
+	.tongguoImg {
+		width: 38rpx;
+		height: 38rpx;
+	}
+	.line {
+		width: 40%;
+		margin: 0rpx 5rpx;
+		height: 2px;
+		background: #FF2400;
+		opacity: 0.4;
+	}
+
+	.lightLine {
+		width: 40%;
+		margin: 0rpx 5rpx;
+		height: 2px;
+		background: #FF2400;
+		opacity: 1.0;
+	}
+	.progressT{
+		display: flex;
+		
+		align-items: center;
+		
+	}
+	.stateView{
+		width: 30%;
+		
+	}
+	.progressTitle{
+		color: #333333;
+		font-size: 22rpx;
+		text-align: center;
+	}
+	.time{
+		color: #999999;
+		font-size: 22rpx;
+		text-align: center;
+	}
+	.whiteView{
+		background-color: #FFFFFF;
+		padding: 30rpx 24rpx;
+		margin: 20rpx 0;
+	}
+	.title1 {
+		color: #3C3C3C;
+		font-size: 30rpx;
+		font-weight: bold;
+	}
+	.title2{
+		color: #999999;
+		font-size: 24rpx;
+		padding-top: 16rpx;
+		padding-bottom: 8rpx;
+	}
+	.title3{
+		color: #999999;
+		font-size: 24rpx;
+		
+	}
+	.storeTitle{
+		color: #3C3C3C;
+		font-size: 30rpx;
+		font-weight: bold;
+		border-bottom: 1rpx #EEEEEE solid;
+		padding-bottom: 22rpx;
+	}
+	.store{
+		display: flex;
+		padding-top: 20rpx;
+		align-items: center;
+	}
+	.leftIcon{
+		width: 30rpx;
+		height: 30rpx;
+		margin-right: 10rpx;
+	}
+	.name {
+		color: #3C3C3C;
+		font-size: 26rpx;
+	}
+	.address {
+		color: #999999;
+		font-size: 26rpx;
+	}
+	
+	.informationLine {
+		display: flex;
+		font-size: 26rpx;
+		padding: 20rpx 0;
+	}
+	
+	.informationTxt {
+		width: 130rpx;
+		color: #666666;
+	}
+	
+	.informationNum {
+		color: #333333;
+	}
+	
+	.copyBtn {
+		width: 86rpx;
+		height: 40rpx;
+		background: #F4F5F7;
+		border-radius: 20rpx;
+		font-size: 24rpx;
+		color: #333333;
+		text-align: center;
+		line-height: 40rpx;
+		margin-left: 20rpx;
+	}
+	
+	.orderBottom {
+		width: 750rpx;
+		height: 98rpx;
+		background: #FFFFFF;
+		position: fixed;
+		left: 0;
+		bottom: 0;
+		display: flex;
+		justify-content: flex-end;
+	}
+	.cancelBtn {
+		width: 150rpx;
+		height: 56rpx;
+		border-radius: 36rpx;
+		border: 2rpx solid #DDDDDD;
+		text-align: center;
+		line-height: 56rpx;
+		font-size: 28rpx;
+		color: #3C3C3C;
+		margin-top: 21rpx;
+		margin-right: 16rpx;
+		margin-left: 20rpx;
+	}
+	.tongyiView{
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		background-color: #FFFFFF;
+		padding: 30rpx 24rpx;
+		margin: 20rpx 0;
+	}
+</style>

+ 251 - 0
pages/changeStore/changeStoreList.vue

@@ -0,0 +1,251 @@
+<template>
+	<view class="content">
+		<view class="topView">
+			<!-- tab -->
+			<view class="tab">
+				<view class="tabLine" :class="{tabActive:tabIndex==1}" @click="tabClick(1)">待处理</view>
+				<view class="tabLine" :class="{tabActive:tabIndex==2}" @click="tabClick(2)">申请记录</view>
+			</view>
+			<!-- 搜索 -->
+			<view class="searchBoxBg">
+				<searchBox placeholder="订单号、申请单号" @search='search($event)'></searchBox>
+			</view>
+		</view>
+		
+		<!-- list -->
+		<view class="listContent">
+			<view class="itemBg" v-for="(item,index) in itemData">
+				<view class="firstView">
+					<view style="font-size: 24rpx; color: #999999;">申请单号:202111203368</view>
+					<view class="rightView">
+						<image src="../../static/img/icon_change.png" mode="" style="width: 30rpx; height: 30rpx; margin-right: 10rpx;"></image>
+						<view style="color: #666666; font-size: 24rpx;">更换门店</view>
+					</view>
+				</view>
+				
+				<view class="shopName">更换前门店:这是门店名称</view>
+				<view class="shopName">更换后门店:这是门店名称</view>
+				<view class="stateView">待平台处理</view>
+				
+				<view style="display: flex; justify-content: flex-end;">
+					<view class="detail" @click="goDetail(item.id)">更换详情</view>
+				</view>
+			</view>
+		</view>
+	
+		
+		<!-- 上拉 加载更多 -->
+		<view class="noMore" v-if="noMoreShow">没有更多数据</view>
+		<!-- 无数据空白页 -->
+		<view class="nodataBox" v-if="itemData.length == 0">
+			<image src="../../static/img/pic_empty_def.png" mode="widthFix" class="nodataImg"></image>
+			<view class="noTxt">暂无数据</view>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+	import searchBox from '@/components/searchBox/searchBox.vue'
+	export default {
+		components: {
+			searchBox
+		},
+
+		data() {
+			return {
+				searchValue: '',
+				page: 1,
+				tabIndex: 1,
+				itemData:[1,2,3],
+				noMoreShow: false,
+			}
+		},
+		methods: {
+			goDetail(id){
+				uni.navigateTo({
+					url:'changeStoreDetail?id='+id
+				})
+			},
+			tabClick(num) {
+				this.tabIndex = num;
+				// this.page = 1;
+				// this.getData()
+			},
+			search(val) {
+				// console.log(val);
+				this.searchValue = val
+				// this.page = 1
+				// this.getData()
+			},
+			getData() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				let url = 'accompany/SuperAccounts/queryMyteam',
+					params = {
+						page: this.page,
+						limit: 10,
+						name: this.searchValue
+					}
+				this.$http(url, params, 'GET').then(res => {
+					this.count = Number(res.data.count)
+					var list = res.data.Items
+			
+					// 处理 undefined和null转为空白字符串
+					list.forEach((item, index) => {
+						for (const key in item) {
+							item[key] = this.$praseStrEmpty(item[key])
+						}
+					})
+			
+			
+					if (this.page == 1) {
+						this.shopData = list
+					} else {
+						this.shopData = this.shopData.concat(list)
+					}
+			
+					if (list.length < 10) {
+						this.noMoreShow = false
+					} else {
+						this.noMoreShow = true
+					}
+			
+				})
+			}
+		},
+		
+		
+		onPullDownRefresh() {
+			this.page = 1;
+			// this.getData()
+			setTimeout(function() {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		onReachBottom() {
+			this.page++;
+			// this.getData()
+		}
+	}
+</script>
+
+<style>
+	.content {
+		background: #F4F5F7;
+		min-height: 100vh;
+
+	}
+
+	.topView {
+		background: #FFFFFF;
+		position: fixed;
+		width: 100%;
+		height: 210rpx;
+		z-index: 99;
+	}
+
+	.tab {
+		background: #FFFFFF;
+		display: flex;
+		justify-content: space-around;
+		line-height: 90rpx;
+		height: 90rpx;
+		width: 100%;
+
+	}
+
+	.tabLine {
+
+		text-align: center;
+	}
+
+	.tabActive {
+		color: #FF4F00;
+		border-bottom: 4rpx solid #FF4F00;
+	}
+
+	.searchBoxBg {
+		
+		width: 100%;
+		background-color: #FFFFFF;
+		border-top: 1rpx solid #EEEEEE;
+	}
+
+	.searchBox {
+		display: flex;
+		height: 72rpx;
+		margin: 24rpx;
+		background-color: #F4F5F7;
+		border-radius: 36rpx;
+	}
+	.listContent{
+		padding-top: 210rpx;
+		padding-bottom: 20rpx;
+	}
+	.itemBg {
+		background-color: #FFFFFF;
+		margin: 20rpx 24rpx;
+		border-radius: 10rpx;
+		padding: 20rpx;
+	}
+	.firstView{
+		padding-bottom: 20rpx;
+		display: flex;
+		justify-content: space-between;
+		
+	}
+	.rightView{
+		display: flex;
+		align-items: center;
+	}
+	.shopName{
+		padding-bottom: 20rpx;
+		color: #333333;
+		font-size: 30rpx;
+	}
+	.stateView{
+		background-color: #F8F9FB;
+		border-radius: 10rpx;
+		color: #333333;
+		font-size: 26rpx;
+		
+		padding: 20rpx;
+	}
+	.detail{
+		color: #FF2400;
+		font-size: 26rpx;
+		margin-top: 20rpx;
+		width: 150rpx;
+		height: 56rpx;
+		line-height: 56rpx;
+		text-align: center;
+		border-radius: 36rpx;
+		border: 1rpx #FF2400 solid;
+		
+	}
+	
+	/* 空白页css */
+	.nodataBox {
+		text-align: center;
+	}
+	
+	.nodataImg {
+		width: 400rpx;
+		padding-top: 300rpx;
+	}
+	
+	.noTxt {
+		font-size: 30rpx;
+		color: #999999;
+		padding-top: 50rpx;
+	}
+	
+	.noMore {
+		text-align: center;
+		line-height: 50rpx;
+		color: #999999;
+		font-size: 28rpx;
+	}
+</style>

+ 2 - 2
pages/me/me.vue

@@ -68,7 +68,7 @@
 		</view>
 		<!-- 售后订单 -->
 		<view class="rowBoxBg">
-			<view class="rowBox">
+			<view class="rowBox" @click="gonavigateTo('../refundMoney/refundMoneyList')">
 				<view class="leftView">
 					<image src="../../static/img/icon_tuikuan.png" mode="" class="liftIcon"></image>
 					<view class="rowTitle">退款申请记录</view>
@@ -76,7 +76,7 @@
 				<image src="../../static/img/rightArrow.png" mode="" class="rightArrow"></image>
 			</view>
 			
-			<view class="rowBox">
+			<view class="rowBox" @click="gonavigateTo('../changeStore/changeStoreList')">
 				<view class="leftView">
 					<image src="../../static/img/icon_tihuan.png" mode="" class="liftIcon"></image>
 					<view class="rowTitle">更换门店申请记录</view>

+ 1 - 1
pages/me/myAppraise.vue

@@ -121,7 +121,7 @@
 							 	title: '删除中'
 							 })
 							 
-							 let url = 'miniAppMyBMemberCar/deleteMyBMEvaluate',
+							 let url = 'worldKeepCar/keepCarMy/deleteMyTMEvaluate',
 							 	params = {
 							 		id: item.ID,
 							 

+ 1 - 1
pages/me/myAppraiseDetail.vue

@@ -111,7 +111,7 @@
 							 	title: '删除中'
 							 })
 							 
-							 let url = 'miniAppMyBMemberCar/deleteMyBMEvaluate',
+							 let url = 'worldKeepCar/keepCarMy/deleteMyTMEvaluate',
 							 	params = {
 							 		id: item.ID,
 							 

+ 6 - 1
pages/order/orderDetail.vue

@@ -91,7 +91,7 @@
 						<view class="Address">
 							{{orderData.ProvinceName}}{{orderData.CityName}}{{orderData.AreaName}}{{orderData.Address}}
 						</view>
-						<view style="color: #3F90F7; font-size: 26rpx;" v-if="orderData.SheetState==2">申请更换服务门店</view>
+						<view style="color: #3F90F7; font-size: 26rpx;" v-if="orderData.SheetState==2" @click="changeStore">申请更换服务门店</view>
 					</view>
 					<view class="shopRightBox" @click="map">
 						<view>
@@ -378,6 +378,11 @@
 			}
 		},
 		methods: {
+			changeStore(){
+					uni.navigateTo({
+						url: '../changeStore/changeStore?id'+this.id
+					})
+			},
 			showMa(){
 				this.isShowMa = !this.isShowMa
 			},

+ 10 - 3
pages/refundMoney/refundMoney.vue

@@ -4,8 +4,10 @@
 			<view class="viewBg">
 				<image src="../../static/img/icon_xinghao.png" mode="" style="width: 14rpx; height: 14rpx;"></image>
 				<view class="leftTitle">退款原因</view>
-				<view class="grayColor width70" v-if="reason==''">请选择</view>
-				<view class="blackColor width70" v-else>{{reason}}</view>
+				<picker class="width70" mode="selector" :range="reasonArray"   @change="reasonChange" >
+					  <view class="blackColor" :class="{grayColor: reason==''}">{{reason?reason:'请选择'}}</view>
+				 </picker>
+				
 				<image src="../../static/img/rightArrow.png" mode="" style="width: 13rpx; height: 23rpx;"></image>
 			</view>
 			
@@ -37,6 +39,7 @@
 		data() {
 			return {
 				maxMoney:'',
+				reasonArray:['不想要了','质量不好'],
 				reason:'',
 				money:'',
 				exeContent:'',
@@ -47,6 +50,9 @@
 				this.exeContent = e.target.value
 			
 			},
+			reasonChange(e){
+				this.reason = this.reasonArray[e.detail.value];
+			}
 		}
 	}
 </script>
@@ -57,11 +63,12 @@
 		background: #F4F5F7;
 		padding-top: 20rpx;
 	}
+	
 	.content{
 		background-color: #FFFFFF;
 		border-radius: 10rpx;
 		margin: 20rpx 24rpx;
-		padding: 20rpx;
+		padding: 0 20rpx;
 	}
 	.viewBg{
 		display: flex;

+ 22 - 0
pages/refundMoney/refundMoneyDetail.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

+ 246 - 0
pages/refundMoney/refundMoneyList.vue

@@ -0,0 +1,246 @@
+<template>
+	<view class="content">
+		<view class="topView">
+			<!-- tab -->
+			<view class="tab">
+				<view class="tabLine" :class="{tabActive:tabIndex==1}" @click="tabClick(1)">待处理</view>
+				<view class="tabLine" :class="{tabActive:tabIndex==2}" @click="tabClick(2)">申请记录</view>
+			</view>
+			<!-- 搜索 -->
+			<view class="searchBoxBg">
+				<searchBox placeholder="订单号、售后单号" @search='search($event)'></searchBox>
+			</view>
+		</view>
+		
+		<!-- list -->
+		<view class="listContent">
+			<view class="itemBg" v-for="(item,index) in itemData">
+				<view class="firstView">
+					<view style="font-size: 24rpx; color: #999999;">申请单号:202111203368</view>
+					<view class="rightView">
+						<image src="../../static/img/icon_change.png" mode="" style="width: 30rpx; height: 30rpx; margin-right: 10rpx;"></image>
+						<view style="color: #666666; font-size: 24rpx;">更换门店</view>
+					</view>
+				</view>
+				
+				<view class="shopName">更换前门店:这是门店名称</view>
+				<view class="shopName">更换后门店:这是门店名称</view>
+				<view class="stateView">待平台处理</view>
+				
+				<view style="display: flex; justify-content: flex-end;">
+					<view class="detail">更换详情</view>
+				</view>
+			</view>
+		</view>
+	
+		
+		<!-- 上拉 加载更多 -->
+		<view class="noMore" v-if="noMoreShow">没有更多数据</view>
+		<!-- 无数据空白页 -->
+		<view class="nodataBox" v-if="itemData.length == 0">
+			<image src="../../static/img/pic_empty_def.png" mode="widthFix" class="nodataImg"></image>
+			<view class="noTxt">暂无数据</view>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+	import searchBox from '@/components/searchBox/searchBox.vue'
+	export default {
+		components: {
+			searchBox
+		},
+
+		data() {
+			return {
+				searchValue: '',
+				page: 1,
+				tabIndex: 1,
+				itemData:[],
+				noMoreShow: false,
+			}
+		},
+		methods: {
+			tabClick(num) {
+				this.tabIndex = num;
+				// this.page = 1;
+				// this.getData()
+			},
+			search(val) {
+				// console.log(val);
+				this.searchValue = val
+				// this.page = 1
+				// this.getData()
+			},
+			getData() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				let url = 'accompany/SuperAccounts/queryMyteam',
+					params = {
+						page: this.page,
+						limit: 10,
+						name: this.searchValue
+					}
+				this.$http(url, params, 'GET').then(res => {
+					this.count = Number(res.data.count)
+					var list = res.data.Items
+			
+					// 处理 undefined和null转为空白字符串
+					list.forEach((item, index) => {
+						for (const key in item) {
+							item[key] = this.$praseStrEmpty(item[key])
+						}
+					})
+			
+			
+					if (this.page == 1) {
+						this.shopData = list
+					} else {
+						this.shopData = this.shopData.concat(list)
+					}
+			
+					if (list.length < 10) {
+						this.noMoreShow = false
+					} else {
+						this.noMoreShow = true
+					}
+			
+				})
+			}
+		},
+		
+		
+		onPullDownRefresh() {
+			this.page = 1;
+			this.getData()
+			setTimeout(function() {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		},
+		onReachBottom() {
+			this.page++;
+			this.getData()
+		}
+	}
+</script>
+
+<style>
+	.content {
+		background: #F4F5F7;
+		min-height: 100vh;
+
+	}
+
+	.topView {
+		background: #FFFFFF;
+		position: fixed;
+		width: 100%;
+		height: 210rpx;
+		z-index: 99;
+	}
+
+	.tab {
+		background: #FFFFFF;
+		display: flex;
+		justify-content: space-around;
+		line-height: 90rpx;
+		height: 90rpx;
+		width: 100%;
+
+	}
+
+	.tabLine {
+
+		text-align: center;
+	}
+
+	.tabActive {
+		color: #FF4F00;
+		border-bottom: 4rpx solid #FF4F00;
+	}
+
+	.searchBoxBg {
+		
+		width: 100%;
+		background-color: #FFFFFF;
+		border-top: 1rpx solid #EEEEEE;
+	}
+
+	.searchBox {
+		display: flex;
+		height: 72rpx;
+		margin: 24rpx;
+		background-color: #F4F5F7;
+		border-radius: 36rpx;
+	}
+	.listContent{
+		padding-top: 210rpx;
+		padding-bottom: 20rpx;
+	}
+	.itemBg {
+		background-color: #FFFFFF;
+		margin: 20rpx 24rpx;
+		border-radius: 10rpx;
+		padding: 20rpx;
+	}
+	.firstView{
+		padding-bottom: 20rpx;
+		display: flex;
+		justify-content: space-between;
+		
+	}
+	.rightView{
+		display: flex;
+		align-items: center;
+	}
+	.shopName{
+		padding-bottom: 20rpx;
+		color: #333333;
+		font-size: 30rpx;
+	}
+	.stateView{
+		background-color: #F8F9FB;
+		border-radius: 10rpx;
+		color: #333333;
+		font-size: 26rpx;
+		
+		padding: 20rpx;
+	}
+	.detail{
+		color: #FF2400;
+		font-size: 26rpx;
+		margin-top: 20rpx;
+		width: 150rpx;
+		height: 56rpx;
+		line-height: 56rpx;
+		text-align: center;
+		border-radius: 36rpx;
+		border: 1rpx #FF2400 solid;
+		
+	}
+	
+	/* 空白页css */
+	.nodataBox {
+		text-align: center;
+	}
+	
+	.nodataImg {
+		width: 400rpx;
+		padding-top: 300rpx;
+	}
+	
+	.noTxt {
+		font-size: 30rpx;
+		color: #999999;
+		padding-top: 50rpx;
+	}
+	
+	.noMore {
+		text-align: center;
+		line-height: 50rpx;
+		color: #999999;
+		font-size: 28rpx;
+	}
+</style>

BIN
static/img/icon_coordinate.png


BIN
static/img/icon_state_gray.png


BIN
static/img/icon_tongguo.png


BIN
static/img/icon_yuan.png


BIN
static/img/pic_empty_def.png


File diff suppressed because it is too large
+ 1 - 1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/order/orderDetail.js.map


+ 6 - 3
unpackage/dist/dev/mp-weixin/app.json

@@ -29,7 +29,11 @@
     "pages/shop/ckShop",
     "pages/shop/shopDetail",
     "pages/changeStore/changeStore",
-    "pages/refundMoney/refundMoney"
+    "pages/refundMoney/refundMoney",
+    "pages/refundMoney/refundMoneyList",
+    "pages/refundMoney/refundMoneyDetail",
+    "pages/changeStore/changeStoreList",
+    "pages/changeStore/changeStoreDetail"
   ],
   "subPackages": [],
   "window": {
@@ -69,6 +73,5 @@
       "desc": "获取定位"
     }
   },
-  "usingComponents": {},
-  "sitemapLocation": "sitemap.json"
+  "usingComponents": {}
 }

+ 5 - 0
unpackage/dist/dev/mp-weixin/pages/order/orderDetail.js

@@ -579,6 +579,11 @@ __webpack_require__.r(__webpack_exports__);
     }
   },
   methods: {
+    changeStore: function changeStore() {
+      uni.navigateTo({
+        url: '../changeStore/changeStore?id' + this.id });
+
+    },
     showMa: function showMa() {
       this.isShowMa = !this.isShowMa;
     },

File diff suppressed because it is too large
+ 1 - 1
unpackage/dist/dev/mp-weixin/pages/order/orderDetail.wxml