|
|
|
|
@ -3,63 +3,39 @@ |
|
|
|
|
<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> |
|
|
|
|
<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"> |
|
|
|
|
<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"> |
|
|
|
|
<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> |
|
|
|
|
<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"> |
|
|
|
|
<el-table-column label="操作" width="170" align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<el-button type="text" |
|
|
|
|
@click="toIndex(scope.row)">前往网站首页</el-button> |
|
|
|
|
<el-button type="text" |
|
|
|
|
@click="content(scope.row)">内容管理</el-button> |
|
|
|
|
<el-button type="text" @click="toIndex(scope.row)">前往网站首页</el-button> |
|
|
|
|
<el-button 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> |
|
|
|
|
<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 Util from '@/libs/util' |
|
|
|
|
import Setting from '@/setting' |
|
|
|
|
export default { |
|
|
|
|
data () { |
|
|
|
|
@ -79,9 +55,7 @@ export default { |
|
|
|
|
watch: { |
|
|
|
|
keyword: function (val) { |
|
|
|
|
clearTimeout(this.searchTimer) |
|
|
|
|
this.searchTimer = setTimeout(() => { |
|
|
|
|
this.initData() |
|
|
|
|
}, 500) |
|
|
|
|
this.searchTimer = setTimeout(this.initData, 500) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
mounted () { |
|
|
|
|
@ -91,29 +65,18 @@ export default { |
|
|
|
|
name: '站点管理' |
|
|
|
|
} |
|
|
|
|
]) |
|
|
|
|
// this.updateSite() |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
...mapMutations('content', [ |
|
|
|
|
'setSite' |
|
|
|
|
]), |
|
|
|
|
// 更改域名 |
|
|
|
|
async updateSite () { |
|
|
|
|
await this.$put(this.api.updateSite, { |
|
|
|
|
id: 1, |
|
|
|
|
siteName: '或然官网' |
|
|
|
|
}) |
|
|
|
|
await this.$del(this.api.delSite, { |
|
|
|
|
id: 2, |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
getData () { |
|
|
|
|
this.$post(this.api.site, { |
|
|
|
|
page: this.page, |
|
|
|
|
limit: this.pageSize, |
|
|
|
|
siteName: this.keyword |
|
|
|
|
}).then(({ data }) => { |
|
|
|
|
const list = util.getSite(data.records) |
|
|
|
|
const list = Util.getSite(data.records) |
|
|
|
|
this.list = data.records |
|
|
|
|
this.total = data.records.length |
|
|
|
|
}).catch(e => { }) |
|
|
|
|
@ -126,13 +89,11 @@ export default { |
|
|
|
|
this.page = val |
|
|
|
|
}, |
|
|
|
|
// 更改域名 |
|
|
|
|
update (row) { |
|
|
|
|
this.$put(this.api.updateSite, { |
|
|
|
|
async update (row) { |
|
|
|
|
await this.$put(this.api.updateSite, { |
|
|
|
|
id: row.id, |
|
|
|
|
domainName: row.domainName |
|
|
|
|
}).then(res => { |
|
|
|
|
|
|
|
|
|
}).catch(e => { }) |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// 前往网站首页 |
|
|
|
|
toIndex (row) { |
|
|
|
|
@ -147,5 +108,4 @@ export default { |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
</style> |
|
|
|
|
<style lang="scss" scoped></style> |
