<template>
|
<div class="shop_work">
|
<v-header
|
title="慈善公益"
|
search
|
:bar="bar"
|
@on-search="onSearch"
|
></v-header>
|
<div class="add">
|
<button
|
class="m_btn bgc_primary small"
|
@click="appPath('jh_charity_add')"
|
>
|
新增
|
</button>
|
</div>
|
<div class="tab">
|
<v-tool-table :trs="trs" :tds="tds">
|
<template v-slot:btn="item">
|
<div class="table_flex">
|
<!-- {{item.scope.id}} -->
|
<span
|
class="col_primary"
|
v-if="item.scope.state * 1 == 1"
|
@click="onHanle(item.scope)"
|
>
|
结束
|
</span>
|
<span
|
v-if="item.scope.state * 1 == 1"
|
class="col_primary"
|
@click="onEdit(item.scope)"
|
>编辑</span
|
>
|
|
<span class="col_primary" @click="onDel(item.scope)">删除</span>
|
</div>
|
</template>
|
<template v-slot:state="item">
|
<div>{{ item.scope.state * 1 == 1 ? "进行中" : "已结束" }}</div>
|
</template>
|
</v-tool-table>
|
</div>
|
<v-tool-page :item="paged" @on-page="onPage"></v-tool-page>
|
</div>
|
</template>
|
|
<script>
|
import { mapState } from "vuex";
|
export default {
|
props: {},
|
components: {},
|
data() {
|
return {
|
bar: [
|
{ title: "标题", name: "title" },
|
{ title: "标签", name: "label" },
|
{
|
title: "状态",
|
name: "state",
|
type: "select",
|
list: [
|
{ label: "进行中", value: "1" },
|
{ label: "已结束", value: "2" }
|
]
|
}
|
],
|
trs: [
|
{ text: "序号", val: "index", width: "50px" },
|
{ text: "标题", val: "title" },
|
{ text: "简语", val: "simpleStatement" },
|
{ text: "标签", val: "label" },
|
{ text: "发布时间", val: "creationTime", width: "150px" },
|
{ text: "状态", val: "btn", slot: "state", width: "120px" },
|
{ text: "操作", val: "btn", width: "130px" }
|
],
|
tds: [],
|
paged: { page: 0, total: 0, r: 0, limit: 10 },
|
os: {},
|
search: {}
|
};
|
},
|
computed: {
|
...mapState({ vuex_page: "pageReset" })
|
},
|
inject: ["appPath"],
|
watch: {
|
vuex_page: {
|
handler(n) {
|
if (n.page === this.$route.path) {
|
this.paged.page = 1;
|
this.init();
|
}
|
},
|
deep: true
|
}
|
},
|
methods: {
|
onEdit(e) {
|
this.appPath("jh_charity_edit/" + e.id);
|
},
|
onHanle(e) {
|
// Jinhui/article/unmount
|
this.$api.get("Jinhui/charityEndActivity", { id: e.id }, () => {
|
this.paged.page = 1;
|
this.init();
|
demo.toast("操作成功");
|
});
|
},
|
onDel(e) {
|
this.$js.model("删除", "确认删除?", res => {
|
if (res) {
|
this.$api.del(
|
"Jinhui/expurgateCharityData?id=" + e.id,
|
{ id: e.id },
|
() => {
|
this.tds = this.tds.filter(r => {
|
return r.id !== e.id;
|
});
|
demo.toast("删除成功");
|
}
|
);
|
}
|
});
|
},
|
onSearch(v) {
|
this.search = demo.copy(v);
|
this.paged.page = 1;
|
this.init();
|
}, // 分页点击
|
onPage(v) {
|
if (v.page === this.paged.page && v.page && !v.reset) {
|
return 0;
|
}
|
this.paged.page = v.page;
|
this.paged.limit = v.limit;
|
this.init();
|
},
|
// 获取数据
|
init() {
|
let v = demo.copy(
|
Object.assign(this.os, this.search, {
|
pageNum: this.paged.page,
|
pageSize: this.paged.limit
|
})
|
);
|
this.$api.get("Jinhui/getCharityList", v, e => {
|
this.paged.total = e.total;
|
this.paged.r++;
|
this.tds = e.records;
|
e.records.map((item, index) => {
|
item.index = (this.paged.page - 1) * this.paged.limit + index + 1;
|
});
|
});
|
}
|
},
|
mounted() {}
|
};
|
</script>
|
<style lang="less" scoped>
|
.shop_work {
|
overflow-y: auto;
|
.add .m_btn {
|
min-width: 80px;
|
}
|
.add,
|
.tab {
|
margin-bottom: 10px;
|
}
|
}
|
</style>
|
