<!--
  进件特殊参数配置

  @author xy
  @site https://www.jeequan.com
  @date 2023/01/31 10:14
-->
<template>
  <a-form ref="applymentExtFormRef" :model="vdata.applymentExtObject" layout="vertical" :rules="vdata.applymentExtFormRules">
    <div v-if="vdata.configMode == 'mgrAgent' && vdata.ifCode == 'shengpay'">
      <a-tag color="#FF4B33">
        进件特殊参数
        <a-popover placement="top">
          <template #content>
            当该代理商下的商户发起进件时将自动上送以下特殊参数。
          </template>
          <question-circle-outlined />
        </a-popover>
      </a-tag>
      <!-- 特殊参数配置 -->
      <a-row :gutter="24">
        <a-col :span="8">
          <a-form-item label="代理商微信渠道号" name="wxChannelNo">
            <a-input
              v-model:value="vdata.applymentExtObject.wxChannelNo"
            />
          </a-form-item>
        </a-col>
      </a-row>
    </div>
  </a-form>
</template>
<script setup lang="ts">
import { ref, reactive, defineExpose } from 'vue'

// 当前的form
const applymentExtFormRef = ref()

const vdata = reactive({
  isSupportCashout: 0, // 支付接口是否支持提现
  applymentExtObject: {}, // 当前配置项
  configMode: {}, // 模式
  ifCode: '',
  applymentExtFormRules: {}, //表单规则
}) as any

// 对外提供的页面的渲染函数 （ configMode，cashoutObject = 当前配置项 ）
function pageRender(ifCode, configMode, applymentExtParams){
  // 赋值
  vdata.configMode = configMode
  vdata.ifCode = ifCode
  vdata.applymentExtObject = applymentExtParams
}


// 对外提供的获取配置参数函数 （返回JSON类型）
function getConfigParams(){
  return applymentExtFormRef.value.validate().then( () => {
    return vdata.applymentExtObject
  })
}

defineExpose({ getConfigParams, pageRender })

</script>
