新建广告位

src/router/router.js

@@ -39,7 +39,6 @@ const reviewAccessManage = r => require.ensure([], () => r(require('../views/cme
 const creditSendManage = r => require.ensure([], () => r(require('../views/cme/credit-send-manage.vue')), 'credit-send-manage')
 const applyDetail =  r => require.ensure([], () => r(require('../views/cme/apply-detail.vue')), 'apply-detail')
 
-
 const templateManager = r => require.ensure([], () => r(require('../views/education/template-manager.vue')), 'ctemplate-manager')
 const templateEditor = r => require.ensure([], () => r(require('../views/education/template-editor.vue')), 'template-editor')
 const templateOpen = r => require.ensure([], () => r(require('../views/education/template-open.vue')), 'templateOpen')
@@ -47,9 +46,8 @@ const eduRole = r => require.ensure([], () => r(require('../views/education/edu-
 const editCustom = r => require.ensure([], () => r(require('../views/education/edit-custom.vue')), 'templateOpen')
 const externalResourceManage = r => require.ensure([], () => r(require('../views/education/external-resource-manage.vue')), 'external-resource-manage')
 const auditCustomCourse = r => require.ensure([], () => r(require('../views/education/audit-custom-course.vue')), 'audit-custom-course')
-const advertSimpleManage = r => require.ensure([], () => r(require('../views/education/advert-simple-manage.vue')), 'advert-simple-manage')
-const editSimpleManage = r => require.ensure([], () => r(require('../views/education/edit-simple-manage.vue')), 'edit-simple-manage')
-
+const advertSimpleManage = r => require.ensure([], () => r(require('../views/education/advert/advert-simple-manage.vue')), 'advert-simple-manage')
+const editSimpleAdvert = r => require.ensure([], () => r(require('../views/education/advert/edit-simple-advert.vue')), 'edit-simple-advert')
 
 const noticeEditor = r => require.ensure([], () => r(require('../views/education/notice-editor.vue')), 'notice-editor')
 
@@ -241,8 +239,8 @@ export default [{
             component: advertSimpleManage,
         },
         {
-            path: '/edit-simple-manage',
-            component: editSimpleManage,
+            path: '/edit-simple-advert',
+            component: editSimpleAdvert,
         },
       // {
       //   path: '/followup',

src/views/education/advert-simple-manage.vue → src/views/education/advert/advert-simple-manage.vue

 <template>
-  <div class="review-access-wrap">
+  <div class="advert-simple-wrap">
     <bread-crumb :curmbFirst="curmbFirst"></bread-crumb>
 
     <div class="review-access screenSet" id="screenSet">
       <div class="header-title">广告位管理</div>
       <el-form ref="form" :model="searchForm" label-width="100px" class="search-form-wrap">
         <el-row>
-          <el-form-item label="所属项目：" class="search-item" >
-            <el-input v-model="searchForm.courseName" size="small" class="form-width" placeholder="请输入课程名称"></el-input>
+          <el-form-item label="所属项目：" class="search-item">
+            <el-input
+              v-model="searchForm.projectName"
+              size="small"
+              class="form-width"
+              placeholder="请输入项目名称"
+            ></el-input>
           </el-form-item>
+
           <el-form-item label="状态：" class="search-item">
-            <el-select v-model="searchForm.status" placeholder="请选择" size="small" class="form-width">
-              <el-option v-for="(item, index) in statusList" :key="index" :label="item.name" :value="item.value"></el-option>
+            <el-select
+              v-model="searchForm.status"
+              placeholder="请选择"
+              size="small"
+              class="form-width"
+            >
+              <el-option
+                v-for="(item, index) in statusList"
+                :key="index"
+                :label="item.name"
+                :value="item.value"
+              ></el-option>
             </el-select>
           </el-form-item>
           <el-form-item class="btn-list">
-            <el-button @click="search()" type="primary" size="small">查询</el-button>
-            <el-button @click="reset" size="small">重置</el-button>
+            <el-button @click="search()" type="primary" size="small">查 询</el-button>
+            <el-button @click="reset" size="small">重 置</el-button>
           </el-form-item>
         </el-row>
+        <el-row style="float: right;">
+          <el-button @click="addAdvert()" type="primary" size="small">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;新建广告位&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</el-button>
+        </el-row>
       </el-form>
       <el-table :data="tableList" border style="width: 100%">
         <el-table-column align="center" prop="id" label="广告位编号"></el-table-column>
-        <el-table-column align="center" prop="pageType" label="页面类型" ></el-table-column>
-        <el-table-column align="center" prop="projectName" label="所属项目" ></el-table-column>
-        <el-table-column align="center" prop="position" label="页面位置" ></el-table-column>
-        <el-table-column align="center" prop="status" label="审核状态" >
+        <el-table-column align="center" prop="pageType" label="页面类型">
+          <template slot-scope="scope">
+            <span>{{scope.row.pageType == 0 ? '项目列表页' : '项目详情页'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" prop="projectName" label="所属项目"></el-table-column>
+        <el-table-column align="center" prop="position" label="页面位置">
+          <template slot-scope="scope">
+            <span>{{scope.row.position == 0 ? '顶部广告位' : '底部广告位'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" prop="status" label="审核状态">
           <template slot-scope="scope">
             <span v-html="getHtmlStatus(scope.row.status)"></span>
           </template>
         </el-table-column>
         <el-table-column align="center" label="操作">
           <template slot-scope="scope">
-            <el-button @click="editAdvert(scope.row)" type="text" size="small"><span style="color: #449284;">编辑</span></el-button>
+            <el-button @click="editAdvert(scope.row)" type="text" size="small">
+              <span style="color: #449284;">编辑</span>
+            </el-button>
           </template>
         </el-table-column>
         <div slot="empty">
           <div class="table-empty">
-            <img src="../../assets/image/no-content1.png">
+            <img src="../../../assets/image/no-content1.png" />
             <p>没有查询到数据</p>
           </div>
         </div>
@@ -52,63 +81,55 @@
           :current-page="searchForm.pageNo"
           :page-sizes="[15, 30, 50, 100]"
           :page-size="searchForm.pageSize"
-          layout="total, sizes, prev, pager, next, jumper">
-        </el-pagination>
+          layout="total, sizes, prev, pager, next, jumper"
+        ></el-pagination>
       </div>
     </div>
-
   </div>
 </template>
 
 <script>
-  import { openLoading, closeLoading } from "../../utils/utils";
-  import BreadCrumb from "../../components/breadcrumb.vue";
-  import * as commonUtil from "../../utils/utils";
-  import {
-    handleDeleteReq,
-  } from '@/utils/cme/cmeApi'
+import { openLoading, closeLoading } from "../../../utils/utils";
+import BreadCrumb from "../../../components/breadcrumb.vue";
+import * as commonUtil from "../../../utils/utils";
+import { handleDeleteReq } from "@/utils/cme/cmeApi";
 
-  export default {
+export default {
   data() {
     return {
       curmbFirst: "广告位管理",
       // curmbSecond: "广告位管理",
       totalRows: 0,
-        addEditVisible: false,
-        isAdd: true,            // 新增或编辑状态：新增 true; 编辑 false 
-        deleteVisible: false,
-        currentRow: null,       // 当前行数据
       searchForm: {
-          projectId: '',
+        projectName: "",
         status: -1,
         pageNo: 1,
-          pageSize: 15,
-        },
-        auditForm: {
-          auditRadio: '',
-          desc: '',
+        pageSize: 15
       },
       statusList: [
         {
-            name: '全部',
+          name: "全部",
           value: -1
-          },{
-            name: '未发布',
+        },
+        {
+          name: "未发布",
           value: 0
-          },{
-            name: '已发布',
+        },
+        {
+          name: "已发布",
           value: 1
-          },{
-            name: '已下线',
+        },
+        {
+          name: "已下线",
           value: 2
         }
       ],
-        tableList: [],
-      }
+      tableList: []
+    };
   },
 
   components: {
-      BreadCrumb,
+    BreadCrumb
   },
 
   created() {
@@ -118,28 +139,26 @@
     commonUtil.resizeHeight();
   },
   methods: {
-
     //
     getHtmlStatus(status) {
-        if(status == 0) {
+      if (status == 0) {
         return `<span style="color:#666666;">未发布</span>`;
-        } else if(status == 1) {
-          return `<span style="color:#D0021B;">已发布</span>`;
-        } else if(status == 2) {
-          return `<span style="color:#417505;">已下线</span>`;
+      } else if (status == 1) {
+        return `<span style="color:#417505;">已发布</span>`;
+      } else if (status == 2) {
+        return `<span style="color:#D0021B;">已下线</span>`;
       } else {
-          return ''
+        return "";
       }
     },
 
     // 查询列表
     search() {
       let searchForm = Object.assign({}, this.searchForm);
-        this.GET("contents/course/custom/check/v1/list", searchForm).then(res => {
+      this.GET("portal/jump/list", searchForm).then(res => {
         if (res.code == "000000") {
-            this.tableList = res.data && res.data.courseList || [];
+          this.tableList = (res.data && res.data.list) || [];
           this.totalRows = res.data.totalSize || 0;
-            // this.protocolInfo = res.data;
         }
       });
     },
@@ -147,50 +166,50 @@
     // 重置
     reset() {
       this.searchForm = {
-          projectId: '',
+        projectId: "",
         status: -1,
         pageNo: 1,
-          pageSize: 15,
+        pageSize: 15
       };
     },
 
-      // 查看
-      editAdvert(row) {
+    // 新增
+    addAdvert() {
       this.$router.push({
-          path: 'edit-simple-manage',
-          query: {
-            id: row.id,
-          }
-        })
+        path: "edit-simple-advert",
+        query: { id: null }
+      });
     },
 
-      // 重置
-      resetForm(formName) {
-        this.$refs[formName].resetFields();
+    // 查看
+    editAdvert(row) {
+      this.$router.push({
+        path: "edit-simple-advert",
+        query: { id: row.id }
+      });
     },
 
     // 切换每页个数
-      handleSizeChange(val){
+    handleSizeChange(val) {
       this.searchForm.pageSize = val;
       this.search();
     },
 
     // 切换当前页
-      handleCurrentChange(val){
+    handleCurrentChange(val) {
       this.searchForm.pageNo = val;
       this.search();
-      },
-    },
-
     }
+  }
+};
 </script>  
 
 <style lang="scss">
-  .review-access-wrap{
-    .review-access{
+.advert-simple-wrap {
+  .review-access {
     padding: 10px;
     background: #fff;
-      .el-button--small{
+    .el-button--small {
       font-size: 14px;
     }
     .header-title {
@@ -199,21 +218,21 @@
       color: #606266;
       border-bottom: 1px solid #efefef;
     }
-      .search-form-wrap{
+    .search-form-wrap {
       padding: 25px 0 20px;
       overflow: hidden;
       // border-bottom: 1px dashed #efefef;
     }
-      .search-item{
+    .search-item {
       float: left;
     }
-      .btn-list{
+    .btn-list {
       float: right;
-        .el-form-item__content{
+      .el-form-item__content {
         margin-left: 0 !important;
       }
     }
-      .new-add{
+    .new-add {
       float: right;
       margin: 10px 0 20px;
     }
@@ -226,5 +245,5 @@
       }
     }
   }
-  }
+}
 </style>
\ No newline at end of file

src/views/layout/slidebar.vue

@@ -473,11 +473,11 @@
         vm.items[1].subs.push(itemComponent);
         vm.items[1].subs.push(templateManager);
         vm.items[1].subs.push(followSider);
+        vm.items[1].subs.push(advertSimpleManage);
         vm.items.push(eduRole);
         vm.items.push(cme);
         vm.items.push(yqRange);
         vm.items.push(outResourceManage);
-        vm.items.push(advertSimpleManage);
       },
 
       goToMessageSendPage(checkAuth) {