You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
116 lines
3.4 KiB
116 lines
3.4 KiB
<template> |
|
<div class="page"> |
|
<div class="tool"> |
|
<p class="page-name">站点列表</p> |
|
<div class="search-wrap"> |
|
<el-input placeholder="请输入站点名称" v-model.trim="keyword" clearable @keyup.enter.native="getData"></el-input> |
|
</div> |
|
</div> |
|
|
|
<el-table ref="table" :data="list" class="table" header-align="center" row-key="id"> |
|
<el-table-column type="index" width="60" label="序号" align="center"> |
|
<template slot-scope="scope"> |
|
{{ scope.$index + (page - 1) * pageSize + 1 }} |
|
</template> |
|
</el-table-column> |
|
<el-table-column prop="siteName" label="站点名称" align="center"></el-table-column> |
|
<el-table-column prop="domainName" label="域名" width="400" align="center"> |
|
<template slot-scope="scope"> |
|
<el-input v-model.trim="scope.row.domainName" placeholder="请输入域名" @change="update(scope.row)"></el-input> |
|
</template> |
|
</el-table-column> |
|
<el-table-column label="操作" width="170" align="center"> |
|
<template slot-scope="scope"> |
|
<el-button v-auth="scope.row.siteName + ':前往网站首页'" type="text" @click="toIndex(scope.row)">前往网站首页</el-button> |
|
<el-button v-auth="scope.row.siteName + ':内容管理'" type="text" @click="content(scope.row)">内容管理</el-button> |
|
</template> |
|
</el-table-column> |
|
</el-table> |
|
<div class="pagination"> |
|
<el-pagination background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" :current-page="page"></el-pagination> |
|
</div> |
|
</div> |
|
</template> |
|
|
|
<script> |
|
import { mapState, mapMutations } from 'vuex' |
|
import util from '@/libs/util' |
|
import Setting from '@/setting' |
|
export default { |
|
data() { |
|
return { |
|
keyword: '', |
|
page: +this.$route.query.page || 1, |
|
pageSize: 10, |
|
total: 0, |
|
list: [] |
|
}; |
|
}, |
|
computed: { |
|
...mapState('auth', [ |
|
'btns' |
|
]) |
|
}, |
|
watch: { |
|
keyword: function(val) { |
|
clearTimeout(this.searchTimer) |
|
this.searchTimer = setTimeout(() => { |
|
this.initData() |
|
}, 500) |
|
} |
|
}, |
|
mounted() { |
|
this.getData() |
|
this.$store.commit('user/setCrumbs', [ |
|
{ |
|
name: '站点管理' |
|
} |
|
]) |
|
}, |
|
methods: { |
|
...mapMutations('content', [ |
|
'setSite' |
|
]), |
|
getData() { |
|
this.$post(this.api.site, { |
|
page: this.page, |
|
limit: this.pageSize, |
|
siteName: this.keyword |
|
}).then(({ data }) => { |
|
const list = util.getSite(data.records) |
|
this.list = list |
|
this.total = list.length |
|
}).catch(e => {}) |
|
}, |
|
initData() { |
|
this.page = 1 |
|
this.getData() |
|
}, |
|
handleCurrentChange(val) { |
|
this.page = val |
|
}, |
|
// 更改域名 |
|
update(row) { |
|
this.$put(this.api.updateSite, { |
|
id: row.id, |
|
domainName: row.domainName |
|
}).then(res => { |
|
|
|
}).catch(e => {}) |
|
}, |
|
// 前往网站首页 |
|
toIndex(row) { |
|
window.open((Setting.isDev ? `http://${location.hostname}:8095` : row.domainName) + `/#/column?siteId=${row.id}`) |
|
}, |
|
// 内容管理 |
|
content(row) { |
|
this.setSite(row) |
|
this.$router.push(`/column`) |
|
}, |
|
} |
|
}; |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
|
|
</style> |