贵茶 3 增加爱签实名认证

oem/gstj/config/appconfig.json

@@ -3,7 +3,7 @@
   "appName": "甘肃碳交",
   "version": "1.0.29",
   "versionCode": "100029",
-  "apiUrl": "http://192.168.31.205:8080/cfg?key=test_205",
+  "apiUrl": "http://192.168.31.204:8080/cfg?key=test_204",
   "tradeChannel": "ws",
   "modules": [
     "register",

src/packages/gstj/views/holdbank/holdsign/components/apply/index.less

@@ -1,5 +1,5 @@
 
 .tips_time {
     background-color: white; 
-    margin: 10px 15px; 
+    padding: 10px; 
 }

src/packages/gzcj/views/account/certification/Index.vue

@@ -0,0 +1,304 @@
+<template>
+    <app-view class="g-form account-certification">
+        <template #header>
+            <app-navbar title="实名认证" />
+        </template>
+        <Form ref="formRef" class="g-form__container" @submit="onCheckCardNum" :loading="loading">
+            <!-- 个人 -->
+            <CellGroup v-if="getUserInfoType() === 1" inset>
+                <Field v-model="person.realName" :readonly="isReadonly && realName != ''" name="realName" label="姓名" placeholder="请输入用户姓名" :rules="PFormRules.realName" />
+                <Field v-model="person.mobile" name="mobile" readonly label="预留手机号" :rules="PFormRules.mobile"/>
+                <Field name="bankId" label="开户银行" :rules="PFormRules.bankId" is-link>
+                    <template #input>
+                        <app-select v-model="person.bankId" placeholder="请选择开户银行" :readonly="isReadonly && bankaccount != ''" :options="banklist"
+                            :optionProps="{ label: 'bankname', value: 'bankid' }" />
+                    </template>
+                </Field>
+                <Field label="银行卡号" v-model="person.bankCard" :readonly="isReadonly && bankaccount != ''" name="bankCard" placeholder="请输入银行卡号" :rules="PFormRules.bankCard" />
+                <span style="font-size: 12px; padding-left: 15px; color: #FF162F;">此银行卡作为后续签约银行卡，请谨慎填写</span>
+                <Field v-model="person.idCardNo" :readonly="isReadonly && cardnum != ''" name="idCardNo" label="证件号码" placeholder="请输入证件号码" :rules="PFormRules.idCardNo" />
+                <Field name="idCardPhoto" label="证件正面照片" :rules="PFormRules.idCardPhoto">
+                    <template #input>
+                        <app-uploader @success="f_afterRead" />
+                    </template>
+                </Field>
+                <Field name="cardbackphotourl" label="证件反面照片" :rules="PFormRules.idCardPhotoBackURL">
+                    <template #input>
+                        <app-uploader @success="b_afterRead" />
+                    </template>
+                </Field>
+            </CellGroup>
+            <!-- 企业 -->
+            <CellGroup inset v-else>
+                <Field v-model="company.realName" :readonly="isReadonly && realName != ''" name="realName" label="法人姓名" placeholder="请输入法人姓名" :rules="CFormRules.realName" />
+                <Field v-model="company.mobile" name="mobile" readonly label="法人手机号" />
+                <Field v-model="company.companyName" name="companyName" label="企业名称" placeholder="请输入企业名称" :rules="CFormRules.companyName" />
+                <Field v-model="company.creditCode" name="creditCode" label="信用代码" placeholder="请输入社会统一信用代码" :rules="CFormRules.creditCode" />
+                <Field v-model="company.bankCard" :readonly="isReadonly && bankaccount != ''" name="bankCard" label="法人银行卡号" placeholder="请输入法人银行卡号" :rules="CFormRules.bankCard" />
+                <Field v-model="company.idCardNo" :readonly="isReadonly && cardnum != ''" name="idCardNo" label="法人身份证号" placeholder="请输入法人身份证号" :rules="CFormRules.idCardNo" />
+                    <Field name="idCardPhoto" label="营业执照" :rules="CFormRules.idCardPhoto">
+                    <template #input>
+                        <app-uploader @success="f_afterRead" />
+                    </template>
+                </Field>
+            </CellGroup>
+        </Form>
+        <img src="../../../assets/images/certification.png" />
+        <template #footer>
+            <div class="g-form__footer inset">
+                <Button type="danger" :loading="buttonLoading" @click="formRef?.submit" round block>提交实名认证验证</Button>
+            </div>
+        </template>
+        <component ref="componentRef" v-bind="{ serialNo }" :is="componentMap.get(componentId)" @closed="closeComponent"
+            v-if="componentId" />
+    </app-view>
+</template>
+
+<script lang="ts" setup>
+import { shallowRef, onMounted, ref, defineAsyncComponent } from 'vue'
+import { useComponent } from '@/hooks/component'
+import { CellGroup, Button, Field, Form, FormInstance, showFailToast, FieldRule } from 'vant'
+import { fullloading, dialog } from '@/utils/vant'
+import { getIdCardAge } from '@/filters'
+import { useRequest } from '@/hooks/request'
+import { queryTencentUsereSignRecords, requestCheckCardNum } from '@/services/api/account'
+import { useRequestBankCard4 } from '@/business/user/account'
+import { validateRules } from '@/constants/regex'
+import { useUserStore } from '@/stores'
+import { useNavigation } from '@mobile/router/navigation'
+import { getUserId, getMemberUserId, getUserInfoType } from '@/services/methods/user'
+import { decryptAES } from '@/services/websocket/package/crypto'
+import { queryBankAccountSign } from '@/services/api/bank'
+import { useQueryCusBankSignBank } from '@/business/bank'
+import AppUploader from '@mobile/components/base/uploader/index.vue'
+import AppSelect from '@mobile/components/base/select/index.vue'
+
+const componentMap = new Map<string, unknown>([
+    ['captcha', defineAsyncComponent(() => import('./components/captcha/Index.vue'))],
+])
+const { banklist } = useQueryCusBankSignBank()
+const { router } = useNavigation()
+const userStore = useUserStore()
+const formRef = shallowRef<FormInstance>()
+/// 个人信息
+const person = ref<Model.PersonBankCard4>({})
+/// 公司信息
+const company = ref<Model.CompanyBankCard4>({})
+/// 四要素校验
+const { formData, onBankCard4, loading } = useRequestBankCard4()
+const { customername, mobile2, cardnum, legalpersonname } = userStore.userInfo
+const { componentRef, componentId, openComponent, closeComponent } = useComponent(() => {
+    router.back()
+})
+/// 流水号
+const serialNo = ref<string>('')
+/// 是否只读
+const isReadonly = ref(false)
+const bankaccount = ref('')
+const realName = ref('')
+
+/// 查询托管银行信息
+useRequest(queryBankAccountSign, {
+    onSuccess: (res) => {
+        /// 签约状态
+        if (res.data.length != 0) {
+            /// 如果已经签约了 不允许修改信息
+            const { bankaccountname, bankaccountno2, bankid } = res.data[0]
+            isReadonly.value = res.data.some(e => [4].includes(e.signstatus))
+            person.value.bankCard = decryptAES(bankaccountno2)
+            person.value.bankId = bankid
+            bankaccount.value = bankaccountno2
+            realName.value = bankaccountname
+            person.value.realName = realName.value
+        } 
+    }
+})
+
+/// 查询记录
+const { loading: buttonLoading } = useRequest(queryTencentUsereSignRecords, {
+    params: {
+        userId: getUserId(),
+        memberUserId: getMemberUserId()
+    },
+    onError: (err) => {
+        showFailToast(err)
+    }
+})
+
+const b_afterRead = (filePath: string) => {
+    if (getUserInfoType() === 1) {
+        person.value.idCardPhotoBackURL = filePath
+    }
+}
+
+const f_afterRead = (filePath: string) => {
+    if (getUserInfoType() === 1) {
+        person.value.idCardPhoto = filePath
+    } else {
+        company.value.idCardPhoto = filePath
+    }
+}
+
+// 个人信息表单验证规则
+const PFormRules: { [key in keyof Model.PersonBankCard4]?: FieldRule[] } = {
+    realName: [{
+        required: true,
+        message: '请输入用户姓名',
+        validator: () => {
+            return !!person.value.realName
+        }
+    }],
+    mobile: [{
+        required: true,
+        message: '请输入手机号码',
+        validator: (val) => {
+            if (validateRules.phone.validate(val)) {
+                return true
+            }
+            return validateRules.phone.message
+        }
+    }],
+    bankId: [{
+        message: '请选择开户银行',
+        validator: () => {
+            return !!person.value.bankId
+        }
+    }],
+    bankCard: [{
+        required: true,
+        message: '请输入银行卡号',
+        validator: (val) => {
+            if (validateRules. bankcardno.validate(val)) {
+                return true
+            }
+            return validateRules.bankcardno.message
+        }
+    }],
+    idCardNo: [{
+        required: true,
+        message: '请输入证件号码',
+        validator: (val) => {
+            if (validateRules.cardno.validate(val)) {
+                if (getIdCardAge(val)) {
+                    return '开户失败，您的年龄不符合开户要求'
+                } 
+                return true
+            }
+            return validateRules.cardno.message
+        }
+    }],
+    idCardPhoto: [{
+        required: true,
+        message: '请上传证件背面照片',
+    }],
+    idCardPhotoBackURL: [{
+        required: true,
+        message: '请上传证件正面照片',
+    }],
+}
+
+// 企业信息表单验证规则
+const CFormRules: { [key in keyof Model.CompanyBankCard4]?: FieldRule[] } = {
+    realName: [{
+        required: true,
+        message: '请输入法人姓名',
+    }],
+    companyName: [{
+        required: true,
+        message: '请输入企业名称',
+    }],
+    creditCode: [{
+        required: true,
+        message: '请输入社会统一信用代码',
+    }],
+    mobile: [{
+        required: true,
+        message: '请输入手机号码',
+        validator: (val) => {
+            if (validateRules.phone.validate(val)) {
+                return true
+            }
+            return validateRules.phone.message
+        }
+    }],
+    bankCard: [{
+        required: true,
+        message: '请输入法人银行卡号（仅限印有“银联”字样的银行卡）',
+        validator: (val) => {
+            if (validateRules. bankcardno.validate(val)) {
+                return true
+            }
+            return validateRules.bankcardno.message
+        }
+    }],
+    idCardNo: [{
+        required: true,
+        message: '请输入法人身份证号',
+        validator: (val) => {
+            if (validateRules.cardno.validate(val)) {
+                if (getIdCardAge(val)) {
+                    return '开户失败，您的年龄不符合开户要求'
+                } 
+                return true
+            }
+            return validateRules.cardno.message
+        }
+    }],
+    idCardPhoto: [{
+        required: true,
+        message: '请上传营业执照',
+    }],
+}
+
+const onCheckCardNum = () => {
+    fullloading((hideLoading) => {
+        requestCheckCardNum({
+            data: {
+                cardnum: getUserInfoType() === 1 ? person.value.idCardNo : company.value.idCardNo
+            }
+        }).then(() => {
+            // 实体类型 1:个人 2:企业
+            formData.type = getUserInfoType()
+            // 个人
+            if ( getUserInfoType() === 1) {
+                formData.person = person.value
+            } else {
+                // 企业
+                formData.company = company.value
+            }
+            // 发送验证
+            onBankCard4().then((res) => {
+                hideLoading()
+                /// 流水号
+                serialNo.value = res.data.serialNo
+                /// 已发送验证码
+                dialog('验证码已发送！').then(() => {
+                    /// 发送验证码
+                    openComponent('captcha')
+                })
+            }).catch((err) => {
+                hideLoading(err, 'fail')
+            })
+        }).catch((err) => {
+            hideLoading(err, 'fail')
+        })
+    })
+}
+
+onMounted(() => {
+    // 个人
+    if (getUserInfoType() === 1) {
+        person.value.idCardNo = decryptAES(cardnum)
+        person.value.mobile = mobile2
+        realName.value = customername
+        person.value.realName = realName.value
+    } else {
+        // 企业
+        company.value.mobile = mobile2
+        company.value.creditCode = decryptAES(cardnum)
+        realName.value = legalpersonname
+        company.value.realName = realName.value
+        company.value.companyName = customername
+    }
+})
+</script>

src/packages/gzcj/views/account/certification/components/captcha/Index.vue

@@ -0,0 +1,118 @@
+<template>
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :loading="loading" :refresh="refresh">
+        <app-view class="g-form">
+            <template #header>
+                <app-navbar title="验证码" @back="closed" />
+            </template>
+            <Form ref="formRef" class="g-form__container" @submit="formSubmit">
+                <CellGroup inset>
+                    <Field v-model="CaptchaVerifyFormData.captcha" type="digit" name="captcha" label="短信验证码" placeholder="必填" :rules="formRules.captcha" autocomplete="off">
+                        <template #button>
+                            <Button size="small" type="danger" :disabled="isCountdown" @click="sendVerifyCode">
+                                <span v-if="isCountdown">重新发送({{ currentTime.seconds }})</span>
+                                <span v-else>获取验证码</span>
+                            </Button>
+                        </template>
+                    </Field>
+                </CellGroup> 
+            </Form>
+            <template #footer>
+                <div class="g-form__footer inset">
+                    <Button type="danger" round block @click="formRef?.submit()">提交验证</Button>
+                </div>
+            </template>
+        </app-view>
+    </app-modal>
+</template>
+
+<script lang="ts" setup>
+
+import { shallowRef, ref, computed, onMounted } from 'vue'
+import { CellGroup, Button, Field, Form, FormInstance, FieldRule, showFailToast } from 'vant'
+import { fullloading, dialog } from '@/utils/vant'
+import { useCountDown } from '@vant/use'
+import { useRequestCaptchaVerify, useRequestCaptcaResend } from '@/business/user/account';
+import { getUserInfoType } from '@/services/methods/user'
+const { loading, CaptchaVerifyFormData, onCaptchaVerify } = useRequestCaptchaVerify()
+const { formData, onCaptcaResend } = useRequestCaptcaResend()
+import AppModal from '@/components/base/modal/index.vue'
+
+const showModal = shallowRef(true)
+const refresh = shallowRef(false) // 是否刷新父组件数据
+const formRef = shallowRef<FormInstance>()
+
+// 倒计时函数
+const countdown = useCountDown({
+    time: 60 * 1000,
+    onFinish: () => {
+        countdown.reset()
+        isCountdown.value = false
+    }
+})
+const isCountdown = ref(false) // 是否正在倒计时
+// 倒计时剩余时间
+const currentTime = computed(() => countdown.current.value)
+
+const props = defineProps({
+    serialNo: {
+        type: String,
+        required: true,
+    }
+})
+
+// 发送手机验证码
+const sendVerifyCode = () => {
+    formData.serialNo = props.serialNo
+    /// 重新发送验证码
+    onCaptcaResend().then(() => {
+        isCountdown.value = true
+        countdown.start()
+    }).catch(() => {
+        showFailToast('发送失败')
+    })
+}
+
+// // 表单验证规则
+const formRules: { [key in keyof Model.CaptchaVerifyReq]?: FieldRule[] } = {
+    captcha: [{
+        message: '请输入短信验证码',
+        validator: () => {
+            return !!CaptchaVerifyFormData.captcha
+        }
+    }],
+}
+
+const formSubmit = () => {
+    fullloading((hideLoading) => {
+        /// 参数信息
+        CaptchaVerifyFormData.serialNo = props.serialNo
+        CaptchaVerifyFormData.type = getUserInfoType()
+        /// 短信校验
+        onCaptchaVerify().then(() => {
+            hideLoading()
+            dialog('实名认证提交成功！').then(() => {
+                closed(true)
+            })
+        }).catch((err) => {
+            hideLoading(err, 'fail')
+        })
+    })
+}
+
+// 关闭弹窗
+const closed = (isRefresh = false) => {
+    refresh.value = isRefresh
+    showModal.value = false
+}
+
+// 暴露组件属性给父组件调用
+defineExpose({
+    closed,
+})
+
+onMounted(() => {
+    isCountdown.value = true
+    /// 默认倒计时
+    countdown.start()
+})
+</script>

src/packages/gzcj/views/account/protocol/Index.vue

@@ -0,0 +1,130 @@
+<template>
+    <app-view class="g-form">
+        <template #header>
+            <app-navbar title="入市协议" />
+        </template>
+        <div class="g-form__container">
+            <CellGroup inset>
+                <Cell title="名称" :value="customername" />
+                <Cell title="手机号码" :value="mobile2" />
+                <Cell title="证件号码" :value="decryptAES(cardnum)" />
+                <Cell title="开户银行" :value="bankbankname" />
+                <Cell title="银行卡号" :value="decryptAES(bankaccount)" />
+                <Cell title="签署机构" :value="memberUserId" />
+            </CellGroup>
+            <CellGroup inset>
+                <template v-for="(item, index) in dataList" :key="index">
+                    <Cell :title="item.templatename" :icon="iconName(item.recordstatus)" @click="signer(item)" is-link />
+                </template>
+            </CellGroup>
+        </div>
+        <!-- <template #footer>
+            <div class="g-form__footer inset">
+                <Button type="danger" @click="onClose()" round block>完成合同签署</Button>
+            </div>
+        </template> -->
+    </app-view>
+</template>
+
+<script lang="ts" setup>
+import { shallowRef, onMounted } from 'vue'
+import { CellGroup, Cell, showFailToast, showToast } from 'vant'
+import { fullloading, dialog } from '@/utils/vant';
+import { useNavigation } from '@mobile/router/navigation'
+import { useRequest } from '@/hooks/request'
+import { queryUsereSignRecords } from '@/services/api/account';
+import { useRequestCreateContract } from '@/business/user/account';
+import plus from '@/utils/h5plus'
+import { getUserId } from '@/services/methods/user'
+import { useUserStore } from '@/stores'
+import { decryptAES } from '@/services/websocket/package/crypto'
+import eventBus from '@/services/bus'
+
+const { getQueryStringToNumber } = useNavigation()
+/// 所属机构
+const memberUserId = getQueryStringToNumber('memberUserId')
+/// userStore
+const userStore = useUserStore()
+/// 创建电子签合同
+const { createTemplate, createFormData } = useRequestCreateContract()
+/// 电子签合同信息
+const dataList = shallowRef<Model.UsereSignRecordsRsq[]>([])
+/// 用户信息
+const { customername, cardnum, bankaccount, bankbankname, mobile2 } = userStore.userInfo
+/// 查询
+const { run } = useRequest(queryUsereSignRecords, {
+    params: {
+        userId: getUserId(),
+        memberUserId: memberUserId,
+        templatetype: 2
+    },
+    onSuccess: (res) => {
+        if (res.data != null && res.data.length != 0) {
+            dataList.value = res.data
+        }
+    }
+})
+
+const iconName = (type: number) => {
+    switch (type) {
+        case 2: return 'info-o'
+        case 4: return 'close'
+        case 3: return 'passed'
+        default: return 'circle'
+    }
+}
+
+const openWebview = (url: string) => {
+    const ua = window.navigator.userAgent.toLowerCase()
+    if (ua.indexOf('micromessenger') !== -1) {
+        showToast({
+            type: 'fail',
+            message: '请使用浏览器打开此页面'
+        })
+    } else {
+        plus.openWebview({
+            url,
+            titleText: '实名认证',
+            onClose: () => run()
+        })
+    }
+}
+
+const signer = (item: Model.UsereSignRecordsRsq) => {
+    ///  如果是已签署
+    if ([2, 3].includes(item.recordstatus)) {
+        item.signurl ? openWebview(item.signurl) : showFailToast('合同地址错误')
+    } else {
+        fullloading((hideLoading) => {
+            createFormData.recordId = item.recordid
+            /// 创建合同
+            createTemplate().then((res) => {
+                hideLoading()
+                /// 更新数据
+                run()
+                dialog({
+                    message: '是否立即签署协议？',
+                    showCancelButton: true,
+                    cancelButtonText: '暂不签署',
+                    confirmButtonText: '立即签署'
+                }).then(() => {
+                    openWebview(res.data.signUrl)
+                })
+            }).catch((err) => {
+                hideLoading(err, 'fail')
+            })
+        })
+    }
+}
+
+// 接收窗口页面状态通知
+const documentVisibilityStateNotify = eventBus.$on('DocumentVisibilityStateNotify', (state) => {
+    if (state === 'visible') {
+        run()
+    }
+})
+
+onMounted(() => {
+    documentVisibilityStateNotify.cancel()
+})
+</script>

src/packages/gzcj/views/mine/Index.vue

@@ -90,9 +90,15 @@
                         <Iconfont icon="g-icon-certification">实名认证</Iconfont>
                     </template>
                 </Cell>
-                <Cell is-link :to="{ name: 'bank-sign' }" v-if="authStatus === AuthStatus.Certified">
+                <Cell is-link :to="{ name: 'bank-sign' }" v-if="authStatus === AuthStatus.Certified && hasSignContract">
                     <template #title>
-                        <Iconfont icon="g-icon-sign">签约账户</Iconfont>
+                        <Iconfont icon="g-icon-sign">银行签约</Iconfont>
+                    </template>
+                </Cell>
+                <Cell is-link :to="{ name: 'account-protocol', query: { memberUserId: getMemberUserId() } }"
+                    v-if="userStore.userType != 2 && authStatus === AuthStatus.Certified">
+                    <template #title>
+                        <Iconfont icon="g-icon-order--line">入市协议</Iconfont>
                     </template>
                 </Cell>
                 <Cell is-link :to="{ name: 'mine-profile' }">
@@ -152,6 +158,8 @@ const accountStore = useAccountStore()
 const { currentAccount } = accountStore.$toRefs()
 
 const headerRef = shallowRef<HTMLDivElement>()
+/// 判断是否能签约
+const hasSignContract = shallowRef(false)
 const authStatus = computed(() => userStore.userAccount.hasauth) // 实名认证状态
 
 const onReady = (el: HTMLDivElement) => {
@@ -162,21 +170,51 @@ const onReady = (el: HTMLDivElement) => {
 /// 进行出入金操作判断
 const doInOutMoney = (tab: string) => {
     if (authStatus.value === AuthStatus.Certified) {
+        // 判断是否已签约
         fullloading((hideLoading) => {
             queryBankAccountSign().then((res) => {
                 hideLoading()
                 const { signstatus } = res.data[0] ?? {}
-                /// 只有已签约的情况下才可以进行出入金
+                /// 判断当前有签约
                 if (signstatus && signstatus === 4) {
-                    router.push({ name: 'bank-wallet', query: { tab } })
+                    /// 已实名未签合同
+                    if (!hasSignContract.value) {
+                        dialog({
+                            message: '根据平台规定，请先通过《入市协议》签署协议，谢谢！',
+                            showCancelButton: true,
+                            cancelButtonText: '暂不签署',
+                            confirmButtonText: '立即签署'
+                        })
+                        .then(() => {
+                            router.push({ name: 'account-protocol', query: { memberUserId: getMemberUserId()} })
+                        })
+                        .catch(() => {
+                            router.push({ name: 'bank-wallet', query: { tab } })
+                        })
+                    } else {
+                        router.push({ name: 'bank-wallet', query: { tab } })
+                    }
                 } else {
-                    dialog({
-                        message: '请先添加签约账户信息！',
-                        showCancelButton: true,
-                        confirmButtonText: '去签约'
-                    }).then(() => {
-                        router.push({ name: 'bank-sign' })
-                    })
+                    /// 未签约
+                    if (!hasSignContract.value) {
+                        dialog({
+                            message: '根据平台规定，请先通过《入市协议》签署协议，谢谢！',
+                            showCancelButton: true,
+                            cancelButtonText: '关闭',
+                            confirmButtonText: '立即签署'
+                        }).then(() => {
+                            router.push({ name: 'account-protocol', query: { memberUserId: getMemberUserId()} })
+                        })
+                    } else {
+                        dialog({
+                            message: '根据平台规定，请先通过《银行签约》签约银行，谢谢！',
+                            showCancelButton: true,
+                            cancelButtonText: '关闭',
+                            confirmButtonText: '立即签约'
+                        }).then(() => {
+                            router.push({ name: 'bank-sign' })
+                        })
+                    }
                 }
             }).catch(() => {
                 hideLoading('加载失败', 'fail')
@@ -208,6 +246,24 @@ onActivated(() => {
         userStore.getUserData()
     }
     accountStore.getAccountList()
+
+    /// 机构不需要签合同
+    if (userStore.userInfo.usertype === 2) {
+        hasSignContract.value = true
+        return
+    }
+
+    /// 查询数据
+    queryUsereSignRecords({
+        data: {
+            userId: loginStore.userId,
+            memberUserId: getMemberUserId(),
+            templatetype: 2
+        }
+    }).then((res) => {
+        /// 判断是否能签约
+        hasSignContract.value = !res.data.some(e => e.recordstatus != 3)
+    })
 })
 </script>