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-27 16:49:50 +08:00
parent cf27880358
commit e423eaf018
2 changed files with 140 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
yudao-admin-vue3/src/views/promotion/registration/RegistrationForm.vue
View File

@ -43,18 +43,18 @@
<el-input v-model="formData.position" placeholder="请输入职位" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="运营平台" prop="operationPlatform">
<el-select v-model="formData.operationPlatform" placeholder="请选择运营平台">
<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-col>
<!-- <el-col :span="8">-->
<!-- <el-form-item label="活动场所" prop="operationPlatform">-->
<!-- <el-select v-model="formData.operationPlatform" placeholder="请选择活动场所">-->
<!-- <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-col>-->
<!-- 第三行 -->
<el-col :span="8">

177
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"
@ -160,42 +160,101 @@
<!-- 列表 -->
<ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="用户姓名" align="center" prop="userName" />
<el-table-column label="手机号" align="center" prop="phoneNumber" min-width="120" />
<el-table-column label="用户信息" min-width="300" 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>
<div style="width: 50%; display: flex; align-items: center;">
<span class="field-label">手机号：</span>{{ scope.row.phoneNumber }}
</div>
<div style="width: 50%; display: flex; align-items: center;">
<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>
<div style="width: 50%; display: flex; align-items: center;">
<span class="field-label">主营品类：</span>
<dict-tag
:type="DICT_TYPE.PROMOTION_REGISTRATION_MAIN_CATEGORY"
:value="scope.row.mainCategory"
class="dict-style"
/>
</div>
<div style="width: 50%; display: flex; align-items: center;">
<span class="field-label">代理城市：</span>
<dict-tag
:type="DICT_TYPE.PROMOTION_REGISTRATION_AGENCY_CITY"
:value="scope.row.agencyCity"
class="dict-style"
/>
</div>
<div style="width: 50%; display: flex; align-items: center;">
<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>
<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="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="registrationStatus" min-width="120">
<template #default="scope">
@ -371,4 +430,24 @@ onMounted(() => {
color: #504e4e !important;
font-size: 14px;
}
.el-table .cell {
white-space: pre-line !important;
}
.dict-style {
background: none !important;
border-style: none !important;
color: #504e4e !important;
font-size: 14px;
}
.el-table .cell {
white-space: pre-line !important;
}
.field-label {
color: #4d4c4c; /* 深灰色 */
font-weight: bold; /* 加粗字体，可选 */
margin-right: 5px; /* 字段标签和值之间的间距 */
}
</style>