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

177
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"
@ -160,42 +160,101 @@
<!-- 列表 --> <!-- 列表 -->
<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="用户姓名" align="center" prop="userName" /> <el-table-column label="用户信息" min-width="300" align="center">
<el-table-column label="手机号" align="center" prop="phoneNumber" min-width="120" /> <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="activityId" />-->
<el-table-column label="活动名称" align="center" prop="activityTitle" min-width="220" /> <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="companyName" min-width="220"/>-->
<el-table-column label="职位" align="center" prop="position" min-width="120"/> <!-- <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="operationPlatform" min-width="120">-->
<template #default="scope"> <!-- <template #default="scope">-->
<dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_OPERATION_PLATFORM" :value="scope.row.operationPlatform" class="dict-style" /> <!-- <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_OPERATION_PLATFORM" :value="scope.row.operationPlatform" class="dict-style" />-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="主营品类" align="center" prop="mainCategory" min-width="120"> <!-- <el-table-column label="主营品类" align="center" prop="mainCategory" min-width="120">-->
<template #default="scope"> <!-- <template #default="scope">-->
<dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_MAIN_CATEGORY" :value="scope.row.mainCategory" class="dict-style"/> <!-- <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_MAIN_CATEGORY" :value="scope.row.mainCategory" class="dict-style"/>-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="代理城市" align="center" prop="agencyCity" min-width="120"> <!-- <el-table-column label="代理城市" align="center" prop="agencyCity" min-width="120">-->
<template #default="scope"> <!-- <template #default="scope">-->
<dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_AGENCY_CITY" :value="scope.row.agencyCity" class="dict-style"/> <!-- <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_AGENCY_CITY" :value="scope.row.agencyCity" class="dict-style"/>-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="产品意向" align="center" prop="productIntent" min-width="120"> <!-- <el-table-column label="产品意向" align="center" prop="productIntent" min-width="120">-->
<template #default="scope"> <!-- <template #default="scope">-->
<dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_PRODUCT_INTENT" :value="scope.row.productIntent" class="dict-style"/> <!-- <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_PRODUCT_INTENT" :value="scope.row.productIntent" class="dict-style"/>-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="参会目的" align="center" prop="purpose" min-width="120"> <!-- <el-table-column label="参会目的" align="center" prop="purpose" min-width="120">-->
<template #default="scope"> <!-- <template #default="scope">-->
<dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_PURPOSE" :value="scope.row.purpose" class="dict-style"/> <!-- <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_PURPOSE" :value="scope.row.purpose" class="dict-style"/>-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="参会身份" align="center" prop="attendeeIdentity" min-width="120"> <!-- <el-table-column label="参会身份" align="center" prop="attendeeIdentity" min-width="120">-->
<template #default="scope"> <!-- <template #default="scope">-->
<dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_ATTENDEE_IDENTITY" :value="scope.row.attendeeIdentity" class="dict-style"/> <!-- <dict-tag :type="DICT_TYPE.PROMOTION_REGISTRATION_ATTENDEE_IDENTITY" :value="scope.row.attendeeIdentity" class="dict-style"/>-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="核销码" align="center" prop="verificationCode" min-width="120" /> <el-table-column label="核销码" align="center" prop="verificationCode" min-width="120" />
<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">
@ -371,4 +430,24 @@ onMounted(() => {
color: #504e4e !important; color: #504e4e !important;
font-size: 14px; 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> </style>