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