update.vue 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492
  1. <template>
  2. <!-- 备用提现账号 -->
  3. <div class="huifuPage flex-col">
  4. <s-header :name="$t('huifuMch.standbyWithdrawalAccountNo')" :noback="false"></s-header>
  5. <!-- 申请表单 -->
  6. <div class="huifuform flex-col">
  7. <van-form @submit="onSubmit">
  8. <div class="huifuBox">
  9. <div class="van-cell van-field">
  10. <div class="van-cell__title van-field__label"><span>{{ $t('huifuMch.merchantType') }}</span></div>
  11. <div class="van-cell__value van-field__value radioBox">
  12. <van-radio-group v-model="type" direction="horizontal" disabled>
  13. <van-radio name="0" icon-size="18px">{{ $t('huifuMch.personal') }}</van-radio>
  14. <van-radio name="1" icon-size="18px">{{ $t('huifuMch.enterprise') }}</van-radio>
  15. </van-radio-group>
  16. </div>
  17. </div>
  18. <van-field v-model="regName" name="regName" :label="$t('huifuMch.huifuRegName')"
  19. :placeholder="$t('huifuMch.huifuRegNamePlaceholder')"
  20. :rules="[{ required: true, message: $t('huifuMch.huifuRegNamePlaceholder') }]" />
  21. <van-field v-model="shortName" name="shortName" :label="$t('huifuMch.shortNameLabel')"
  22. :placeholder="$t('huifuMch.shortNamePlaceholder')" />
  23. <div v-if="type == 1">
  24. <van-field v-model="registeredAddress" is-link readonly name="registeredAddress"
  25. :label="$t('huifuMch.huifuRegisteredAddress')"
  26. :placeholder="$t('huifuMch.huifuRegisteredAddressPlaceholder')"
  27. :rules="[{ required: true, message: $t('huifuMch.huifuRegisteredAddressPlaceholder') }]"
  28. @click="showReAddress = true" />
  29. <van-field v-model="regDetail" name="regDetail" :label="$t('huifuMch.huifuRegDetail')"
  30. :placeholder="$t('huifuMch.huifuRegDetailPlaceholder')"
  31. :rules="[{ required: true, message: $t('huifuMch.huifuRegDetailPlaceholder') }]" />
  32. </div>
  33. </div>
  34. <div class="huifuBox" v-if="type == 1">
  35. <van-field v-model="companyFoundDate" readonly name="companyFoundDate" :label="$t('huifuMch.companyFoundDate')"
  36. :placeholder="$t('huifuMch.companyFoundDatePlaceholder')" @click="showFoundDate = true"
  37. :rules="[{ required: true, message: $t('huifuMch.companyFoundDatePlaceholder') }]" />
  38. <van-field v-model="licenseCode" name="licenseCode" :label="$t('huifuMch.licenseCode')"
  39. :placeholder="$t('huifuMch.licenseCodePlaceholder')"
  40. :rules="[{ required: true, message: $t('huifuMch.licenseCodePlaceholder') }]" />
  41. <div class="van-cell van-field">
  42. <div class="van-cell__title van-field__label"><span>{{ $t('huifuMch.validityType') }}</span></div>
  43. <div class="van-cell__value van-field__value radioBox">
  44. <van-radio-group v-model="licenseValidityType" direction="horizontal">
  45. <van-radio name="1" icon-size="18px">{{ $t('huifuMch.permanent') }}</van-radio>
  46. <van-radio name="0" icon-size="18px">{{ $t('huifuMch.noPermanent') }}</van-radio>
  47. </van-radio-group>
  48. </div>
  49. </div>
  50. <van-field v-model="beginDateLicense" readonly name="beginDateLicense" :label="$t('huifuMch.beginDate')"
  51. :placeholder="$t('huifuMch.beginDatePlaceholder')" @click="showBeginDateLicense = true"
  52. :rules="[{ required: true, message: $t('huifuMch.beginDatePlaceholder') }]" />
  53. <van-field v-if="licenseValidityType == 0" v-model="endDateLicense" readonly name="endDateLicense"
  54. :label="$t('huifuMch.endDate')" :placeholder="$t('huifuMch.endDatePlaceholder')"
  55. @click="showEndDateLicense = true"
  56. :rules="[{ required: true, message: $t('huifuMch.endDatePlaceholder') }]" />
  57. </div>
  58. <div class="huifuBox">
  59. <van-field v-model="name" name="name" :label="$t('huifuMch.huifuContactName')"
  60. :placeholder="$t('huifuMch.huifuContactNamePlaceholder')"
  61. :rules="[{ required: true, message: $t('huifuMch.huifuContactNamePlaceholder') }]" />
  62. <van-field v-model="phone" name="phone" :label="$t('huifuMch.huifuContactMobile')"
  63. :placeholder="$t('huifuMch.huifuContactMobilePlaceholder')"
  64. :rules="[{ required: true, pattern: /^1[3456789]\d{9}$/, message: $t('huifuMch.huifuContactMobileMessage') }]" />
  65. <van-field v-model="email" name="email" :label="$t('huifuMch.huifuContactEmail')"
  66. :placeholder="$t('huifuMch.huifuContactEmailPlaceholder')"
  67. :rules="[{ required: true, pattern: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, message: $t('huifuMch.huifuContactEmailMessage') }]" />
  68. <van-field v-model="businessAddress" is-link readonly name="businessAddress"
  69. :label="$t('huifuMch.huifuBusinessAddress')" :placeholder="$t('huifuMch.huifuBusinessAddressPlaceholder')"
  70. :rules="[{ required: true, message: $t('huifuMch.huifuBusinessAddressPlaceholder') }]"
  71. @click="showArea = true" />
  72. <van-field v-model="detailAddr" name="detailAddr" :label="$t('huifuMch.huifuOperatingAddress')"
  73. :placeholder="$t('huifuMch.huifuOperatingAddressPlaceholder')"
  74. :rules="[{ required: true, message: $t('huifuMch.huifuOperatingAddressPlaceholder') }]" />
  75. <van-field v-if="type == 1" v-model="servicePhone" name="servicePhone" :label="$t('huifuMch.huifuServicePhone')"
  76. :placeholder="$t('huifuMch.huifuServicePhonePlaceholder')"
  77. :rules="[{ required: true, message: $t('huifuMch.huifuServicePhonePlaceholder') }]" />
  78. </div>
  79. <div class="huifuBox">
  80. <div class="van-cell van-field" v-if="type == 1">
  81. <div class="van-cell__title van-field__label"><span>{{ $t('huifuMch.cardType') }}</span></div>
  82. <div class="van-cell__value van-field__value radioBox">
  83. <van-radio-group v-model="cardType" direction="horizontal">
  84. <van-radio name="1" icon-size="18px">{{ $t('huifuMch.personalAccount') }}</van-radio>
  85. <van-radio name="0" icon-size="18px">{{ $t('huifuMch.corporateAccount') }}</van-radio>
  86. </van-radio-group>
  87. </div>
  88. </div>
  89. <van-field v-model="cardName" name="cardName" :label="$t('huifuMch.huifuCardName')"
  90. :placeholder="$t('huifuMch.huifuCardNamePlaceholder')"
  91. :rules="[{ required: true, message: $t('huifuMch.huifuCardNamePlaceholder') }]" />
  92. <van-field v-model="cardNo" name="cardNo" :label="$t('huifuMch.huifuCardNo')"
  93. :placeholder="$t('huifuMch.huifuCardNoPlaceholder')"
  94. :rules="[{ required: true, message: $t('huifuMch.huifuCardNoPlaceholder') }]" />
  95. <van-field v-if="cardType == '1'" v-model="mp" name="mp" :label="$t('huifuMch.huifuMp')"
  96. :placeholder="$t('huifuMch.huifuMpPlaceholder')"
  97. :rules="[{ required: true, pattern: /^1[3456789]\d{9}$/, message: $t('huifuMch.huifuContactMobileMessage') }]" />
  98. <van-field v-if="cardType == 0" v-model="branchCode" name="branchCode" :label="$t('huifuMch.branchCode')"
  99. :placeholder="$t('huifuMch.branchCodePlaceholder')"
  100. :rules="[{ required: true, message: $t('huifuMch.branchCodePlaceholder') }]" />
  101. <van-field v-if="cardType == 0" v-model="openLicenceNo" name="openLicenceNo"
  102. :label="$t('huifuMch.openLicenceNo')" :placeholder="$t('huifuMch.openLicenceNoPlaceholder')"
  103. :rules="[{ required: true, message: $t('huifuMch.openLicenceNoPlaceholder') }]" />
  104. <van-field v-if="cardType == '1'" v-model="bankAddress" is-link readonly name="bankAddress"
  105. :label="$t('huifuMch.huifuBankAddress')" :placeholder="$t('huifuMch.huifuBankAddressPlaceholder')"
  106. :rules="[{ required: true, message: $t('huifuMch.huifuBankAddressPlaceholder') }]"
  107. @click="showBankAddress = true" />
  108. <van-field v-model="certNo" name="certNo" :label="$t('huifuMch.huifuCertNo')"
  109. :placeholder="$t('huifuMch.huifuCertNoPlaceholder')"
  110. :rules="[{ required: true, pattern: /^\d{17}[\dXx]$/, message: $t('huifuMch.huifuCertNoMessage') }]" />
  111. <van-field v-if="cardType == '0'" v-model="certAddress" name="certAddress" :label="$t('huifuMch.certAddress')"
  112. :placeholder="$t('huifuMch.certAddressPlaceholder')"
  113. :rules="[{ required: true, message: $t('huifuMch.certAddressPlaceholder') }]" />
  114. <div class="van-cell van-field">
  115. <div class="van-cell__title van-field__label"><span>{{ $t('huifuMch.certType') }}</span></div>
  116. <div class="van-cell__value van-field__value radioBox">
  117. <van-radio-group v-model="certValidityType" direction="horizontal">
  118. <van-radio name="1" icon-size="18px">{{ $t('huifuMch.permanent') }}</van-radio>
  119. <van-radio name="0" icon-size="18px">{{ $t('huifuMch.noPermanent') }}</van-radio>
  120. </van-radio-group>
  121. </div>
  122. </div>
  123. <van-field v-model="beginDate" readonly name="beginDate" :label="$t('huifuMch.beginDate')"
  124. :placeholder="$t('huifuMch.beginDatePlaceholder')" @click="showBeginDate = true"
  125. :rules="[{ required: true, message: $t('huifuMch.beginDatePlaceholder') }]" />
  126. <van-field v-if="certValidityType == 0" v-model="endDate" readonly name="endDate"
  127. :label="$t('huifuMch.endDate')" :placeholder="$t('huifuMch.endDatePlaceholder')" @click="showEndDate = true"
  128. :rules="[{ required: true, message: $t('huifuMch.endDatePlaceholder') }]" />
  129. <van-field v-if="status === '2'" v-model="sms" center clearable :label="$t('huifuMch.sms')"
  130. :placeholder="$t('huifuMch.smsPlaceholder')"
  131. :rules="[{ required: true, message: $t('huifuMch.smsPlaceholder') }]">
  132. <template #button>
  133. <van-button size="small" type="primary" @click="sendCode()" :disabled="time !== 0">
  134. {{ time === 0 ? $t('huifuMch.sendSms') : time + $t('huifuMch.replaysInSeconds') }}
  135. </van-button>
  136. </template>
  137. </van-field>
  138. </div>
  139. <!-- 地址弹窗 -->
  140. <van-popup v-model:show="showArea" position="bottom">
  141. <van-area :area-list="areaList" @confirm="onConfirm" @cancel="showArea = false" />
  142. </van-popup>
  143. <van-popup v-model:show="showBankAddress" position="bottom">
  144. <van-area :area-list="areaList" :columns-num="2" @confirm="onConfirmBankAddress"
  145. @cancel="showBankAddress = false" />
  146. </van-popup>
  147. <van-popup v-model:show="showReAddress" position="bottom">
  148. <van-area :area-list="areaList" @confirm="onConfirmReAddress" @cancel="showReAddress = false" />
  149. </van-popup>
  150. <!-- 时间弹窗 -->
  151. <van-popup v-model:show="showEndDateLicense" position="bottom">
  152. <van-datetime-picker type="date" :min-date="minDate" :max-date="maxDate" @confirm="onConfirmEndDateLicense"
  153. @cancel="showEndDateLicense = false" />
  154. </van-popup>
  155. <van-popup v-model:show="showBeginDateLicense" position="bottom">
  156. <van-datetime-picker type="date" :min-date="minDate" :max-date="maxDate" @confirm="onConfirmBeginDateLicense"
  157. @cancel="showBeginDateLicense = false" />
  158. </van-popup>
  159. <van-popup v-model:show="showFoundDate" position="bottom">
  160. <van-datetime-picker type="date" :min-date="minDate" :max-date="maxDate" @confirm="onConfirmFoundDate"
  161. @cancel="showFoundDate = false" />
  162. </van-popup>
  163. <van-popup v-model:show="showBeginDate" position="bottom">
  164. <van-datetime-picker type="date" :min-date="minDate" :max-date="maxDate" @confirm="onConfirmBeginDate"
  165. @cancel="showBeginDate = false" />
  166. </van-popup>
  167. <van-popup v-model:show="showEndDate" position="bottom">
  168. <van-datetime-picker type="date" :min-date="minDate" :max-date="maxDate" @confirm="onConfirmEndDate"
  169. @cancel="showEndDate = false" />
  170. </van-popup>
  171. <van-row justify="space-around" style="padding: 3em; background-color: #f6f7f9;">
  172. <van-button span="10" round type="primary" style=" padding: 0 5em" native-type="submit">{{
  173. $t('huifuMch.submit') }}
  174. </van-button>
  175. </van-row>
  176. </van-form>
  177. </div>
  178. </div>
  179. </template>
  180. <script>
  181. import { onMounted, reactive, toRefs, ref } from "vue";
  182. import sHeader from "@/components/SimpleHeader";
  183. import dateUtil from "@/utils/dateUtil";
  184. import { Toast } from "vant";
  185. import { areaList } from "@vant/area-data";
  186. import { getHuifuMchCheck, updateMerchant, sendSms } from "@/service/huifuMch";
  187. import { getLoginUser, getLocal, setLocal } from "@/common/js/utils";
  188. import { useRouter } from "vue-router";
  189. import { useI18n } from "vue-i18n";
  190. export default {
  191. components: { sHeader },
  192. setup() {
  193. // 引入语言
  194. const { t } = useI18n();
  195. const router = useRouter();
  196. const user = getLoginUser();
  197. const huifuMchCheck = ref(null); // 审核信息
  198. const businessAddress = ref(''); //经营地址
  199. const registeredAddress = ref(''); //注册地址
  200. const bankAddress = ref(''); // 银行地址
  201. const showArea = ref(false); // 是否弹窗
  202. const showBankAddress = ref(false);
  203. const showReAddress = ref(false);
  204. const companyFoundDate = ref(''); // 成立日期
  205. const showFoundDate = ref(false);
  206. const beginDateLicense = ref(''); // 营业执照有效开始日期
  207. const showBeginDateLicense = ref(false);
  208. const endDateLicense = ref(''); // 营业执照有效截止日期
  209. const showEndDateLicense = ref(false);
  210. const beginDate = ref(''); // 有效期开始日期
  211. const showBeginDate = ref(false);
  212. const endDate = ref(''); // 有效期截日期
  213. const showEndDate = ref(false);
  214. const showStatus = ref(null);
  215. const status = ref(''); // 审核状态
  216. const verCodeTime = reactive({
  217. time: 0
  218. });
  219. let addParams = reactive({
  220. adminId: user.id, // 当前登录账户的id
  221. type: '0', // 类型 String 必填 对公企业:type=0; 个人:type=1
  222. regName: '', // 商户名称
  223. shortName: '', // 商户简称
  224. foundDate: '', // 成立时间
  225. licenseCode: '', // 营业执照编号
  226. licenseValidityType: "1", // 营业执照有效期类型
  227. licenseBeginDate: '', // 营业执照有效开始日期
  228. licenseEndDate: '', // 营业执照有效截止日期
  229. regProvId: '', // 注册省编码
  230. regAreaId: '', // 注册市编码
  231. regDistrictId: '', // 注册区编码
  232. regDetail: '', // 注册详细地址
  233. name: '', // 联系人姓名
  234. phone: '', // 联系人手机号码
  235. email: '', // 联系人邮箱
  236. provId: '', // 省编码
  237. areaId: '', // 省编码
  238. districtId: '', // 市编码
  239. detailAddr: '', // 经营地址
  240. servicePhone: '', // 客服电话
  241. cardName: '', // 卡户名
  242. cardType: '1', // 结算账户类型,“0”为对公账户,“1”为个人账户
  243. cardNo: '', // 银行卡号
  244. branchCode: '', // 联行号
  245. openLicenceNo: '', // 基本存款账户编号或核准号
  246. cardProvId: '', // 省编码
  247. cardAreaId: '', // 省编码
  248. mp: '', // 结算手机号
  249. certNo: '', // 身份证号
  250. certAddress: '', // 身份证地址
  251. certValidityType: '1', // 身份证有效期类型
  252. certBeginDate: '', // 有效期开始日期
  253. certEndDate: '', // 有效期截止日期
  254. sms: '', // 验证码
  255. });
  256. // 地址选择
  257. const onConfirm = (areaValues) => {
  258. console.log(areaValues)
  259. showArea.value = false;
  260. businessAddress.value = areaValues
  261. .filter((item) => !!item)
  262. .map((item) => item.name)
  263. .join('/');
  264. addParams.provId = areaValues[0]?.code || '';
  265. addParams.areaId = areaValues[1]?.code || '';
  266. addParams.districtId = areaValues[2]?.code || '';
  267. // addParams.detailAddr = areaValues[0].name + areaValues[1].name + areaValues[2].name;
  268. };
  269. const onConfirmBankAddress = (areaValues) => {
  270. console.log(areaValues)
  271. showBankAddress.value = false;
  272. bankAddress.value = areaValues
  273. .filter((item) => !!item)
  274. .map((item) => item.name)
  275. .join('/');
  276. addParams.cardProvId = areaValues[0]?.code || '';
  277. addParams.cardAreaId = areaValues[1]?.code || '';
  278. };
  279. const onConfirmReAddress = (areaValues) => {
  280. showReAddress.value = false;
  281. registeredAddress.value = areaValues
  282. .filter((item) => !!item)
  283. .map((item) => item.name)
  284. .join('/');
  285. addParams.regProvId = areaValues[0]?.code || '';
  286. addParams.regAreaId = areaValues[1]?.code || '';
  287. addParams.regDistrictId = areaValues[2]?.code || '';
  288. };
  289. // 时间选择
  290. const onConfirmEndDateLicense = (value) => {
  291. endDateLicense.value = dateUtil.formateDate(value, "yyyy-MM-dd");
  292. addParams.licenseEndDate = endDateLicense.value.replace(/-/g, "");
  293. showEndDateLicense.value = false;
  294. };
  295. const onConfirmBeginDateLicense = (value) => {
  296. beginDateLicense.value = dateUtil.formateDate(value, "yyyy-MM-dd");
  297. addParams.licenseBeginDate = beginDateLicense.value.replace(/-/g, "");
  298. showBeginDateLicense.value = false;
  299. };
  300. const onConfirmFoundDate = (value) => {
  301. companyFoundDate.value = dateUtil.formateDate(value, "yyyy-MM-dd");
  302. addParams.foundDate = companyFoundDate.value.replace(/-/g, "");
  303. showFoundDate.value = false;
  304. };
  305. const onConfirmBeginDate = (value) => {
  306. beginDate.value = dateUtil.formateDate(value, "yyyy-MM-dd");
  307. addParams.certBeginDate = beginDate.value.replace(/-/g, "");
  308. showBeginDate.value = false;
  309. };
  310. const onConfirmEndDate = (value) => {
  311. endDate.value = dateUtil.formateDate(value, "yyyy-MM-dd");
  312. addParams.certEndDate = endDate.value.replace(/-/g, "");
  313. showEndDate.value = false;
  314. };
  315. // 将日期格式转换为'YYYY-MM-DD'格式
  316. const formatDate = (value) => {
  317. const year = value.slice(0, 4);
  318. const month = value.slice(4, 6);
  319. const day = value.slice(6, 8);
  320. return `${year}-${month}-${day}`;
  321. };
  322. // 发送验证码
  323. const sendCode = async () => {
  324. const { data } = await sendSms({
  325. adminId: user.id,
  326. });
  327. console.log('seedVerCodeSuccess', data);
  328. if (data.code === '00000') {
  329. Toast({
  330. duration: 2000,
  331. message: t('huifuMch.successSend') + '\n' + maskPhoneNumber(data.data.phone)
  332. });
  333. console.log('seedVerCodeSuccess');
  334. verCodeTime.time = 60;
  335. verCodeTimeInterval();
  336. } else {
  337. Toast.fail(data.message);
  338. }
  339. }
  340. // 格式手机号码
  341. const maskPhoneNumber = (value) => {
  342. const prefix = value.slice(0, 3);
  343. const suffix = value.slice(-4);
  344. return `${prefix}****${suffix}`;
  345. }
  346. // 验证码发送成功开始3分钟倒计时
  347. const verCodeTimeInterval = () => {
  348. verCodeTime.time--;
  349. setLocal('registerVerCodeTime', verCodeTime.time)
  350. if (verCodeTime.time !== 0) {
  351. setTimeout(() => {
  352. verCodeTimeInterval();
  353. }, 1000);
  354. }
  355. }
  356. //
  357. onMounted(async () => {
  358. const { data } = await getHuifuMchCheck({ adminId: user.id });
  359. console.log(data.data);
  360. if (data.data != null) {
  361. huifuMchCheck.value = data.data;
  362. status.value = data.data.status;
  363. addParams.type = data.data.type;
  364. addParams.regName = data.data.regName;
  365. addParams.shortName = data.data.shortName;
  366. if (data.data.type === "1") {
  367. addParams.regDetail = data.data.detailAddr;
  368. addParams.licenseCode = data.data.licenseCode;
  369. addParams.servicePhone = data.data.servicePhone;
  370. addParams.regProvId = data.data.provId;
  371. addParams.regAreaId = data.data.areaId;
  372. addParams.regDistrictId = data.data.districtId;
  373. addParams.foundDate = data.data.foundDate;
  374. addParams.licenseValidityType = data.data.licenseValidityType;
  375. addParams.licenseBeginDate = data.data.licenseBeginDate;
  376. addParams.licenseEndDate = data.data.licenseEndDate;
  377. companyFoundDate.value = formatDate(data.data.foundDate);
  378. beginDateLicense.value = formatDate(data.data.licenseBeginDate);
  379. endDateLicense.value = formatDate(data.data.licenseEndDate);
  380. registeredAddress.value = areaList.province_list[data.data.provId] + '/' + areaList.city_list[data.data.areaId] + '/' + areaList.county_list[data.data.districtId];
  381. }
  382. addParams.name = data.data.name;
  383. addParams.phone = data.data.phone;
  384. addParams.email = data.data.email;
  385. addParams.cardName = data.data.cardName;
  386. addParams.cardNo = data.data.cardNo;
  387. addParams.provId = data.data.provId;
  388. addParams.areaId = data.data.areaId;
  389. addParams.districtId = data.data.districtId;
  390. addParams.detailAddr = data.data.detailAddr;
  391. addParams.cardType = data.data.cardType;
  392. if(data.data.cardType === "0") {
  393. addParams.branchCode = data.data.branchCode;
  394. addParams.openLicenceNo = data.data.openLicenceNo;
  395. addParams.certAddress = data.data.certAddress;
  396. }
  397. addParams.cardProvId = data.data.cardProvId;
  398. addParams.cardAreaId = data.data.cardAreaId;
  399. addParams.mp = data.data.mp;
  400. addParams.certNo = data.data.certNo;
  401. addParams.certValidityType = data.data.certValidityType;
  402. addParams.certBeginDate = data.data.certBeginDate;
  403. addParams.certEndDate = data.data.certEndDate;
  404. beginDate.value = formatDate(data.data.certBeginDate);
  405. endDate.value = formatDate(data.data.certEndDate);
  406. businessAddress.value = areaList.province_list[data.data.provId] + '/' + areaList.city_list[data.data.areaId] + '/' + areaList.county_list[data.data.districtId];
  407. bankAddress.value = areaList.province_list[data.data.cardProvId] + '/' + areaList.city_list[data.data.cardAreaId]
  408. verCodeTime.time = getLocal('registerVerCodeTime');
  409. if (verCodeTime.time && verCodeTime.time !== '') {
  410. verCodeTime.time = parseInt(verCodeTime.time);
  411. if (verCodeTime.time > 0) {
  412. verCodeTimeInterval();
  413. }
  414. } else {
  415. verCodeTime.time = 0;
  416. }
  417. } else {
  418. Toast.fail(data.message);
  419. }
  420. });
  421. // 提交修改审核
  422. const submitUpdateCheck = async () => {
  423. const { data } = await updateMerchant(addParams);
  424. if (data.code == "00000") {
  425. console.log(data);
  426. Toast.success(t('huifuMch.submittedSuccessfully'));
  427. setTimeout(() => {
  428. router.go(-1);
  429. }, 1000);
  430. } else {
  431. Toast.fail(`${t('huifuMch.submitFailed')} ${data.message}`);
  432. }
  433. }
  434. const onSubmit = async () => {
  435. console.log('onSubmit', addParams);
  436. submitUpdateCheck();
  437. };
  438. return {
  439. ...toRefs(addParams),
  440. ...toRefs(verCodeTime),
  441. verCodeTime,
  442. sendCode,
  443. onSubmit,
  444. showStatus,
  445. businessAddress,
  446. bankAddress,
  447. registeredAddress,
  448. huifuMchCheck,
  449. areaList,
  450. beginDateLicense,
  451. endDateLicense,
  452. companyFoundDate,
  453. beginDate,
  454. endDate,
  455. showArea,
  456. showBankAddress,
  457. showReAddress,
  458. showBeginDateLicense,
  459. showEndDateLicense,
  460. showFoundDate,
  461. showBeginDate,
  462. showEndDate,
  463. onConfirm,
  464. onConfirmBankAddress,
  465. onConfirmReAddress,
  466. onConfirmBeginDateLicense,
  467. onConfirmEndDateLicense,
  468. onConfirmFoundDate,
  469. onConfirmBeginDate,
  470. onConfirmEndDate,
  471. status,
  472. minDate: new Date(2000, 0, 1),
  473. maxDate: new Date(2035, 11, 31),
  474. submitUpdateCheck,
  475. formatDate,
  476. maskPhoneNumber,
  477. };
  478. },
  479. };
  480. </script>
  481. <style lang="less" scoped>
  482. @import "../../common/style/common.less";
  483. @import "./index.less";
  484. </style>