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

@@ -10,9 +10,16 @@
<el-button type="primary" icon="iconfont iconAdd" @click="handleAdd">添加</el-button> <el-button type="primary" icon="iconfont iconAdd" @click="handleAdd">添加</el-button>
</template> </template>
<template slot="right"> <template slot="right">
<el-input placeholder="课程主题" v-model="search.title" size="small" suffix-icon="iconfont iconSearch"></el-input> <el-input
<el-button type="primary" icon="iconfont iconSearch" size="small" @click="page.current=1,getList()">查询</el-button> v-model="search.title"
<el-button icon="el-icon-refresh-right" size="small" @click="page.current=1,search={},getList()">重置</el-button> class="search-input"
size="small"
@keyup.enter.native="search.title = 1, search.title, getList()"
placeholder="请输入课程主题"
clearable
@clear="search.current = 1, search.title = '', getList()"
suffix-icon="iconfont iconSearch">
</el-input>
</template> </template>
</ai-search-bar> </ai-search-bar>
<ai-table <ai-table
@@ -24,25 +31,19 @@
:size.sync="page.size" :size.sync="page.size"
style="margin-top: 10px;" style="margin-top: 10px;"
@getList="getList"> @getList="getList">
<el-table-column slot="options" label="操作" align="center"> <el-table-column slot="options" label="操作" align="center" width="230px" fixed="right">
<div slot-scope="{row}"> <div slot-scope="{row}" class="table-options">
<el-button type="text" icon="iconfont iconChange" :title="row.status==0?'发布':'取消发布'" <el-button type="text" :title="row.status == 0 ? '发布' : '取消发布'" @click="handleChange(row)">{{ row.status == 0 ? '发布' : '取消发布' }}</el-button>
@click="handleChange(row)"/> <el-button type="text" title="添加" @click="handleAddSeries(row)">添加</el-button>
<el-button type="text" icon="iconfont iconAdd" title="添加" <el-button type="text" title="详情" @click="handleDetail(row)">详情</el-button>
@click="handleAddSeries(row)"/> <el-button type="text" title="编辑" @click="handleEdit(row)">编辑</el-button>
<el-button type="text" icon="iconfont iconShow" title="详情" <el-button type="text" title="删除" @click="handleDelete(row)">删除</el-button>
@click="handleDetail(row)"/>
<el-button type="text" icon="iconfont iconEdit" title="编辑"
@click="handleEdit(row)"/>
<el-button type="text" icon="iconfont iconDelete" title="删除"
@click="handleDelete(row)"/>
</div> </div>
</el-table-column> </el-table-column>
</ai-table> </ai-table>
</template> </template>
</ai-list> </ai-list>
<component :is="comp" v-else :row="row" :instance="instance" :dict="dict" :permissions="permissions" @back="back" <component :is="comp" v-else :row="row" :instance="instance" :dict="dict" :permissions="permissions" @back="back" :isEdit="isEdit"></component>
:isEdit="isEdit" :organizationId="organizationId" :organizationName="organizationName"></component>
</section> </section>
</template> </template>
@@ -53,7 +54,7 @@
export default { export default {
name: "AppPartyHistoryClass", name: "AppPartyHistoryClass",
label: "党史课堂", label: "党员学习",
components: {partyClassAdd, seriesManage}, components: {partyClassAdd, seriesManage},
props: { props: {
instance: Function, instance: Function,
@@ -162,6 +163,8 @@
this.comp = ""; this.comp = "";
this.showList = true; this.showList = true;
this.isEdit = false; this.isEdit = false;
this.getList()
}, },
handleAdd() { handleAdd() {
this.comp = "partyClassAdd"; this.comp = "partyClassAdd";

View File

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

View File

@@ -1,6 +1,6 @@
<template> <template>
<section class="AppFoundingHundred"> <section class="AppFoundingHundred">
<ai-list isTabs v-if="showList"> <ai-list v-if="showList">
<template #title> <template #title>
<ai-title title="剧集管理" isShowBottomBorder :isShowBack="true" @onBackClick="$emit('back')"></ai-title> <ai-title title="剧集管理" isShowBottomBorder :isShowBack="true" @onBackClick="$emit('back')"></ai-title>
</template> </template>