root/allLikeMall
1
0
Fork 1
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

优化用户报名信息字段

Browse Source
This commit is contained in:
lcq 2025-04-29 16:07:11 +08:00
parent e423eaf018
commit c2bc687e47
1 changed files with 95 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

186
yudao-admin-vue3/src/views/promotion/registration/index.vue
View File

@ -17,21 +17,21 @@
class="!w-240px" class="!w-240px"
/> />
</el-form-item> </el-form-item>
<!-- <el-form-item label="活动场所" prop="operationPlatform">--> <!-- <el-form-item label="活动场所" prop="operationPlatform">
<!-- <el-select--> <el-select
<!-- v-model="queryParams.operationPlatform"--> v-model="queryParams.operationPlatform"
<!-- placeholder="请选择活动场所"--> placeholder="请选择活动场所"
<!-- clearable--> clearable
<!-- class="!w-240px"--> class="!w-240px"
<!-- >--> >
<!-- <el-option--> <el-option
<!-- v-for="dict in getStrDictOptions(DICT_TYPE.PROMOTION_REGISTRATION_OPERATION_PLATFORM)"--> v-for="dict in getStrDictOptions(DICT_TYPE.PROMOTION_REGISTRATION_OPERATION_PLATFORM)"
<!-- :key="dict.value"--> :key="dict.value"
<!-- :label="dict.label"--> :label="dict.label"
<!-- :value="dict.value"--> :value="dict.value"
<!-- />--> />
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<el-form-item label="代理城市" prop="agencyCity"> <el-form-item label="代理城市" prop="agencyCity">
<el-select <el-select
v-model="queryParams.agencyCity" v-model="queryParams.agencyCity"
@ -46,11 +46,11 @@
:value="dict.value" :value="dict.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>-->
<el-form-item label="参会身份" prop="attendeeIdentity"> <el-form-item label="身份" prop="attendeeIdentity">
<el-select <el-select
v-model="queryParams.attendeeIdentity" v-model="queryParams.attendeeIdentity"
placeholder="请选择参会身份" placeholder="请选择身份"
clearable clearable
class="!w-240px" class="!w-240px"
> >
@ -62,7 +62,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="报名状态" prop="registrationStatus"> <!-- <el-form-item label="报名状态" prop="registrationStatus">
<el-select <el-select
v-model="queryParams.registrationStatus" v-model="queryParams.registrationStatus"
placeholder="请选择报名状态" placeholder="请选择报名状态"
@ -76,7 +76,7 @@
:value="dict.value" :value="dict.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>-->
<el-form-item label="核销状态" prop="verificationStatus"> <el-form-item label="核销状态" prop="verificationStatus">
<el-select <el-select
v-model="queryParams.verificationStatus" v-model="queryParams.verificationStatus"
@ -107,10 +107,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="审核状态" prop="reviewStatus"> <el-form-item label="报名状态" prop="reviewStatus">
<el-select <el-select
v-model="queryParams.reviewStatus" v-model="queryParams.reviewStatus"
placeholder="请选择审核状态" placeholder="请选择报名状态"
clearable clearable
class="!w-240px" class="!w-240px"
> >
@ -160,28 +160,33 @@
<!-- 列表 --> <!-- 列表 -->
<ContentWrap> <ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"> <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="用户信息" min-width="300" align="center">
<el-table-column label="活动名称" align="center" prop="activityTitle" min-width="220" />
<el-table-column label="报名信息" min-width="130" align="center">
<template #default="scope"> <template #default="scope">
<div style="display: flex; flex-wrap: wrap;"> <div style="display: flex; flex-direction: column; gap: 8px;align:center;">
<div style="width: 50%; display: flex; align-items: center;"> <!-- 每个字段占一行 -->
<span class="field-label">用户姓名：</span>{{ scope.row.userName }} <div style="display: flex; align-items: center; white-space: nowrap; width: 100%;">
<span class="field-label">姓名：</span>{{ scope.row.userName }}
</div> </div>
<div style="width: 50%; display: flex; align-items: center;"> <div style="display: flex; align-items: center; white-space: nowrap; width: 100%;">
<span class="field-label">公司名称：</span>{{ scope.row.companyName }}
</div>
<div style="display: flex; align-items: center; white-space: nowrap; width: 100%;">
<span class="field-label">手机号：</span>{{ scope.row.phoneNumber }} <span class="field-label">手机号：</span>{{ scope.row.phoneNumber }}
</div> </div>
<div style="width: 50%; display: flex; align-items: center;"> <div style="display: flex; align-items: center; white-space: nowrap; width: 100%;">
<span class="field-label">参会身份：</span> <span class="field-label">身份：</span>
<dict-tag <dict-tag
:type="DICT_TYPE.PROMOTION_REGISTRATION_ATTENDEE_IDENTITY" :type="DICT_TYPE.PROMOTION_REGISTRATION_ATTENDEE_IDENTITY"
:value="scope.row.attendeeIdentity" :value="scope.row.attendeeIdentity"
class="dict-style" class="dict-style"
/> />
</div> </div>
<div style="display: flex; align-items: center; white-space: nowrap; width: 100%;">
<div style="width: 50%; display: flex; align-items: center;"> <span class="field-label">职位：</span>{{ scope.row.position }}
<span class="field-label">用户职位：</span>{{ scope.row.position }}
</div> </div>
<div style="width: 50%; display: flex; align-items: center;"> <!-- <div style="display: flex; align-items: center; white-space: nowrap; width: 100%;">
<span class="field-label">主营品类：</span> <span class="field-label">主营品类：</span>
<dict-tag <dict-tag
:type="DICT_TYPE.PROMOTION_REGISTRATION_MAIN_CATEGORY" :type="DICT_TYPE.PROMOTION_REGISTRATION_MAIN_CATEGORY"
@ -189,7 +194,7 @@
class="dict-style" class="dict-style"
/> />
</div> </div>
<div style="width: 50%; display: flex; align-items: center;"> <div style="display: flex; align-items: center; white-space: nowrap; width: 100%;">
<span class="field-label">代理城市：</span> <span class="field-label">代理城市：</span>
<dict-tag <dict-tag
:type="DICT_TYPE.PROMOTION_REGISTRATION_AGENCY_CITY" :type="DICT_TYPE.PROMOTION_REGISTRATION_AGENCY_CITY"
@ -197,85 +202,87 @@
class="dict-style" class="dict-style"
/> />
</div> </div>
<div style="width: 50%; display: flex; align-items: center;"> <div style="display: flex; align-items: center; white-space: nowrap; width: 100%;">
<span class="field-label">产品意向：</span> <span class="field-label">产品意向：</span>
<dict-tag <dict-tag
:type="DICT_TYPE.PROMOTION_REGISTRATION_PRODUCT_INTENT" :type="DICT_TYPE.PROMOTION_REGISTRATION_PRODUCT_INTENT"
:value="scope.row.productIntent" :value="scope.row.productIntent"
class="dict-style" class="dict-style"
/> />
</div> </div>-->
<div style="width: 50%; display: flex; align-items: center;"> <div style="display: flex; align-items: center; white-space: nowrap; width: 100%;">
<span class="field-label">参会目的：</span> <span class="field-label">目的：</span>
<dict-tag <dict-tag
:type="DICT_TYPE.PROMOTION_REGISTRATION_PURPOSE" :type="DICT_TYPE.PROMOTION_REGISTRATION_PURPOSE"
:value="scope.row.purpose" :value="scope.row.purpose"
class="dict-style" class="dict-style"
/> />
</div> </div>
<div style="width: 50%; display: flex; align-items: center;">
<span class="field-label">公司名称：</span>{{ scope.row.companyName }}
</div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="用户姓名" align="center" prop="userName" />-->
<!-- <el-table-column label="手机号" align="center" prop="phoneNumber" min-width="120" />--> <!-- 注释 -->
<!-- <el-table-column label="参加活动" align="center" prop="activityId" />--> <!-- <el-table-column label="用户姓名" align="center" prop="userName" />
<el-table-column label="活动名称" align="center" prop="activityTitle" min-width="220" /> <el-table-column label="手机号" align="center" prop="phoneNumber" min-width="120" />
<!-- <el-table-column label="公司名称" align="center" prop="companyName" min-width="220"/>--> <el-table-column label="参加活动" align="center" prop="activityId" />
<!-- <el-table-column label="职位" align="center" prop="position" min-width="120"/>-->
<!-- <el-table-column label="活动场所" align="center" prop="operationPlatform" min-width="120">--> <el-table-column label="公司名称" align="center" prop="companyName" min-width="220"/>
<!-- <template #default="scope">--> <el-table-column label="职位" align="center" prop="position" min-width="120"/>
<!-- <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_OPERATION_PLATFORM" :value="scope.row.operationPlatform" class="dict-style" />--> <el-table-column label="活动场所" align="center" prop="operationPlatform" min-width="120">
<!-- </template>--> <template #default="scope">
<!-- </el-table-column>--> <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_OPERATION_PLATFORM" :value="scope.row.operationPlatform" class="dict-style" />
<!-- <el-table-column label="主营品类" align="center" prop="mainCategory" min-width="120">--> </template>
<!-- <template #default="scope">--> </el-table-column>
<!-- <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_MAIN_CATEGORY" :value="scope.row.mainCategory" class="dict-style"/>--> <el-table-column label="主营品类" align="center" prop="mainCategory" min-width="120">
<!-- </template>--> <template #default="scope">
<!-- </el-table-column>--> <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_MAIN_CATEGORY" :value="scope.row.mainCategory" class="dict-style"/>
<!-- <el-table-column label="代理城市" align="center" prop="agencyCity" min-width="120">--> </template>
<!-- <template #default="scope">--> </el-table-column>
<!-- <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_AGENCY_CITY" :value="scope.row.agencyCity" class="dict-style"/>--> <el-table-column label="代理城市" align="center" prop="agencyCity" min-width="120">
<!-- </template>--> <template #default="scope">
<!-- </el-table-column>--> <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_AGENCY_CITY" :value="scope.row.agencyCity" class="dict-style"/>
<!-- <el-table-column label="产品意向" align="center" prop="productIntent" min-width="120">--> </template>
<!-- <template #default="scope">--> </el-table-column>
<!-- <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_PRODUCT_INTENT" :value="scope.row.productIntent" class="dict-style"/>--> <el-table-column label="产品意向" align="center" prop="productIntent" min-width="120">
<!-- </template>--> <template #default="scope">
<!-- </el-table-column>--> <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_PRODUCT_INTENT" :value="scope.row.productIntent" class="dict-style"/>
<!-- <el-table-column label="参会目的" align="center" prop="purpose" min-width="120">--> </template>
<!-- <template #default="scope">--> </el-table-column>
<!-- <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_PURPOSE" :value="scope.row.purpose" class="dict-style"/>--> <el-table-column label="参会目的" align="center" prop="purpose" min-width="120">
<!-- </template>--> <template #default="scope">
<!-- </el-table-column>--> <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_PURPOSE" :value="scope.row.purpose" class="dict-style"/>
<!-- <el-table-column label="参会身份" align="center" prop="attendeeIdentity" min-width="120">--> </template>
<!-- <template #default="scope">--> </el-table-column>
<!-- <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_ATTENDEE_IDENTITY" :value="scope.row.attendeeIdentity" class="dict-style"/>--> <el-table-column label="参会身份" align="center" prop="attendeeIdentity" min-width="120">
<!-- </template>--> <template #default="scope">
<!-- </el-table-column>--> <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_ATTENDEE_IDENTITY" :value="scope.row.attendeeIdentity" class="dict-style"/>
<el-table-column label="核销码" align="center" prop="verificationCode" min-width="120" /> </template>
</el-table-column>
<el-table-column label="报名状态" align="center" prop="registrationStatus" min-width="120"> <el-table-column label="报名状态" align="center" prop="registrationStatus" min-width="120">
<template #default="scope"> <template #default="scope">
<dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_REGISTRATION_STATUS" :value="scope.row.registrationStatus" /> <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_REGISTRATION_STATUS" :value="scope.row.registrationStatus" />
</template> </template>
</el-table-column>-->
<el-table-column label="是否付费" align="center" prop="isPaid" min-width="120">
<template #default="scope">
<dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_IS_PAID" :value="scope.row.isPaid" />
</template>
</el-table-column>
<el-table-column label="报名状态" align="center" prop="reviewStatus" min-width="120">
<template #default="scope">
<dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_REVIEW_STATUS" :value="scope.row.reviewStatus" />
</template>
</el-table-column> </el-table-column>
<el-table-column label="核销状态" align="center" prop="verificationStatus" min-width="120"> <el-table-column label="核销状态" align="center" prop="verificationStatus" min-width="120">
<template #default="scope"> <template #default="scope">
<dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_VERIFICATION_STATUS" :value="scope.row.verificationStatus" /> <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_VERIFICATION_STATUS" :value="scope.row.verificationStatus" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="是否付费" align="center" prop="isPaid" min-width="120"> <el-table-column label="核销码" align="center" prop="verificationCode" min-width="120" />
<template #default="scope">
<dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_IS_PAID" :value="scope.row.isPaid" />
</template>
</el-table-column>
<el-table-column label="审核状态" align="center" prop="reviewStatus" min-width="120">
<template #default="scope">
<dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_REVIEW_STATUS" :value="scope.row.reviewStatus" />
</template>
</el-table-column>
<el-table-column <el-table-column
label="报名时间" label="报名时间"
align="center" align="center"
@ -430,9 +437,6 @@ onMounted(() => {
color: #504e4e !important; color: #504e4e !important;
font-size: 14px; font-size: 14px;
} }
.el-table .cell {
white-space: pre-line !important;
}
.dict-style { .dict-style {
background: none !important; background: none !important;