125 lines
3.2 KiB
Vue
Executable File
125 lines
3.2 KiB
Vue
Executable File
<template>
|
|
<div class="domainManagement-box">
|
|
<!--操作栏-->
|
|
<div class="action-bar">
|
|
<el-button type="primary" size="small" @click="tagsAction('add')">+添加</el-button>
|
|
</div>
|
|
<!-- 表格数据 -->
|
|
<el-table :data="tableData" border style="width: 100%">
|
|
<el-table-column prop="a" label="序号" align="center"></el-table-column>
|
|
<el-table-column prop="b" label="推广域名" align="center"></el-table-column>
|
|
<el-table-column prop="c" label="创建时间" align="center"></el-table-column>
|
|
<el-table-column prop="c" label="修改时间" align="center"></el-table-column>
|
|
<el-table-column prop="operating" label="操作" align="center">
|
|
<template slot-scope="scope">
|
|
<el-button type="success" size="mini" icon="el-icon-edit" @click="tagsAction('edit',scope.row)"></el-button>
|
|
<el-button type="danger" size="mini" icon="el-icon-delete" @click="remove(scope.row.vid)"></el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<!--分页组件-->
|
|
<el-pagination :page-sizes="[5, 15, 20, 25]" :page-size="100" layout="total, sizes, prev, pager, next, jumper" :total="400" background></el-pagination>
|
|
<!--新增、编辑tag弹窗-->
|
|
<tag-action ref="tagAction"></tag-action>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import TagAction from './components/addTag'
|
|
export default {
|
|
data() {
|
|
return {
|
|
// 列表数据
|
|
tableData: [
|
|
{
|
|
a: 1561,
|
|
b: 'AADDWd',
|
|
c: 100,
|
|
d: 0,
|
|
e: 0,
|
|
f: 0,
|
|
g: 100,
|
|
h: 100,
|
|
i: 0,
|
|
j: '2019-9-16 15:16:19',
|
|
k: '2019-9-16 15:16:19',
|
|
},
|
|
{
|
|
a: 1561,
|
|
b: 'AADDWd',
|
|
c: 100,
|
|
d: 0,
|
|
e: 0,
|
|
f: 0,
|
|
g: 100,
|
|
h: 100,
|
|
i: 0,
|
|
j: '2019-9-16 15:16:19',
|
|
k: '2019-9-16 15:16:19',
|
|
},
|
|
{
|
|
a: 1561,
|
|
b: 'AADDWd',
|
|
c: 100,
|
|
d: 0,
|
|
e: 0,
|
|
f: 0,
|
|
g: 100,
|
|
h: 100,
|
|
i: 0,
|
|
j: '2019-9-16 15:16:19',
|
|
k: '2019-9-16 15:16:19',
|
|
},
|
|
{
|
|
a: 1561,
|
|
b: 'AADDWd',
|
|
c: 100,
|
|
d: 0,
|
|
e: 0,
|
|
f: 0,
|
|
g: 100,
|
|
h: 100,
|
|
i: 0,
|
|
j: '2019-9-16 15:16:19',
|
|
k: '2019-9-16 15:16:19',
|
|
},
|
|
{
|
|
a: 1561,
|
|
b: 'AADDWd',
|
|
c: 100,
|
|
d: 0,
|
|
e: 0,
|
|
f: 0,
|
|
g: 100,
|
|
h: 100,
|
|
i: 0,
|
|
j: '2019-9-16 15:16:19',
|
|
k: '2019-9-16 15:16:19',
|
|
},
|
|
],
|
|
}
|
|
},
|
|
components: {
|
|
TagAction
|
|
},
|
|
methods: {
|
|
// 删除tags
|
|
remove() {
|
|
this.$confirm('您确定要删除当前标签吗？', '删除提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
})
|
|
// eslint-disable-next-line no-unused-vars
|
|
.then(_ => {
|
|
})
|
|
// eslint-disable-next-line no-unused-vars
|
|
.catch(_ => { });
|
|
},
|
|
// 新增、删除tags
|
|
tagsAction(type, data) {
|
|
this.$refs.tagAction.open(type, data);
|
|
}
|
|
}
|
|
}
|
|
</script>
|