feat: 售后信息接口对接

2025-08-31 23:59:51 +08:00
parent 9e87dfee1b
commit eb2b24ebac
8 changed files with 1741 additions and 923 deletions
@@ -1,15 +1,86 @@
-<template>
-  <view>
-    售后
-  </view>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      activeIndex: 0,
-    }
-  },
-}
-</script>
+<template>
+	<view class="content_">
+		<view class="content_1 ">选择退货原因</view>
+		<view class="content-radio">
+			<up-radio-group v-model="radiovalue1" iconColor="#fff" activeColor="#7934F6" placement="column" iconPlacement="right" @change="groupChange">
+				<up-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in radioList" :key="index"
+					:label="item.name" :name="item.name" @change="radioChange">
+				</up-radio>
+			</up-radio-group>
+		</view>
+		<view class="button operate_but_2" @click="goNext(2)">下一步</view>
+	</view>
+
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				activeIndex: 0,
+				radiovalue1:'外观/型号/参数与描述不符',
+				radioList: [{
+						name: '外观/型号/参数与描述不符',
+						disabled: false,
+					},
+					{
+						name: '协商一致退款',
+						disabled: false,
+					},
+					{
+						name: '质量问题',
+						disabled: false,
+					},
+					{
+						name: '少件（缺少配件）',
+						disabled: false,
+					},
+				]
+			}
+		},
+		methods:{
+			groupChange(){
+				
+			},
+			radioChange(){
+				
+			},
+			goNext(val){
+				console.log('val',val);
+				this.$emit('nextNum',val)
+			}
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	.content_ {
+		margin-top: 20rpx;
+
+		.content_1 {
+			text-align: left;
+			margin-top: 20rpx;
+		}
+		.button{
+			height: 88rpx;
+			background: $app-bt-bj;
+			color: #ffffff;
+			line-height: 88rpx;
+			border-radius: 8rpx;
+			margin-bottom: 24rpx;
+		}
+		.content-radio {
+			display: flex;
+			justify-content: space-between;
+			justify-items: center;
+			padding: 34rpx 0;
+
+			.content-name {
+				font-size: 28rpx;
+			}
+
+			&:nth-of-type(1) {
+				margin-top: 32rpx;
+			}
+		}
+	}
+</style>