编写退出

pageC/accountSetup/accountSetup.vue

@@ -1,210 +1,259 @@
 <template>
-	<view class="page">
-		<view class="set-top">
-			<view class="information" @click="toNextPage('/pageC/personalInformation/personalInformation')">
-				<view class="information-lift">
-					<image src="http://pic.imeitou.com/uploads/allimg/240522/10-240522162434-50.jpg" class="header-img"
-						mode=""></image>
-					<view class="name">
-						张三
-					</view>
-				</view>
-				<image class="right-icon" src="../../static/mine/325.png" mode=""></image>
-			</view>
-			<view class="address" @click="toNextPage('/pageC/addressManagement/addressManagement')">
-				<view class="address-manage">
-					{{i18n.address}}
-				</view>
-				<view class="text-right">
-					<text>{{i18n.addAndEdit}}</text>
-				<image src="../../static/mine/325.png" class="right-icon" mode=""></image>
-				</view>
-			</view>
-		</view>
-
-		<view class="set-center">
-			<view class="security" @click="toNextPage('/pageC/accountSecurity/accountSecurity')">
-				<text>{{i18n.account}}</text>
-				<view class="text-right">
-					<text>{{i18n.password}}</text>
-				<image src="../../static/mine/325.png" class="right-icon" mode=""></image>
-				</view>
-			</view>
-			<view class="switch" @click="toNextPage('/pageC/switchLanguage/switchLanguage')">
-				<text>{{i18n.switch}}</text>
-				<image src="../../static/mine/325.png" class="right-icon" mode=""></image>
-			</view>
-		</view>
-
-		<view class="set-bottom">
-			<view class="text-1">
-				<text>{{i18n.user}}</text>
-				<image src="../../static/mine/325.png" class="right-icon" mode=""></image>
-			</view>
-			<view class="text-1" @click="toNextPage('/pageC/privacyPolicy/privacyPolicy')">
-				<text>{{i18n.privacy}}</text>
-				<image src="../../static/mine/325.png" class="right-icon" mode=""></image>
-			</view>
-			<view class="text-1">
-				<text>{{i18n.platform}}</text>
-				<image src="../../static/mine/325.png" class="right-icon" mode=""></image>
-			</view>
-			<view class="text-2">
-				<text>{{i18n.merchant}}</text>
-				<image src="../../static/mine/325.png" class="right-icon" mode=""></image>
-			</view>
-		</view>
-
-		<button class="layout">{{i18n.layout}}</button>
-	</view>
+  <view class="page">
+    <view class="set-top">
+      <view
+        class="information"
+        @click="toNextPage('/pageC/personalInformation/personalInformation')"
+      >
+        <view class="information-lift">
+          <image
+            src="http://pic.imeitou.com/uploads/allimg/240522/10-240522162434-50.jpg"
+            class="header-img"
+            mode=""
+          ></image>
+          <view class="name"> 张三 </view>
+        </view>
+        <image
+          class="right-icon"
+          src="../../static/mine/325.png"
+          mode=""
+        ></image>
+      </view>
+      <view
+        class="address"
+        @click="toNextPage('/pageC/addressManagement/addressManagement')"
+      >
+        <view class="address-manage">
+          {{ i18n.address }}
+        </view>
+        <view class="text-right">
+          <text>{{ i18n.addAndEdit }}</text>
+          <image
+            src="../../static/mine/325.png"
+            class="right-icon"
+            mode=""
+          ></image>
+        </view>
+      </view>
+    </view>
+
+    <view class="set-center">
+      <view
+        class="security"
+        @click="toNextPage('/pageC/accountSecurity/accountSecurity')"
+      >
+        <text>{{ i18n.account }}</text>
+        <view class="text-right">
+          <text>{{ i18n.password }}</text>
+          <image
+            src="../../static/mine/325.png"
+            class="right-icon"
+            mode=""
+          ></image>
+        </view>
+      </view>
+      <view
+        class="switch"
+        @click="toNextPage('/pageC/switchLanguage/switchLanguage')"
+      >
+        <text>{{ i18n.switch }}</text>
+        <image
+          src="../../static/mine/325.png"
+          class="right-icon"
+          mode=""
+        ></image>
+      </view>
+    </view>
+
+    <view class="set-bottom">
+      <view class="text-1">
+        <text>{{ i18n.user }}</text>
+        <image
+          src="../../static/mine/325.png"
+          class="right-icon"
+          mode=""
+        ></image>
+      </view>
+      <view
+        class="text-1"
+        @click="toNextPage('/pageC/privacyPolicy/privacyPolicy')"
+      >
+        <text>{{ i18n.privacy }}</text>
+        <image
+          src="../../static/mine/325.png"
+          class="right-icon"
+          mode=""
+        ></image>
+      </view>
+      <view class="text-1">
+        <text>{{ i18n.platform }}</text>
+        <image
+          src="../../static/mine/325.png"
+          class="right-icon"
+          mode=""
+        ></image>
+      </view>
+      <view class="text-2">
+        <text>{{ i18n.merchant }}</text>
+        <image
+          src="../../static/mine/325.png"
+          class="right-icon"
+          mode=""
+        ></image>
+      </view>
+    </view>
+
+    <button class="layout" @click="layout">{{ i18n.layout }}</button>
+  </view>
 </template>
 
 <script>
-	import AllRight from '../mineComponent/allRight/allRight.vue'
-	export default {
-		components: {
-			AllRight
-		},
-		computed: {
-			i18n() {
-				return this.$t('index')
-			}
-		},
-		onShow() {
-			uni.setNavigationBarTitle({
-				title: this.i18n.setup
-			})
-		},
-		data() {
-			return {
-
-			}
-		},
-		methods: {
-			toNextPage(url) {
-				uni.navigateTo({
-					url: url
-				})
-			}
-		},
-		mounted() {
-			uni.setNavigationBarTitle({
-				title: this.i18n.setup
-			})
-		},
-		created() {
-
-		}
-	}
+import AllRight from "../mineComponent/allRight/allRight.vue";
+export default {
+  components: {
+    AllRight,
+  },
+  computed: {
+    i18n() {
+      return this.$t("index");
+    },
+  },
+  onShow() {
+    uni.setNavigationBarTitle({
+      title: this.i18n.setup,
+    });
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    //退出登录
+    layout() {
+      uni.navigateTo({
+        url: "/pages/login/login",
+      });
+    },
+    toNextPage(url) {
+      uni.navigateTo({
+        url: url,
+      });
+    },
+  },
+  mounted() {
+    uni.setNavigationBarTitle({
+      title: this.i18n.setup,
+    });
+  },
+  created() {},
+};
 </script>
 
 <style lang="scss" scoped>
-	.page {
-		padding: 20rpx 24rpx;
-
-		.set-top {
-			background-color: #fff;
-			border-radius: 16rpx;
-			padding: 0 20rpx;
-
-			.information {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-				width: 100%;
-				height: 176rpx;
-
-				.information-lift {
-					display: flex;
-					align-items: center;
-
-					.header-img {
-						border-radius: 50%;
-						height: 116rpx;
-						width: 116rpx;
-						margin-right: 20rpx;
-					}
-
-					.name {
-						font-size: 36rpx;
-
-					}
-				}
-			}
-
-			.address {
-				display: flex;
-				justify-content: space-between;
-				height: 106rpx;
-				align-items: center;
-				border-top: 2rpx solid rgba(151, 151, 151, .2);
-			}
-		}
-
-		.set-center {
-			margin-top: 20rpx;
-			background-color: #fff;
-			border-radius: 16rpx;
-			padding: 0 20rpx;
-
-			.security {
-				display: flex;
-				height: 102rpx;
-				border-bottom: 2rpx solid rgba(151, 151, 151, .2);
-				justify-content: space-between;
-				align-items: center;
-			}
-
-			.switch {
-				display: flex;
-				justify-content: space-between;
-				height: 104rpx;
-				align-items: center;
-			}
-		}
-
-		.set-bottom {
-			border-radius: 16rpx;
-			padding: 0 20rpx;
-			background-color: #fff;
-			margin-top: 20rpx;
-
-			.text-1 {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-				height: 102rpx;
-				border-bottom: 2rpx solid rgba(151, 151, 151, .2);
-			}
-
-			.text-2 {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-				height: 102rpx;
-			}
-		}
-
-		.layout {
-			border-radius: 16rpx;
-			background-color: #fff;
-			color: #f83224;
-			font-size: 32rpx;
-			height: 92rpx;
-			margin-top: 20rpx;
-		}
-
-		.right-icon {
-			width: 32rpx;
-			height: 32rpx;
-		}
-		.text-right{
-			display: flex;
-			align-items: center;
-			text{
-				font-size: 30rpx;
-				color: rgba(34, 34, 34, .5);
-			}
-		}
-	}
-</style>
+.page {
+  padding: 20rpx 24rpx;
+
+  .set-top {
+    background-color: #fff;
+    border-radius: 16rpx;
+    padding: 0 20rpx;
+
+    .information {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 100%;
+      height: 176rpx;
+
+      .information-lift {
+        display: flex;
+        align-items: center;
+
+        .header-img {
+          border-radius: 50%;
+          height: 116rpx;
+          width: 116rpx;
+          margin-right: 20rpx;
+        }
+
+        .name {
+          font-size: 36rpx;
+        }
+      }
+    }
+
+    .address {
+      display: flex;
+      justify-content: space-between;
+      height: 106rpx;
+      align-items: center;
+      border-top: 2rpx solid rgba(151, 151, 151, 0.2);
+    }
+  }
+
+  .set-center {
+    margin-top: 20rpx;
+    background-color: #fff;
+    border-radius: 16rpx;
+    padding: 0 20rpx;
+
+    .security {
+      display: flex;
+      height: 102rpx;
+      border-bottom: 2rpx solid rgba(151, 151, 151, 0.2);
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .switch {
+      display: flex;
+      justify-content: space-between;
+      height: 104rpx;
+      align-items: center;
+    }
+  }
+
+  .set-bottom {
+    border-radius: 16rpx;
+    padding: 0 20rpx;
+    background-color: #fff;
+    margin-top: 20rpx;
+
+    .text-1 {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      height: 102rpx;
+      border-bottom: 2rpx solid rgba(151, 151, 151, 0.2);
+    }
+
+    .text-2 {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      height: 102rpx;
+    }
+  }
+
+  .layout {
+    border-radius: 16rpx;
+    background-color: #fff;
+    color: #f83224;
+    font-size: 32rpx;
+    height: 92rpx;
+    margin-top: 20rpx;
+  }
+
+  .right-icon {
+    width: 32rpx;
+    height: 32rpx;
+  }
+  .text-right {
+    display: flex;
+    align-items: center;
+    text {
+      font-size: 30rpx;
+      color: rgba(34, 34, 34, 0.5);
+    }
+  }
+}
+</style>

pageD/afterSalesDetail/afterSalesDetail.vue

@@ -18,8 +18,14 @@
       </view>
     </view>
 
-    <CommodityDetail :orderInformation="orderInformation" />
-    <ApplicationInformation />
+    <CommodityDetail
+      :orderInformation="orderInformation"
+      v-if="orderInformation.goods"
+    />
+    <ApplicationInformation
+      :orderInformation="orderInformation"
+      v-if="orderInformation.goods"
+    />
     <RefusePopup :show="show" @close="close" />
     <AgreePopup :agreeShow="agreeShow" @close="close" />
 
@@ -62,10 +68,12 @@ export default {
       this.agreeShow = false;
     },
     getOrderDetail(id) {
-      uni.$u.http.get(`/api/order/read?id=${id}`).then((res) => {
-        console.log(res);
-        this.orderInformation = res;
-      });
+      uni.$u.http
+        .post(`/api/order/refund_read?order_refund_id=${id}`)
+        .then((res) => {
+          console.log(res);
+          this.orderInformation = res;
+        });
     },
   },
 };

pageD/afterSalesDetail/component/applicationInformation.vue

@@ -1,82 +1,81 @@
 <template>
-	<view class="application-card">
-		<view class="title">
-			申请信息
-		</view>
-		<view class="_label-1">
-			<text>是否收货</text>
-			<text class="result">未收货</text>
-		</view>
-		<view class="_label-1">
-			<text>售后说明</text>
-			<text class="result">商品未按照规定时间发货，不需要了</text>
-		</view>
-		<view class="photo">
-			<text>图片凭证</text>
-			<view class="photo-list">
-				<view class="img-1">
-					
-				</view>
-				<view class="img-1">
-					
-				</view>
-				<view class="img-1">
-					
-				</view>
-			</view>
-		</view>
-	</view>
+  <view class="application-card">
+    <view class="title"> 申请信息 </view>
+    <view class="_label-1">
+      <text>是否收货</text>
+      <text class="result">未收货</text>
+    </view>
+    <view class="_label-1">
+      <text>售后说明</text>
+      <text class="result">{{
+        orderInformation.goods[0].refund.refund_reason
+      }}</text>
+    </view>
+    <view class="photo">
+      <text>图片凭证</text>
+      <view class="photo-list">
+        <view class="img-1"> </view>
+        <view class="img-1"> </view>
+        <view class="img-1"> </view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	export default{
-		data(){
-			return{
-				
-			}
-		}
-	}
+export default {
+  props: {
+    orderInformation: {
+      typeof: Object,
+      default: () => {
+        return {};
+      },
+    },
+  },
+  data() {
+    return {};
+  },
+};
 </script>
 
 <style scoped lang="scss">
-	.application-card{
-		padding: 28rpx 20rpx; 
-		background-color: #fff;
-		border-radius: 16rpx;
-		margin-top: 20rpx;
-		margin-bottom: 200rpx;
-		.title{
-			font-size: 30rpx;
-			font-weight: 600;
-			color: #333;
-		}
-		._label-1{
-			display: flex;
-			justify-content: space-between;
-			font-size: 28rpx;
-			color: #232323;
-			margin: 20rpx 0;
-			.result{
-				color: #555;
-			}
-			
-		}
-		.photo{
-			font-size: 28rpx;
-			color: #232323;
-			display: flex;
-			justify-content: space-between;
-			.photo-list{
-				display: flex;
-				justify-content: space-between;
-				.img-1{
-					width: 156rpx;
-					height: 156rpx;
-					border-radius: 10rpx;
-					background-color: #D4D4D4;
-					margin-left: 16rpx;
-				}
-			}
-		}
-	}
-</style>
+.application-card {
+  padding: 28rpx 20rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  margin-top: 20rpx;
+  margin-bottom: 200rpx;
+  .title {
+    font-size: 30rpx;
+    font-weight: 600;
+    color: #333;
+  }
+  ._label-1 {
+    display: flex;
+    justify-content: space-between;
+    font-size: 28rpx;
+    color: #232323;
+    margin: 20rpx 0;
+    .result {
+      color: #555;
+    }
+  }
+  .photo {
+    font-size: 28rpx;
+    color: #232323;
+    display: flex;
+    justify-content: space-between;
+    .photo-list {
+      display: flex;
+      justify-content: space-between;
+      .img-1 {
+        width: 156rpx;
+        height: 156rpx;
+        border-radius: 10rpx;
+        background-color: #d4d4d4;
+        margin-left: 16rpx;
+      }
+    }
+  }
+}
+</style>

pageD/afterSalesDetail/component/commodityDetail.vue

@@ -58,11 +58,15 @@
     </view>
     <view class="information">
       <text class="_label">退款原因</text>
-      <view class="_title-right"> 商品与图片不符 </view>
+      <view class="_title-right">
+        {{ orderInformation.goods[0].refund.refund_illustrate }}
+      </view>
     </view>
     <view class="information">
       <text class="_label">退款金额</text>
-      <view lass="_title-right" style="font-weight: 600"> ￥89.00 </view>
+      <view lass="_title-right" style="font-weight: 600">
+        ￥{{ orderInformation.goods[0].refund.refund_price }}
+      </view>
     </view>
     <view class="information">
       <text class="_label">申请时间</text>

pageD/afterSalesManage/afterSalesManage.vue

@@ -74,7 +74,7 @@ export default {
     },
     toDetail(item) {
       uni.navigateTo({
-        url: "/pageD/afterSalesDetail/afterSalesDetail?id=" + item.order_id,
+        url: "/pageD/afterSalesDetail/afterSalesDetail?id=" + item.id,
       });
     },
     //获取售后订单