【bug】国际研讨会详情的修改

This commit is contained in:
fengachen
2021-10-22 17:34:30 +08:00
parent fb2aa0f6a6
commit 7f62d9c7f4
@@ -92,10 +92,10 @@
<a-col :xxl="8" :xl="12" :sm="24">
<label class="label">是否住酒店</label><span>{{ model.checkInHotel_dictText }}</span>
</a-col>
<a-col :xxl="8" :xl="12" :sm="24">
<a-col :xxl="8" :xl="12" :sm="24" v-if="!!model.arrivalTime">
<label class="label">抵达时间</label><span>{{ model.arrivalTime }}</span>
</a-col>
<a-col :xxl="8" :xl="12" :sm="24">
<a-col :xxl="8" :xl="12" :sm="24" v-if="!!model.departureTime ">
<label class="label">离开时间</label><span>{{ model.departureTime }}</span>
</a-col>
</a-row>
@@ -103,13 +103,15 @@
<!--行程信息end-->
<!--缴费信息begin-->
<template>
<!-- 内部企业显示 -->
<template v-if="model.identity !== 3 ">
<div class="item-title">缴费信息</div>
<a-row :gutter="24">
<a-col :xxl="8" :xl="12" :sm="24">
<label class="label">缴费方式</label><span>{{ model.payMode_dictText }}</span>
</a-col>
<a-col :xxl="8" :xl="12" :sm="24">
<!-- 国际研讨会打包不显示需要发票-->
<a-col :xxl="8" :xl="12" :sm="24" v-if="model.payMode !== 3 ">
<label class="label">需要发票</label><span>{{ model.needInvoice_dictText }}</span>
</a-col>
<!-- <a-col :xxl="8" :xl="12" :sm="24">-->
@@ -120,7 +122,8 @@
<!--缴费信息end-->
<!--邮寄信息begin-->
<template>
<!-- 参会人不需要发票不显示 -->
<template v-if="model.needInvoice !== 0">
<div class="item-title">邮寄信息</div>
<a-row :gutter="24">
<a-col :xxl="8" :xl="12" :sm="24">
@@ -141,7 +144,7 @@
<!--演讲信息begin-->
<template v-if="model.guestType !== 3">
<div class="item-title">演讲信息</div>
<a-row :gutter="24">
<a-row :gutter="24" class="info flex-col">
<a-col :xxl="8" :xl="12" :sm="24">
<label class="label">演讲题目</label><span>{{ model.speechTopic }}</span>
</a-col>
@@ -155,8 +158,8 @@
disabled></j-image-upload></span>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :xxl="8" :xl="12" :sm="24">
<a-row :gutter="24" class="info-textarea flex-col">
<a-col :xxl="22" :xl="22" :sm="22">
<label class="label">个人简介</label><span>{{ model.profile }}</span>
</a-col>
</a-row>
@@ -180,7 +183,7 @@
<!--住店信息begin-->
<template v-if="model.guestType !== 3">
<div class="item-title">住店信息</div>
<a-row :gutter="24">
<a-row :gutter="24" class="info flex-col">
<a-col :xxl="8" :xl="12" :sm="24">
<label class="label">是否住酒店</label><span>{{ model.checkInHotel_dictText }}</span>
</a-col>
@@ -202,7 +205,7 @@
<!--行程信息begin-->
<template>
<div class="item-title">行程信息</div>
<a-row :gutter="24">
<a-row :gutter="24" class="info flex-col">
<a-col :xxl="8" :xl="12" :sm="24">
<label class="label">是否需要接站</label><span>{{ model.pickUp_dictText }}</span>
</a-col>
@@ -235,8 +238,8 @@
<label class="label">同行人</label><span>{{ model.peer }}</span>
</a-col>
</a-row>
<a-row :gutter="24" v-if="model.guestType !== 3">
<a-col :xxl="8" :xl="12" :sm="24">
<a-row :gutter="24" v-if="model.guestType !== 3" class="info-textarea flex-col">
<a-col :xxl="22" :xl="22" :sm="22">
<label class="label">备注</label><span>{{ model.remark }}</span>
</a-col>
</a-row>
@@ -315,6 +318,33 @@ export default {
<style scoped lang="less">
@import '~@assets/less/common.less';
.info {
.ant-col {
span {
display: inline-block;
word-break: keep-all;
white-space: nowrap;
max-width: calc(100% - 100px);
overflow: hidden;
text-overflow: ellipsis;
}
}
}
//会议内容、备注的样式
.info-textarea {
display: flex;
label {
flex-shrink: 0;
}
}
.flex-col {
.ant-col {
display: flex;
}
}
.ant-row {
line-height: 3;