From cdaef31ed79ede43c0b6a5c43f6761ed2de19566 Mon Sep 17 00:00:00 2001
From: weiwei <ctw@example.com>
Date: Sat, 29 Mar 2025 11:11:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mch/mch-manage/form.vue  | 59 ++++++++++++++++--------------
 src/views/mch/mch-manage/index.vue | 55 +++++++++++++---------------
 2 files changed, 56 insertions(+), 58 deletions(-)

diff --git a/src/views/mch/mch-manage/form.vue b/src/views/mch/mch-manage/form.vue
index b9e3303..e9a7bb1 100644
--- a/src/views/mch/mch-manage/form.vue
+++ b/src/views/mch/mch-manage/form.vue
@@ -1,5 +1,5 @@
 <template>
-	<el-dialog :title="form.id ? '编辑' : '新增'" width="40%" v-model="visible" :close-on-click-modal="false" draggable>
+	<el-dialog :title="form.id ? '编辑' : '新增'" width="60%" v-model="visible" :close-on-click-modal="false" draggable>
 		<el-form ref="dataFormRef" :model="form" :rules="dataRules" label-width="110px" v-loading="loading">
 			<el-row :gutter="24">
 				<el-col :span="24" class="mb20">
@@ -13,8 +13,8 @@
 					</el-form-item>
 				</el-col>
 				<el-col :span="24" class="mb20">
-					<el-form-item label="商户类型：" prop="merchantType">
-						<el-radio-group v-model="form.merchantType">
+					<el-form-item label="商户类型：" prop="types">
+						<el-radio-group v-model="form.types">
 							<el-radio
 								:label="item.value"
 								:disabled="merchantTypeRadioDisabled"
@@ -28,35 +28,36 @@
 						</el-radio-group>
 					</el-form-item>
 				</el-col>
-				<el-col v-if="form.merchantType == '2'" :span="24" class="mb20">
+				<el-col v-if="form.types == '2'" :span="24" class="mb20">
 					<el-form-item label="超市类型：" prop="supType">
-						<el-radio-group v-model="form.supType" @change="(value:number) => form.supType = value">
+						<el-radio-group v-model="form.supType" @change="(value:string) => form.supType = value">
 							<el-radio border :label="item.value" v-for="(item, index) in wallet_mch_sup_type" :key="index">{{ item.label }}</el-radio>
 						</el-radio-group>
 					</el-form-item>
 				</el-col>
-				<el-col v-if="form.merchantType == '2' && form.supType == 20" :span="24" class="mb20">
+				<el-col v-if="form.types == '2' && form.supType == '20'" :span="24" class="mb20">
 					<el-form-item label="合作状态：" prop="cooperationStatus">
 						<el-radio-group v-model="form.cooperationStatus">
 							<el-radio border :label="item.value" v-for="(item, index) in yes_no_type" :key="index">{{ item.label }}</el-radio>
 						</el-radio-group>
 					</el-form-item>
 				</el-col>
-				<el-col v-if="form.merchantType == '2' && form.supType == 20" :span="24" class="mb20">
+				<el-col v-if="form.types == '2' && form.supType == '20'" :span="24" class="mb20">
 					<el-form-item label="品牌：" prop="parentId">
 						<el-tree-select
 							v-model="form.parentId"
-							:data="merchantTree"
-							:props="{ value: 'id', label: 'name', children: 'children', disabled: 'isLock' }"
+							:data="parentMerchant"
+							:props="{ value: 'id', label: 'name', children: 'children' }"
 							check-strictly
 							class="w100"
 							clearable
 							filterable
 							placeholder="请选择主店"
+							@focus="parentSelectFocus"
 						/>
 					</el-form-item>
 				</el-col>
-				<el-col v-if="form.merchantType == '2' && form.supType == 20" :span="24" class="mb20">
+				<el-col v-if="form.types == '2' && form.supType == '20'" :span="24" class="mb20">
 					<el-form-item label="优惠价格：" prop="discountsPrice">
 						<el-input v-model="form.discountsPrice" />
 					</el-form-item>
@@ -157,7 +158,7 @@ const form = reactive({
 	id: "",
 	deptId: "",
 	name: "",
-	merchantType: "",
+	types: "",
 	logoPic: "",
 	collectMoneyCode: "",
 	swiperPic: "",
@@ -167,12 +168,12 @@ const form = reactive({
 	businessTime: "",
 	addressDes: "",
 	sort: 0,
-	supType: 1,
+	supType: "10",
 	cooperationStatus: "1",
 	parentId: "",
 	discountsPrice: null,
 })
-const merchantTree = ref<any[]>([])
+const parentMerchant = ref<any[]>([])
 const jobTime = reactive<{
 	[key: string]: string[]
 }>({
@@ -190,9 +191,7 @@ const dataRules = ref({
 	swiperPic: [{ required: true, message: "请上传商户轮播图", trigger: "blur" }],
 	rangeDate: [{ required: true, message: "请选择营业时间", trigger: "blur" }],
 	deptId: [{ required: true, message: "请选择部门", trigger: "blur" }],
-	merchantType: [{ required: true, message: "请选择商户类型", trigger: "blur" }],
 	sort: [{ required: true, message: "请输入排序", trigger: "blur" }],
-	// jobTime: [{ required: true, message: "请选择营业时间", trigger: "blur" }],
 })
 
 // 打开弹窗
@@ -215,21 +214,27 @@ const openDialog = async (id: string) => {
 	await getMerchantTreeData()
 }
 
-// 获取商户树数据
-const getMerchantTreeData = async () => {
-	const res = await pageJoin({ current: 1, size: 9999 })
-	if (res.code == 0) {
-		merchantTree.value = res.data.records
-	} else {
-		merchantTree.value = []
+const parentSelectFocus = async () => {
+	try {
+		const res = await pageJoin({ current: 1, size: 9999, types: "2", supType: "10" })
+		if (res.code == 0) {
+			parentMerchant.value = res.data.records
+		} else {
+			parentMerchant.value = []
+		}
+	} catch (error) {
+		parentMerchant.value = []
 	}
 }
 
+// 获取商户树数据
+const getMerchantTreeData = async () => {}
+
 watch(
-	() => form.merchantType,
+	() => form.types,
 	(newVal) => {
 		if (newVal != "2") {
-			form.supType = 1
+			form.supType = "10"
 			form.cooperationStatus = "1"
 			form.parentId = ""
 		}
@@ -243,7 +248,6 @@ const onSubmit = async () => {
 	const _pa = {
 		...form,
 		isSyncZy: form.isSyncZy ? "1" : "0",
-		types: form.merchantType,
 		jobTime: (jobTime.morning?.join("-") || "") + "," + (jobTime.noon?.join("-") || "") + "," + (jobTime.evening?.join("-") || ""),
 	}
 	try {
@@ -268,7 +272,6 @@ const getmerchantInfoData = async (id: string) => {
 			const regex = /^.*?,.*?,.*?$/
 			const resJobTime = res.data.jobTime && regex.test(res.data.jobTime) ? res.data.jobTime.split(",") : []
 			Object.assign(form, res.data, {
-				merchantType: res.data.types,
 				isSyncZy: res.data.isSyncZy == "1" ? true : false,
 			})
 			jobTime.morning = resJobTime[0]?.split("-") ?? []
@@ -284,8 +287,8 @@ const getmerchantInfoData = async (id: string) => {
 
 // 点击商户类型单选按钮
 const handleClickRadio = (radioItemValue: string) => {
-	if (radioItemValue === form.merchantType) {
-		form.merchantType = ""
+	if (radioItemValue === form.types) {
+		form.types = ""
 		merchantTypeRadioDisabled.value = true
 		setTimeout(() => {
 			merchantTypeRadioDisabled.value = false
diff --git a/src/views/mch/mch-manage/index.vue b/src/views/mch/mch-manage/index.vue
index c96542e..6b883c8 100644
--- a/src/views/mch/mch-manage/index.vue
+++ b/src/views/mch/mch-manage/index.vue
@@ -51,24 +51,23 @@
 			<el-table
 				:data="state.dataList"
 				v-loading="state.loading"
-				:cell-style="tableStyle.cellStyle"
 				:header-cell-style="tableStyle.headerCellStyle"
+				:row-class-name="tableRowClassName"
 				@selection-change="selectionChangHandle"
 				@sort-change="sortChangeHandle"
 				:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-				:indent="20"
 				:default-expand-all="false"
 				row-key="id"
 			>
 				<el-table-column type="selection" width="40" align="center" />
-				<el-table-column type="index" label="#" width="50" />
+				<el-table-column type="index" label="#" width="50" align="center" />
 				<el-table-column prop="name" label="商户名" align="left" min-width="120" />
-				<el-table-column prop="logoPic" label="logo">
+				<el-table-column prop="logoPic" label="logo" align="center">
 					<template #default="{ row }">
 						<preview-image :src="row.logoPic" />
 					</template>
 				</el-table-column>
-				<el-table-column prop="collectionCode" width="150" label="商户收款二维码" show-overflow-tooltip>
+				<el-table-column prop="collectionCode" width="150" align="center" label="商户收款二维码" show-overflow-tooltip>
 					<template #default="{ row }">
 						<div class="flex flex-col justify-center items-center">
 							<preview-image :src="row.collectionCode" />
@@ -76,7 +75,7 @@
 						</div>
 					</template>
 				</el-table-column>
-				<el-table-column prop="merchantType" label="商户类型" show-overflow-tooltip :min-width="100">
+				<el-table-column prop="merchantType" label="商户类型" align="center" show-overflow-tooltip :min-width="100">
 					<template #default="{ row }">
 						<div class="flex justify-center items-center">
 							<div v-for="(v, i) in row.types?.split(',')" :key="i" class="mr-1">
@@ -85,7 +84,7 @@
 						</div>
 					</template>
 				</el-table-column>
-				<el-table-column width="200" label="支付默认钱包">
+				<el-table-column width="200" label="支付默认钱包" align="center">
 					<template #default="{ row }">
 						<div class="flex items-center justify-center">
 							<div class="color-primary">{{ row.walletTypeName }}</div>
@@ -95,28 +94,28 @@
 						</div>
 					</template>
 				</el-table-column>
-				<el-table-column prop="deptName" label="部门" show-overflow-tooltip min-width="100" />
-				<el-table-column prop="phone" label="联系电话" :min-width="120" />
-				<el-table-column prop="sort" label="排序" :min-width="100">
+				<el-table-column prop="deptName" label="部门" show-overflow-tooltip align="center" min-width="100" />
+				<el-table-column prop="phone" label="联系电话" :min-width="120" align="center" />
+				<el-table-column prop="sort" label="排序" :min-width="100" align="center">
 					<template #default="{ row }">
 						<span class="color-success">{{ row.sort }}</span>
 					</template>
 				</el-table-column>
-				<el-table-column prop="mchCount" label="分店数量" :min-width="100">
+				<el-table-column prop="mchCount" label="分店数量" :min-width="100" align="center">
 					<template #default="{ row }">
 						<span class="color-primary">{{ row.mchCount || 0 }}</span>
 					</template>
 				</el-table-column>
-				<el-table-column prop="businessTime" label="营业时间" :min-width="160">
+				<el-table-column prop="businessTime" label="营业时间" :min-width="160" align="center">
 					<template #default="{ row }">
 						<div>{{ row.jobTime?.split(",")[0] ? "早上：" + row.jobTime?.split(",")[0] : "" }}</div>
 						<div>{{ row.jobTime?.split(",")[1] ? "中午：" + row.jobTime?.split(",")[1] : "" }}</div>
 						<div>{{ row.jobTime?.split(",")[2] ? "晚上：" + row.jobTime?.split(",")[2] : "" }}</div>
 					</template>
 				</el-table-column>
-				<el-table-column prop="addressDes" label="地址" show-overflow-tooltip :min-width="160" />
-				<el-table-column prop="createTime" label="创建时间" show-overflow-tooltip :min-width="160" />
-				<el-table-column prop="isSyncZy" label="是否同步正元" min-width="120">
+				<el-table-column prop="addressDes" label="地址" show-overflow-tooltip :min-width="160" align="center" />
+				<el-table-column prop="createTime" label="创建时间" show-overflow-tooltip :min-width="160" align="center" />
+				<el-table-column prop="isSyncZy" label="是否同步正元" min-width="120" align="center">
 					<template #default="{ row }">
 						<el-switch
 							:disabled="!useUserInfo().userInfos.roleCodes.includes('ROLE_ADMIN')"
@@ -127,7 +126,7 @@
 						/>
 					</template>
 				</el-table-column>
-				<el-table-column label="是否在移动端展示" min-width="150">
+				<el-table-column label="是否在移动端展示" min-width="150" align="center">
 					<template #default="{ row }">
 						<el-switch
 							:disabled="!useUserInfo().userInfos.roleCodes.includes('ROLE_ADMIN')"
@@ -138,7 +137,7 @@
 						/>
 					</template>
 				</el-table-column>
-				<el-table-column label="操作" fixed="right" min-width="300">
+				<el-table-column label="操作" fixed="right" min-width="300" align="center">
 					<template #default="{ row }">
 						<el-button icon="RefreshRight" text type="primary" v-auth="'wallet_mchManage_refresh_qrcode'" @click="refreshQrcode(row)">
 							刷新二维码
@@ -191,20 +190,13 @@ const state: BasicTableProps = reactive<BasicTableProps>({
 	pageList: mchManangeApi.pageJoinTree,
 })
 
-//  table hook
 const { getDataList, currentChangeHandle, sizeChangeHandle, sortChangeHandle, downBlobFile, tableStyle } = useTable(state)
 
-// watch(
-// 	() => state.dataList,
-// 	(newData: any) => {
-// 		state.dataList = newData.map((item: any, index: number) => {
-// 			return {
-// 				...item,
-// 				index: index + 1,
-// 			}
-// 		})
-// 	},
-// )
+const tableRowClassName = ({ row, rowIndex }: { row: any; rowIndex: number }) => {
+	if (row.parentId) {
+		return "success-row"
+	}
+}
 
 // 清空搜索条件
 const resetQuery = () => {
@@ -215,7 +207,7 @@ const resetQuery = () => {
 	getDataList()
 }
 
-// 重新生成正元二位啊吗
+// 重新生成正元二维码
 const refreshQrcode = async (row: any) => {
 	try {
 		await useMessageBox().confirm("是否重新生成正元二维码")
@@ -312,4 +304,7 @@ const downloadCollectionCode = (row: any) => {
 		text-overflow: ellipsis;
 	}
 }
+::v-deep .el-table .success-row {
+	--el-table-tr-bg-color: var(--el-color-success-light-9);
+}
 </style>