xcx

src/pages/system/courseManager/courseTag/add.vue

-<template>
-  <div class="subPage">
-    <form class="mainForm">
-      <ul>
-        <li class="flex-h">
-          <span>标签名称：</span>
-          <div class="flex-item">
-            <div style="width:50%">
-              <el-input
-                placeholder="请输入标签名称"
-                v-model="postData.userName"
-                clearable>
-              </el-input>
-            </div>
-          </div>
-        </li>
-        <li style="text-align:center">
-          <el-button type="primary" size="mini" @click="submit">保存</el-button>
-          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
-        </li>
-      </ul>
-    </form>
-  </div>
-</template>
-
-<script>
-export default {
-  name: '',
-  data () {
-    return {
-      postData: {
-        tag: '',
-      }
-    }
-  },
-  components: {},
-  methods: {
-    submit () {
-      console.log(this.postData)
-    },
-    cancel () {
-      this.$router.go(-1)
-    }
-  },
-  mounted () {}
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style lang="scss" scoped>
-</style>

src/pages/system/courseManager/courseTag/edit.vue

-<template>
-  <div class="subPage">
-    <form class="mainForm">
-      <ul>
-        <li class="flex-h">
-          <span>标签名称：</span>
-          <div class="flex-item">
-            <div style="width:50%">
-              <el-input
-                placeholder="请输入标签名称"
-                v-model="postData.userName"
-                clearable>
-              </el-input>
-            </div>
-          </div>
-        </li>
-        <li style="text-align:center">
-          <el-button type="primary" size="mini" @click="submit">保存</el-button>
-          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
-        </li>
-      </ul>
-    </form>
-  </div>
-</template>
-
-<script>
-export default {
-  name: '',
-  data () {
-    return {
-      postData: {
-        tag: '',
-      }
-    }
-  },
-  components: {},
-  methods: {
-    submit () {
-      console.log(this.postData)
-    },
-    cancel () {
-      this.$router.go(-1)
-    }
-  },
-  mounted () {}
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style lang="scss" scoped>
-</style>

src/pages/system/courseManager/courseTag/index.vue

 <template>
   <div class="subPage">
-    <div class="system-table-search">
-      <div class="flex-h">
-        <div class="flex-item flex-h">
-          <el-button size="mini" type="success" @click='addCourseTag'>新增课程标签</el-button>
-        </div>
-        <ul>
-          <li>
-            <!-- <span>选择案场：</span> -->
-            <el-select v-model="tableSearch.caseId" placeholder="请选择">
-              <el-option
-                v-for="item in caseList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-          </li>
-        </ul>
-        <tableSearch value="请输入课程名称" @exportSearchKey="searchList"></tableSearch>
-      </div>
-      <div class="moreFilter"></div>
-    </div>
     <div class="system-table-box">
       <el-table
         :data="tableData"
         stripe
         style="width: 100%">
         <el-table-column
-          prop="courseName"
-          label="课程名称">
-        </el-table-column>
-        <el-table-column label="操作">
-          <template slot-scope="scope">
-            <el-button
-              size="mini"
-              type="warning"
-              @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
-            <el-button
-              size="mini"
-              type="danger"
-              @click="handleDelete(scope.$index, scope.row)">删除</el-button>
-          </template>
+          prop="tagName"
+          label="标签名称">
         </el-table-column>
       </el-table>
     </div>
         caseId: '', // 案场id
       },
       tableData: [{
-        courseName: 'xxx'
+        tagName: 'xxx'
       }, {
-        courseName: 'xxx'
+        tagName: 'xxx'
       }, {
-        courseName: 'xxx'
+        tagName: 'xxx'
       }, {
-        courseName: 'xxx'
+        tagName: 'xxx'
       }]
     }
   },
     handleCurrentChange (val) {
       console.log(`当前页: ${val}`)
     },
-    handleEdit (index, row) { // 编辑
-      console.log(index, row)
-      this.$router.push({ name: 'editCourseTag' })
-    },
-    handleDelete (index, row) { // 删除
-      console.log(index, row)
-      this.$confirm('确认删除此课程?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        this.$message({
-          type: 'success',
-          message: '删除成功!'
-        })
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '已取消删除'
-        })
-      })
-    },
     searchList (key) { // 搜索列表
       console.log(key)
     },
-    addCourseTag () {
-      this.$router.push({ name: 'addCourseTag' })
-    }
   }
 }
 </script>

src/pages/system/page.js

 import addFiveA from './courseManager/fiveA/add' // 全龄生活5A添加
 import editFiveA from './courseManager/fiveA/edit' // 全龄生活5A编辑
 import courseTag from './courseManager/courseTag/index' // 课程标签
-import addCourseTag from './courseManager/courseTag/add' // 新增课程标签
-import editCourseTag from './courseManager/courseTag/edit' // 编辑课程标签
 
 import dataStatistics from './dataStatistics/index' // 数据统计
 import frontEndUserList from './dataStatistics/frontEndUserList/index' // 课程管理
           path: 'courseTag',
           name: 'courseTag',
           component: courseTag,
-          children: [{ // 新增课程标签
-            path: 'addCourseTag',
-            name: 'addCourseTag',
-            component: addCourseTag,
-            children: []
-          }, { // 编辑课程标签
-            path: 'editCourseTag',
-            name: 'editCourseTag',
-            component: editCourseTag,
-            children: []
-          }]
+          children: []
         }],
       }, { // 数据统计
         path: 'dataStatistics',