|
|
@@ -32,7 +32,10 @@
|
|
|
<template v-for="(item, index) in form?.conditions?.cpyCheck" :key="index">
|
|
|
<div class="d-flex a-c pd-5" v-if="+item.check">
|
|
|
<span>
|
|
|
- <span class="f-w-6">{{ selectDictLabels(lm_check_join_type, item.vipLevel, ',') }}</span>
|
|
|
+ <span class="f-w-6">
|
|
|
+ {{ selectDictLabels(lm_check_join_type, item.vipLevel, ',')
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
限制每家单位人数≤{{ item.total }}
|
|
|
</span>
|
|
|
</div>
|
|
|
@@ -43,12 +46,15 @@
|
|
|
<div class="info-title mb-10">参会费用</div>
|
|
|
<div class="bg-#fafafa pd-16 d-flex flex-cln">
|
|
|
<div class="pd-5 pb-15">是否收取费用 ： {{ form?.meetingCharge?.hasFee == '1' ? '是' : '否' }}</div>
|
|
|
- <div class="pd-5 pb-15" v-if="form?.meetingCharge?.hasFee == '1'">收费标准 ： {{ form?.meetingCharge?.pricing }}元/每人</div>
|
|
|
- <div class="pd-5 pb-15" v-if="form?.meetingCharge?.hasFee == '1'&& form?.meetingCharge?.hasFlatFee =='0'">所有人统一收取标准费用</div>
|
|
|
- <div class="pd-5 pb-15" v-if="form?.meetingCharge?.hasFee == '1' && form?.meetingCharge?.hasFlatFee =='1'">按报名人员类型收取，不同人员收取不同费用</div>
|
|
|
- <div class="d-flex flex-cln" v-if="form?.meetingCharge?.hasFee == '1' && form?.meetingCharge?.hasFlatFee =='1'">
|
|
|
+ <div class="pd-5 pb-15" v-if="form?.meetingCharge?.hasFee == '1'">
|
|
|
+ 收费标准 ：
|
|
|
+ {{ form?.meetingCharge?.pricing}}元/每人
|
|
|
+ </div>
|
|
|
+ <div class="pd-5 pb-15" v-if="form?.meetingCharge?.hasFee == '1' && form?.meetingCharge?.hasFlatFee == '0'">所有人统一收取标准费用</div>
|
|
|
+ <div class="pd-5 pb-15" v-if="form?.meetingCharge?.hasFee == '1' && form?.meetingCharge?.hasFlatFee == '1'">按报名人员类型收取，不同人员收取不同费用</div>
|
|
|
+ <div class="d-flex flex-cln" v-if="form?.meetingCharge?.hasFee == '1' && form?.meetingCharge?.hasFlatFee == '1'">
|
|
|
<template v-for="(item, index) in form?.meetingCharge?.typeCharge" :key="index">
|
|
|
- <view v-if="+item?.check" class="pd-5">
|
|
|
+ <view v-if="+item?.check && +form?.conditions?.typeCheck?.find(items => items?.vipLevel ==item?.vipLevel)?.check" class="pd-5">
|
|
|
<span class="f-w-6">
|
|
|
{{ selectDictLabels(lm_check_join_type, item?.vipLevel, ',') }}
|
|
|
</span>
|
|
|
@@ -58,7 +64,7 @@
|
|
|
免除费用{{ item?.total }}人，其余报名人员每人收取费用{{ item?.cost }}元
|
|
|
</span>
|
|
|
</view>
|
|
|
- <div class="pd-5" v-if="!+item?.check && +form?.conditions?.typeCheck?.find(items => items?.vipLevel ==item?.vipLevel)?.check">
|
|
|
+ <div class="pd-5" v-if="!+item?.check && +form?.conditions?.typeCheck?.find(items => items?.vipLevel == item?.vipLevel)?.check">
|
|
|
<span class="f-w-6">
|
|
|
{{ selectDictLabels(lm_check_join_type, item?.vipLevel, ',') }}
|
|
|
</span>
|
|
|
@@ -72,7 +78,17 @@
|
|
|
<div class="d-flex mb-16 ">
|
|
|
<div class="info-title">
|
|
|
<span>参会人员信息</span>
|
|
|
- <span class="f-s-14 c-666">(提交报名:{{ form?.submitCount || 0 }}人 | 已缴费:{{ form?.payCount || 0 }} 人 | 待审核:{{ form?.resWaitingCount || 0 }}人 ｜ 审核通过:{{ form?.joinCount || 0 }}人 | 签到:{{ form?.signCount || 0 }}人 | 领取证书:{{ form?.certCount || 0 }}人)</span>
|
|
|
+ <span class="f-s-14 c-666">
|
|
|
+ (提交报名:{{ form?.submitCount || 0 }}人 | 已缴费:{{ form?.payCount || 0 }} 人 | 待审核:{{
|
|
|
+ form?.resWaitingCount || 0
|
|
|
+
|
|
|
+
|
|
|
+ }}人 ｜ 审核通过:{{ form?.joinCount || 0 }}人 | 签到:{{ form?.signCount || 0 }}人 | 领取证书:{{
|
|
|
+ form?.certCount || 0
|
|
|
+
|
|
|
+
|
|
|
+ }}人)
|
|
|
+ </span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="d-flex j-sb">
|
|
|
@@ -83,7 +99,7 @@
|
|
|
<el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="auto">
|
|
|
<el-form-item label="是否设置一对一联系人" prop="hasContact">
|
|
|
<el-select v-model="queryParams.hasContact" placeholder="请选择" clearable style="width: 180px">
|
|
|
- <el-option v-for="item in [{value:'0',label:'否'},{value:'1',label:'是'}]" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
+ <el-option v-for="item in [{ value: '0', label: '否' }, { value: '1', label: '是' }]" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="标签" prop="tags">
|
|
|
@@ -119,12 +135,12 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="支付方式：" prop="payType">
|
|
|
<el-select v-model="queryParams.payType" placeholder="请选择支付方式" clearable style="width: 180px">
|
|
|
- <el-option v-for="item in [{value:'1',label:'微信支付'},{value:'2',label:'对公转账/现场支付'},{value:'3',label:'对公转账'},{value:'4',label:'现场支付'}]" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
+ <el-option v-for="item in [{ value: '1', label: '微信支付' }, { value: '2', label: '对公转账/现场支付' }, { value: '3', label: '对公转账' }, { value: '4', label: '现场支付' }]" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="是否需要开票：" prop="hasInvoice">
|
|
|
<el-select v-model="queryParams.hasInvoice" placeholder="请选择" clearable style="width: 180px">
|
|
|
- <el-option v-for="item in [{value:'0',label:'不需要'},{value:'1',label:'需要'}]" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
+ <el-option v-for="item in [{ value: '0', label: '不需要' }, { value: '1', label: '需要' }]" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="所在地区" label-width="70" prop="adcode">
|
|
|
@@ -153,46 +169,48 @@
|
|
|
<template #default="{ row }">
|
|
|
<div class="f-w-5">{{ row?.name }}</div>
|
|
|
<div v-if="row?.extendInfo?.tags" class="d-flex flex-cln">
|
|
|
- <el-tag class="mb-5" type="warning" v-for="(item,index) in row?.extendInfo?.tags.split(',')" :key="index">{{ item }}</el-tag>
|
|
|
+ <el-tag class="mb-5" type="warning" v-for="(item, index) in row?.extendInfo?.tags.split(',')" :key="index">{{ item }}</el-tag>
|
|
|
</div>
|
|
|
</template>
|
|
|
</vxe-column>
|
|
|
<!-- <vxe-column title="职务" field="position" min-width="100" :formatter="colNoData" /> -->
|
|
|
<vxe-column title="联系方式" field="contact" min-width="100" :formatter="colNoData" />
|
|
|
<vxe-column title="备注" field="remark" min-width="100" :formatter="colNoData" />
|
|
|
- <vxe-column title="参会费用" field="joinFee" min-width="100" :formatter="colNoData" v-if="form?.meetingCharge?.hasFee =='1'">
|
|
|
+ <vxe-column title="参会费用" field="joinFee" min-width="100" :formatter="colNoData" v-if="form?.meetingCharge?.hasFee == '1'">
|
|
|
<template #default="{ row }">
|
|
|
<div class="f-w-5 c-red">{{ row?.joinFee }}</div>
|
|
|
</template>
|
|
|
</vxe-column>
|
|
|
- <vxe-column title="支付方式" field="payType" min-width="100" :formatter="colNoData" v-if="form?.meetingCharge?.hasFee =='1'">
|
|
|
+ <vxe-column title="支付方式" field="payType" min-width="100" :formatter="colNoData" v-if="form?.meetingCharge?.hasFee == '1'">
|
|
|
<template #default="{ row }">
|
|
|
<div v-if="row.payType === '1' && +row?.joinFee" class="f-w-5">微信支付</div>
|
|
|
<div v-if="row.payType === '2' && +row?.joinFee" class="f-w-5">对公转账/现场支付</div>
|
|
|
<div v-if="row.payType === '3' && +row?.joinFee" class="f-w-5">对公转账</div>
|
|
|
<div v-if="row.payType === '4' && +row?.joinFee" class="f-w-5">现场支付</div>
|
|
|
- <div v-if="(row?.payType !=='1'&& row?.payType !=='2' && row?.payType !=='3' && row?.payType !=='4') || !+row?.joinFee">-</div>
|
|
|
+ <div v-if="(row?.payType !== '1' && row?.payType !== '2' && row?.payType !== '3' && row?.payType !== '4') || !+row?.joinFee">-</div>
|
|
|
</template>
|
|
|
</vxe-column>
|
|
|
- <vxe-column title="开票信息" field="remark" min-width="100" :formatter="colNoData" v-if="form?.meetingCharge?.hasFee =='1'">
|
|
|
+ <vxe-column title="开票信息" field="remark" min-width="100" :formatter="colNoData" v-if="form?.meetingCharge?.hasFee == '1'">
|
|
|
<template #default="{ row }">
|
|
|
- <div v-if="row.payStatus == '1'&& !+row?.invoiceStatus && +row?.hasInvoice" @click="checkInvoiceData(row?.invoiceInfo)" class="pointer">查看</div>
|
|
|
+ <div v-if="row.payStatus == '1' && !+row?.invoiceStatus && +row?.hasInvoice" @click="checkInvoiceData(row?.invoiceInfo)" class="pointer">查看</div>
|
|
|
<div v-if="row.payStatus == '1' && +row?.invoiceStatus && +row?.hasInvoice" @click="openPDF(row?.invoiceUrl?.url)" class="pointer" style="color: red;">已开票，点击查看</div>
|
|
|
<div v-if="row?.payStatus == '0'">{{ '-' }}</div>
|
|
|
- <div v-if="row?.payStatus !== '0' &&!+row?.hasInvoice">{{ '不需要' }}</div>
|
|
|
+ <div v-if="row?.payStatus !== '0' && !+row?.hasInvoice">{{ '不需要' }}</div>
|
|
|
</template>
|
|
|
</vxe-column>
|
|
|
<vxe-column title="报名时间" align="center" field="createTime" min-width="100" :formatter="colNoData" />
|
|
|
<vxe-column title="特殊说明" min-width="100" fixed="right">
|
|
|
<template #default="{ row }">
|
|
|
- {{ +row?.tempJoin?'通过临时报名通道报名':'-' }}
|
|
|
+ {{ +row?.tempJoin ? '通过临时报名通道报名' : '-' }}
|
|
|
</template>
|
|
|
</vxe-column>
|
|
|
- <vxe-column title="支付状态" field="payStatus" min-width="100" :formatter="colNoData" v-if="form?.meetingCharge?.hasFee =='1'" fixed="right">
|
|
|
+ <vxe-column title="支付状态" field="payStatus" min-width="100" :formatter="colNoData" v-if="form?.meetingCharge?.hasFee == '1'" fixed="right">
|
|
|
<template #default="{ row }">
|
|
|
- <div class="f-w-5">{{ selectDictLabel(dm_pay_status, row?.payStatus)}}</div>
|
|
|
+ <div class="f-w-5">{{ selectDictLabel(dm_pay_status, row?.payStatus) }}</div>
|
|
|
<el-tooltip :content="`系统单号${row?.outTradeNo}`" placement="top" effect="light">
|
|
|
- <el-icon v-if="row.payStatus == '1'"><QuestionFilled /></el-icon>
|
|
|
+ <el-icon v-if="row.payStatus == '1'">
|
|
|
+ <QuestionFilled />
|
|
|
+ </el-icon>
|
|
|
</el-tooltip>
|
|
|
</template>
|
|
|
</vxe-column>
|
|
|
@@ -209,7 +227,7 @@
|
|
|
</vxe-column>
|
|
|
<vxe-column v-if="form?.conditions?.totalCheck == '1'" title="审核状态" min-width="100" fixed="right">
|
|
|
<template #default="{ row }">
|
|
|
- <div v-if="row?.res == '3'||row?.res == '4'||row?.res == '5'">{{ '-' }}</div>
|
|
|
+ <div v-if="row?.res == '3' || row?.res == '4' || row?.res == '5'">{{ '-' }}</div>
|
|
|
<div v-else class="d-flex a-c">
|
|
|
<DictTag :class="{ 'c-red': row?.res === '0' }" :options="cpy_res_status" :value="row?.res" />
|
|
|
<el-tooltip class="box-item" effect="dark" :content="row?.msg" placement="top">
|
|
|
@@ -223,27 +241,27 @@
|
|
|
<vxe-column v-if="form?.conditions?.totalCheck == '1' || form?.meetingCharge?.hasFee == '1'" title="操作" width="140" align="center" fixed="right">
|
|
|
<template #default="{ row }">
|
|
|
<div class="d-flex flex-cln">
|
|
|
- <el-button class="mb-10" type="danger" size="small" v-if="row?.res !== '0' && row?.signInFlag !=='1' && form?.conditions?.totalCheck == '1'&& row?.payStatus == '1' && form?.meetingCharge?.hasFee !== '1'" @click="openDialog(row)" style="color: white">重审</el-button>
|
|
|
+ <el-button class="mb-10" type="danger" size="small" v-if="row?.res !== '0' && row?.signInFlag !== '1' && form?.conditions?.totalCheck == '1' && row?.payStatus == '1' && form?.meetingCharge?.hasFee !== '1'" @click="openDialog(row)" style="color: white">重审</el-button>
|
|
|
<span></span>
|
|
|
- <el-button class="mb-10" size="small" color="#33aeeb" @click="openDialog(row)" style="color: white" v-if="row?.res == '0' && form?.conditions?.totalCheck == '1' &&form?.trainingStatus !== '2'">审核</el-button>
|
|
|
+ <el-button class="mb-10" size="small" color="#33aeeb" @click="openDialog(row)" style="color: white" v-if="row?.res == '0' && form?.conditions?.totalCheck == '1' && form?.trainingStatus !== '2'">审核</el-button>
|
|
|
<span></span>
|
|
|
- <el-button class="mb-10" v-if="row.res=='3' || row.res== '5'" size="small" color="#e99d42" style="color: white;" @click="openModification(row)">修改费用金额</el-button>
|
|
|
+ <el-button class="mb-10" v-if="row.res == '3' || row.res == '5'" size="small" color="#e99d42" style="color: white;" @click="openModification(row)">修改费用金额</el-button>
|
|
|
<span></span>
|
|
|
- <el-button class="mb-10" v-if="row.res== '5' && row?.payType=='2'" size="small" color="#81b337" style="color: white;" @click="openTransfer(row)">确认收到款项</el-button>
|
|
|
+ <el-button class="mb-10" v-if="row.res == '5' && row?.payType == '2'" size="small" color="#81b337" style="color: white;" @click="openTransfer(row)">确认收到款项</el-button>
|
|
|
<span></span>
|
|
|
- <div v-if="row.payStatus == '1' && (row?.res == '0'|| row?.res == '2') && form?.trainingStatus == '2' && +row?.joinFee && row.payStatus !== '10'">用户报名未成功，请至微信商户号进行退款</div>
|
|
|
+ <div v-if="row.payStatus == '1' && (row?.res == '0' || row?.res == '2') && form?.trainingStatus == '2' && +row?.joinFee && row.payStatus !== '10'">用户报名未成功，请至微信商户号进行退款</div>
|
|
|
<div v-if="row.payStatus === '10'">该报名已退款</div>
|
|
|
- <el-upload v-if="form?.trainingStatus == '2' && +row.joinFee && +row?.hasInvoice && !+row?.invoiceStatus && row.payStatus == '1' &&form?.meetingCharge?.hasFee =='1' && row?.res !== '0' && row?.res !== '2'" class="upload-demo" :action="uploadFileUrl" multiple :limit="1" :on-success="handleSuccess" :headers="headers" :show-file-list="false" accept=".pdf,.PDF">
|
|
|
+ <el-upload v-if="form?.trainingStatus == '2' && +row.joinFee && +row?.hasInvoice && !+row?.invoiceStatus && row.payStatus == '1' && form?.meetingCharge?.hasFee == '1' && row?.res !== '0' && row?.res !== '2'" class="upload-demo" :action="uploadFileUrl" multiple :limit="1" :on-success="handleSuccess" :headers="headers" :show-file-list="false" accept=".pdf,.PDF">
|
|
|
<el-button class="mb-10" size="small" color="#33aeeb" style="color: white" @click=" invoiceId = row.id">上传发票</el-button>
|
|
|
</el-upload>
|
|
|
<span></span>
|
|
|
- <el-upload v-if="form?.trainingStatus == '2' && +row.joinFee && +row?.hasInvoice && +row?.invoiceStatus && row.payStatus == '1' &&form?.meetingCharge?.hasFee =='1'&& row?.res !== '0' && row?.res !== '2'" class="upload-demo" :action="uploadFileUrl" multiple :limit="1" :on-success="handleSuccess" :headers="headers" :show-file-list="false" accept=".pdf,.PDF">
|
|
|
+ <el-upload v-if="form?.trainingStatus == '2' && +row.joinFee && +row?.hasInvoice && +row?.invoiceStatus && row.payStatus == '1' && form?.meetingCharge?.hasFee == '1' && row?.res !== '0' && row?.res !== '2'" class="upload-demo" :action="uploadFileUrl" multiple :limit="1" :on-success="handleSuccess" :headers="headers" :show-file-list="false" accept=".pdf,.PDF">
|
|
|
<el-button size="small" class="mb-10" type="primary" color="#33aeeb" style="color: white" @click=" invoiceId = row.id">重新上传</el-button>
|
|
|
</el-upload>
|
|
|
<el-button size="small" class="mb-10" @click="openPersonnelLabel(row?.id)">设置人员标签</el-button>
|
|
|
<span></span>
|
|
|
- <el-button size="small" class="mb-10" @click="opencontactPerson(row?.id,row)" v-if="!+row?.extendInfo?.contactInfo?.specifyConcatTel">设置联系人</el-button>
|
|
|
- <el-button type="primary" size="small" class="mb-10" @click="opencontactPerson(row?.id,row)" v-else>查看联系人</el-button>
|
|
|
+ <el-button size="small" class="mb-10" @click="opencontactPerson(row?.id, row)" v-if="!+row?.extendInfo?.contactInfo?.specifyConcatTel">设置联系人</el-button>
|
|
|
+ <el-button type="primary" size="small" class="mb-10" @click="opencontactPerson(row?.id, row)" v-else>查看联系人</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
|
</vxe-column>
|
|
|
@@ -294,8 +312,8 @@
|
|
|
</el-radio-group>
|
|
|
</el-form-item> -->
|
|
|
<div class="d-flex">
|
|
|
- <div class="orange-button" :class="{'orange-active': collectiontype === '3'}" @click="collectiontype = '3'">对公转账收款</div>
|
|
|
- <div class="green-button" :class="{'green-active': collectiontype === '4'}" @click="collectiontype = '4'">现场收款</div>
|
|
|
+ <div class="orange-button" :class="{ 'orange-active': collectiontype === '3' }" @click="collectiontype = '3'">对公转账收款</div>
|
|
|
+ <div class="green-button" :class="{ 'green-active': collectiontype === '4' }" @click="collectiontype = '4'">现场收款</div>
|
|
|
</div>
|
|
|
<div class="f-s-24">确认收款后将直接改为已支付状态，并进入报名审核流程，操作无法撤回请慎重操作。</div>
|
|
|
</div>
|
|
|
@@ -313,28 +331,28 @@
|
|
|
</div>
|
|
|
<div class="d-flex a-c j-sb pt-10 pb-10 f-s-16">
|
|
|
<div>税号:</div>
|
|
|
- <div>{{ invoiceData?.taxSn || '-'}}</div>
|
|
|
+ <div>{{ invoiceData?.taxSn || '-' }}</div>
|
|
|
</div>
|
|
|
<div class="d-flex a-c j-sb pt-10 pb-10 f-s-16">
|
|
|
<div>单位地址:</div>
|
|
|
- <div>{{ invoiceData?.address || '-'}}</div>
|
|
|
+ <div>{{ invoiceData?.address || '-' }}</div>
|
|
|
</div>
|
|
|
<div class="d-flex a-c j-sb pt-10 pb-10 f-s-16">
|
|
|
<div>电话号码:</div>
|
|
|
- <div>{{ invoiceData?.contactPhone || '-'}}</div>
|
|
|
+ <div>{{ invoiceData?.contactPhone || '-' }}</div>
|
|
|
</div>
|
|
|
<div class="d-flex a-c j-sb pt-10 pb-10 f-s-16">
|
|
|
<div>开户银行:</div>
|
|
|
- <div>{{ invoiceData?.bankName || '-'}}</div>
|
|
|
+ <div>{{ invoiceData?.bankName || '-' }}</div>
|
|
|
</div>
|
|
|
<div class="d-flex a-c j-sb pt-10 pb-10 f-s-16">
|
|
|
<div>银行账户:</div>
|
|
|
- <div>{{ invoiceData?.bankAccount || '-'}}</div>
|
|
|
+ <div>{{ invoiceData?.bankAccount || '-' }}</div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
<el-dialog v-model="personnelLabel" title="设置人员标签" width="600" center>
|
|
|
<el-checkbox-group v-model="radioLabel">
|
|
|
- <el-checkbox v-for="(item,index) in signup_tags_type" :key="index" :label="item?.label" :value="item.value" />
|
|
|
+ <el-checkbox v-for="(item, index) in signup_tags_type" :key="index" :label="item?.label" :value="item.value" />
|
|
|
</el-checkbox-group>
|
|
|
<template #footer>
|
|
|
<div class="dialog-footer">
|
|
|
@@ -344,11 +362,11 @@
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
<el-dialog v-model="contactPerson" title="设置1对1联系人" width="600" center>
|
|
|
- <template #header="{titleId }">
|
|
|
+ <template #header="{ titleId }">
|
|
|
<div class="my-header">
|
|
|
<div :id="titleId" class="f-s-20">
|
|
|
为
|
|
|
- <span class="c-primary">{{contactData?.name}}({{ contactData?.contact}})</span>
|
|
|
+ <span class="c-primary">{{ contactData?.name }}({{ contactData?.contact }})</span>
|
|
|
设置1对1联系人
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -378,16 +396,17 @@
|
|
|
<registrationInfo v-if="showTemporary" v-model:show="showTemporary" :info="temporaryRegistration"></registrationInfo>
|
|
|
</template>
|
|
|
<script setup name="MeetingDetailInfo" lang="ts">
|
|
|
-import { ref, onMounted, reactive,ComponentPublicInstance } from 'vue';
|
|
|
-import { signupCount, trainingMembers, signupApproval, exportTrainingMembers,markTags,confirmSigPublicPay,editPrice,uploadInvoice,signupContact} from '@/api/training';
|
|
|
+import { ref, onMounted, reactive, ComponentPublicInstance } from 'vue';
|
|
|
+import { signupCount, trainingMembers, signupApproval, exportTrainingMembers, markTags, confirmSigPublicPay, editPrice, uploadInvoice, signupContact } from '@/api/training';
|
|
|
import { searchTabs } from '@/views/models';
|
|
|
import { colNoData } from '@/utils/noData';
|
|
|
import registrationInfo from './registration-info.vue';
|
|
|
import { AreaCascader } from '@/views/components';
|
|
|
import { globalHeaders } from '@/utils/request';
|
|
|
import { debounce } from 'lodash';
|
|
|
+import { ElLoading,ElMessage } from 'element-plus'
|
|
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
|
-const { cpy_res_status, lm_signup_status_app_show, lm_check_join_type,temp_join_type,signup_tags_type,dm_pay_status,lm_signup_status_app_query } = toRefs<any>(proxy?.useDict('cpy_res_status', 'lm_signup_status_app_show', 'lm_check_join_type','temp_join_type','signup_tags_type','dm_pay_status','lm_signup_status_app_query'));
|
|
|
+const { cpy_res_status, lm_signup_status_app_show, lm_check_join_type, temp_join_type, signup_tags_type, dm_pay_status, lm_signup_status_app_query } = toRefs<any>(proxy?.useDict('cpy_res_status', 'lm_signup_status_app_show', 'lm_check_join_type', 'temp_join_type', 'signup_tags_type', 'dm_pay_status', 'lm_signup_status_app_query'));
|
|
|
// 获取详情
|
|
|
const props = defineProps({
|
|
|
form: {
|
|
|
@@ -396,23 +415,23 @@ const props = defineProps({
|
|
|
}
|
|
|
});
|
|
|
const phoneRules = [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '请填写指定联系人电话'
|
|
|
- },
|
|
|
- {
|
|
|
- validator: (rule, value, callback) => {
|
|
|
- // 去除所有点号
|
|
|
- const cleanValue = value ? value.toString().replace(/\./g, '') : '';
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请填写指定联系人电话'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ // 去除所有点号
|
|
|
+ const cleanValue = value ? value.toString().replace(/\./g, '') : '';
|
|
|
|
|
|
- // 验证是否为11位数字
|
|
|
- if (cleanValue && /^\d{11}$/.test(cleanValue)) {
|
|
|
- callback();
|
|
|
- } else {
|
|
|
- callback(new Error('请输入11位数字的电话号码'));
|
|
|
- }
|
|
|
+ // 验证是否为11位数字
|
|
|
+ if (cleanValue && /^\d{11}$/.test(cleanValue)) {
|
|
|
+ callback();
|
|
|
+ } else {
|
|
|
+ callback(new Error('请输入11位数字的电话号码'));
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
];
|
|
|
const baseUrl = import.meta.env.VITE_APP_BASE_API;
|
|
|
const uploadFileUrl = ref(baseUrl + '/resource/oss/upload'); // 上传文件服务器地址
|
|
|
@@ -430,7 +449,7 @@ const rules = reactive({
|
|
|
const showTemporary = ref(false);
|
|
|
const dialogVisible = ref(false);
|
|
|
const temporaryRegistration = ref();
|
|
|
-const modiFication=ref<any>(false)
|
|
|
+const modiFication = ref<any>(false)
|
|
|
const showTransfer = ref(false)
|
|
|
const participationFee = ref()
|
|
|
const editPricedata = ref()
|
|
|
@@ -442,7 +461,7 @@ const fromvalue = ref({
|
|
|
targetId: '',
|
|
|
msg: ''
|
|
|
})
|
|
|
-const collectiontype =ref()
|
|
|
+const collectiontype = ref()
|
|
|
const personnelLabel = ref(false)
|
|
|
const radioLabel = ref()
|
|
|
const radioLabelId = ref()
|
|
|
@@ -450,40 +469,39 @@ const contactPerson = ref(false)
|
|
|
const contactId = ref()
|
|
|
const contactData = ref()
|
|
|
const contactPersonData = ref({
|
|
|
- contactName:'',
|
|
|
- contactTel:''
|
|
|
+ contactName: '',
|
|
|
+ contactTel: ''
|
|
|
})
|
|
|
-const openPersonnelLabel = (id)=>{
|
|
|
+const openPersonnelLabel = (id) => {
|
|
|
radioLabel.value = []
|
|
|
personnelLabel.value = true
|
|
|
radioLabelId.value = id
|
|
|
}
|
|
|
-const confirmPersonnelLabel = async()=>{
|
|
|
+const confirmPersonnelLabel = async () => {
|
|
|
personnelLabel.value = false
|
|
|
- await markTags({id:radioLabelId.value,tags:radioLabel.value.join(',')})
|
|
|
+ await markTags({ id: radioLabelId.value, tags: radioLabel.value.join(',') })
|
|
|
radioLabel.value = []
|
|
|
getList()
|
|
|
}
|
|
|
-const opencontactPerson = (id,data)=>{
|
|
|
+const opencontactPerson = (id, data) => {
|
|
|
contactId.value = id
|
|
|
- contactData.value= data
|
|
|
+ contactData.value = data
|
|
|
contactPerson.value = true
|
|
|
- if(data?.extendInfo?.contactInfo?.specifyContact && data?.extendInfo?.contactInfo?.specifyConcatTel){
|
|
|
+ if (data?.extendInfo?.contactInfo?.specifyContact && data?.extendInfo?.contactInfo?.specifyConcatTel) {
|
|
|
contactPersonData.value.contactName = data.extendInfo.contactInfo.specifyContact
|
|
|
contactPersonData.value.contactTel = data.extendInfo.contactInfo.specifyConcatTel
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
contactPersonData.value.contactName = ''
|
|
|
contactPersonData.value.contactTel = ''
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
-const confirmContactPerson = async()=>{
|
|
|
+const confirmContactPerson = async () => {
|
|
|
await ContactPerson.value.validate()
|
|
|
- await signupContact({id:contactId.value,contactInfo:{specifyConcatTel:contactPersonData.value?.contactTel,specifyContact:contactPersonData.value?.contactName}})
|
|
|
+ await signupContact({ id: contactId.value, contactInfo: { specifyConcatTel: contactPersonData.value?.contactTel, specifyContact: contactPersonData.value?.contactName } })
|
|
|
contactPerson.value = false
|
|
|
getList()
|
|
|
}
|
|
|
-const checkInvoiceData = (row)=>{
|
|
|
+const checkInvoiceData = (row) => {
|
|
|
invoicingInformation.value = true
|
|
|
invoiceData.value = row
|
|
|
}
|
|
|
@@ -502,9 +520,9 @@ const queryParams = ref<any>({
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
trainingId: query?.id || '',
|
|
|
- payStatus:'',
|
|
|
- payType:'',
|
|
|
- invoiceStatus:''
|
|
|
+ payStatus: '',
|
|
|
+ payType: '',
|
|
|
+ invoiceStatus: ''
|
|
|
});
|
|
|
const loading = ref(false);
|
|
|
const total = ref(0);
|
|
|
@@ -512,6 +530,7 @@ const list = ref<any>([]);
|
|
|
const tabs = ref([]);
|
|
|
const formRef = ref()
|
|
|
const ContactPerson = ref()
|
|
|
+const uploading = ref()
|
|
|
const getExpertPersonCount = async () => {
|
|
|
const res = await signupCount(query?.id);
|
|
|
if (res?.code === 200) {
|
|
|
@@ -523,8 +542,6 @@ const getList = async () => {
|
|
|
const res = await trainingMembers(queryParams.value);
|
|
|
if (!res || res.code !== 200) return;
|
|
|
list.value = res.rows;
|
|
|
- console.log(list.value);
|
|
|
-
|
|
|
total.value = res.total;
|
|
|
loading.value = false;
|
|
|
};
|
|
|
@@ -553,40 +570,54 @@ const exportSearch = debounce(() => {
|
|
|
exportTrainingMembers(params);
|
|
|
}, 500);
|
|
|
// 打开修改金额的按钮
|
|
|
-const openModification = (row)=>{
|
|
|
+const openModification = (row) => {
|
|
|
modiFication.value = true;
|
|
|
participationFee.value = row.joinFee
|
|
|
editPricedata.value = row
|
|
|
}
|
|
|
-const openTransfer = (row)=>{
|
|
|
+const openTransfer = (row) => {
|
|
|
showTransfer.value = true
|
|
|
editPricedata.value = row
|
|
|
}
|
|
|
-const confirmTransfer = async()=>{
|
|
|
- await confirmSigPublicPay(editPricedata.value?.id,collectiontype.value)
|
|
|
+const confirmTransfer = async () => {
|
|
|
+ await confirmSigPublicPay(editPricedata.value?.id, collectiontype.value)
|
|
|
showTransfer.value = false
|
|
|
getList();
|
|
|
}
|
|
|
-const changeEditPrice = async ()=>{
|
|
|
+const changeEditPrice = async () => {
|
|
|
await editPrice({
|
|
|
- id:editPricedata.value?.id,
|
|
|
- price:participationFee.value
|
|
|
+ id: editPricedata.value?.id,
|
|
|
+ price: participationFee.value
|
|
|
});
|
|
|
modiFication.value = false
|
|
|
getList();
|
|
|
}
|
|
|
-const handleSuccess = async(res,uploadFile)=>{
|
|
|
- await uploadInvoice({
|
|
|
- id:invoiceId.value,
|
|
|
- invoiceUrl:{
|
|
|
- fileName:res.data.fileName,
|
|
|
- url:res.data.url,
|
|
|
- fileSize:uploadFile.raw.size
|
|
|
+const handleSuccess = async (res, uploadFile) => {
|
|
|
+ const loading = ElLoading.service({
|
|
|
+ lock: true,
|
|
|
+ text: 'Loading',
|
|
|
+ background: 'rgba(0, 0, 0, 0.7)',
|
|
|
+ })
|
|
|
+ const data = await uploadInvoice({
|
|
|
+ id: invoiceId.value,
|
|
|
+ invoiceUrl: {
|
|
|
+ fileName: res.data.fileName,
|
|
|
+ url: res.data.url,
|
|
|
+ fileSize: uploadFile.raw.size
|
|
|
}
|
|
|
})
|
|
|
+ loading.close()
|
|
|
+ if (data.code == 200) {
|
|
|
+ ElMessage({
|
|
|
+ message: '发票上传成功',
|
|
|
+ type: 'success',
|
|
|
+ })
|
|
|
+ }else{
|
|
|
+ ElMessage.error('发票上传失败')
|
|
|
+ }
|
|
|
getList();
|
|
|
}
|
|
|
-const openPDF = (url)=>{
|
|
|
+const openPDF = (url) => {
|
|
|
window.open(url)
|
|
|
}
|
|
|
onMounted(() => {
|
|
|
@@ -619,9 +650,11 @@ onMounted(() => {
|
|
|
.reject-radio :deep(.el-radio__label) {
|
|
|
color: #F56C6C;
|
|
|
}
|
|
|
+
|
|
|
.orange-radio :deep(.el-radio__label) {
|
|
|
color: orange;
|
|
|
}
|
|
|
+
|
|
|
.reject-radio :deep(.el-radio__inner) {
|
|
|
border-color: #F56C6C;
|
|
|
background: #F56C6C;
|
|
|
@@ -634,15 +667,17 @@ onMounted(() => {
|
|
|
:deep(.reject-radio.el-radio.is-bordered.is-checked) {
|
|
|
border-color: #F56C6C !important;
|
|
|
}
|
|
|
-.single{
|
|
|
+
|
|
|
+.single {
|
|
|
position: absolute;
|
|
|
top: -20px;
|
|
|
right: 30px;
|
|
|
width: 200px;
|
|
|
left: 70px;
|
|
|
}
|
|
|
-.orange-button{
|
|
|
- border:1px solid #d7d7d7;
|
|
|
+
|
|
|
+.orange-button {
|
|
|
+ border: 1px solid #d7d7d7;
|
|
|
height: 100px;
|
|
|
width: 300px;
|
|
|
display: flex;
|
|
|
@@ -654,20 +689,23 @@ onMounted(() => {
|
|
|
margin-bottom: 40px;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
-.orange-button:hover{
|
|
|
+
|
|
|
+.orange-button:hover {
|
|
|
color: white;
|
|
|
background-color: orange;
|
|
|
border: 1px solid orange;
|
|
|
opacity: 0.5;
|
|
|
}
|
|
|
-.green-button:hover{
|
|
|
+
|
|
|
+.green-button:hover {
|
|
|
color: white;
|
|
|
background-color: green;
|
|
|
border: 1px solid green;
|
|
|
opacity: 0.5;
|
|
|
}
|
|
|
-.green-button{
|
|
|
- border:1px solid #d7d7d7;
|
|
|
+
|
|
|
+.green-button {
|
|
|
+ border: 1px solid #d7d7d7;
|
|
|
height: 100px;
|
|
|
width: 300px;
|
|
|
display: flex;
|
|
|
@@ -680,17 +718,19 @@ onMounted(() => {
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
-.orange-active{
|
|
|
+.orange-active {
|
|
|
color: white;
|
|
|
background-color: orange;
|
|
|
border: 1px solid orange;
|
|
|
}
|
|
|
-.green-active{
|
|
|
+
|
|
|
+.green-active {
|
|
|
color: white;
|
|
|
background-color: green;
|
|
|
border: 1px solid green;
|
|
|
}
|
|
|
-.titleClass{
|
|
|
+
|
|
|
+.titleClass {
|
|
|
font-size: 30px !important;
|
|
|
}
|
|
|
</style>
|
