25639
This commit is contained in:
		| @@ -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"/> | ||||||
|   | |||||||
| @@ -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.6:1</template> |                   is-crop> | ||||||
|               </ai-uploader> |                   <template slot="tips">图片比例:1.6:1</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; | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user