25639
This commit is contained in:
		| @@ -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"/> | ||||
|   | ||||
| @@ -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.6:1</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.6:1</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; | ||||
|   | ||||
		Reference in New Issue
	
	Block a user