列表,列表刷新
<template>
<el-dialog v-dialogDrag :title="'人员管理'" :visible.sync="visible" append-to-body :close-on-click-modal="false" :close-on-press-escape="false" width="80%">
</el-dialog>
<!-- <rs-dialog ref="rsDialog">-->
<!-- <div class="viewBox">-->
<!-- <rs-list ref="list" :option="option" />-->
<!-- </div>-->
<!-- <see-dialog ref="seeDialog"></see-dialog>-->
<!-- <form-dialog ref="formDialog" @refreshDataList="refreshDataList" />-->
<!-- </rs-dialog>-->
</template>
<script>
import rsList from '@/components/list/index'
import seeDialog from './personSee'
import formDialog from './personAdd'
import rsDialog from "@/components/dialog/index";
export default {
name: "personIndex",
components: {
rsList,seeDialog,formDialog,rsDialog
},
mounted() {},
data() {
return {
visible: false,
paramRow: {},
option: {
listApi: fetchList,
search: [
],
params: {
},
column: [
],
btnList: [
{ name: "查看", type: "success", click: this.see },
{ name: "编辑", type: "primary", click: this.edit },
{ name: "删除", type: "danger", click: this.del },
],
// 下拉按钮
btnDown: [],
// 按钮组
btnGroup: [
{ name: "添加", type: "warning", click: this.add,}
],
// 列操作宽度
buttonWidth: 260,
// 格式化
formatting: null,
// 条数据
pageSize: 10,
selection: false,
//loadType: true,
}
}
},
methods: {
init(row){
this.paramRow = Object.assign({},row)
this.option.params = {ranksId: row.id}
let dialogOption = {
title: "人员管理",
size: "大",
footerShow: false,
};
this.$nextTick(() => {
// this.$refs.rsDialog.init(dialogOption);
this.visible = true;
this.$refs.list.init();
});
//this.visible = true;
//this.option.loadType = false;
//this.$refs.list.init();
// setTimeout(()=>{
// this.$refs.list.init();
// },100)
},
refreshDataList() {
this.$refs.list.init();
},
see(r) {
this.$refs.seeDialog.init(this.paramRow,r)
},
add(){
this.$refs.formDialog.init(this.paramRow,null);
},
edit(r){
this.$refs.formDialog.init(this.paramRow,r);
},
// 删除
del(r) {
this.$confirm("是否确认删除吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
let id = r.id;
delObj(id).then((res) => {
this.$message.success("删除操作成功");
this.$refs.list.init();
});
})
.catch((e) => {});
},
}
}
</script>
<style scoped>
</style>
择善人而交,择善书而读,择善言而听,择善行而从。