feat(payment): 新增「售后策略」配置与前台售后弹窗链路

- 后台「支付&付费 → 售后策略」：售后功能开关、申请时效、超时效提示(HTML)、
  预置原因、申请售后说明、所需材料、申请说明占位文案、可上传图片开关；
  PHP schema 与 SPA schema 1:1 对齐，group 字段支持拖拽排序
- PaymentRuntime 新增售后设置解析（缺键回退 schema 默认、HTML 走 kses、
  中文原因稳定 slug）与 after_sale_expired 时效判定（支付时间起算）
- 售后工单支持举证图片（order_aftersale.images 列，最多 3 张，
  复用评论图片上传校验）与上传路由；订单视图模型输出 after_sale 按钮状态
- 前台申请 / 超时效提示 / 售后详细三个独立弹窗（modal-mini + 蓝色炫彩头），
  订单详情弹窗不再内嵌售后表单并清理相关死代码
- 新增 after-sale-policy 契约测试与运行时 harness，527 项契约测试通过

assets/admin/src/components/form/AksField.vue

@@ -507,38 +507,47 @@
       </div>
     </div>
 
-    <!-- Repeater (array of objects) — inline expand (default) -->
+    <!-- Repeater (array of objects) — inline expand (default, draggable) -->
     <div v-else-if="(schema.type === 'repeater' || schema.type === 'group') && schema.ui !== 'list-modal'" class="aksrt-field__repeater">
-      <div
-        v-for="(item, index) in repeaterItems"
-        :key="item._id || index"
-        class="aksrt-field__repeater-item"
+      <draggable
+        v-model="repeaterDragList"
+        :item-key="repeaterDragKey"
+        handle=".aksrt-field__repeater-handle"
+        ghost-class="aksrt-field__repeater-ghost"
+        animation="180"
       >
-        <div class="aksrt-field__repeater-header">
-          <span class="aksrt-field__repeater-index">#{{ index + 1 }}</span>
-          <n-button
-            size="tiny"
-            type="error"
-            text
-            :disabled="schema.disabled || reachedRepeaterMinimum"
-            @click="removeRepeaterItem(index)"
-          >
-            <FaIcon icon="fa fas fa-trash-alt" :size="12" />
-          </n-button>
-        </div>
-        <div class="aksrt-field__repeater-fields">
-          <template v-for="field in (schema.fields || [])" :key="field.key">
-            <AksField
-              v-if="matchDependency(field.dependsOn, item)"
-              :schema="field"
-              :model-value="item[field.key]"
-              :form-data="formData"
-              :disabled="schema.disabled"
-              @update:model-value="updateRepeaterItem(index, field.key, $event)"
-            />
-          </template>
-        </div>
-      </div>
+        <template #item="{ element, index }">
+          <div class="aksrt-field__repeater-item">
+            <div class="aksrt-field__repeater-header">
+              <div class="aksrt-field__repeater-title">
+                <i class="fa fas fa-grip-vertical aksrt-field__repeater-handle" aria-hidden="true"></i>
+                <span class="aksrt-field__repeater-index">#{{ index + 1 }}</span>
+              </div>
+              <n-button
+                size="tiny"
+                type="error"
+                text
+                :disabled="schema.disabled || reachedRepeaterMinimum"
+                @click="removeRepeaterItem(index)"
+              >
+                <FaIcon icon="fa fas fa-trash-alt" :size="12" />
+              </n-button>
+            </div>
+            <div class="aksrt-field__repeater-fields">
+              <template v-for="field in (schema.fields || [])" :key="field.key">
+                <AksField
+                  v-if="matchDependency(field.dependsOn, element)"
+                  :schema="field"
+                  :model-value="element[field.key]"
+                  :form-data="formData"
+                  :disabled="schema.disabled"
+                  @update:model-value="updateRepeaterItem(index, field.key, $event)"
+                />
+              </template>
+            </div>
+          </div>
+        </template>
+      </draggable>
       <n-button
         size="small"
         dashed
@@ -688,6 +697,7 @@ import FaIconPicker from './FaIconPicker.vue'
 import AksMediaField from './AksMediaField.vue'
 import AksGalleryField from './AksGalleryField.vue'
 import AksCodeEditor from './AksCodeEditor.vue'
+import draggable from 'vuedraggable'
 import api from '@/api'
 
 const props = defineProps({
@@ -720,6 +730,31 @@ const repeaterItems = computed(() => Array.isArray(props.modelValue) ? props.mod
 const reachedRepeaterMinimum = computed(() => repeaterLength.value <= Number(props.schema.min || 0))
 const reachedRepeaterMaximum = computed(() => Number(props.schema.max || 0) > 0 && repeaterLength.value >= Number(props.schema.max))
 
+/** 拖拽视图：vuedraggable 以 modelValue 模式工作（内部复制后回传 update:modelValue）。 */
+const repeaterDragList = computed({
+  get: () => (Array.isArray(props.modelValue) ? props.modelValue : []),
+  set: (value) => emit('update:modelValue', Array.isArray(value) ? value : []),
+})
+
+/**
+ * 行 key：优先用行自身 _id；服务端历史数据没有 _id 时按对象引用派生稳定 key，
+ * 避免每次输入都重算 key 导致子字段重挂载、输入焦点丢失。
+ */
+const dragRowKeys = new WeakMap()
+let dragRowKeySeed = 0
+function repeaterDragKey(item) {
+  if (item && typeof item === 'object') {
+    if (item._id) return item._id
+    let key = dragRowKeys.get(item)
+    if (!key) {
+      key = `rpt_drag_${++dragRowKeySeed}`
+      dragRowKeys.set(item, key)
+    }
+    return key
+  }
+  return String(item)
+}
+
 function fieldsetValue(field) {
   const current = props.modelValue && typeof props.modelValue === 'object' && !Array.isArray(props.modelValue)
     ? props.modelValue
@@ -1431,9 +1466,27 @@ function confirmRepeaterModal() {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  gap: 8px;
   margin-bottom: 8px;
 }
 
+.aksrt-field__repeater-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.aksrt-field__repeater-handle {
+  cursor: grab;
+  color: var(--aksrt-color-text-tertiary);
+}
+
+.aksrt-field__repeater-ghost {
+  opacity: 0.45;
+  border-color: var(--aksrt-color-primary);
+}
+
 .aksrt-field__repeater-index {
   font-size: 12px;
   font-weight: 600;

assets/admin/src/constants/sections/payment.js

@@ -88,5 +88,16 @@ export const paymentSection = {
       canonicalDomain: 'payment',
       section: 'withdrawal',
     }),
+    schemaPage({
+      key: 'payment-after-sale',
+      name: 'PaymentAfterSale',
+      label: '售后策略',
+      route: '/payment/after-sale',
+      status: 'available',
+      title: '售后策略',
+      desc: '售后功能开关、申请时效、超时效提示与申请表单（预置原因、所需材料、图片上传）配置。',
+      canonicalDomain: 'payment',
+      section: 'after_sale',
+    }),
   ],
 }

assets/admin/src/schema/sections/payment/afterSale.js

@@ -0,0 +1,80 @@
+/**
+ * 售后策略 — 售后开关、申请时效、超时效提示与申请表单配置。
+ *
+ * 字段键、顺序、类型与默认值需与 src/Admin/Schema/SchemaPayment.php 的
+ * after_sale 分区保持 1:1（tests/widget-system/after-sale-policy-contract.test.cjs 守护）。
+ */
+export const afterSaleSchema = {
+  key: 'payment.after_sale',
+  title: '售后策略',
+  icon: 'fa fas fa-undo-alt',
+  description: '售后功能开关、申请时效、超时效提示与申请表单（预置原因、申请说明、所需材料、图片上传）配置。',
+  defaults: {
+    after_sale_s: true,
+    after_sale_time_limit: 7,
+    after_sale_expired_text: '<div>抱歉，您的订单已超过售后申请时效</div>',
+    after_sale_reasons: [
+      { t: '质量问题' },
+      { t: '假冒品牌' },
+      { t: '其他原因' },
+    ],
+    after_sale_desc: '',
+    after_sale_materials: [
+      { t: '联系邮箱' },
+      { t: '联系电话' },
+    ],
+    after_sale_reason_placeholder: '必填，请您详细填写申请原因',
+    after_sale_img_s: true,
+  },
+  groups: [
+    {
+      key: 'main',
+      title: '售后功能',
+      icon: 'fa fas fa-undo-alt',
+      fields: [
+        { key: 'after_sale_s', label: '售后功能', type: 'switch', default: true, help: '开启后用户可以申请售后；关闭后不再处理售后，前台「我的订单」不再显示申请售后按钮' },
+        { key: 'after_sale_time_limit', label: '申请售后时效(天)', type: 'number', default: 7, min: 0, max: 3650, help: '订单支付后多少天内可以申请售后，超过时效将无法申请；0 表示不限制' },
+        { key: 'after_sale_expired_text', label: '超过时效提示', type: 'textarea', sanitize_type: 'html', default: '<div>抱歉，您的订单已超过售后申请时效</div>', rows: 3, help: '订单超过售后时效后，用户点击申请售后时弹窗提示的内容(支持HTML代码，请注意代码规范)' },
+      ],
+    },
+    {
+      key: 'form',
+      title: '申请表单',
+      icon: 'fa fas fa-file-alt',
+      fields: [
+        {
+          key: 'after_sale_reasons',
+          label: '预置原因',
+          type: 'group',
+          button_title: '添加原因',
+          help: '用户申请售后时可选择的原因',
+          default: [
+            { t: '质量问题' },
+            { t: '假冒品牌' },
+            { t: '其他原因' },
+          ],
+          fields: [
+            { key: 't', label: '原因', type: 'input', default: '' },
+          ],
+        },
+        { key: 'after_sale_desc', label: '申请售后说明', type: 'textarea', sanitize_type: 'html', default: '', rows: 5, help: '用户申请售后时显示的内容(支持HTML代码，请注意代码规范)' },
+        {
+          key: 'after_sale_materials',
+          label: '申请所需材料',
+          type: 'group',
+          button_title: '添加材料',
+          help: '用户提交售后申请时需要提供的资料，如联系邮箱、联系电话；此处的信息收集，仅用于售后联系与审核',
+          default: [
+            { t: '联系邮箱' },
+            { t: '联系电话' },
+          ],
+          fields: [
+            { key: 't', label: '资料项', type: 'input', default: '' },
+          ],
+        },
+        { key: 'after_sale_reason_placeholder', label: '申请说明占位文案', type: 'input', default: '必填，请您详细填写申请原因', help: '前台申请售后弹窗中「申请说明」输入框的提示文字' },
+        { key: 'after_sale_img_s', label: '申请售后可上传图片', type: 'switch', default: true, help: '开启后申请售后弹窗中出现图片上传入口（最多上传3张）' },
+      ],
+    },
+  ],
+}

assets/admin/src/schema/sections/payment/index.js

@@ -9,6 +9,7 @@ import { revenueSchema } from './revenue.js'
 import { affiliateSchema } from './affiliate.js'
 import { gatewaySchema } from './gateway.js'
 import { withdrawalSchema } from './withdrawal.js'
+import { afterSaleSchema } from './afterSale.js'
 
 export const paymentSchemas = {
   knowledge: knowledgeSchema,
@@ -18,4 +19,5 @@ export const paymentSchemas = {
   affiliate: affiliateSchema,
   gateway: gatewaySchema,
   withdrawal: withdrawalSchema,
+  after_sale: afterSaleSchema,
 }