|
@@ -1,47 +1,13 @@
|
1
|
1
|
<template>
|
2
|
2
|
<div class="subPage">
|
3
|
|
- <div class="system-table-search">
|
4
|
|
- <div class="flex-h">
|
5
|
|
- <div class="flex-item flex-h">
|
6
|
|
- <el-button size="mini" type="success" @click='addCourseTag'>新增课程标签</el-button>
|
7
|
|
- </div>
|
8
|
|
- <ul>
|
9
|
|
- <li>
|
10
|
|
- <!-- <span>选择案场:</span> -->
|
11
|
|
- <el-select v-model="tableSearch.caseId" placeholder="请选择">
|
12
|
|
- <el-option
|
13
|
|
- v-for="item in caseList"
|
14
|
|
- :key="item.value"
|
15
|
|
- :label="item.label"
|
16
|
|
- :value="item.value">
|
17
|
|
- </el-option>
|
18
|
|
- </el-select>
|
19
|
|
- </li>
|
20
|
|
- </ul>
|
21
|
|
- <tableSearch value="请输入课程名称" @exportSearchKey="searchList"></tableSearch>
|
22
|
|
- </div>
|
23
|
|
- <div class="moreFilter"></div>
|
24
|
|
- </div>
|
25
|
3
|
<div class="system-table-box">
|
26
|
4
|
<el-table
|
27
|
5
|
:data="tableData"
|
28
|
6
|
stripe
|
29
|
7
|
style="width: 100%">
|
30
|
8
|
<el-table-column
|
31
|
|
- prop="courseName"
|
32
|
|
- label="课程名称">
|
33
|
|
- </el-table-column>
|
34
|
|
- <el-table-column label="操作">
|
35
|
|
- <template slot-scope="scope">
|
36
|
|
- <el-button
|
37
|
|
- size="mini"
|
38
|
|
- type="warning"
|
39
|
|
- @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
|
40
|
|
- <el-button
|
41
|
|
- size="mini"
|
42
|
|
- type="danger"
|
43
|
|
- @click="handleDelete(scope.$index, scope.row)">删除</el-button>
|
44
|
|
- </template>
|
|
9
|
+ prop="tagName"
|
|
10
|
+ label="标签名称">
|
45
|
11
|
</el-table-column>
|
46
|
12
|
</el-table>
|
47
|
13
|
</div>
|
|
@@ -72,13 +38,13 @@ export default {
|
72
|
38
|
caseId: '', // 案场id
|
73
|
39
|
},
|
74
|
40
|
tableData: [{
|
75
|
|
- courseName: 'xxx'
|
|
41
|
+ tagName: 'xxx'
|
76
|
42
|
}, {
|
77
|
|
- courseName: 'xxx'
|
|
43
|
+ tagName: 'xxx'
|
78
|
44
|
}, {
|
79
|
|
- courseName: 'xxx'
|
|
45
|
+ tagName: 'xxx'
|
80
|
46
|
}, {
|
81
|
|
- courseName: 'xxx'
|
|
47
|
+ tagName: 'xxx'
|
82
|
48
|
}]
|
83
|
49
|
}
|
84
|
50
|
},
|
|
@@ -97,34 +63,9 @@ export default {
|
97
|
63
|
handleCurrentChange (val) {
|
98
|
64
|
console.log(`当前页: ${val}`)
|
99
|
65
|
},
|
100
|
|
- handleEdit (index, row) { // 编辑
|
101
|
|
- console.log(index, row)
|
102
|
|
- this.$router.push({ name: 'editCourseTag' })
|
103
|
|
- },
|
104
|
|
- handleDelete (index, row) { // 删除
|
105
|
|
- console.log(index, row)
|
106
|
|
- this.$confirm('确认删除此课程?', '提示', {
|
107
|
|
- confirmButtonText: '确定',
|
108
|
|
- cancelButtonText: '取消',
|
109
|
|
- type: 'warning'
|
110
|
|
- }).then(() => {
|
111
|
|
- this.$message({
|
112
|
|
- type: 'success',
|
113
|
|
- message: '删除成功!'
|
114
|
|
- })
|
115
|
|
- }).catch(() => {
|
116
|
|
- this.$message({
|
117
|
|
- type: 'info',
|
118
|
|
- message: '已取消删除'
|
119
|
|
- })
|
120
|
|
- })
|
121
|
|
- },
|
122
|
66
|
searchList (key) { // 搜索列表
|
123
|
67
|
console.log(key)
|
124
|
68
|
},
|
125
|
|
- addCourseTag () {
|
126
|
|
- this.$router.push({ name: 'addCourseTag' })
|
127
|
|
- }
|
128
|
69
|
}
|
129
|
70
|
}
|
130
|
71
|
</script>
|