This commit is contained in:
yanran200730
2021-12-23 16:56:50 +08:00
parent 6e7d0dd8b2
commit e93f2d9d42
3 changed files with 64 additions and 55 deletions

View File

@@ -4,44 +4,48 @@
<ai-title slot="title" :title="detailTitle" isShowBottomBorder isShowBack @onBackClick="$emit('back')">
</ai-title>
<template #content>
<div class="detail-content" v-if="isEdit">
<el-form :model="form" label-width="120px" ref="ruleForm" :rules="rules">
<el-form-item label="单集名称" prop="title">
<el-input size="small" v-model="form.title" clearable placeholder="请输入..." maxlength="100"
show-word-limit/>
</el-form-item>
<el-form-item label="单集顺序" prop="num">
<el-row type="flex" justify="space-between">
<div style="width: 540px">
<el-input size="small" v-model="form.num" clearable placeholder="请输入..." maxlength="100"
show-word-limit/>
</div>
<span>已更新至{{episodeNum}}</span>
</el-row>
</el-form-item>
<el-form-item label="视频" prop="videoUrl">
<el-input size="small" v-model="form.videoUrl" clearable placeholder="请输入..." maxlength="300"
show-word-limit/>
</el-form-item>
</el-form>
</div>
<ai-card title="基本信息" class="detail-content" v-if="isEdit">
<template #content>
<el-form :model="form" label-width="120px" ref="ruleForm" :rules="rules">
<el-form-item label="单集名称" prop="title">
<el-input size="small" v-model="form.title" clearable placeholder="请输入..." maxlength="100"
show-word-limit/>
</el-form-item>
<el-form-item label="单集顺序" prop="num">
<el-row type="flex" justify="space-between">
<div style="width: 540px">
<el-input size="small" v-model="form.num" clearable placeholder="请输入..." maxlength="100"
show-word-limit/>
</div>
<span>已更新至{{episodeNum}}</span>
</el-row>
</el-form-item>
<el-form-item label="视频" prop="videoUrl">
<el-input size="small" v-model="form.videoUrl" clearable placeholder="请输入..." maxlength="300"
show-word-limit/>
</el-form-item>
</el-form>
</template>
</ai-card>
<!--详情-->
<div class="village_detail" v-else>
<div class="village_title">
<h3>{{ form.title }}</h3>
<p style="font-size: 14px;color: #999;">{{ form.createDate|timeVal }} {{ form.organizationName }}</p>
</div>
<div class="village_file" v-if="form.files && form.files.length">
<span>附件</span>
<div>
<p v-for="(item,i) in form.files" :key="i" class="fileSty" @click="downLoad(item.accessUrl)">
{{ item.fileName }}{{ item.postfix }}
</p>
<ai-card title="基本信息" v-else>
<template #content>
<div class="village_title">
<h3>{{ form.title }}</h3>
<p style="font-size: 14px;color: #999;">{{ form.createDate|timeVal }} {{ form.organizationName }}</p>
</div>
</div>
<img class="cover" :src="form.thumbUrl[0].url" v-if="form.thumbUrl && form.thumbUrl.length">
<div class="village_cont" v-html="form.content"/>
</div>
<div class="village_file" v-if="form.files && form.files.length">
<span>附件</span>
<div>
<p v-for="(item,i) in form.files" :key="i" class="fileSty" @click="downLoad(item.accessUrl)">
{{ item.fileName }}{{ item.postfix }}
</p>
</div>
</div>
<img class="cover" :src="form.thumbUrl[0].url" v-if="form.thumbUrl && form.thumbUrl.length">
<div class="village_cont" v-html="form.content"/>
</template>
</ai-card>
</template>
<template #footer>
<template v-if="isEdit">
@@ -57,7 +61,9 @@
</template>
<script>
import Template from '../../../wechat/AppAskForm/components/Template.vue';
export default {
components: { Template },
name: "seriesAdd",
props: {
instance: Function,