Browse Source

组织网格添加

shibei_master
HAHA 3 years ago
parent
commit
12629a4bef
  1. 193
      src/views/modules/plugins/power/poweraxis.vue

193
src/views/modules/plugins/power/poweraxis.vue

@ -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
},
}

Loading…
Cancel
Save