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

View File

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