赛事报名民生付

@@ -19,3 +19,6 @@ VITE_APP_XXL_JOB_ADMIN = 'http://localhost:9100/xxl-job-admin'
 VITE_APP_SOCKET_URL='http://192.168.1.133:8088'
 
 VITE_TICKET_BASE_API = 'ticket'
+
+# 民生付
+VITE_APP_MSPAY_URL = 'https://wxpay.cmbc.com.cn/mobilePlatform/unitypay/unityPayReq.do'

@@ -22,3 +22,6 @@ VITE_BUILD_COMPRESS = gzip
 VITE_APP_SOCKET_URL='http://192.168.1.133:8088'
 
 VITE_TICKET_BASE_API = 'https://ticketh5.wdsfwuxicenter.com/ticket'
+
+# 民生付
+VITE_APP_MSPAY_URL = 'https://epay.cmbc.com.cn/appweb/unitypay/unityPayReq.do'

@@ -22,3 +22,6 @@ VITE_BUILD_COMPRESS = gzip
 VITE_APP_SOCKET_URL='http://192.168.1.133:8088'
 
 VITE_TICKET_BASE_API = 'https://jijin.wtwuxicenter.com/ticket/'
+
+# 民生付
+VITE_APP_MSPAY_URL = 'https://epay.cmbc.com.cn/appweb/unitypay/unityPayReq.do'

+<template>
+  <div>
+    <form
+      v-show="show"
+      id="unityPayForm"
+      ref="myFormRef"
+      method="post"
+      :action="url"
+    >
+      <textarea name="context" style="width: 100%;height: 400px;">
+          {{ formData }}
+    </textarea>
+      <button type="submit">提交</button>
+    </form>
+  </div>
+</template>
+
+<script setup >
+import { nextTick, ref } from 'vue'
+
+const props = defineProps({
+  show: {
+    type: Boolean,
+    default: false
+  },
+  action: {
+    type: String,
+    default: ''
+  }
+})
+const url = ref(import.meta.env.VITE_APP_MSPAY_URL)
+const formData = ref()
+const myFormRef = ref(null)
+
+function handleSubmit(row) {
+  formData.value = row
+  if (props.action) url.value = props.action
+  nextTick(() => {
+    if (myFormRef.value) myFormRef.value.submit()
+  })
+}
+
+defineExpose({
+  handleSubmit
+})
+</script>
+
+<style scoped lang="scss">
+
+</style>