<template>
|
<!--
|
作者：lyzflash
|
时间：2025-09-23
|
描述：分会-分会管理
|
-->
|
<div class="user clearfix">
|
|
<!--添加分会-->
|
<div class="common-level-rail fl">
|
<el-button size="small" type="primary" icon="el-icon-plus" @click="addClick" v-auth="'/branch/branch/add'">添加分会</el-button>
|
</div>
|
<div class="common-seach-wrap fr">
|
<el-form size="small" :inline="true" :model="formInline" class="demo-form-inline">
|
<el-form-item label="">
|
<el-input v-model="formInline.search" placeholder="请输入分会名称"></el-input>
|
</el-form-item>
|
|
<el-form-item>
|
<el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
|
</el-form-item>
|
</el-form>
|
</div>
|
<!--内容-->
|
<div class="product-content">
|
<div class="table-wrap">
|
<el-table size="small" :data="tableData" border style="width: 100%" v-loading="loading">
|
<el-table-column prop="branch_id" label="分会ID" width="90"></el-table-column>
|
<el-table-column prop="name" label="分会名称"></el-table-column>
|
<el-table-column prop="branch_type.text" label="级别" width="100"></el-table-column>
|
<el-table-column prop="region" label="所在区域" width="200">
|
<template slot-scope="scope">
|
{{ scope.row.region.province }}{{ scope.row.region.city }}{{ scope.row.region.region }}
|
</template>
|
</el-table-column>
|
<el-table-column prop="member_num" label="成员数量" width="100"></el-table-column>
|
<el-table-column prop="name" label="启用/禁用" width="120">
|
<template slot-scope="scope">
|
<el-switch v-model="scope.row.is_recycle" :active-value="0" :inactive-value="1" active-text="启用" inactive-text="禁用" :width="55"
|
@change="recycle($event, scope.row)"></el-switch>
|
</template>
|
</el-table-column>
|
<el-table-column prop="sort" label="排序" width="100"></el-table-column>
|
<el-table-column prop="create_time" label="添加时间" width="180"></el-table-column>
|
<el-table-column fixed="right" label="操作" width="220">
|
<template slot-scope="scope">
|
<el-button @click="detialClick(scope.row)" type="text" size="small" v-auth="'/branch/branch/edit'">详情</el-button>
|
<el-button @click="memberClick(scope.row)" type="text" size="small" v-auth="'/branch/branch/member'">成员</el-button>
|
<el-button @click="qrcode(scope.row)" type="text" size="small" v-auth="'/branch/branch/edit'">二维码</el-button>
|
<el-button @click="editClick(scope.row)" type="text" size="small" v-auth="'/branch/branch/edit'">编辑</el-button>
|
<el-button @click="deleteClick(scope.row.branch_id)" type="text" size="small" v-auth="'/branch/branch/delete'">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
|
<!--分页-->
|
<div class="pagination">
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" background :current-page="curPage"
|
:page-size="pageSize" layout="total, prev, pager, next, jumper"
|
:total="totalDataNumber">
|
</el-pagination>
|
</div>
|
</div>
|
<Add :open='open_add' @closeDrawer="closeDrawerFunc($event, 'add')"></Add>
|
<Edit ref="editDrawer" :open='open_edit' @getTableList="getTableList" @closeDrawer="closeDrawerFunc($event, 'edit')"></Edit>
|
<Member ref="memberDrawer" :open='open_member' :branch_name="branch_name" @closeDrawer="closeDrawerMember($event)"></Member>
|
<Qrcode :open='isqrcode' :code_id='code_id' @close="closeQrcode"></Qrcode>
|
|
</div>
|
</template>
|
|
<script>
|
import BranchApi from '@/api/branch.js';
|
import Qrcode from './dialog/Qrcode.vue';
|
import Add from './drawer/add.vue';
|
import Edit from './drawer/edit.vue';
|
import Member from './drawer/member.vue';
|
export default {
|
components: {
|
Qrcode,
|
Add,
|
Edit,
|
Member
|
},
|
data() {
|
return {
|
/*是否加载完成*/
|
loading: true,
|
/*列表数据*/
|
tableData: [],
|
/*一页多少条*/
|
pageSize: 20,
|
/*一共多少条数据*/
|
totalDataNumber: 0,
|
/*当前是第几页*/
|
curPage: 1,
|
/*横向表单数据模型*/
|
formInline: {
|
shop_id: '',
|
search: ''
|
},
|
/*是否打开添加弹窗*/
|
open_add: false,
|
/*是否打开编辑弹窗*/
|
open_edit: false,
|
/*当前编辑的对象*/
|
currentModel: {},
|
isqrcode: false,
|
code_id: '',
|
open_add: false,
|
open_edit: false,
|
is_edit: false,
|
current_branch_id: 0,
|
open_member: false,
|
branch_name: '', // 当前选择的连盟名称
|
};
|
},
|
created() {
|
/*获取列表*/
|
this.getTableList();
|
},
|
methods: {
|
|
/*选择第几页*/
|
handleCurrentChange(val) {
|
let self = this;
|
self.curPage = val;
|
self.loading = true;
|
self.getTableList();
|
},
|
|
/*每页多少条*/
|
handleSizeChange(val) {
|
this.curPage = 1;
|
this.pageSize = val;
|
this.getTableList();
|
},
|
|
/*获取列表*/
|
getTableList() {
|
let self = this;
|
let Params = this.formInline;
|
Params.page = self.curPage;
|
Params.list_rows = self.pageSize;
|
Params.list_rows = self.pageSize;
|
BranchApi.branchList(Params, true)
|
.then(res => {
|
self.loading = false;
|
self.tableData = res.data.list.data;
|
self.totalDataNumber = res.data.list.total;
|
// self.tableData.forEach(function(item) {
|
|
// });
|
})
|
.catch(error => {
|
self.loading = false;
|
});
|
},
|
/*搜索查询*/
|
onSubmit() {
|
this.curPage = 1;
|
this.getTableList();
|
},
|
|
qrcode(row){
|
let self = this;
|
self.code_id = row.branch_id;
|
self.isqrcode=true;
|
},
|
closeQrcode(){
|
let self = this;
|
self.isqrcode = false;
|
},
|
|
/*打开添加*/
|
addClick() {
|
this.open_add = true;
|
},
|
|
/*打开编辑*/
|
editClick(row) {
|
let self = this;
|
self.$refs.editDrawer.is_edit = true;
|
self.$refs.editDrawer.getData(row.branch_id);
|
self.current_branch_id = row.branch_id;
|
self.open_edit = true;
|
},
|
|
detialClick(row) {
|
let self = this;
|
self.$refs.editDrawer.is_edit = false;
|
self.$refs.editDrawer.getData(row.branch_id);
|
self.open_edit = true;
|
},
|
|
// 关闭抽屉
|
closeDrawerFunc(e, t){
|
let self = this;
|
if (t == 'add') {
|
self.open_add = false;
|
} else {
|
self.open_edit = false;
|
}
|
if (e) {
|
if (t == 'add') {
|
self.curPage = 1;
|
}
|
self.getTableList();
|
}
|
},
|
|
/*打开成员抽屉*/
|
memberClick(row) {
|
let self = this;
|
self.$refs.memberDrawer.branch_id = row.branch_id;
|
self.$refs.memberDrawer.title = '成员管理 - ' + row.name;
|
self.$refs.memberDrawer.getData();
|
self.$refs.memberDrawer.getPosition();
|
self.branch_name = row.name;
|
self.open_member = true;
|
},
|
|
// 成员抽屉关闭回调
|
closeDrawerMember(e) {
|
this.open_member = false;
|
if (e) {
|
this.getTableList();
|
}
|
},
|
|
/* 启用禁用*/
|
recycle(state, row){
|
let self = this;
|
BranchApi.branchRecycle({
|
branch_id: row.branch_id,
|
is_recycle:state
|
}).then(data => {
|
self.$message({
|
message: '操作成功',
|
type: 'success'
|
});
|
// self.getTableList();
|
});
|
},
|
/*删除*/
|
deleteClick(row) {
|
let self = this;
|
self.$confirm('此操作将永久删除该记录, 是否继续?', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
}).then(() => {
|
self.loading = true;
|
BranchApi.deleteBranch({
|
branch_id: row
|
}, true)
|
.then(data => {
|
self.loading = false;
|
if (data.code == 1) {
|
self.$message({
|
message: '分会删除成功',
|
type: 'success'
|
});
|
self.getTableList();
|
}
|
})
|
.catch(error => {
|
self.loading = false;
|
});
|
|
}).catch(() => {
|
self.loading = false;
|
});
|
}
|
|
}
|
};
|
</script>
|
|
<style></style>
|
