|
|
@@ -0,0 +1,487 @@
|
|
|
+<template>
|
|
|
+ <div class="manage-root organize-manage">
|
|
|
+ <Header />
|
|
|
+ <div class="manage-root-contain">
|
|
|
+ <nav-menu class="manage-root-contain-left" :activeMenuIndex="activeMenuIndex"></nav-menu>
|
|
|
+ <div class="manage-root-contain-right personnel-manage-right">
|
|
|
+ <breadcrumb :breadcrumbList="breadcrumbList" class="breadcrumb-box"></breadcrumb>
|
|
|
+ <div class="personal-inner">
|
|
|
+ <div class="common-title-box">
|
|
|
+ <h3>报纸管理</h3>
|
|
|
+ <div class="btn-box">
|
|
|
+ <el-button type="primary" size="small" @click="handleEdit">创建报纸</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="search-box">
|
|
|
+ <div class="search-item">
|
|
|
+ <label>搜索</label>
|
|
|
+ <el-input
|
|
|
+ placeholder="输入搜索内容"
|
|
|
+ v-model="searchInput">
|
|
|
+ <i slot="suffix" class="el-input__icon el-icon-search" @click="getList" style="cursor: pointer;"></i>
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ <div class="search-item">
|
|
|
+ <label>状态</label>
|
|
|
+ <el-select v-model="searchStatus" @change="getList" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in searchStatusList"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="search-item">
|
|
|
+ <label>年份</label>
|
|
|
+ <el-select v-model="searchYear" @change="getList" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in 10"
|
|
|
+ :key="item+2013"
|
|
|
+ :label="item+2013"
|
|
|
+ :value="item+2013">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="search-item">
|
|
|
+ <label>学段</label>
|
|
|
+ <el-select v-model="searchStudy" @change="getList" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in studyList"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ class="search-table"
|
|
|
+ :data="tableData"
|
|
|
+ style="width: 100%"
|
|
|
+ :max-height="tableHeight">
|
|
|
+ <el-table-column
|
|
|
+ type="index"
|
|
|
+ label="#"
|
|
|
+ sortable
|
|
|
+ width="56">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="name"
|
|
|
+ label="名称"
|
|
|
+ sortable
|
|
|
+ min-width="226">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="periods"
|
|
|
+ label="期数"
|
|
|
+ width="84">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="study"
|
|
|
+ label="学段"
|
|
|
+ width="72">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{formatterStudy(scope.row)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="status"
|
|
|
+ label="状态"
|
|
|
+ width="104" >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="status-box">
|
|
|
+ <span :style="{background:statusList[scope.row.status].bg}"></span>
|
|
|
+ <b :style="{color:statusList[scope.row.status].color}">{{statusList[scope.row.status].text}}</b>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="creator"
|
|
|
+ label="创建人"
|
|
|
+ width="88">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="createData"
|
|
|
+ label="创建时间"
|
|
|
+ width="144" >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="updator"
|
|
|
+ label="最近编辑"
|
|
|
+ min-width="96">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="expirationDate"
|
|
|
+ label="最近编辑时间"
|
|
|
+ width="144">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ fixed="right"
|
|
|
+ label="操作"
|
|
|
+ width="220">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ @click.native.prevent="handleEdit(scope.row)"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ class="primary-btn">
|
|
|
+ 信息
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ @click.native.prevent="handlePerson(scope.row)"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ class="primary-btn">
|
|
|
+ 编辑
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ @click.native.prevent="handleUp(scope.row, scope.$index)"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ class="primary-btn"
|
|
|
+ v-if="scope.row.status==='0'">
|
|
|
+ 审核
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ @click.native.prevent="handleUp(scope.row, scope.$index)"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ class="primary-btn"
|
|
|
+ v-if="scope.row.status==='0'">
|
|
|
+ 上架
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ @click.native.prevent="handleUp(scope.row, scope.$index)"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ class="red-btn"
|
|
|
+ v-else-if="scope.row.status==='1'">
|
|
|
+ 下架
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ @click.native.prevent="handleDelete(scope.row, scope.$index)"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ class="red-btn">
|
|
|
+ 删除
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="pageNumber"
|
|
|
+ :page-sizes="[10, 20, 30, 40]"
|
|
|
+ :page-size="pageSize"
|
|
|
+ layout="total, prev, pager, next, sizes, jumper"
|
|
|
+ :total="tableData.length">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+//这里可以导入其它文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
|
|
|
+//例如：import 《组件名称》from ‘《组件路径》';
|
|
|
+import Header from "../../components/Header.vue";
|
|
|
+import NavMenu from "../../components/NavMenu.vue"
|
|
|
+import Breadcrumb from '../../components/Breadcrumb.vue';
|
|
|
+import {
|
|
|
+ provinceAndCityData
|
|
|
+} from "element-china-area-data";
|
|
|
+
|
|
|
+export default {
|
|
|
+ //import引入的组件需要注入到对象中才能使用
|
|
|
+ components: { Header, NavMenu, Breadcrumb },
|
|
|
+ props: {},
|
|
|
+ data() {
|
|
|
+ //这里存放数据
|
|
|
+ return {
|
|
|
+ provinceAndCityData,
|
|
|
+ activeMenuIndex: "newspaper_manage",
|
|
|
+ breadcrumbList:[
|
|
|
+ {
|
|
|
+ icon:'file-list-line',
|
|
|
+ url:'',
|
|
|
+ text:''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon:'',
|
|
|
+ url:'',
|
|
|
+ notLink: true,
|
|
|
+ text:'内容管理'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon:'',
|
|
|
+ url:'',
|
|
|
+ text:'报纸管理'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ searchInput: '',
|
|
|
+ searchStudy: '',
|
|
|
+ searchStatus: '',
|
|
|
+ searchYear: '',
|
|
|
+ searchArea:[],
|
|
|
+ typeList:[
|
|
|
+ {
|
|
|
+ value:'',
|
|
|
+ label:'全部'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:'0',
|
|
|
+ label:'小学'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:'1',
|
|
|
+ label:'初中'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:'2',
|
|
|
+ label:'高中'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:'3',
|
|
|
+ label:'大学'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ studyList:[
|
|
|
+ {
|
|
|
+ value:'',
|
|
|
+ label:'全部'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:'0',
|
|
|
+ label:'初一'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:'1',
|
|
|
+ label:'初二'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:'2',
|
|
|
+ label:'初三'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:'3',
|
|
|
+ label:'高一'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ searchStatusList:[
|
|
|
+ {
|
|
|
+ value:'',
|
|
|
+ label:'全部'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:'1',
|
|
|
+ label:'已上架'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:'0',
|
|
|
+ label:'未上架'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ statusList:{
|
|
|
+ '1':{
|
|
|
+ text:'已上架',
|
|
|
+ bg:'#165DFF',
|
|
|
+ color:''
|
|
|
+ },
|
|
|
+ '0':{
|
|
|
+ text:'未上架',
|
|
|
+ bg:'#F53F3F',
|
|
|
+ color:'#F53F3F'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ tableData:[
|
|
|
+ {
|
|
|
+ id:'1',
|
|
|
+ name:'第 987 期 Teens Senior 2',
|
|
|
+ periods:'40',
|
|
|
+ study:'0',
|
|
|
+ status:'1',
|
|
|
+ creator:'何家洪',
|
|
|
+ createData:'2018-02-03',
|
|
|
+ updator:'周志伟',
|
|
|
+ expirationDate:'2018-02-03'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id:'2',
|
|
|
+ name:'第 804 期 Teens Senior 3',
|
|
|
+ periods:'986',
|
|
|
+ study:'3',
|
|
|
+ status:'1',
|
|
|
+ creator:'赵志军',
|
|
|
+ createData:'2018-02-03',
|
|
|
+ updator:'李浩东',
|
|
|
+ expirationDate:'2018-02-03'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id:'3',
|
|
|
+ name:'983期',
|
|
|
+ periods:'982-988',
|
|
|
+ study:'2',
|
|
|
+ status:'0',
|
|
|
+ creator:'何家洪',
|
|
|
+ admin:'周志伟',
|
|
|
+ createData:'2018-02-03',
|
|
|
+ updator:'张三',
|
|
|
+ expirationDate:'2018-02-03'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ pageSize: window.localStorage.getItem('pageSize')?Number(window.localStorage.getItem('pageSize')):10,
|
|
|
+ pageNumber: window.localStorage.getItem('pageNumber')?Number(window.localStorage.getItem('pageNumber')):1,
|
|
|
+ tableHeight: "" // 表格高度
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //计算属性 类似于data概念
|
|
|
+ computed: {
|
|
|
+
|
|
|
+ },
|
|
|
+ //监控data中数据变化
|
|
|
+ watch: {},
|
|
|
+ //方法集合
|
|
|
+ methods: {
|
|
|
+ // 查询列表
|
|
|
+ getList(){
|
|
|
+ },
|
|
|
+ // 处理学段
|
|
|
+ formatterStudy(row){
|
|
|
+ let studyCn = ''
|
|
|
+ let list = this.studyList
|
|
|
+ if(row.study){
|
|
|
+ for(let i=0;i<list.length;i++){
|
|
|
+ if(row.study===list[i].value){
|
|
|
+ studyCn = list[i].label
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ studyCn = '未知'
|
|
|
+ }
|
|
|
+ return studyCn
|
|
|
+ },
|
|
|
+ // 创建机构或者编辑信息
|
|
|
+ handleEdit(row){
|
|
|
+ // 根据登录用户判断当前用户是不是超管 在table里加上disabled
|
|
|
+
|
|
|
+ // 点击时记录页码和每页条数
|
|
|
+ window.localStorage.setItem('pageSize',this.pageSize)
|
|
|
+ window.localStorage.setItem('pageNumber',this.pageNumber)
|
|
|
+ this.$router.push({
|
|
|
+ path: "/createNewspaper",
|
|
|
+ query: {
|
|
|
+ id: row?row.id:''
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 人员管理
|
|
|
+ handlePerson(row){
|
|
|
+ window.localStorage.setItem('pageSize',this.pageSize)
|
|
|
+ window.localStorage.setItem('pageNumber',this.pageNumber)
|
|
|
+ this.$router.push({
|
|
|
+ path: "/createNewspaper",
|
|
|
+ query: {
|
|
|
+ id: row?row.id:''
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 停用 启用
|
|
|
+ handleUp(row, index) {
|
|
|
+ let Mname = "book-book_manager-SetPublishStatusForBook";
|
|
|
+ let updataData = JSON.parse(JSON.stringify(row));
|
|
|
+ let data = {
|
|
|
+ book_id: row.id
|
|
|
+ };
|
|
|
+ if (row.publish_status == 0) {
|
|
|
+ // 下架状态
|
|
|
+ data.publish_status = 1;
|
|
|
+ updataData.publish_status = 1;
|
|
|
+ } else if (row.publish_status == 1) {
|
|
|
+ data.publish_status = 0;
|
|
|
+ updataData.publish_status = 0;
|
|
|
+ }
|
|
|
+ // getContent(Mname, data).then(res => {
|
|
|
+ // this.$message.success("操作成功");
|
|
|
+ // this.$set(this.tableData, index, updataData);
|
|
|
+ // });
|
|
|
+ },
|
|
|
+ // 删除
|
|
|
+ handleDelete(row){
|
|
|
+ this.$confirm('确定删除吗?', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '删除成功!'
|
|
|
+ });
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '已取消删除'
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.pageSize = val
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.pageNumber = val
|
|
|
+ },
|
|
|
+ //计算table高度(动态设置table高度)
|
|
|
+ getTableHeight() {
|
|
|
+ let tableH = 370; //距离页面下方的高度
|
|
|
+ let tableHeightDetil = window.innerHeight - tableH;
|
|
|
+ if (tableHeightDetil <= 300) {
|
|
|
+ this.tableHeight = 300;
|
|
|
+ } else {
|
|
|
+ this.tableHeight = window.innerHeight - tableH;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ //生命周期 - 创建完成（可以访问当前this实例）
|
|
|
+ created() {
|
|
|
+ this.getTableHeight();
|
|
|
+ },
|
|
|
+ //生命周期 - 挂载完成（可以访问DOM元素）
|
|
|
+ mounted() {
|
|
|
+
|
|
|
+ },
|
|
|
+ //生命周期-创建之前
|
|
|
+ beforeCreated() { },
|
|
|
+ //生命周期-挂载之前
|
|
|
+ beforeMount() { },
|
|
|
+ //生命周期-更新之前
|
|
|
+ beforUpdate() { },
|
|
|
+ //生命周期-更新之后
|
|
|
+ updated() { },
|
|
|
+ //生命周期-销毁之前
|
|
|
+ beforeDestory() { },
|
|
|
+ //生命周期-销毁完成
|
|
|
+ destoryed() { },
|
|
|
+ //如果页面有keep-alive缓存功能，这个函数会触发
|
|
|
+ activated() { }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+/* @import url(); 引入css类 */
|
|
|
+
|
|
|
+</style>
|
|
|
+<style lang="scss">
|
|
|
+.organize-manage{
|
|
|
+ .el-cascader{
|
|
|
+ width: 160px;
|
|
|
+ height: 32px;
|
|
|
+ line-height: 32px;
|
|
|
+ .el-input{
|
|
|
+ width: 100%;
|
|
|
+ height: 32px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
natasha