|
|
@@ -7,8 +7,6 @@
|
|
|
<Form ref="formRef" class="g-form__container" @submit="formSubmit">
|
|
|
<CellGroup inset>
|
|
|
<Field readonly name="bankaccountno" label="扣费账号" v-model="bankaccountno" />
|
|
|
- <Field type="number" name="Yckfxe" label="一次扣费限额" maxlength="30" v-model.trim="Yckfxe"
|
|
|
- placeholder="请输入银行卡账号" :rules="formRules.Yckfxe" />
|
|
|
<Field name="Xysxrq" readonly label="协议生效期" maxlength="30" v-model.trim="formData.Xysxrq"
|
|
|
placeholder="请选择协议生效期" :rules="formRules.Xysxrq" is-link @click="showCalendar = true"/>
|
|
|
<Field name="Xydqrq" readonly label="协议到期日" maxlength="30" v-model.trim="formData.Xydqrq"
|
|
|
@@ -18,10 +16,21 @@
|
|
|
<app-select v-model="Kksjdw" placeholder="请选择扣款单位" :options="getGt_kksjdwList()" />
|
|
|
</template>
|
|
|
</Field>
|
|
|
- <Field type="number" name="Kkzqnkfxe" label="扣费周期内扣款限额" maxlength="30" v-model.trim="Kkzqnkfxe"
|
|
|
- placeholder="请输入扣费周期内扣款限额" :rules="formRules.Kkzqnkfxe" />
|
|
|
- <Field type="number" name="Kkzqnxzbs" label="扣费周期内限制笔数" maxlength="30" v-model.trim="formData.Kkzqnxzbs"
|
|
|
- placeholder="请输入扣费周期内限制笔数" :rules="formRules.Kkzqnxzbs" />
|
|
|
+ <Field name="Yckfxe" label="一次扣费限额" placeholder="请输入一次扣费限额" :rules="formRules.Yckfxe" >
|
|
|
+ <template #input>
|
|
|
+ <Stepper v-model="Yckfxe" theme="round" button-size="22" :min="0.0" :step="0.01" />
|
|
|
+ </template>
|
|
|
+ </Field>
|
|
|
+ <Field name="Kkzqnkfxe" label="扣费周期内扣款限额" placeholder="请输入扣费周期内扣款限额" :rules="formRules.Kkzqnkfxe" >
|
|
|
+ <template #input>
|
|
|
+ <Stepper v-model="Kkzqnkfxe" theme="round" button-size="22" :min="0.0" :step="0.01" />
|
|
|
+ </template>
|
|
|
+ </Field>
|
|
|
+ <Field name="Kkzqnxzbs" placeholder="请输入扣费周期内限制笔数" :rules="formRules.Kkzqnxzbs" label="扣费周期内限制笔数">
|
|
|
+ <template #input>
|
|
|
+ <Stepper v-model="Kkzqnxzbs" theme="round" button-size="22" :min="0" :max="99" :step="1" integer />
|
|
|
+ </template>
|
|
|
+ </Field>
|
|
|
<Field type="number" name="Lxdh" label="手机号码" maxlength="30" v-model.trim="formData.Lxdh"
|
|
|
placeholder="请输入手机号码" :rules="formRules.Lxdh" />
|
|
|
<Field name="Addr" label="联系地址" type="textarea" autosize maxlength="128" v-model.trim="formData.Addr" placeholder="请输入联系地址"/>
|
|
|
@@ -43,7 +52,7 @@
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
import { shallowRef, ref, defineAsyncComponent } from 'vue'
|
|
|
-import { CellGroup, Field, Button, showFailToast, FormInstance, Form, FieldRule, Calendar } from 'vant'
|
|
|
+import { CellGroup, Field, Button, showFailToast, FormInstance, Form, FieldRule, Calendar, Stepper } from 'vant'
|
|
|
import { fullloading, dialog } from '@/utils/vant'
|
|
|
import { getGt_kksjdwList } from "@/constants/bank"
|
|
|
import { useDoYJFGetWithholdSignInSMSVCode } from '@/business/bank'
|
|
|
@@ -64,8 +73,9 @@ const { formData, onSubmit, bankaccountno } = useDoYJFGetWithholdSignInSMSVCode(
|
|
|
// 日期范围
|
|
|
const dateRange = ref<string[]>([])
|
|
|
const Kksjdw = ref('')
|
|
|
-const Kkzqnkfxe = ref('0.00')
|
|
|
-const Yckfxe = ref('0.00')
|
|
|
+const Kkzqnkfxe = ref(0.00)
|
|
|
+const Yckfxe = ref(0.00)
|
|
|
+const Kkzqnxzbs = ref(0)
|
|
|
|
|
|
const { componentRef, componentId, openComponent, closeComponent } = useComponent(() => {
|
|
|
closed(true)
|
|
|
@@ -110,7 +120,7 @@ const formRules: { [key in keyof Proto.YJF_GetWithholdSignInSMSVCodeReq]?: Field
|
|
|
Kkzqnxzbs: [{
|
|
|
message: '请输入扣费周期内限制笔数',
|
|
|
validator: () => {
|
|
|
- return !!formData.Kkzqnxzbs
|
|
|
+ return !!Kkzqnxzbs.value
|
|
|
}
|
|
|
}],
|
|
|
Lxdh: [{
|
|
|
@@ -128,7 +138,7 @@ const formRules: { [key in keyof Proto.YJF_GetWithholdSignInSMSVCodeReq]?: Field
|
|
|
// 选择日期
|
|
|
const onConfirm = ([start, end]: Date[]) => {
|
|
|
showCalendar.value = false
|
|
|
- dateRange.value = [formatDate(start.toISOString(), 'YYYYMMDD'), formatDate(end.toISOString(), 'YYYYMMDD')]
|
|
|
+ dateRange.value = [formatDate(start.toISOString(), 'YYYY-MM-DD'), formatDate(end.toISOString(), 'YYYY-MM-DD')]
|
|
|
const [startDate, endDate] = dateRange.value
|
|
|
formData.Xysxrq = startDate
|
|
|
formData.Xydqrq = endDate
|
|
|
@@ -137,16 +147,19 @@ const onConfirm = ([start, end]: Date[]) => {
|
|
|
// 获取验证码
|
|
|
const formSubmit = () => {
|
|
|
dialog({
|
|
|
- message: '确认解约？',
|
|
|
+ message: '确认要申请代扣签约吗？',
|
|
|
showCancelButton: true
|
|
|
}).then(() => {
|
|
|
formRef.value?.validate('Lxdh').then(() => {
|
|
|
fullloading((hideLoading) => {
|
|
|
+
|
|
|
/// 数据单独处理
|
|
|
formData.Kksjbc = '99'
|
|
|
formData.Kksjdw = Kksjdw.value.toString()
|
|
|
formData.Yckfxe = formatDecimal(Yckfxe.value)
|
|
|
formData.Kkzqnkfxe = formatDecimal(Kkzqnkfxe.value)
|
|
|
+ formData.Kkzqnxzbs = formatDecimal(Kkzqnxzbs.value, 0)
|
|
|
+
|
|
|
onSubmit().then(() => {
|
|
|
hideLoading()
|
|
|
openComponent('SMSCode')
|
