fetch(add): 账户管理

src/views/settings/commission-template/index.vue

@@ -75,7 +75,13 @@
         </ElFormItem>
 
         <ElFormItem v-if="form.commissionMode === 'percent'" label="佣金比例" prop="percent">
-          <ElInputNumber v-model="form.percent" :min="0" :max="100" :precision="2" style="width: 100%" />
+          <ElInputNumber
+            v-model="form.percent"
+            :min="0"
+            :max="100"
+            :precision="2"
+            style="width: 100%"
+          />
           <span style="margin-left: 8px">%</span>
         </ElFormItem>
 
@@ -84,7 +90,12 @@
         </ElFormItem>
 
         <ElFormItem label="分佣说明" prop="description">
-          <ElInput v-model="form.description" type="textarea" :rows="3" placeholder="请输入分佣规则说明" />
+          <ElInput
+            v-model="form.description"
+            type="textarea"
+            :rows="3"
+            placeholder="请输入分佣规则说明"
+          />
         </ElFormItem>
 
         <ElFormItem label="状态">

src/views/settings/developer-api/index.vue

@@ -3,7 +3,7 @@
     <!-- API密钥管理 -->
     <ElCard shadow="never">
       <template #header>
-        <div style="display: flex; justify-content: space-between; align-items: center">
+        <div style="display: flex; align-items: center; justify-content: space-between">
           <span style="font-weight: 500">API密钥管理</span>
           <ElButton type="primary" size="small" @click="showCreateDialog">生成新密钥</ElButton>
         </div>
@@ -14,7 +14,7 @@
           <ElTableColumn label="密钥名称" prop="keyName" />
           <ElTableColumn label="AppKey" prop="appKey" min-width="200">
             <template #default="scope">
-              <div style="display: flex; align-items: center; gap: 8px">
+              <div style="display: flex; gap: 8px; align-items: center">
                 <code style="color: var(--el-color-primary)">{{ scope.row.appKey }}</code>
                 <ElButton link :icon="CopyDocument" @click="copyToClipboard(scope.row.appKey)" />
               </div>
@@ -22,7 +22,7 @@
           </ElTableColumn>
           <ElTableColumn label="AppSecret" prop="appSecret" min-width="200">
             <template #default="scope">
-              <div style="display: flex; align-items: center; gap: 8px">
+              <div style="display: flex; gap: 8px; align-items: center">
                 <code>{{ scope.row.showSecret ? scope.row.appSecret : '••••••••••••••••' }}</code>
                 <ElButton link :icon="View" @click="scope.row.showSecret = !scope.row.showSecret" />
                 <ElButton link :icon="CopyDocument" @click="copyToClipboard(scope.row.appSecret)" />
@@ -31,7 +31,12 @@
           </ElTableColumn>
           <ElTableColumn label="权限" prop="permissions">
             <template #default="scope">
-              <ElTag v-for="(perm, index) in scope.row.permissions" :key="index" size="small" style="margin-right: 4px">
+              <ElTag
+                v-for="(perm, index) in scope.row.permissions"
+                :key="index"
+                size="small"
+                style="margin-right: 4px"
+              >
                 {{ perm }}
               </ElTag>
             </template>
@@ -276,14 +281,14 @@
   .page-content {
     .stat-box {
       padding: 20px;
+      text-align: center;
       background: var(--el-bg-color);
       border-radius: 8px;
-      text-align: center;
 
       .stat-label {
+        margin-bottom: 8px;
         font-size: 14px;
         color: var(--el-text-color-secondary);
-        margin-bottom: 8px;
       }
 
       .stat-value {

src/views/settings/payment-merchant/index.vue

@@ -5,7 +5,13 @@
         <span style="font-weight: 500">支付商户配置</span>
       </template>
 
-      <ElForm ref="formRef" :model="form" :rules="rules" label-width="150px" style="max-width: 900px">
+      <ElForm
+        ref="formRef"
+        :model="form"
+        :rules="rules"
+        label-width="150px"
+        style="max-width: 900px"
+      >
         <ElDivider content-position="left">基础信息</ElDivider>
 
         <ElFormItem label="商户名称" prop="merchantName">
@@ -65,7 +71,10 @@
         </ElFormItem>
 
         <ElFormItem label="退款回调地址" prop="refundNotifyUrl">
-          <ElInput v-model="form.refundNotifyUrl" placeholder="https://your-domain.com/api/refund-notify">
+          <ElInput
+            v-model="form.refundNotifyUrl"
+            placeholder="https://your-domain.com/api/refund-notify"
+          >
             <template #prepend>POST</template>
           </ElInput>
         </ElFormItem>
@@ -75,19 +84,19 @@
         <ElFormItem label="启用的支付方式">
           <ElCheckboxGroup v-model="form.paymentMethods">
             <ElCheckbox value="wechat">
-              <div style="display: flex; align-items: center; gap: 8px">
-                <span style="color: #09bb07; font-size: 20px">💬</span>
+              <div style="display: flex; gap: 8px; align-items: center">
+                <span style="font-size: 20px; color: #09bb07">💬</span>
                 <span>微信支付</span>
               </div>
             </ElCheckbox>
             <ElCheckbox value="alipay">
-              <div style="display: flex; align-items: center; gap: 8px">
-                <span style="color: #1677ff; font-size: 20px">💳</span>
+              <div style="display: flex; gap: 8px; align-items: center">
+                <span style="font-size: 20px; color: #1677ff">💳</span>
                 <span>支付宝</span>
               </div>
             </ElCheckbox>
             <ElCheckbox value="bank">
-              <div style="display: flex; align-items: center; gap: 8px">
+              <div style="display: flex; gap: 8px; align-items: center">
                 <span style="font-size: 20px">🏦</span>
                 <span>银行卡</span>
               </div>