借记卡权益：使用链接改为使用地址，支持 h5地址/小程序下拉切换

- 新增/编辑页：使用地址下拉选择 h5地址（默认）/小程序；h5 时显示地址输入框，小程序时显示 appid、原始ID、页面地址三个必填输入框
- appid 与原始ID 限长 18 字符，页面地址限长 500 字符
- 查看/审核/审核详情页按类型只读展示对应字段

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

工作空间/产研/权益/汇丰全行/产品原型/pc-demo/src/views/AddEquityProduct.vue

@@ -373,14 +373,39 @@
             </template>
             <el-row :gutter="20">
               <el-col :span="8">
-                <el-form-item label="使用链接">
+                <el-form-item label="使用地址">
                   <template #label>
-                    <span>使用链接</span>
-                    <el-tooltip content="使用链接填写后,可在详情页复制" placement="top">
+                    <span>使用地址</span>
+                    <el-tooltip content="使用地址填写后,可在详情页复制" placement="top">
                       <el-icon style="margin-left: 4px; vertical-align: middle; cursor: pointer;"><QuestionFilled /></el-icon>
                     </el-tooltip>
                   </template>
-                  <el-input v-model="form.claimLink" placeholder="请输入使用链接"></el-input>
+                  <el-select v-model="form.claimLinkType" placeholder="请选择使用地址类型" @change="handleClaimLinkTypeChange">
+                    <el-option label="h5地址" value="h5地址"></el-option>
+                    <el-option label="小程序" value="小程序"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8" v-if="form.claimLinkType === 'h5地址'">
+                <el-form-item label="h5地址">
+                  <el-input v-model="form.claimLink" placeholder="请输入h5地址"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20" v-if="form.claimLinkType === '小程序'">
+              <el-col :span="8">
+                <el-form-item label="小程序appid" required>
+                  <el-input v-model="form.claimMiniAppId" maxlength="18" placeholder="如 wxe6585b1ed3395de7"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="小程序原始ID" required label-width="140px">
+                  <el-input v-model="form.claimMiniOriginalId" maxlength="18" placeholder="如 gh_95d63b0ccb5a"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="小程序页面地址" required label-width="140px">
+                  <el-input v-model="form.claimMiniAppPath" maxlength="500" placeholder="请输入小程序页面地址"></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -659,7 +684,11 @@ export default {
         smsTemplateId: '',
         smsTemplate: '',
         successButtonText: '马上去使用',
+        claimLinkType: 'h5地址',
         claimLink: '',
+        claimMiniAppId: '',
+        claimMiniOriginalId: '',
+        claimMiniAppPath: '',
         showTimeEnabled: false,
         showStartTime: '',
         showEndTime: '',
@@ -736,6 +765,12 @@ export default {
         this.form.merchantName = ''
       }
     },
+    handleClaimLinkTypeChange() {
+      this.form.claimLink = ''
+      this.form.claimMiniAppId = ''
+      this.form.claimMiniOriginalId = ''
+      this.form.claimMiniAppPath = ''
+    },
     loadCopySource(id) {
       const mockMap = {
         'Q100001': {

工作空间/产研/权益/汇丰全行/产品原型/pc-demo/src/views/AuditDetail.vue

@@ -142,17 +142,39 @@
             </el-row>
             <el-row :gutter="20">
               <el-col :span="8">
-                <el-form-item label="使用链接">
+                <el-form-item label="使用地址">
                   <template #label>
-                    <span>使用链接</span>
-                    <el-tooltip content="使用链接填写后,可在详情页复制" placement="top">
+                    <span>使用地址</span>
+                    <el-tooltip content="使用地址填写后,可在详情页复制" placement="top">
                       <el-icon style="margin-left: 4px; vertical-align: middle; cursor: pointer;"><QuestionFilled /></el-icon>
                     </el-tooltip>
                   </template>
+                  <el-input :value="form.claimLinkType" readonly></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8" v-if="form.claimLinkType === 'h5地址'">
+                <el-form-item label="h5地址">
                   <el-input :value="form.claimLink" readonly></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
+            <el-row :gutter="20" v-if="form.claimLinkType === '小程序'">
+              <el-col :span="8">
+                <el-form-item label="小程序appid">
+                  <el-input :value="form.claimMiniAppId" readonly></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="小程序原始ID" label-width="140px">
+                  <el-input :value="form.claimMiniOriginalId" readonly></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="小程序页面地址" label-width="140px">
+                  <el-input :value="form.claimMiniAppPath" readonly></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
           </el-form>
         </el-card>
       </div>
@@ -369,6 +391,11 @@ export default {
         overview: '',
         details: '',
         successButtonText: '',
+        claimLinkType: 'h5地址',
+        claimLink: '',
+        claimMiniAppId: '',
+        claimMiniOriginalId: '',
+        claimMiniAppPath: '',
         showTimeEnabled: false,
         showStartTime: '',
         showEndTime: '',

工作空间/产研/权益/汇丰全行/产品原型/pc-demo/src/views/AuditEquityProduct.vue

@@ -288,17 +288,39 @@
             </template>
             <el-row :gutter="20">
               <el-col :span="8">
-                <el-form-item label="使用链接">
+                <el-form-item label="使用地址">
                   <template #label>
-                    <span>使用链接</span>
-                    <el-tooltip content="使用链接填写后,可在详情页复制" placement="top">
+                    <span>使用地址</span>
+                    <el-tooltip content="使用地址填写后,可在详情页复制" placement="top">
                       <el-icon style="margin-left: 4px; vertical-align: middle; cursor: pointer;"><QuestionFilled /></el-icon>
                     </el-tooltip>
                   </template>
+                  <el-input :value="form.claimLinkType" readonly></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8" v-if="form.claimLinkType === 'h5地址'">
+                <el-form-item label="h5地址">
                   <el-input :value="form.claimLink" readonly></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
+            <el-row :gutter="20" v-if="form.claimLinkType === '小程序'">
+              <el-col :span="8">
+                <el-form-item label="小程序appid">
+                  <el-input :value="form.claimMiniAppId" readonly></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="小程序原始ID" label-width="140px">
+                  <el-input :value="form.claimMiniOriginalId" readonly></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="小程序页面地址" label-width="140px">
+                  <el-input :value="form.claimMiniAppPath" readonly></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
           </el-form>
         </el-card>
 
@@ -495,6 +517,11 @@ export default {
         smsTemplateId: '',
         smsTemplate: '',
         successButtonText: '',
+        claimLinkType: 'h5地址',
+        claimLink: '',
+        claimMiniAppId: '',
+        claimMiniOriginalId: '',
+        claimMiniAppPath: '',
         showTimeEnabled: false,
         showStartTime: '',
         showEndTime: '',

工作空间/产研/权益/汇丰全行/产品原型/pc-demo/src/views/EditEquityProduct.vue

@@ -375,14 +375,39 @@
           </template>
           <el-row :gutter="20">
             <el-col :span="8">
-              <el-form-item label="使用链接">
+              <el-form-item label="使用地址">
                 <template #label>
-                  <span>使用链接</span>
-                  <el-tooltip content="使用链接填写后,可在详情页复制" placement="top">
+                  <span>使用地址</span>
+                  <el-tooltip content="使用地址填写后,可在详情页复制" placement="top">
                     <el-icon style="margin-left: 4px; vertical-align: middle; cursor: pointer;"><QuestionFilled /></el-icon>
                   </el-tooltip>
                 </template>
-                <el-input v-model="form.claimLink" placeholder="请输入使用链接"></el-input>
+                <el-select v-model="form.claimLinkType" placeholder="请选择使用地址类型" @change="handleClaimLinkTypeChange">
+                  <el-option label="h5地址" value="h5地址"></el-option>
+                  <el-option label="小程序" value="小程序"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8" v-if="form.claimLinkType === 'h5地址'">
+              <el-form-item label="h5地址">
+                <el-input v-model="form.claimLink" placeholder="请输入h5地址"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20" v-if="form.claimLinkType === '小程序'">
+            <el-col :span="8">
+              <el-form-item label="小程序appid" required>
+                <el-input v-model="form.claimMiniAppId" maxlength="18" placeholder="如 wxe6585b1ed3395de7"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="小程序原始ID" required label-width="140px">
+                <el-input v-model="form.claimMiniOriginalId" maxlength="18" placeholder="如 gh_95d63b0ccb5a"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="小程序页面地址" required label-width="140px">
+                <el-input v-model="form.claimMiniAppPath" maxlength="500" placeholder="请输入小程序页面地址"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
@@ -667,7 +692,11 @@ export default {
         smsTemplateId: '',
         smsTemplate: '',
         successButtonText: '',
+        claimLinkType: 'h5地址',
         claimLink: '',
+        claimMiniAppId: '',
+        claimMiniOriginalId: '',
+        claimMiniAppPath: '',
         showTimeEnabled: false,
         showStartTime: '',
         showEndTime: '',
@@ -994,6 +1023,12 @@ export default {
         this.form.merchantName = ''
       }
     },
+    handleClaimLinkTypeChange() {
+      this.form.claimLink = ''
+      this.form.claimMiniAppId = ''
+      this.form.claimMiniOriginalId = ''
+      this.form.claimMiniAppPath = ''
+    },
     handleSmsEnabledChange(val) {
       if (!val) {
         this.form.smsTemplateId = ''

工作空间/产研/权益/汇丰全行/产品原型/pc-demo/src/views/ViewEquityProduct.vue

@@ -294,17 +294,39 @@
             </template>
             <el-row :gutter="20">
               <el-col :span="8">
-                <el-form-item label="使用链接">
+                <el-form-item label="使用地址">
                   <template #label>
-                    <span>使用链接</span>
-                    <el-tooltip content="使用链接填写后,可在详情页复制" placement="top">
+                    <span>使用地址</span>
+                    <el-tooltip content="使用地址填写后,可在详情页复制" placement="top">
                       <el-icon style="margin-left: 4px; vertical-align: middle; cursor: pointer;"><QuestionFilled /></el-icon>
                     </el-tooltip>
                   </template>
+                  <el-input :value="form.claimLinkType" readonly></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8" v-if="form.claimLinkType === 'h5地址'">
+                <el-form-item label="h5地址">
                   <el-input :value="form.claimLink" readonly></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
+            <el-row :gutter="20" v-if="form.claimLinkType === '小程序'">
+              <el-col :span="8">
+                <el-form-item label="小程序appid">
+                  <el-input :value="form.claimMiniAppId" readonly></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="小程序原始ID" label-width="140px">
+                  <el-input :value="form.claimMiniOriginalId" readonly></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="小程序页面地址" label-width="140px">
+                  <el-input :value="form.claimMiniAppPath" readonly></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
           </el-form>
         </el-card>
 
@@ -531,6 +553,11 @@ export default {
         smsTemplateId: '',
         smsTemplate: '',
         successButtonText: '',
+        claimLinkType: 'h5地址',
+        claimLink: '',
+        claimMiniAppId: '',
+        claimMiniOriginalId: '',
+        claimMiniAppPath: '',
         showTimeEnabled: false,
         showStartTime: '',
         showEndTime: '',