总后台-汇付多支付配置菜单新增关联小程序名称查询与展示

src/views/his/hfpayConfig/index.vue

@@ -19,6 +19,15 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="小程序名称" prop="appName">
+        <el-input
+          v-model="queryParams.appName"
+          placeholder="请输入小程序名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -75,6 +84,7 @@
     <el-table border v-loading="loading" :data="hfpayConfigList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="appId" align="center" prop="appId" />
+      <el-table-column label="小程序名称" align="center" prop="appName" />
       <el-table-column label="汇付产品号" align="center" prop="hfProductId" />
       <el-table-column label="系统号" align="center" prop="hfSysId" />
       <el-table-column label="商户号" align="center" prop="huifuId" />
@@ -195,6 +205,7 @@ export default {
         hfOnlineRefundNotifyUrl: null,
         hfRsaPrivateKey: null,
         hfRsaPublicKey: null,
+        appName: null,
       },
       // 表单参数
       form: {},