LK/income_payments_enterprise_terminal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

【bug】文件组件样式修改

Browse Source
This commit is contained in:
fengachen
2021-10-28 14:15:11 +08:00
parent 9df966965b
commit 7e8767f3c8
3 changed files with 88 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/MessagePage/MeetingDetailModal.vue
+41 -12
View File
@@ -9,7 +9,7 @@
<!--会议信息begin-->
<section class="base-info">
<h3 class="title">会议信息</h3>
<a-row :gutter="24">
<a-row :gutter="24" class="flex-col">
<a-col :span="12">
<label>会议名称：</label>
<span><j-ellipsis :value="model.meetingName" :length="20"></j-ellipsis></span>
@@ -19,7 +19,7 @@
<span><j-ellipsis :value="generateMeetingType(model.meetingType)" :length="20"></j-ellipsis></span>
</a-col>
</a-row>
<a-row :gutter="24">
<a-row :gutter="24" class="flex-col">
<a-col :span="12">
<label>召开时间：</label>
<span>{{model.startTime + '~' + model.endTime}}</span>
@@ -29,7 +29,7 @@
<span><j-ellipsis :value="model.particularYear" :length="20"></j-ellipsis></span>
</a-col>
</a-row>
<a-row :gutter="24">
<a-row :gutter="24" class="flex-col">
<a-col :span="12">
<label>召开地点：</label>
<span><j-ellipsis :value="model.venue + '/' + model.address"></j-ellipsis></span>
@@ -39,17 +39,17 @@
<span><j-ellipsis :value="model.directorName" :length="20"></j-ellipsis></span>
</a-col>
</a-row>
<a-row :gutter="24">
<a-row :gutter="24" class="flex-col">
<a-col :span="12">
<label>报名截止时间：</label>
<span><j-ellipsis :value="model.registerDeadline" :length="20"></j-ellipsis></span>
</a-col>
<a-col :span="12">
<label>会议通知：</label>
<span><preview-file style="display: inline-block" :file-id="model.meetingFiles"></preview-file></span>
<span><preview-file style="width: 80%" :file-id="model.meetingFiles"></preview-file></span>
</a-col>
</a-row>
<a-row :gutter="24">
<a-row :gutter="24" class="flex-col">
<a-col :span="24">
<label>会议内容：</label>
<span><j-ellipsis :value="model.meetingContent" :length="20"></j-ellipsis></span>
@@ -60,14 +60,14 @@
<!--报名信息begin-->
<section class="base-info">
<h3 class="title">报名信息</h3>
<a-row :gutter="24">
<a-row :gutter="24" class="flex-col">
<a-col :span="12">
<label>参会单位：</label>
<span><j-ellipsis :value="situationInfo.companyName" :length="20"></j-ellipsis></span>
</a-col>
</a-row>
<a-row :gutter="24">
<a-row :gutter="24" class="flex-col">
<a-col :span="12">
<label>参会人：</label>
<span><j-ellipsis :value="situationInfo.companyContactName" :length="20"></j-ellipsis></span>
@@ -77,7 +77,7 @@
<span><j-ellipsis :value="situationInfo.identity_dictText" :length="20"></j-ellipsis></span>
</a-col>
</a-row>
<a-row :gutter="24">
<a-row :gutter="24" class="flex-col">
<!-- 需求沟通去掉性别-->
<!-- <a-col :span="12">-->
<!-- <label>性别：</label>-->
@@ -92,14 +92,14 @@
<span><j-ellipsis :value="situationInfo.payMode_dictText" :length="20"></j-ellipsis></span>
</a-col>
</a-row>
<a-row :gutter="24">
<a-row :gutter="24" class="flex-col">
<a-col :span="12">
<label>需要发票：</label>
<span><j-ellipsis :value="situationInfo.needInvoice_dictText" :length="20"></j-ellipsis></span>
</a-col>
</a-row>
<!-- 缴费方式为打包时候 不显示 -->
<a-row :gutter="24" v-if="situationInfo.payMode !== 3">
<a-row :gutter="24" v-if="situationInfo.payMode !== 3" class="flex-col">
<a-col :span="12">
<label>发票邮寄地址：</label>
<span><j-ellipsis :value="situationInfo.postContactAddress" :length="20"></j-ellipsis></span>
@@ -114,7 +114,7 @@
<!--会议资料begin-->
<section class="base-info">
<h3 class="title">会议资料</h3>
<a-row :gutter="24">
<a-row :gutter="24" class="flex-col">
<a-col :span="12">
<label>会议资料：</label>
<span><preview-file :file-id="model.meetingData"></preview-file></span>
@@ -376,6 +376,34 @@ export default {
</script>
<style scoped lang="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 {
margin: 12px;
}
@@ -385,6 +413,7 @@ h3 {
}
label {
min-width: 80px;
color: #666;
}