From c3eaafa5d0575ebd0fa74be0180c5cfe8a9901ea Mon Sep 17 00:00:00 2001
From: dzc <2388224167@qq.com>
Date: Thu, 23 Jan 2025 17:01:27 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E9=80=80=E6=AC=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                       |   4 +-
 src/pages/refund/apply.vue | 323 ++++++++++++++++++++-----------------
 2 files changed, 173 insertions(+), 154 deletions(-)

diff --git a/.env b/.env
index b4fec09..a11ed18 100644
--- a/.env
+++ b/.env
@@ -25,8 +25,8 @@ VITE_IMAGE_BASE_PATH = https://stgl.pj.gov.cn/api # 信创线上
 # ******************** start 开发环境 start ********************
 # VITE_APP_DEV_SERVICE = http://59.202.170.152:81/api # 信创线上
 # VITE_APP_DEV_SERVICE = https://stgl.pj.gov.cn/app-api
-VITE_APP_DEV_SERVICE = http://192.168.101.29:9999 # 邓-本地
-# VITE_APP_DEV_SERVICE = http://127.0.0.1:9999
+# VITE_APP_DEV_SERVICE = http://192.168.101.29:9999 # 邓-本地
+VITE_APP_DEV_SERVICE = http://127.0.0.1:9999
 # VITE_APP_DEV_SERVICE = http://123.156.230.15:8089/api
 # VITE_APP_DEV_SERVICE = http://localhost:9999
 # ******************** end 开发环境 end ********************
diff --git a/src/pages/refund/apply.vue b/src/pages/refund/apply.vue
index 4480179..f563040 100644
--- a/src/pages/refund/apply.vue
+++ b/src/pages/refund/apply.vue
@@ -1,188 +1,207 @@
 <script setup lang="ts">
-import { ref, reactive } from "vue";
-import { onLoad, onShow } from "@dcloudio/uni-app";
+import { ref, reactive } from "vue"
+import { onLoad, onShow } from "@dcloudio/uni-app"
 import { isEmpty } from "radash"
 
 import { hooks, router } from "@@/index"
 import { orderApi, refundApi, commonApi } from "@@/api"
 
-import { filePath } from "@@/utils/file";
+import { filePath } from "@@/utils/file"
 
 const data = {
-    payType: [
-        { text: "仅退款", disabled: false, visible: true, type: "10", value: "10" },
-        { text: "退款退货", disabled: true, visible: false, type: "20", value: "20" },
-    ]
+	payType: [
+		{ text: "仅退款", disabled: false, visible: true, type: "10", value: "10" },
+		{ text: "退款退货", disabled: true, visible: false, type: "20", value: "20" },
+	],
 }
 const state = reactive<any>({
-    detailId: null,
-    detail: {},
-    shopCarList: [],
-    setting: {},
-    selectList: []
+	detailId: null,
+	detail: {},
+	shopCarList: [],
+	setting: {},
+	selectList: [],
 })
 
 const applyForm = reactive<any>({
-    way: data.payType[0].type,
-    remark: "",
-    reason: "",
-    reasonStr: "",
+	way: data.payType[0].type,
+	remark: "",
+	reason: "",
+	reasonStr: "",
 })
 
 onLoad((options: any) => {
-    if (!isEmpty(options.id)) {
-        state.detailId = options.id
-    }
-});
+	if (!isEmpty(options.id)) {
+		state.detailId = options.id
+	}
+})
 onShow(() => {
-    getDetail()
-    getSetting()
-    getShopCarList()
+	getDetail()
+	getSetting()
+	getShopCarList()
 })
 
 const getSetting = async () => {
-    const _pa = {};
-    const { data } = await commonApi.setting(_pa)
-    state.setting = data
-    state.selectList = data.afterSaleRefundReasons?.split(",").map(v => {
-        return {
-            id: v,
-            title: v,
-        }
-    })
+	const _pa = {}
+	const { data } = await commonApi.setting(_pa)
+	state.setting = data
+	state.selectList = data.afterSaleRefundReasons?.split(",").map((v) => {
+		return {
+			id: v,
+			title: v,
+		}
+	})
 }
 const getDetail = async () => {
-    if (isEmpty(state.detailId)) return
-    const _pa = { id: state.detailId };
-    const { data } = await orderApi.detail(_pa)
-    state.detail = data
+	if (isEmpty(state.detailId)) return
+	const _pa = { id: state.detailId }
+	const { data } = await orderApi.detail(_pa)
+	state.detail = data
 }
 const getShopCarList = async () => {
-    if (isEmpty(state.detailId)) return
-    const _pa = { orderId: state.detailId };
-    const { data } = await orderApi.shopCarList(_pa)
-    state.shopCarList = data
+	if (isEmpty(state.detailId)) return
+	const _pa = { orderId: state.detailId }
+	const { data } = await orderApi.shopCarList(_pa)
+	state.shopCarList = data
 }
 
 const radioChange = (e: any) => {
-    switch (e) {
-        case "10":
-            state.selectList = state.setting.afterSaleRefundReasons.map(v => {
-                return {
-                    id: v,
-                    title: v,
-                }
-            })
-            break
-        case "20":
-            state.selectList = state.setting.afterSaleReturnReasons.map(v => {
-                return {
-                    id: v,
-                    title: v,
-                }
-            })
-            break
-    }
+	switch (e) {
+		case "10":
+			state.selectList = state.setting.afterSaleRefundReasons.map((v) => {
+				return {
+					id: v,
+					title: v,
+				}
+			})
+			break
+		case "20":
+			state.selectList = state.setting.afterSaleReturnReasons.map((v) => {
+				return {
+					id: v,
+					title: v,
+				}
+			})
+			break
+	}
 }
 
 const doSubmit = async () => {
-    if (isEmpty(applyForm.reasonStr)) {
-        uni.showToast({ title: '请选择申请原因', icon: "none" });
-        return
-    }
-    const _pa = {
-        way: applyForm.way,
-        refundPrice: state.detail.practicalTotalPrice,
-        orderId: state.detailId,
-        images: [],
-        applyReason: applyForm.reasonStr,
-        applyDescription: applyForm.remark,
-    }
-    try {
-        uni.showLoading({ title: '申请中...', mask: false });
-        const data = await refundApi.create(_pa)
-        uni.hideLoading()
-        uni.showToast({ title: '申请成功', icon: "none" });
-        router.jump("/pages/order/detail", { id: state.detailId }, 2)
-    } catch (error) {
-        console.error(error);
-        uni.hideLoading()
-    }
+	if (isEmpty(applyForm.reasonStr)) {
+		uni.showToast({ title: "请选择申请原因", icon: "none" })
+		return
+	}
+	const _pa = {
+		way: applyForm.way,
+		refundPrice: state.detail.practicalTotalPrice,
+		orderId: state.detailId,
+		images: [],
+		applyReason: applyForm.reasonStr,
+		applyDescription: applyForm.remark,
+	}
+	try {
+		uni.showLoading({ title: "申请中...", mask: false })
+		const data = await refundApi.create(_pa)
+		uni.hideLoading()
+		uni.showToast({ title: "申请成功", icon: "none" })
+		router.jump("/pages/order/detail", { id: state.detailId }, 2)
+	} catch (error) {
+		console.error(error)
+		uni.hideLoading()
+	}
 }
-
 </script>
 
-
 <template>
-    <crud-layout title="申请售后" mainIsScroll bg="/static/page/blue-bg.png">
-        <view class="h-30rpx" />
-        <view class="flex-col justify-center card p-x-20rpx p-y-30rpx m-b-20rpx">
-            <view class="m-t-15rpx">
-                <view class="flex-row items-start justify-between" v-for="(v, i) in state.shopCarList" :key="i"
-                    @tap.stop="router.jump('/pages/merchant/product-detail', { id: v.productId })">
-                    <view class="flex-row items-center">
-                        <image class="w-160rpx h-160rpx rounded-8rpx" :src="filePath(v.productPic)" mode="aspectFill" />
-                        <view class="flex-col m-l-15rpx second-text-26">
-                            <view class="sub-text-28">{{ v.productName }}</view>
-                            <view class="m-t-5rpx">¥ {{ hooks.useMoney(v.productPrice) }}</view>
-                            <view class="m-t-5rpx">x {{ v.productCount }}</view>
-                        </view>
-                    </view>
-                    <view class="flex-row-center">
-                        <view class="sub-text-32">¥ {{ hooks.useMoney(v.totalPrice) }}</view>
-                    </view>
-                </view>
-                <view class="m-y-15rpx h-1px bg-#999 bg-opacity-5" />
-                <view class="flex-row items-center justify-between">
-                    <view class="sub-text-28">实付款</view>
-                    <view class="flex-row items-end">
-                        <view class="sub-text-28">¥</view>
-                        <view class="m-l-5rpx sub-text-28">{{ hooks.useMoney(state.detail.payPrice) }}</view>
-                    </view>
-                </view>
-            </view>
-        </view>
-        <view class="card p-x-20rpx p-y-30rpx m-b-20rpx">
-            <view class="sub-text-28">售后类型</view>
-            <view class="m-t-20rpx">
-                <tm-radio-group @change="radioChange" direction="column" gap="20" v-model="applyForm.way">
-                    <tm-radio :disabled="v.disabled" v-for="(v, i) in data.payType" :key="i" v-show="v.visible"
-                        :value="v.type" :label="v.text" />
-                </tm-radio-group>
-            </view>
-        </view>
-        <view class="flex-row items-center justify-between card p-x-20rpx p-y-30rpx m-b-20rpx">
-            <view class="sub-text-28">退款金额</view>
-            <view class="sub-text-28 color-red!">¥{{ hooks.useMoney(state.detail.payPrice) }}</view>
-        </view>
-        <view class="card p-x-20rpx p-y-30rpx m-b-20rpx">
-            <tm-picker rang-key="title" rang-text="title" v-model="applyForm.reason"
-                v-model:model-str="applyForm.reasonStr" :list="state.selectList">
-                <view class="flex-row items-center justify-between">
-                    <view class="sub-text-28">申请原因</view>
-                    <view class="flex-row items-center second-text-24">
-                        <text>{{ applyForm.reasonStr || '请选择申请原因' }} </text>
-                        <text class="m-l-10rpx color-#b1b1b1 iconfont icon-xiangxiajiantouxiao" />
-                    </view>
-                </view>
-            </tm-picker>
-        </view>
-        <view class="flex-col justify-center card p-x-20rpx p-y-30rpx m-b-20rpx">
-            <view class="sub-text-28">相关描述</view>
-            <view class="m-t-20rpx">
-                <tm-input v-model="applyForm.remark" type="textarea" :showClear="false"
-                    placeholder="客官～请描述您遇到的问题"></tm-input>
-            </view>
-        </view>
-        <view class="h-30rpx" />
-        <template #main-bottom>
-            <view v-if="state.detailType != 'view'"
-                class="bg-#0094ff p-y-20rpx text-center rounded-40rpx m-x-30rpx m-y-30rpx sub-text-30 color-white!"
-                @tap="doSubmit">
-                提交申请
-            </view>
-        </template>
-    </crud-layout>
+	<crud-layout title="申请售后" mainIsScroll bg="/static/page/blue-bg.png">
+		<view class="h-30rpx" />
+		<view class="flex-col justify-center card p-x-20rpx p-y-30rpx m-b-20rpx">
+			<view class="m-t-15rpx">
+				<view
+					class="flex-row items-start justify-between"
+					v-for="(v, i) in state.shopCarList"
+					:key="i"
+					@tap.stop="router.jump('/pages/merchant/product-detail', { id: v.productId })"
+				>
+					<view class="flex-row items-center">
+						<image class="w-160rpx h-160rpx rounded-8rpx" :src="filePath(v.productPic)" mode="aspectFill" />
+						<view class="flex-col m-l-15rpx second-text-26">
+							<view class="sub-text-28">{{ v.productName }}</view>
+							<view class="m-t-5rpx">¥ {{ hooks.useMoney(v.productPrice) }}</view>
+							<view class="m-t-5rpx">x {{ v.productCount }}</view>
+						</view>
+					</view>
+					<view class="flex-row-center">
+						<view class="sub-text-32">¥ {{ hooks.useMoney(v.totalPrice) }}</view>
+					</view>
+				</view>
+				<view class="m-y-15rpx h-1px bg-#999 bg-opacity-5" />
+				<view class="flex-row items-center justify-between">
+					<view class="sub-text-28">实付款</view>
+					<view class="flex-row items-end">
+						<view class="sub-text-28">¥</view>
+						<view class="m-l-5rpx sub-text-28">{{ hooks.useMoney(state.detail.payPrice) }}</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="card p-x-20rpx p-y-30rpx m-b-20rpx">
+			<view class="sub-text-28">售后类型</view>
+			<view class="m-t-20rpx">
+				<tm-radio-group @change="radioChange" direction="column" gap="20" v-model="applyForm.way">
+					<tm-radio
+						:disabled="v.disabled"
+						v-for="(v, i) in data.payType"
+						:key="i"
+						v-show="v.visible"
+						:value="v.type"
+						:label="v.text"
+					/>
+				</tm-radio-group>
+			</view>
+		</view>
+		<view class="flex-row items-center justify-between card p-x-20rpx p-y-30rpx m-b-20rpx">
+			<view class="sub-text-28">退款金额</view>
+			<view class="sub-text-28 color-red!">¥{{ hooks.useMoney(state.detail.payPrice) }}</view>
+		</view>
+		<view class="card p-x-20rpx p-y-30rpx m-b-20rpx">
+			<tm-picker
+				rang-key="title"
+				rang-text="title"
+				v-model="applyForm.reason"
+				v-model:model-str="applyForm.reasonStr"
+				:list="state.selectList"
+			>
+				<view class="flex-row items-center justify-between">
+					<view class="sub-text-28">申请原因</view>
+					<view class="flex-row items-center second-text-24">
+						<text>{{ applyForm.reasonStr || "请选择申请原因" }} </text>
+						<text class="m-l-10rpx color-#b1b1b1 iconfont icon-xiangxiajiantouxiao" />
+					</view>
+				</view>
+			</tm-picker>
+		</view>
+		<view class="flex-col justify-center card p-x-20rpx p-y-30rpx m-b-20rpx">
+			<view class="sub-text-28">相关描述</view>
+			<view class="m-t-20rpx">
+				<tm-input
+					v-model="applyForm.remark"
+					type="textarea"
+					:showClear="false"
+					placeholder="客官～请描述您遇到的问题"
+				></tm-input>
+			</view>
+		</view>
+		<view class="h-30rpx" />
+		<template #main-bottom>
+			<view
+				v-if="state.detailType != 'view'"
+				class="bg-#0094ff p-y-20rpx text-center rounded-40rpx m-x-30rpx m-y-30rpx sub-text-30 color-white!"
+				@tap="doSubmit"
+			>
+				提交申请
+			</view>
+		</template>
+	</crud-layout>
 </template>
 
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped></style>