将支付应用id分别配置

manager/src/views/sys/setting-manage/pay/WECHAT_PAYMENT.vue

@@ -3,6 +3,15 @@
     <Form ref="formValidate" :label-width="150" label-position="right" :model="formValidate" :rules="ruleValidate">
       <FormItem label="appId" prop="appId">
         <Input class="w200" v-model="formValidate.appId"/>
+        <p style="color: red">*APP应用 AppID 非必填</p>
+      </FormItem>
+      <FormItem label="mpAppId" prop="mpAppId">
+        <Input class="w200" v-model="formValidate.mpAppId"/>
+        <p style="color: red">*小程序 AppID 非必填</p>
+      </FormItem>
+      <FormItem label="serviceAppId" prop="serviceAppId">
+        <Input class="w200" v-model="formValidate.serviceAppId"/>
+        <p style="color: red">*服务号 AppID 非必填</p>
       </FormItem>
       <FormItem label="mchId" prop="mchId">
         <Input class="w200" v-model="formValidate.mchId"/>
@@ -33,17 +42,13 @@
 <script>
 import {setSetting} from "@/api/index";
 import {handleSubmit} from "../setting/validate";
+
 export default {
   data() {
     return {
       ruleValidate: {}, // 验证规则
-      formValidate: { // 表单数据
-        accessKeyId: "",
-        accessKeySecret: "",
-        bucketName: "",
-        picLocation: "",
-        endPoint: "",
-      },
+      formValidate: {},// 表单数据
+
     };
   },
   props: ["res", "type"],
@@ -73,6 +78,8 @@ export default {
 
       this.$set(this, "formValidate", {...this.res});
       Object.keys(this.formValidate).forEach((item) => {
+        if (item.indexOf("pId") < 0) {
+
           this.ruleValidate[item] = [
             {
               required: true,
@@ -80,6 +87,8 @@ export default {
               trigger: "blur",
             },
           ];
+
+        }
       });
     },
   },
@@ -92,16 +101,19 @@ export default {
 .label-item {
   display: flex;
 }
+
 .w200 {
   /deep/ .ivu-input {
     width: 250px !important;
     margin: 0 10px;
   }
 }
+
 /deep/ .ivu-input {
   width: 450px !important;
   margin: 0 10px;
 }
+
 .ivu-input-wrapper {
   width: 450px;
   margin-right: 10px;