feat: 补充用户信息

src/modules/payment/views/business.vue

@@ -184,7 +184,12 @@ const Upsert = useUpsert({
 			component: { name: 'el-input', props: { clearable: true } },
 			required: true
 		},
-		{ label: 'ID', prop: 'merchant', hook: 'number', component: { name: 'el-input-number' } }
+		() => ({
+			label: 'ID', prop: 'merchant', hook: 'number', component: { name: 'el-input-number' },
+			hidden(options) {
+				return Upsert.value?.mode === 'add'
+			}
+		})
 	]
 });
 

src/modules/payment/views/individual.vue

@@ -89,8 +89,11 @@ const Upsert = useUpsert({
 		{
 			label: '证书类型',
 			prop: 'certificate_type',
-			component: { name: 'el-checkbox-group', options: [], props: {} },
-			value: [],
+			component: {
+				name: 'el-select',
+				options: [],
+				props: { clearable: true }
+			},
 			required: true
 		},
 		{
@@ -126,8 +129,27 @@ const Upsert = useUpsert({
 			},
 			required: true
 		},
-		{ label: 'ID', prop: 'merchant', hook: 'number', component: { name: 'el-input-number' } }
-	]
+		() => ({
+			label: 'ID', prop: 'merchant', hook: 'number', component: { name: 'el-input-number' },
+			hidden(options) {
+				return Upsert.value?.mode === 'add'
+			}
+		})
+	],
+	async onOpen() {
+		const typesObj = await service.dict.info.data({
+			types: ['certificate_type'],
+		});
+		Upsert.value?.setOptions(
+			'certificate_type',
+			typesObj['certificate_type'].map(e => {
+				return {
+					label: e.name || '',
+					value: e.value
+				};
+			})
+		);
+	}
 });
 
 // cl-table

src/modules/payment/views/merchant.vue

@@ -22,15 +22,28 @@
 			<!-- 分页控件 -->
 			<cl-pagination />
 		</cl-row>
-		<cl-upsert ref="Upsert"> </cl-upsert>
+		<cl-upsert ref="Upsert">
+			<template #slot-secret="{ scope }">
+				<div>{{ scope.apiSecret }}</div>
+				<div><el-icon style="cursor: pointer" @click="copyToClipboard(scope.apiSecret)"><DocumentCopy /></el-icon></div>
+
+<!--				<el-select v-model="scope.currency" clearable>-->
+<!--					<el-option v-for="item in currencyList.filter(item =>-->
+<!--				channelList-->
+<!--					.find(v => v.code == scope.channelId)-->
+<!--					?.supportedCurrencies.includes(item.id)-->
+<!--			)" :key="item.id" :label="item.label" :value="item.value" />-->
+<!--				</el-select>-->
+			</template>
+		</cl-upsert>
 	</cl-crud>
 </template>
 
 <script lang="ts" name="pay-merchant" setup>
 import { useCrud, useTable, useUpsert, useForm } from '@cool-vue/crud';
 import { useCool } from '/@/cool';
-import md5 from 'md5';
-import { ref } from 'vue';
+import { DocumentCopy } from '@element-plus/icons-vue';
+import { ElMessage } from 'element-plus';
 const { service } = useCool();
 
 // cl-upsert
@@ -105,7 +118,19 @@ const Upsert = useUpsert({
 				]
 			}
 		},
-
+		() => {
+			return {
+				prop: 'apiSecret',
+				label: 'secret',
+				required: true,
+				component: { name: 'slot-secret', props: { disabled: Upsert.value?.mode !== 'add' } },
+				span: 24,
+				hidden(options) {
+					console.log(80, options);
+					return Upsert.value?.mode === 'add'
+				}
+			}
+		},
 		{
 			prop: 'remark',
 			label: '备注',
@@ -145,4 +170,17 @@ const Crud = useCrud(
 		app.refresh();
 	}
 );
+
+
+
+const copyToClipboard = async (secret: string) => {
+	try {
+		// 使用 Clipboard API 复制内容
+		await navigator.clipboard.writeText(secret);
+		ElMessage.success('复制成功');
+	} catch (error) {
+		console.error("复制失败", error);
+		ElMessage.error('复制失败');
+	}
+};
 </script>