chore:

packages/ui/certd-client/src/utils/index.ts

@@ -5,6 +5,7 @@ import commons from "./util.common";
 import * as mitt from "./util.mitt";
 import { routerUtils } from "./util.router";
 import { treeUtils } from "./util.tree";
+import { hashUtils } from "./util.hash";
 export const util = {
   ...envs,
   ...sites,
@@ -12,5 +13,6 @@ export const util = {
   ...commons,
   ...mitt,
   router: routerUtils,
-  tree: treeUtils
+  tree: treeUtils,
+  hash: hashUtils
 };

packages/ui/certd-client/src/utils/util.hash.ts

@@ -0,0 +1,5 @@
+export const hashUtils = {
+  md5(data: string) {
+    throw new Error("Not implemented");
+  }
+};

packages/ui/certd-client/src/views/certd/suite/order-modal.vue

@@ -19,7 +19,9 @@
       <div class="flex-o mt-5">
         支付方式：
         <a-select v-model:value="formRef.payType">
+          <a-select-option value="yizhifu">易支付</a-select-option>
           <a-select-option value="alipay">支付宝</a-select-option>
+          <a-select-option value="wxpay">微信支付</a-select-option>
         </a-select>
       </div>
     </div>
@@ -27,10 +29,12 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from "vue";
-import { durationDict, OrderModalOpenReq, TradeCreate, TradeCreateReq } from "/@/views/certd/suite/api";
+import { ref } from "vue";
+import { durationDict, OrderModalOpenReq, TradeCreate } from "/@/views/certd/suite/api";
 import SuiteValue from "/@/views/sys/suite/product/suite-value.vue";
 import PriceInput from "/@/views/sys/suite/product/price-input.vue";
+import { notification } from "ant-design-vue";
+import modal from "/@/views/certd/notification/notification-selector/modal/index.vue";
 
 const openRef = ref(false);
 
@@ -51,7 +55,7 @@ async function open(opts: OrderModalOpenReq) {
 
 async function orderCreate() {
   console.log("orderCreate", formRef.value);
-  const res = await TradeCreate({
+  const paymentReq = await TradeCreate({
     productId: formRef.value.productId,
     duration: formRef.value.duration,
     num: formRef.value.num ?? 1,
@@ -59,6 +63,64 @@ async function orderCreate() {
   });
 
   //跳转到对应的页面
+  // http://pay.docmirror.cn/submit.php
+  //易支付表单提交
+  if (formRef.value.payType === "yizhifu") {
+    doYizhifu(paymentReq);
+  } else {
+    //支付宝、微信支付
+    window.open(paymentReq);
+  }
+
+  modal.open({
+    title: "支付",
+    content: "请在新页面完成支付",
+    onOk: () => {
+      openRef.value = false;
+    },
+    cancelText: "取消支付",
+    onText: "已完成支付"
+  });
+}
+
+function doYizhifu(paymentReq: any) {
+  console.log("doYizhifu", paymentReq);
+  /**
+   * 商户ID	pid	是	Int	1001
+   * 支付方式	type	否	String	alipay	支付方式列表
+   * 商户订单号	out_trade_no	是	String	20160806151343349
+   * 异步通知地址	notify_url	是	String	http://www.pay.com/notify_url.php	服务器异步通知地址
+   * 跳转通知地址	return_url	是	String	http://www.pay.com/return_url.php	页面跳转通知地址
+   * 商品名称	name	是	String	VIP会员	如超过127个字节会自动截取
+   * 商品金额	money	是	String	1.00	单位：元，最大2位小数
+   * 业务扩展参数	param	否	String	没有请留空	支付后原样返回
+   * 签名字符串	sign	是	String	202cb962ac59075b964b07152d234b70	签名算法点此查看
+   * 签名类型	sign_type	是	String	MD5	默认为MD5
+   */
+  const form = document.createElement("form");
+  form.action = paymentReq.api;
+  form.method = "post";
+  form.target = "_blank";
+  // form.style.display = "none";
+  document.body.appendChild(form);
+
+  function createInput(name: string, value: any) {
+    const input = document.createElement("input");
+    input.type = "input";
+    input.name = name;
+    input.value = value;
+    form.appendChild(input);
+  }
+
+  const body = paymentReq.body;
+  const keys = Object.keys(body);
+  keys.forEach((key) => {
+    createInput(key, body[key]);
+  });
+
+  form.submit();
+  //delete form
+  document.body.removeChild(form);
 }
 
 defineExpose({

packages/ui/certd-client/src/views/certd/suite/pay-return.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h1>支付成功</h1>
+    <div>
+      <a-button type="primary" @click="handleBack">返回</a-button>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+function handleBack() {
+  window.location.href = "/";
+}
+</script>