|
|
@ -28,19 +28,11 @@ |
|
|
|
>新增</el-button |
|
|
|
> |
|
|
|
</el-col> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
type="info" |
|
|
|
plain |
|
|
|
icon="el-icon-sort" |
|
|
|
size="mini" |
|
|
|
|
|
|
|
>展开/折叠</el-button |
|
|
|
> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<!-- 列表表格 --> |
|
|
|
<el-table |
|
|
|
height="500px" |
|
|
|
:data="treeList" |
|
|
|
:default-expand-all="isExpandAll" |
|
|
|
v-if="refreshTable" |
|
|
@ -58,10 +50,18 @@ |
|
|
|
icon="el-icon-edit"> |
|
|
|
|
|
|
|
修改</el-button> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-edit" |
|
|
|
@click="del(row)"> |
|
|
|
删除</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 新增弹窗 --> |
|
|
|
<el-dialog |
|
|
|
title="新增" |
|
|
|
:visible.sync="addDialogBox" |
|
|
@ -83,6 +83,27 @@ |
|
|
|
<el-input v-model="addOrgForm.name" placeholder="请输入名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<!-- 下拉框组织的参数 --> |
|
|
|
<el-form-item label="绑定组织" v-show="orgListSwitch"> |
|
|
|
<el-select v-model="addOrgForm.agencyName" placeholder="请选择要绑定的组织" @change="handelAgencyTree"> |
|
|
|
<el-option |
|
|
|
v-for="item in agencytree" |
|
|
|
:key="item.orgId" |
|
|
|
:label="item.orgName" |
|
|
|
:value="item.orgId"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<!-- 网格党支部下拉框 --> |
|
|
|
<el-form-item label="所属上级网格党支部"> |
|
|
|
<el-select placeholder="请选择所属上级网格党支部"> |
|
|
|
<el-option |
|
|
|
v-for="item in GridPartyBranchList" |
|
|
|
:key="item.orgId" |
|
|
|
:label="item.orgName" |
|
|
|
:value="item.orgId"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="排序"> |
|
|
|
<el-input v-model="addOrgForm.sort" placeholder="请输入排序"></el-input> |
|
|
@ -95,6 +116,19 @@ |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<!-- 删除弹窗 --> |
|
|
|
<el-dialog |
|
|
|
title="确认删除" |
|
|
|
:visible.sync="delWindow" |
|
|
|
width="30%" |
|
|
|
:before-close="handleClose" |
|
|
|
> |
|
|
|
<span>确认删除吗?</span> |
|
|
|
<div slot="footer" > |
|
|
|
<el-button @click="canceldelWindow">取 消</el-button> |
|
|
|
<el-button type="primary" @click="submitDelete">确 定</el-button> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
@ -103,8 +137,11 @@ import { requestPost } from "@/js/dai/request"; |
|
|
|
export default { |
|
|
|
data(){ |
|
|
|
return{ |
|
|
|
// 删除标签 |
|
|
|
delId:'', |
|
|
|
// 客户Id |
|
|
|
customerId:'', |
|
|
|
agencyId:'', |
|
|
|
// 查询参数 |
|
|
|
queryParams:{ |
|
|
|
name:'' |
|
|
@ -118,26 +155,35 @@ export default { |
|
|
|
agencyType:'', |
|
|
|
pid:'', |
|
|
|
categoryCode:'', |
|
|
|
sort:0 |
|
|
|
sort:'' |
|
|
|
}, |
|
|
|
// 树状结构列表 |
|
|
|
treeList:[], |
|
|
|
// 查询动力主轴机构标签 |
|
|
|
listSimple:[], |
|
|
|
|
|
|
|
// 绑定组织列表 |
|
|
|
agencytree:[], |
|
|
|
// 上级网格党支部列表 |
|
|
|
GridPartyBranchList:[], |
|
|
|
// 重新渲染表格状态 |
|
|
|
refreshTable: true, |
|
|
|
// 是否展开,默认全部展开 |
|
|
|
isExpandAll: true, |
|
|
|
// 新增对话框 |
|
|
|
addDialogBox:false, |
|
|
|
// 组织列表开关 |
|
|
|
orgListSwitch:false, |
|
|
|
// 确认删除弹窗 |
|
|
|
delWindow:false, |
|
|
|
} |
|
|
|
}, |
|
|
|
created(){ |
|
|
|
this.getTreeList() |
|
|
|
// this.getTreeList() |
|
|
|
this.getList4Tree() |
|
|
|
}, |
|
|
|
mounted(){ |
|
|
|
this.customerId = localStorage.getItem('customerId') |
|
|
|
this.agencyId = localStorage.getItem('agencyId') |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
// 查询按钮操作 |
|
|
@ -158,19 +204,19 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
// 获取树状列表数据 |
|
|
|
async getTreeList(){ |
|
|
|
const url = '/pli/power/axisStruct/getTreeList' |
|
|
|
// async getTreeList(){ |
|
|
|
// const url = '/pli/power/axisStruct/getTreeList' |
|
|
|
|
|
|
|
let params = {} |
|
|
|
// let params = {} |
|
|
|
|
|
|
|
const { data,code,msg } = await requestPost(url) |
|
|
|
// const { data,code,msg } = await requestPost(url) |
|
|
|
|
|
|
|
if(code === 0){ |
|
|
|
this.treeList = data |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
} |
|
|
|
}, |
|
|
|
// if(code === 0){ |
|
|
|
// this.treeList = data |
|
|
|
// } else { |
|
|
|
// this.$message.error(msg) |
|
|
|
// } |
|
|
|
// }, |
|
|
|
// 确定新增按钮 |
|
|
|
async submitAddNewOrg(){ |
|
|
|
const url = '/pli/power/axisStruct/addOrg' |
|
|
@ -178,7 +224,11 @@ export default { |
|
|
|
let params = { |
|
|
|
name:this.addOrgForm.name, |
|
|
|
sort:this.addOrgForm.sort, |
|
|
|
customerId:this.customerId |
|
|
|
customerId:this.customerId, |
|
|
|
agencyId:this.addOrgForm.agencyId, |
|
|
|
agencyName:this.addOrgForm.agencyName, |
|
|
|
agencyType:this.addOrgForm.agencyType, |
|
|
|
categoryCode:this.addOrgForm.categoryCode |
|
|
|
} |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url,params) |
|
|
@ -187,11 +237,12 @@ export default { |
|
|
|
this.$message.success("新增成功") |
|
|
|
this.addDialogBox = false |
|
|
|
this.addOrgFormRest() |
|
|
|
this.getTreeList() |
|
|
|
this.getList4Tree() |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
} |
|
|
|
}, |
|
|
|
// 获取动力主轴标签 |
|
|
|
async getListSimple(){ |
|
|
|
const url = '/pli/power/axisTag/listSimple/struct' |
|
|
|
|
|
|
@ -200,22 +251,63 @@ export default { |
|
|
|
const { data, code, msg } = await requestPost(url,params) |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
console.log(data) |
|
|
|
this.listSimple = data |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
} |
|
|
|
}, |
|
|
|
// 获取组织列表 |
|
|
|
async getAgencyTree(){ |
|
|
|
const url = '/data/aggregator/org/agencytree' |
|
|
|
|
|
|
|
let params = { |
|
|
|
agencyId:this.agencyId, |
|
|
|
client:'gov' |
|
|
|
} |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url,params) |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.agencytree = data[0].subOrgList |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
} |
|
|
|
}, |
|
|
|
// 获取组织树 |
|
|
|
async getList4Tree(){ |
|
|
|
const url = '/pli/power/axisStruct/list4Tree' |
|
|
|
|
|
|
|
let params = {} |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url,params) |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.treeList = data |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
// 获取上级网格党支部 |
|
|
|
async getGridPartyBranchList(){ |
|
|
|
const url = '/pli/power/axisStruct/GridPartyBranchList' |
|
|
|
|
|
|
|
let params = {} |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// 新增按钮 |
|
|
|
addNewOrg(){ |
|
|
|
this.addDialogBox = true |
|
|
|
this.getListSimple() |
|
|
|
this.getAgencyTree() |
|
|
|
}, |
|
|
|
|
|
|
|
/** 重置按钮操作 */ |
|
|
|
resetQuery() { |
|
|
|
this.queryParams.name = '' |
|
|
|
this.getTreeList() |
|
|
|
this.getList4Tree() |
|
|
|
}, |
|
|
|
/** 展开/折叠操作 */ |
|
|
|
toggleExpandAll() { |
|
|
@ -229,6 +321,7 @@ export default { |
|
|
|
handleClose(done) { |
|
|
|
this.$confirm('确认关闭?') |
|
|
|
.then(_ => { |
|
|
|
this.addOrgFormRest() |
|
|
|
done(); |
|
|
|
}) |
|
|
|
.catch(_ => {}); |
|
|
@ -236,6 +329,7 @@ export default { |
|
|
|
// 取消新增按钮 |
|
|
|
cancelAdd(){ |
|
|
|
this.addDialogBox = false |
|
|
|
this.addOrgFormRest() |
|
|
|
}, |
|
|
|
// 清空新增表单 |
|
|
|
addOrgFormRest(){ |
|
|
@ -246,11 +340,52 @@ export default { |
|
|
|
this.addOrgForm.agencyName = '', |
|
|
|
this.addOrgForm.agencyType = '', |
|
|
|
this.addOrgForm.pid = '' |
|
|
|
this.addOrgForm.categoryCode = '' |
|
|
|
}, |
|
|
|
// 动力主轴选中后的操作 |
|
|
|
handelChange(event){ |
|
|
|
console.log(event) |
|
|
|
handelChange(val){ |
|
|
|
this.addOrgForm.categoryCode = val |
|
|
|
if (val === 'community_party') { |
|
|
|
this.orgListSwitch = true |
|
|
|
} |
|
|
|
if(val === 'grid_party') { |
|
|
|
this.orgListSwitch = false |
|
|
|
} |
|
|
|
}, |
|
|
|
handelAgencyTree(val){ |
|
|
|
let obj = {} |
|
|
|
obj = this.agencytree.find(item => { |
|
|
|
return item.orgId === val |
|
|
|
}) |
|
|
|
this.addOrgForm.agencyName = obj.orgName |
|
|
|
this.addOrgForm.agencyType = obj.orgType |
|
|
|
this.addOrgForm.agencyId = val |
|
|
|
}, |
|
|
|
// 删除按钮 |
|
|
|
del(row){ |
|
|
|
this.delWindow = true |
|
|
|
this.delId = row.row.id |
|
|
|
}, |
|
|
|
async submitDelete(){ |
|
|
|
const url = '/pli/power/axisStruct/deleteById/'+this.delId |
|
|
|
|
|
|
|
let params = {} |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url,params) |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.$message.success("删除成功") |
|
|
|
this.delWindow = false |
|
|
|
this.getList4Tree() |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
} |
|
|
|
}, |
|
|
|
// 取消删除按钮 |
|
|
|
canceldelWindow(){ |
|
|
|
this.delWindow = false |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|