123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388 |
- <template>
- <!-- 提现账号 -->
- <div class="joinpayMchCheckPage flex-col">
- <s-header :name="$t('taskMessage.joinpayMchCheck.withAccoDetail')" :noback="false"></s-header>
- <div v-if="detailType == 0 && infoData" class="joinpayMchCheckBox flex-col">
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.merchantName') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.altMchName }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.merchantType') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.altMerchantType === 10 ? $t('taskMessage.joinpayMchCheck.personal') : '' }}
- {{ infoData.altMerchantType === 11 ? $t('taskMessage.joinpayMchCheck.indivBusines') : '' }}
- {{ infoData.altMerchantType === 12 ? $t('taskMessage.joinpayMchCheck.enterprise') : '' }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.contactName') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.busiContactName }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.indiOrPersName') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.legalPerson }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.indiOrPersPhone') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.phoneNo }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.indiOrPersPhoneIdCard') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.idCardNo }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.idCardValid') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.idCardExpiry }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.accountType') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.bankAccountType === '1' ? $t('taskMessage.joinpayMchCheck.debitCard') : '' }}
- {{ infoData.bankAccountType === '4' ? $t('taskMessage.joinpayMchCheck.corporateAccount') : '' }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.bankAccountName') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.bankAccountName }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.bankAccount') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.bankAccountNo }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.interBankNo') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.bankChannelNo }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.settlMethod') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.settMode === '1' ? $t('taskMessage.joinpayMchCheck.autoSettByConvergence') : '' }}
- {{ infoData.settMode === '2' ? $t('taskMessage.joinpayMchCheck.manuSettByMercPlatform') : '' }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.settlCycle') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.riskDay }}{{ $t('taskMessage.joinpayMchCheck.day') }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.businessNature') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.manageScope }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.businessAddress') }}:</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.manageAddr }}
- </div>
- </div>
- </div>
- <div v-if="isOper" class="itemRow" style="display: flex; justify-content: center; padding: 0.5rem;">
- <van-button span="5" round type="primary"
- style="height: 2em; padding: 0 2em; margin: 0 1em; background: rgb(255 0 0 / 20%); color: #ff0000; border-color: #ff0000;"
- @click="changeStatusFun('3')">
- {{ $t('taskMessage.refuse') }}
- </van-button>
- <van-button span="5" round type="primary"
- style="height: 2em; padding: 0 2em; margin: 0 1em; background: rgb(25 137 250 / 20%); color: #1989fa;"
- @click="changeStatusFun('1')">
- {{ $t('taskMessage.agree') }}
- </van-button>
- </div>
- </div>
- <div v-if="detailType == 1 && infoData" class="joinpayMchCheckBox flex-col">
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.merchantID') }}</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.adminId }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.merchantType') }}</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.type == 0 ? $t('taskMessage.joinpayMchCheck.personal') :
- $t('taskMessage.joinpayMchCheck.enterprise') }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.merchantName') }}</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.regName }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.shortName') }}</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.shortName }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.contactName') }}</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.name }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.phone') }}</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.phone }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.email') }}</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.email }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.certNo') }}</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.certNo }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.cardName') }}</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.cardName }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.bankAccount') }}</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.cardNo }}
- </div>
- </div>
- </div>
- <div class="van-cell van-field">
- <div class="van-cell__title van-field__label">
- <label for="van-field-3-input">{{ $t('taskMessage.joinpayMchCheck.mp') }}</label>
- </div>
- <div class="van-cell__value van-field__value">
- <div class="van-field__body">
- {{ infoData.mp }}
- </div>
- </div>
- </div>
- <div v-if="isOper && infoData.status == '1'" class="itemRow" style="display: flex; justify-content: center; padding: 0.5rem;">
- <van-button span="5" round type="primary"
- style="height: 2em; padding: 0 2em; margin: 0 1em; background: rgb(255 0 0 / 20%); color: #ff0000; border-color: #ff0000;"
- @click="changeStatusFun('3')">
- {{ $t('taskMessage.refuse') }}
- </van-button>
- <van-button span="5" round type="primary"
- style="height: 2em; padding: 0 2em; margin: 0 1em; background: rgb(25 137 250 / 20%); color: #1989fa; border-color: #1989fa;"
- @click="changeStatusFun('1')">
- {{ $t('taskMessage.agree') }}
- </van-button>
- </div>
- </div>
- </div>
- </template>
- <script>
- import { getLoginUser } from "@/common/js/utils";
- import { Toast } from "vant";
- import { onMounted, ref } from 'vue';
- import { useRoute, useRouter } from "vue-router";
- import sHeader from "@/components/SimpleHeader";
- import { gettJoinpayMchCheckInfo, changetJoinpayMchCheckStatus, auditAddMerchant, auditUpdateMerchant } from "@/service/taskMessage";
- import { useI18n } from "vue-i18n";
- export default {
- components: { sHeader },
- setup() {
- // 引入语言
- const { t } = useI18n();
- // 获取用户信息
- const user = getLoginUser();
- const route = useRoute();
- const router = useRouter();
- let infoId = '';
- let infoType = '';
- let infoData = ref(null);
- // 是汇聚还是杉德 0 汇聚 1杉德
- const detailType = ref(0);
- // 是否有操作的权限
- const isOper = ref(true);
- // 初始化页面获取列表
- onMounted(async () => {
- infoId = route.query.infoId;
- infoType = route.query.infoType;
- // 根据路由参数赋值
- detailType.value = infoType || '';
- getInfoData();
- // 如果是type大于1,那么不能有操作的权限
- if (user.type > 1) {
- isOper.value = false;
- }
- });
- const getInfoData = async () => {
- const { data } = await gettJoinpayMchCheckInfo({ id: infoId, type: infoType });
- if (data.code === '00000') {
- infoData.value = data.data;
- } else { Toast.fail(data.message); }
- console.log('getInfoData', infoData);
- console.log(infoData.value.status);
- }
- const changeStatusFun = async (status) => {
- if (detailType.value == 0) {
- const { data } = await changetJoinpayMchCheckStatus({ type: infoType, id: infoId, status: status, });
- if (data.code === '00000') {
- Toast.success(data.message);
- router.push({ path: '/taskJoinPayMchCheck' })
- } else { Toast.fail(data.message); }
- } else {
- // 商户入驻
- if (infoData.value.status == '1') {
- const { data } = await auditAddMerchant({ id: infoId, status: status, });
- if (data.code === '00000') {
- Toast.success(t('taskMessage.joinpayMchCheck.successful'));
- setTimeout(() => {
- router.go(-1);
- }, 1500);
- } else { Toast.fail(data.message); }
- } else if (infoData.value.status == '4') {
- // 商户修改
- const { data } = await auditUpdateMerchant({ id: infoId, status: status, });
- if (data.code === '00000') {
- Toast.success(t('taskMessage.joinpayMchCheck.successful'));
- setTimeout(() => {
- router.go(-1);
- }, 1500);
- } else { Toast.fail(data.message); }
- }
- }
- }
- return {
- infoData,
- changeStatusFun,
- detailType,
- isOper,
- };
- },
- };
- </script>
- <style lang="less" scoped>
- @import "../../../../common/style/common.less";
- @import "./index.less";
- </style>
|