增加前端格式检查配置

frontend/src/features/admin/views/AdminPaymentConfigsView.vue

@@ -117,11 +117,15 @@ async function handleDelete(row: PaymentConfig) {
 
 async function handleExportBackup() {
   try {
-    await ElMessageBox.confirm('备份文件会包含支付密钥明文，请妥善保管。确定导出吗？', '导出支付配置备份', {
-      type: 'warning',
-      confirmButtonText: '导出',
-      cancelButtonText: '取消',
-    })
+    await ElMessageBox.confirm(
+      '备份文件会包含支付密钥明文，请妥善保管。确定导出吗？',
+      '导出支付配置备份',
+      {
+        type: 'warning',
+        confirmButtonText: '导出',
+        cancelButtonText: '取消',
+      }
+    )
 
     exporting.value = true
     const { blob, filename } = await exportPaymentConfigBackup()
@@ -162,7 +166,7 @@ async function handleImportFile(event: Event) {
         type: 'warning',
         confirmButtonText: '导入',
         cancelButtonText: '取消',
-      },
+      }
     )
 
     importing.value = true
@@ -256,18 +260,52 @@ function deleteDisabledReason(row: PaymentConfig) {
     </div>
 
     <div class="filter-bar">
-      <el-select v-model="filterProvider" placeholder="支付服务商" style="width: 150px" @change="loadConfigs">
-        <el-option v-for="opt in providerOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
+      <el-select
+        v-model="filterProvider"
+        placeholder="支付服务商"
+        style="width: 150px"
+        @change="loadConfigs"
+      >
+        <el-option
+          v-for="opt in providerOptions"
+          :key="opt.value"
+          :label="opt.label"
+          :value="opt.value"
+        />
       </el-select>
-      <el-select v-model="filterStatus" placeholder="状态" style="width: 120px" @change="loadConfigs">
-        <el-option v-for="opt in statusOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
+      <el-select
+        v-model="filterStatus"
+        placeholder="状态"
+        style="width: 120px"
+        @change="loadConfigs"
+      >
+        <el-option
+          v-for="opt in statusOptions"
+          :key="opt.value"
+          :label="opt.label"
+          :value="opt.value"
+        />
       </el-select>
-      <el-select v-model="filterEnvironment" placeholder="环境" style="width: 120px" @change="loadConfigs">
-        <el-option v-for="opt in environmentOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
+      <el-select
+        v-model="filterEnvironment"
+        placeholder="环境"
+        style="width: 120px"
+        @change="loadConfigs"
+      >
+        <el-option
+          v-for="opt in environmentOptions"
+          :key="opt.value"
+          :label="opt.label"
+          :value="opt.value"
+        />
       </el-select>
       <el-button :icon="Refresh" @click="loadConfigs">刷新</el-button>
-      <el-button :icon="Upload" :loading="importing" @click="handleImportBackup">导入备份</el-button>
-      <el-button :icon="Download" :loading="exporting" @click="handleExportBackup">导出备份</el-button>
+      <el-button :icon="Upload" :loading="importing" @click="handleImportBackup"
+        >导入备份</el-button
+      >
+      <el-button :icon="Download" :loading="exporting" @click="handleExportBackup"
+        >导出备份</el-button
+      >
       <el-button type="primary" :icon="Plus" @click="handleCreate">新增配置</el-button>
     </div>
 
@@ -279,12 +317,7 @@ function deleteDisabledReason(row: PaymentConfig) {
       @change="handleImportFile"
     />
 
-    <el-table
-      :data="filteredConfigs"
-      v-loading="loading"
-      class="payment-config-table"
-      stripe
-    >
+    <el-table :data="filteredConfigs" v-loading="loading" class="payment-config-table" stripe>
       <el-table-column prop="name" label="配置名称" min-width="220" show-overflow-tooltip />
       <el-table-column prop="provider" label="服务商" width="120">
         <template #default="{ row }">
@@ -327,10 +360,20 @@ function deleteDisabledReason(row: PaymentConfig) {
       <el-table-column label="操作" width="226" class-name="operation-column">
         <template #default="{ row }">
           <div class="action-buttons">
-            <el-button class="action-button view" size="small" :icon="View" @click="handleView(row)">
+            <el-button
+              class="action-button view"
+              size="small"
+              :icon="View"
+              @click="handleView(row)"
+            >
               查看
             </el-button>
-            <el-button class="action-button edit" size="small" :icon="Edit" @click="handleEdit(row)">
+            <el-button
+              class="action-button edit"
+              size="small"
+              :icon="Edit"
+              @click="handleEdit(row)"
+            >
               编辑
             </el-button>
             <el-tooltip :content="deleteDisabledReason(row)" placement="top">