修改活动列表样式
This commit is contained in:
jacky
parent
d5dee9fbb6
commit
fde7ad7a67
|
|
@ -7,14 +7,9 @@
|
||||||
<script setup>
|
<script setup>
|
||||||
|
|
||||||
import '@wangeditor/editor/dist/css/style.css' // 引入 css
|
import '@wangeditor/editor/dist/css/style.css' // 引入 css
|
||||||
|
|
||||||
import { onBeforeUnmount, ref, shallowRef, watch } from 'vue'
|
import { onBeforeUnmount, ref, shallowRef, watch } from 'vue'
|
||||||
import { Editor } from '@wangeditor/editor-for-vue'
|
import { Editor } from '@wangeditor/editor-for-vue'
|
||||||
|
|
||||||
import { useUserStore } from '@/pinia/modules/user'
|
|
||||||
|
|
||||||
const userStore = useUserStore()
|
|
||||||
|
|
||||||
const emits = defineEmits(['change', 'update:modelValue'])
|
const emits = defineEmits(['change', 'update:modelValue'])
|
||||||
const editorConfig = ref({
|
const editorConfig = ref({
|
||||||
readOnly: true
|
readOnly: true
|
||||||
|
|
|
||||||
|
|
@ -47,100 +47,87 @@
|
||||||
@selection-change="handleSelectionChange">
|
@selection-change="handleSelectionChange">
|
||||||
<el-table-column type="expand">
|
<el-table-column type="expand">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div>
|
<div style="max-width: 1200px; width: 80%;">
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
<div class="gva-table-expand">
|
||||||
<el-text tag="b">简介</el-text>
|
<el-text tag="b">简介</el-text>
|
||||||
</div>
|
</div>
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
<div class="gva-table-expand">
|
||||||
{{ scope.row.brief }}
|
<rich-view v-model="scope.row.brief" style="width: 100%; height: 300px;" />
|
||||||
</div>
|
</div>
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
<div class="gva-table-expand">
|
||||||
<el-text tag="b">指导单位</el-text>
|
<el-descriptions :column="2" border>
|
||||||
</div>
|
<el-descriptions-item label="指导单位">
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
{{ scope.row.guid || '无' }}
|
||||||
{{ scope.row.guid }}
|
</el-descriptions-item>
|
||||||
</div>
|
<el-descriptions-item label="主办单位">
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
{{ scope.row.organizer || '无' }}
|
||||||
<el-text tag="b">主办单位</el-text>
|
</el-descriptions-item>
|
||||||
</div>
|
<el-descriptions-item label="协办单位">
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
{{ scope.row.coOrganizer || '无' }}
|
||||||
{{ scope.row.organizer }}
|
</el-descriptions-item>
|
||||||
</div>
|
<el-descriptions-item label="支持单位">
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
{{ scope.row.support || '无' }}
|
||||||
<el-text tag="b">协办单位</el-text>
|
</el-descriptions-item>
|
||||||
</div>
|
<el-descriptions-item label="参与企业">
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
{{ scope.row.companies || '无' }}
|
||||||
{{ scope.row.coOrganizer }}
|
</el-descriptions-item>
|
||||||
</div>
|
<el-descriptions-item label="参与人员">
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
{{ scope.row.participants || '无' }}
|
||||||
<el-text tag="b">支持单位</el-text>
|
</el-descriptions-item>
|
||||||
</div>
|
<el-descriptions-item label="报名链接">
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
{{ scope.row.signUrl || '无' }}
|
||||||
{{ scope.row.support }}
|
</el-descriptions-item>
|
||||||
</div>
|
<el-descriptions-item label="直播链接">
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
{{ scope.row.liveUrl || '无' }}
|
||||||
<el-text tag="b">参与企业</el-text>
|
</el-descriptions-item>
|
||||||
</div>
|
<el-descriptions-item label="创建时间">
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
{{ formatDate(scope.row.CreatedAt) }}
|
||||||
{{ scope.row.companies }}
|
</el-descriptions-item>
|
||||||
</div>
|
<el-descriptions-item label="更新时间">
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
{{ formatDate(scope.row.UpdatedAt) }}
|
||||||
<el-text tag="b">参与人员</el-text>
|
</el-descriptions-item>
|
||||||
</div>
|
</el-descriptions>
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
|
||||||
{{ scope.row.participants }}
|
|
||||||
</div>
|
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
|
||||||
<el-text tag="b">联系方式</el-text>
|
|
||||||
</div>
|
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
|
||||||
{{ scope.row.contact }}
|
|
||||||
</div>
|
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
|
||||||
<el-text tag="b">报名链接</el-text>
|
|
||||||
</div>
|
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
|
||||||
{{ scope.row.signUrl }}
|
|
||||||
</div>
|
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
|
||||||
<el-text tag="b">直播链接</el-text>
|
|
||||||
</div>
|
|
||||||
<div class="gva-table-expand" style="max-width: 600px;">
|
|
||||||
{{ scope.row.liveUrl }}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column type="selection" width="55" />
|
<el-table-column fixed type="selection" width="55" />
|
||||||
<el-table-column label="封面" width="200">
|
<el-table-column label="封面" width="150">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-image style="width: 100px; height: 100px" :src="getUrl(scope.row.cover)" fit="cover" />
|
<el-image style="width: 120px; height: 100px" :src="getUrl(scope.row.cover)" fit="cover" />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="left" label="类型" prop="kind" width="120">
|
<el-table-column align="left" label="类型" prop="kind" width="80">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
{{ filterDict(scope.row.kind, activityKindOptions) }}
|
{{ filterDict(scope.row.kind, activityKindOptions) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="left" label="活动标识" prop="label" width="180" />
|
<el-table-column align="left" label="标题/标识" prop="label" min-width="350">
|
||||||
<el-table-column align="left" label="标题" prop="title" width="320" />
|
<template #default="scope">
|
||||||
<el-table-column align="left" label="活动地址" prop="activeAddr" width="200" />
|
<p><el-text tag="b">标题：</el-text><el-text>{{ scope.row.title }}</el-text></p>
|
||||||
<el-table-column align="left" label="开始时间" width="180">
|
<p><el-text tag="b">标识：</el-text><el-text>{{ scope.row.label }}</el-text></p>
|
||||||
<template #default="scope">{{ formatDate(scope.row.startTime) }}</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="left" label="结束时间" width="180">
|
<el-table-column align="left" label="活动地址/联系方式" prop="label" min-width="350">
|
||||||
<template #default="scope">{{ formatDate(scope.row.endTime) }}</template>
|
<template #default="scope">
|
||||||
|
<p><el-text tag="b">活动地址：</el-text><el-text>{{ scope.row.activeAddr }}</el-text></p>
|
||||||
|
<p><el-text tag="b">联系方式：</el-text><el-text>{{ scope.row.contact }}</el-text></p>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="left" label="状态" prop="status" width="120">
|
<el-table-column align="left" label="时间" width="220">
|
||||||
|
<template #default="scope">
|
||||||
|
<p><el-text tag="b">开始：</el-text><el-text>{{ formatDate(scope.row.startTime) }}</el-text></p>
|
||||||
|
<p><el-text tag="b">结束：</el-text><el-text>{{ formatDate(scope.row.endTime) }}</el-text></p>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="left" label="状态" prop="status" width="80">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
{{ filterDict(scope.row.status, activityStatusOptions) }}
|
{{ filterDict(scope.row.status, activityStatusOptions) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column align="left" label="创建日期" width="180">
|
<el-table-column align="left" label="创建日期" width="180">
|
||||||
<template #default="scope">{{ formatDate(scope.row.CreatedAt) }}</template>
|
<template #default="scope">{{ formatDate(scope.row.CreatedAt) }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column align="left" label="操作" fixed="right" min-width="240">
|
<el-table-column align="left" label="操作" fixed="right" min-width="240">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button type="primary" link icon="edit" class="table-button" @click="updateRow(scope.row)">修改</el-button>
|
<el-button type="primary" link icon="edit" class="table-button" @click="updateRow(scope.row)">修改</el-button>
|
||||||
|
|
@ -255,6 +242,7 @@ import { getUrl } from '@/utils/image'
|
||||||
import { isImageMime } from '@/utils/image'
|
import { isImageMime } from '@/utils/image'
|
||||||
// 富文本组件
|
// 富文本组件
|
||||||
import RichEdit from '@/components/richtext/rich-edit.vue'
|
import RichEdit from '@/components/richtext/rich-edit.vue'
|
||||||
|
import RichView from '@/components/richtext/rich-view.vue'
|
||||||
// 全量引入格式化工具 请按需保留
|
// 全量引入格式化工具 请按需保留
|
||||||
import { getDictFunc, formatDate, filterDict } from '@/utils/format'
|
import { getDictFunc, formatDate, filterDict } from '@/utils/format'
|
||||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue