60 lines
2.4 KiB
HTML
60 lines
2.4 KiB
HTML
<el-form label-position="right" style="padding: 20px 0" label-width="120px">
|
|
<vi-title title="活动基础信息"></vi-title>
|
|
<el-row gutter="20">
|
|
<el-col :span="12">
|
|
<el-form-item label="活动时间：">
|
|
{{viewData.hdkssj}} 至 {{viewData.hdjssj}}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="报名截止时间：">
|
|
{{viewData.bmjzsj}}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="活动场地：">
|
|
{{viewData.hdcd}}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="注意事项：">
|
|
{{viewData.hdzysx}}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="活动内容：">
|
|
<div v-html="viewData.hdnr"></div>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<template v-if="viewData.files&&viewData.files.length">
|
|
<vi-title title="附件"></vi-title>
|
|
<div style="text-align: left;">
|
|
<div v-for="item in viewData.files"
|
|
style="display: inline-block;width: 100px;margin-right:10px">
|
|
<div class="file-down-span" @click="dd3s.download(item.filepath,item.filename)">
|
|
<i class="el-icon-download"></i>
|
|
</div>
|
|
<el-image fit="cover" v-if="dd3s.isPic(item.filepath)"
|
|
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
|
:src="'${AppFileDomain!}'+item.filepath" @click="dd3s.showpic(item.filepath)">
|
|
</el-image>
|
|
<el-image v-else
|
|
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
|
src="***">
|
|
<div slot="error" class="image-slot"
|
|
style="width: 100%;height: 100%; display:flex;align-items: center;text-align: center">
|
|
<span style="font-size: 12px;color: rgb(180,180,180);width: 100%;text-align: center;overflow: hidden;padding: 0 10px;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical">{{item.filename}}</span>
|
|
</div>
|
|
</el-image>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</el-form>
|
|
|
|
|