Explorar el Código

添加微信支付宝授权指引

liuxiaole hace 2 semanas
padre
commit
8c372b199e
Se han modificado 1 ficheros con 13 adiciones y 0 borrados
  1. 13 0
      src/views/storeDecoration/receivingAccount/index.vue

+ 13 - 0
src/views/storeDecoration/receivingAccount/index.vue

@@ -14,6 +14,11 @@
             <el-radio value="bank"> 银行账号 </el-radio>
           </el-radio-group>
         </el-form-item>
+        <el-form-item v-if="form.accountType !== 'bank'" label="授权指引">
+          <el-button link type="primary" @click="openAuthGuide">
+            查看{{ form.accountType === "wechat" ? "微信" : "支付宝" }}授权指引
+          </el-button>
+        </el-form-item>
 
         <template v-if="form.accountType === 'wechat'">
           <el-form-item label="商户ID" prop="wechatAppid">
@@ -153,6 +158,14 @@ watch(
   }
 );
 
+const openAuthGuide = () => {
+  const url =
+    form.accountType === "wechat"
+      ? "https://ossfile.ailien.shop/privacy/wechat-auth382471.html"
+      : "https://ossfile.ailien.shop/privacy/alipay-auth501249.html";
+  window.open(url, "_blank");
+};
+
 /** 从接口拉取收款配置,用于页面进入时初始化表单,以及「取消」时放弃本地修改并重新回填 */
 const fetchPayAccountConfig = async () => {
   const storeUserId = localGet("geeker-user")?.userInfo?.id;