HAHA
3 years ago
1 changed files with 228 additions and 0 deletions
@ -0,0 +1,228 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<el-form :inline="true" ref="dataForm" :model="dataForm" label-width="100px"> |
||||
|
<el-form-item label="组织名称"> |
||||
|
<el-input clearable v-model="dataForm.name" style = "width:260px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="是否绑定网格"> |
||||
|
<el-select clearable v-model="dataForm.isBind" placeholder="请选择活动区域"> |
||||
|
<el-option label="是" value="1"></el-option> |
||||
|
<el-option label="否" value="0"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="conditionQuery" >查询</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-table |
||||
|
:data="dataList" |
||||
|
style="width: 100%;margin-bottom: 20px;margin-left:20px" |
||||
|
border> |
||||
|
<el-table-column |
||||
|
prop="streetName" |
||||
|
label="街道名字" |
||||
|
width="180"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="communityName" |
||||
|
label="社区名字" |
||||
|
width="180"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="gridName" |
||||
|
label="网格名字" |
||||
|
width="180"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="caStreetName" |
||||
|
label="街道名字(综治)" |
||||
|
width="180"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="caCommunityName" |
||||
|
label="社区名字(综治)" |
||||
|
width="180"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="caGridName" |
||||
|
label="网格名字(综治)" |
||||
|
width="180"> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="操作"> |
||||
|
<template slot-scope="scop"> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
@click="handleBind(scop.row)"> |
||||
|
绑定 |
||||
|
</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination |
||||
|
:current-page="page" |
||||
|
:page-sizes="[10, 20, 50, 100]" |
||||
|
:page-size="limit" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
@size-change="handleSizeChange" |
||||
|
@current-change="handleCurrentChange"> |
||||
|
</el-pagination> |
||||
|
<el-dialog |
||||
|
title="确认绑定" |
||||
|
:visible.sync="dialogVisible" |
||||
|
width="30%" |
||||
|
:before-close="handleClose"> |
||||
|
<el-form :model="BindForm"> |
||||
|
<el-form-item label="要绑定的网格" prop="gridId"> |
||||
|
<el-cascader |
||||
|
:options="caLouDongOptions" |
||||
|
clearable |
||||
|
@change="handlePartyChange"> |
||||
|
</el-cascader> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button @click="dialogVisible = false">取 消</el-button> |
||||
|
<el-button type="primary" @click="bindSubmitForm">确 定</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import mixinViewModule from '@/mixins/view-module' |
||||
|
export default { |
||||
|
mixins: [mixinViewModule], |
||||
|
data(){ |
||||
|
return { |
||||
|
dataForm:{ |
||||
|
name:"", |
||||
|
isBind:"" |
||||
|
}, |
||||
|
dataList:[], |
||||
|
dialogVisible: false, |
||||
|
caLouDongOptions:[], |
||||
|
BindForm:{ |
||||
|
gridId:"", |
||||
|
id:"" |
||||
|
}, |
||||
|
echoForm:{ |
||||
|
id:"" |
||||
|
}, |
||||
|
limit:10, |
||||
|
page:1, |
||||
|
total:0, |
||||
|
mixinViewModuleOptions: { |
||||
|
activatedIsNeed: false, |
||||
|
getDataListURL: '/sys/dept/getPage', |
||||
|
getDataListIsPage: true, |
||||
|
}, |
||||
|
} |
||||
|
}, |
||||
|
created: function () { |
||||
|
this.mixinViewModuleOptions.getDataListURL = '/sys/dept/getPage' |
||||
|
this.mixinViewModuleOptions.getDataListIsPage = true |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
activated(){ |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
created(){ |
||||
|
this.getCascadeMenu() |
||||
|
}, |
||||
|
methods:{ |
||||
|
getCascadeMenu(){ |
||||
|
this.$http.post(`/sys/dept/getCascadeMenu`).then(resp => { |
||||
|
if(resp.data.code === 0) { |
||||
|
this.caLouDongOptions = this.removeEmptySubOrgList(resp.data.data) |
||||
|
} |
||||
|
}).catch(error => { |
||||
|
this.$message.error(error) |
||||
|
}) |
||||
|
}, |
||||
|
removeEmptySubOrgList (orgArray) { |
||||
|
orgArray.forEach((orgInfo) => { |
||||
|
if (orgInfo && orgInfo.children) { |
||||
|
if (orgInfo.children.length === 0) { |
||||
|
orgInfo.children = undefined |
||||
|
} else { |
||||
|
this.removeEmptySubOrgList(orgInfo.children) |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
return orgArray; |
||||
|
}, |
||||
|
|
||||
|
// getTreeList(){ |
||||
|
// this.$http.post(`/dept/getTreeList`).then(resp => { |
||||
|
// this.tableData = resp.data.data |
||||
|
// }).catch(error => { |
||||
|
// this.$message.error(error) |
||||
|
// }) |
||||
|
// }, |
||||
|
// getPage(){ |
||||
|
// this.$http.get(`/sys/dept/getPage`).then(resp => { |
||||
|
// this.tableData = resp.data.data |
||||
|
// this.total = resp.data.data.total |
||||
|
// }).catch(error => { |
||||
|
// this.$message.error(error) |
||||
|
// }) |
||||
|
// }, |
||||
|
conditionQuery(){ |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
bindSubmitForm(){ |
||||
|
this.$http.post(`/sys/dept/bindCascade`,this.BindForm).then(resp => { |
||||
|
if(resp.data.code === 0){ |
||||
|
this.$message.success("绑定成功") |
||||
|
this.dialogVisible = false |
||||
|
} |
||||
|
}).catch(error => { |
||||
|
this.$message.error(error) |
||||
|
}) |
||||
|
}, |
||||
|
handleBind(row){ |
||||
|
this.casCadeEcho() |
||||
|
this.dialogVisible = true |
||||
|
this.BindForm.id = row.id |
||||
|
this.echoForm.id = row.id |
||||
|
}, |
||||
|
casCadeEcho(){ |
||||
|
this.$http.post(`/sys/dept/casCadeEcho`,this.echoForm).then(resp => { |
||||
|
console.log(resp) |
||||
|
this.BindForm.gridId = resp.data.data |
||||
|
console.log(":::::::::::::",this.BindForm.gridId) |
||||
|
}).catch(error => { |
||||
|
this.$message.error(error) |
||||
|
}) |
||||
|
}, |
||||
|
handleClose(done) { |
||||
|
this.$confirm('确认关闭？') |
||||
|
.then(_ => { |
||||
|
done(); |
||||
|
}) |
||||
|
.catch(_ => {}); |
||||
|
}, |
||||
|
handlePartyChange(val) { |
||||
|
console.log('val------pp', val) |
||||
|
this.BindForm.gridId = val[val.length - 1] |
||||
|
}, |
||||
|
handleSizeChange(val){ |
||||
|
/* 更改每页记录数 */ |
||||
|
this.limit = val |
||||
|
/* 回显 因为每页记录数更改了 */ |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
handleCurrentChange(val){ |
||||
|
/* 给当前页重新赋值 */ |
||||
|
this.page = val |
||||
|
/* 回显，因为当前页变了 */ |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
Loading…
Reference in new issue