删除设计师

src/store/seller/index.ts

@@ -12,12 +12,12 @@ interface DesignerInfo {
 	ownerName: string,
 	email: string,
 	mobile: string,
-	socialLinks: string,
+	socialLinks: string[] | string,
 	description: string,
 }
 interface Seller {
 	isSeller: boolean,
-	applyStatus: number,
+	applyStatus: number | null,
 	designerInfo: DesignerInfo,
 }
 
@@ -52,8 +52,24 @@ const seller: Module<Seller, RootState> = {
 				...state.designerInfo,
 				...value,
 			}
-			if (value.socialLinks) {
+			if (typeof value.socialLinks === "string") {
 				state.designerInfo.socialLinks = JSON.parse(value.socialLinks)
+			} else if (Array.isArray(value.socialLinks)) {
+				state.designerInfo.socialLinks = value.socialLinks
+			}
+		},
+		clear_state(state: Seller) {
+			state.isSeller = false
+			state.applyStatus = null
+			state.designerInfo = {
+				shopName: "--",
+				avatar: "",
+				brandBanner: "",
+				ownerName: "--",
+				email: "--",
+				mobile: "--",
+				socialLinks: ["--"],
+				description: "--"
 			}
 		},
 	},

src/tool/https.js

@@ -470,6 +470,7 @@ export const Https = {
 		checkSellerDesigner: '/seller/designer/check', // 检查卖家是否为设计师
 		getSellerApplyStatus: '/seller/designer/apply/status', // 获取卖家申请状态
 		submitSellerApply: '/seller/designer/apply', // 提交卖家申请
+		deleteSellerDesigner: '/seller/designer/delete', // 删除设计师
 		getDesignerInfo: '/seller/designer/info', // 获取设计师信息
 		updateDesignerInfo: '/seller/designer/update', // 更新设计师信息
 		getSellerOrderSummary: '/seller/order/summary', // 获取卖家订单数据总览

src/views/SellerDashboard/Settings/index.vue

@@ -79,6 +79,7 @@
 
 <script setup>
 	import { ref } from "vue"
+	import { Https } from "@/tool/https"
 	import { Modal } from "ant-design-vue"
 	import paypal from "@/assets/images/seller/setting/paypal.png"
 	import stripe from "@/assets/images/seller/setting/stripe.png"
@@ -86,6 +87,10 @@
 	import alipayChinese from "@/assets/images/seller/setting/alipay-chinese.png"
 	import { useI18n } from "vue-i18n"
 	const { t } = useI18n()
+	import { useStore } from "vuex"
+	const store = useStore()
+	import { useRouter } from "vue-router"
+	const router = useRouter()
 
 	const checked = ref(true)
 	const payList = ref([
@@ -124,7 +129,16 @@
 			cancelText: t("Seller.cancel"),
 			centered: true,
 			onOk() {
-				console.log("stop selling")
+				store.commit("set_loading", true)
+				Https.axiosDelete(Https.httpUrls.deleteSellerDesigner)
+					.then((res) => {
+						store.commit("set_loading", false)
+						store.commit("seller/clear_state")
+						router.push({ name: "home" })
+					})
+					.catch(() => {
+						store.commit("set_loading", false)
+					})
 			}
 		})
 	}