正元同步配置

package.json

@@ -53,6 +53,8 @@
 		"vue-clipboard3": "^2.0.0",
 		"vue-echarts": "6.6.1",
 		"vue-i18n": "9.2.2",
+		"vue-json-pretty": "^2.4.0",
+		"vue-json-viewer": "^3.0.4",
 		"vue-router": "^4.1.6",
 		"vue3-tree-org": "^4.2.2",
 		"vue3-video-play": "1.3.1-beta.6",
@@ -112,4 +114,4 @@
 		"type": "git",
 		"url": "https://gitee.com/log4j/pig"
 	}
-}
+}

src/views/wallet/wallet-setting/components/off-line/index.vue

@@ -3,14 +3,7 @@
 		<div class="layout-padding-auto layout-padding-view">
 			<div class="flex justify-center flex-col">
 				<div>
-					<el-form
-						ref="dataFormRef"
-						:model="form"
-						:rules="dataRules"
-						formDialogRef
-						label-width="180px"
-						v-loading="loading"
-					>
+					<el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="180px" v-loading="loading">
 						<el-row :gutter="24">
 							<el-col :span="24" class="mb20">
 								<el-form-item label="离线订单是否需要审批" prop="offLineOrderApplyEnable">

src/views/wallet/wallet-setting/components/third-zy/index.vue

@@ -7,20 +7,44 @@
 				border
 				:cell-style="tableStyle.cellStyle"
 				:header-cell-style="tableStyle.headerCellStyle"
-				@selection-change="selectionChangHandle"
 				@sort-change="sortChangeHandle"
 			>
-				<el-table-column type="selection" width="40" align="center" />
 				<el-table-column type="index" label="#" width="40" />
-				<el-table-column prop="bizType" label="同步类型" show-overflow-tooltip />
-				<el-table-column label="操作" width="150">
-					<template #default="scope">
-						<el-button icon="edit-pen" text type="primary" v-auth="'third_thirdZyLog_edit'" @click="formDialogRef.openDialog(scope.row.id)"
-							>编辑</el-button
-						>
-						<!-- <el-button icon="delete" text type="primary" v-auth="'third_thirdZyLog_del'" @click="handleDelete([scope.row.id])"
-							>删除</el-button
-						> -->
+				<el-table-column prop="apiUrl" label="apiUrl" show-overflow-tooltip />
+				<el-table-column prop="bizType" label="同步类型" show-overflow-tooltip>
+					<template #default="{ row }">
+						<dict-tag :type="row.bizType" :dict="third_zy_log_biz_type" />
+					</template>
+				</el-table-column>
+				<el-table-column prop="orgRes" label="原始res" show-overflow-tooltip>
+					<template #default="{ row }">
+						<el-button text type="primary" @click="handleClickJsonView(row.orgRes)">查看</el-button>
+					</template>
+				</el-table-column>
+				<el-table-column prop="encipherRes" label="加密res" show-overflow-tooltip>
+					<template #default="{ row }">
+						<el-button text type="primary" @click="handleClickJsonView(row.encipherRes)">查看</el-button>
+					</template>
+				</el-table-column>
+				<el-table-column prop="orgReq" label="原始req" show-overflow-tooltip>
+					<template #default="{ row }">
+						<el-button text type="primary" @click="handleClickJsonView(row.orgReq)">查看</el-button>
+					</template>
+				</el-table-column>
+				<el-table-column prop="encipherReq" label="加密req" show-overflow-tooltip>
+					<template #default="{ row }">
+						<el-button text type="primary" @click="handleClickJsonView(row.encipherReq)">查看</el-button>
+					</template>
+				</el-table-column>
+				<el-table-column prop="error" label="调用错误" show-overflow-tooltip />
+				<el-table-column prop="version" label="同步版本" show-overflow-tooltip />
+				<el-table-column label="操作" width="120">
+					<template #default="{ row }">
+						<el-button text type="primary" v-auth="'third_thirdZyLog_edit'" @click="formDialogRef.openDialog(row.id)">编辑</el-button>
+						<el-button text type="primary" @click="merchantInfoSync(row)">商户信息同步</el-button>
+						<el-button text type="primary" @click="unitOfAccountSync(row)">记账单位同步</el-button>
+						<el-button text type="primary" @click="accountInfoSync(row)">账户信息同步</el-button>
+						<el-button text type="primary" @click="identityInfoSync(row)">身份信息同步</el-button>
 					</template>
 				</el-table-column>
 			</el-table>
@@ -29,70 +53,48 @@
 
 		<!-- 编辑、新增  -->
 		<form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
+
+		<el-dialog title="" v-model="jsonViewVisible">
+			<vue-json-pretty :data="jsonData" showLength showLineNumber showIcon :collapsedOnClickBrackets="false" />
+			<template #footer>
+				<el-button @click="jsonViewVisible = false">关闭</el-button>
+			</template>
+		</el-dialog>
 	</div>
 </template>
 
 <script setup lang="ts" name="systemThirdZyLog">
 import { BasicTableProps, useTable } from "/@/hooks/table"
-import { fetchList, delObjs } from "/@/api/wallet/third-zy-log"
-import { useMessage, useMessageBox } from "/@/hooks/message"
+import { fetchList } from "/@/api/wallet/third-zy-log"
 import { useDict } from "/@/hooks/dict"
+import VueJsonPretty from "vue-json-pretty"
+import "vue-json-pretty/lib/styles.css"
 
-// 引入组件
 const FormDialog = defineAsyncComponent(() => import("./form.vue"))
-// 定义查询字典
 
-// 定义变量内容
 const formDialogRef = ref()
-// 搜索变量
-const queryRef = ref()
-const showSearch = ref(true)
-// 多选变量
-const selectObjs = ref([]) as any
-const multiple = ref(true)
-
+const { third_zy_log_biz_type } = useDict("third_zy_log_biz_type")
+const jsonViewVisible = ref<boolean>()
+const jsonData = ref()
 const state: BasicTableProps = reactive<BasicTableProps>({
 	queryForm: {},
 	pageList: fetchList,
 })
 
-//  table hook
-const { getDataList, currentChangeHandle, sizeChangeHandle, sortChangeHandle, downBlobFile, tableStyle } = useTable(state)
+const { getDataList, currentChangeHandle, sizeChangeHandle, sortChangeHandle, tableStyle } = useTable(state)
 
-// 清空搜索条件
-const resetQuery = () => {
-	// 清空搜索条件
-	queryRef.value?.resetFields()
-	// 清空多选
-	selectObjs.value = []
-	getDataList()
+// 点击查看json
+const handleClickJsonView = (json: any) => {
+	jsonViewVisible.value = true
+	jsonData.value = JSON.parse(json)
 }
 
-// 导出excel
-const exportExcel = () => {
-	downBlobFile("/third/thirdZyLog/export", Object.assign(state.queryForm, { ids: selectObjs }), "thirdZyLog.xlsx")
-}
-
-// 多选事件
-const selectionChangHandle = (objs: { id: string }[]) => {
-	selectObjs.value = objs.map(({ id }) => id)
-	multiple.value = !objs.length
-}
-
-// 删除操作
-// const handleDelete = async (ids: string[]) => {
-// 	try {
-// 		await useMessageBox().confirm("此操作将永久删除")
-// 	} catch {
-// 		return
-// 	}
-
-// 	try {
-// 		await delObjs(ids)
-// 		getDataList()
-// 		useMessage().success("删除成功")
-// 	} catch (err: any) {
-// 		useMessage().error(err.msg)
-// 	}
-// }
+// 商户信息同步
+const merchantInfoSync = (row: any) => {}
+// 记账单位同步
+const unitOfAccountSync = (row: any) => {}
+// 账户信息同步
+const accountInfoSync = (row: any) => {}
+// 身份信息同步
+const identityInfoSync = (row: any) => {}
 </script>