This commit is contained in:
yanran200730
2021-12-22 16:45:35 +08:00
parent 9a7399c2b9
commit 980b461d59
2 changed files with 61 additions and 62 deletions

View File

@@ -2,7 +2,7 @@
<section class="AppFoundingHundred">
<ai-list v-if="showList">
<template #title>
<ai-title title="党史课堂" isShowBottomBorder>
<ai-title title="党员学习" isShowBottomBorder>
<template #rightBtn>
<ai-party :instance="instance" v-model="organizationId" :topOrgId="topOrgId" size="small"
@origin="changeParty"/>

View File

@@ -1,63 +1,65 @@
<template>
<section class="add_Party" :class="{isDetail:!isEdit}">
<ai-detail>
<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="updateStatus">
<ai-select v-model="form.updateStatus" :selectList="dict.getDict('classroomUpdateStatus')"/>
</el-form-item>
<el-form-item label="发布组织" prop="organizationName">
<el-input size="small" v-model="form.organizationName" clearable placeholder="请输入..." maxlength="100"
show-word-limit/>
</el-form-item>
<el-form-item label="封面" prop="thumbUrl">
<ai-uploader
:instance="instance"
v-model="form.thumbUrl"
:limit="1"
:cropOps="cropOps"
is-crop>
<template slot="tips">图片比例1.61</template>
</ai-uploader>
</el-form-item>
<el-form-item label="课程简介" prop="content">
<ai-editor v-model="form.content" :instance="instance"/>
</el-form-item>
</el-form>
</div>
<!--详情-->
<div class="village_detail" v-else>
<img class="cover" :src="form.thumbUrl[0].url" v-if="form.thumbUrl && form.thumbUrl.length">
<ai-wrapper label-width="100px" :columnsNumber="2">
<ai-info-item label="课程主题" isLine>{{form.title}}</ai-info-item>
<ai-info-item label="更新状态">{{dict.getLabel("classroomUpdateStatus",form.updateStatus)}}</ai-info-item>
<ai-info-item label="更新集数">{{form.episodeNum}}</ai-info-item>
<ai-info-item label="最后更新时间">{{form.updateDate}}</ai-info-item>
<ai-info-item label="发布组织">{{form.organizationName}}</ai-info-item>
<ai-info-item label="课程简介" isLine>
<div v-html="form.content" style="margin-right: 80px"/>
</ai-info-item>
</ai-wrapper>
</div>
</template>
<template #footer>
<template v-if="isEdit">
<el-button size="small" @click="$emit('back')">取消</el-button>
<el-button type="primary" size="small" @click="saveAdd(0)">保存
</el-button>
<el-button type="primary" size="small" @click="saveAdd(1)">保存并发布
</el-button>
<ai-detail>
<ai-title slot="title" :title="detailTitle" isShowBottomBorder isShowBack @onBackClick="$emit('back')">
</ai-title>
<template #content>
<ai-card title="基本信息">
<template #content>
<div class="detail-content" v-if="isEdit">
<el-form class="ai-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="updateStatus">
<ai-select v-model="form.updateStatus" :selectList="dict.getDict('classroomUpdateStatus')"/>
</el-form-item>
<el-form-item label="发布组织" prop="organizationName">
<el-input size="small" v-model="form.organizationName" clearable placeholder="请输入..." maxlength="100"
show-word-limit/>
</el-form-item>
<el-form-item style="width: 100%;" label="封面" prop="thumbUrl">
<ai-uploader
:instance="instance"
v-model="form.thumbUrl"
:limit="1"
:cropOps="cropOps"
is-crop>
<template slot="tips">图片比例1.61</template>
</ai-uploader>
</el-form-item>
<el-form-item label="课程简介" style="width: 100%;" prop="content">
<ai-editor v-model="form.content" :instance="instance"/>
</el-form-item>
</el-form>
</div>
<!--详情-->
<div class="village_detail" v-else>
<img class="cover" :src="form.thumbUrl[0].url" v-if="form.thumbUrl && form.thumbUrl.length">
<ai-wrapper label-width="100px" :columnsNumber="2">
<ai-info-item label="课程主题" isLine>{{form.title}}</ai-info-item>
<ai-info-item label="更新状态">{{dict.getLabel("classroomUpdateStatus",form.updateStatus)}}</ai-info-item>
<ai-info-item label="更新集数">{{form.episodeNum}}</ai-info-item>
<ai-info-item label="最后更新时间">{{form.updateDate}}</ai-info-item>
<ai-info-item label="发布组织">{{form.organizationName}}</ai-info-item>
<ai-info-item label="课程简介" isLine>
<div v-html="form.content" style="margin-right: 80px"/>
</ai-info-item>
</ai-wrapper>
</div>
</template>
</ai-card>
</template>
<template #footer>
<template v-if="isEdit">
<el-button size="small" @click="$emit('back')">取消</el-button>
<el-button type="primary" size="small" @click="saveAdd(0)">保存
</el-button>
<el-button type="primary" size="small" @click="saveAdd(1)">保存并发布
</el-button>
</template>
</ai-detail>
</section>
</template>
</ai-detail>
</template>
<script>
@@ -73,7 +75,7 @@
},
computed: {
detailTitle() {
return this.isEdit ? '编辑党史课堂' : '党史课堂详情'
return this.isEdit ? '编辑党员学习' : '党史党员学习'
}
},
data() {
@@ -159,9 +161,6 @@
.add_Party {
height: 100%;
position: relative;
background: #fff;
display: flex;
flex-direction: column;
.detail-content {
padding-bottom: 80px;