elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

党组织相关开发

shibei_master
Jackwang 3 years ago
parent
15a9e443d3
commit
27aeab88ef
5 changed files with 665 additions and 194 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 75
      src/components/table-tree-column/index.vue
  2. 3
      src/views/main-shuju/main.vue
  3. 1
      src/views/main.vue
  4. 594
      src/views/modules/partymember/icpartyorg-add-or-update.vue
  5. 186
      src/views/modules/partymember/icpartyorgtree.vue

75
src/components/table-tree-column/index.vue
View File

@ -0,0 +1,75 @@
<template>
<el-table-column :prop="prop" v-bind="$attrs">
<template slot-scope="scope">
<span @click.prevent="toggleHandle(scope.$index, scope.row)" :style="{ 'padding-left': ((scope.row._level || 0) * 10) + 'px' }">
<i :class="[ scope.row._expanded ? 'el-icon-caret-bottom' : 'el-icon-caret-right' ]" :style="{ 'visibility': hasChild(scope.row) ? 'visible' : 'hidden' }"></i>
{{ scope.row[prop] }}
</span>
</template>
</el-table-column>
</template>
<script>
import isArray from 'lodash/isArray'
export default {
name: 'table-tree-column',
props: {
prop: {
type: String
},
treeKey: {
type: String,
default: 'id'
},
parentKey: {
type: String,
default: 'pid'
},
childKey: {
type: String,
default: 'children'
}
},
methods: {
hasChild (row) {
return (isArray(row[this.childKey]) && row[this.childKey].length >= 1) || false
},
// 切换处理
toggleHandle (index, row) {
if (!this.hasChild(row)) {
return false
}
var data = this.$parent.store.states.data.slice(0)
data[index]._expanded = !data[index]._expanded
if (data[index]._expanded) {
row[this.childKey].forEach(item => {
item._level = (row._level || 0) + 1
item._expanded = false
})
data = data.splice(0, index + 1).concat(row[this.childKey]).concat(data)
} else {
data = this.removeChildNode(data, row[this.treeKey])
}
this.$parent.store.commit('setData', data)
this.$nextTick(() => {
this.$parent.doLayout()
})
},
// 移除子节点
removeChildNode (data, pid) {
var pids = isArray(pid) ? pid : [pid]
if (pid.length <= 0) {
return data
}
var ids = []
for (var i = 0; i < data.length; i++) {
if (pids.indexOf(data[i][this.parentKey]) !== -1 && pids.indexOf(data[i][this.treeKey]) === -1) {
ids.push(data.splice(i, 1)[0][this.treeKey])
i--
}
}
return this.removeChildNode(data, ids)
}
}
}
</script>

3
src/views/main-shuju/main.vue
View File

@ -118,6 +118,7 @@ export default {
localStorage.setItem("customerId", data.customerId); localStorage.setItem("customerId", data.customerId);
localStorage.setItem("staffId", data.id); localStorage.setItem("staffId", data.id);
localStorage.setItem("agencyId", data.agencyId); localStorage.setItem("agencyId", data.agencyId);
localStorage.setItem("level", data.level);
if (!localStorage.getItem("customerName")) { if (!localStorage.getItem("customerName")) {
localStorage.setItem("customerName", data.customerName || ""); localStorage.setItem("customerName", data.customerName || "");
} }
@ -151,7 +152,7 @@ export default {
&::-webkit-scrollbar-corner, &::-webkit-scrollbar-corner,
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
/* 滚动条轨道 */ /* 滚动条轨道 */
background: rgba(12, 129, 254, .24); background: rgba(12, 129, 254, .24);
// box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5); // box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
} }

1
src/views/main.vue
View File

@ -154,6 +154,7 @@ export default {
localStorage.setItem("customerId", data.customerId); localStorage.setItem("customerId", data.customerId);
localStorage.setItem("staffId", data.id); localStorage.setItem("staffId", data.id);
localStorage.setItem("agencyId", data.agencyId); localStorage.setItem("agencyId", data.agencyId);
localStorage.setItem("level", data.level);
if (!localStorage.getItem("customerName")) { if (!localStorage.getItem("customerName")) {
localStorage.setItem("customerName", data.customerName || ""); localStorage.setItem("customerName", data.customerName || "");
} }

594
src/views/modules/partymember/icpartyorg-add-or-update.vue
View File

@ -1,202 +1,410 @@
<template> <template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> <el-dialog :visible.sync="visible" :title="!dataForm.id ? '新增党组织' : '更新党组织'" :close-on-click-modal="false"
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> :close-on-press-escape="false">
<el-form-item label="客户Id (customer.id)" prop="customerId"> <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()"
<el-input v-model="dataForm.customerId" placeholder="客户Id (customer.id)"></el-input> :label-width="$i18n.locale === 'en-US' ? '120px' : '100px'">
</el-form-item> <!-- <el-form-item label="上级组织" prop="orgPid">-->
<el-form-item label="党组织的上级ID,没有上级时为0" prop="orgPid"> <!-- <el-input v-model="dataForm.orgPid" placeholder="上级组织"></el-input>-->
<el-input v-model="dataForm.orgPid" placeholder="党组织的上级ID,没有上级时为0"></el-input> <!-- </el-form-item>-->
</el-form-item> <el-form-item prop="orgPidName"
<el-form-item label="党组织的所有上级ID,没有上级时为0" prop="orgPids"> label="上级组织"
<el-input v-model="dataForm.orgPids" placeholder="党组织的所有上级ID,没有上级时为0"></el-input> class="dept-list">
</el-form-item> <el-popover v-model="orgListVisible"
<el-form-item label="行政组织 机关ID" prop="agencyId"> ref="orgListPopover"
<el-input v-model="dataForm.agencyId" placeholder="行政组织 机关ID"></el-input> placement="bottom-start"
</el-form-item> trigger="click">
<el-form-item label="行政组织 机关ID" prop="agencyPids"> <el-tree :data="orgList"
<el-input v-model="dataForm.agencyPids" placeholder="行政组织 机关ID"></el-input> :props="{ label: 'partyOrgName', children: 'children' }"
</el-form-item> node-key="id"
<el-form-item label="党组织类型 0省委,1市委,2区委,3党工委,4党委,5支部" prop="partyOrgType"> ref="deptListTree"
<el-input v-model="dataForm.partyOrgType" placeholder="党组织类型 0省委,1市委,2区委,3党工委,4党委,5支部"></el-input> :highlight-current="true"
</el-form-item> :expand-on-click-node="false"
<el-form-item label="组织名称" prop="partyOrgName"> accordion
<el-input v-model="dataForm.partyOrgName" placeholder="组织名称"></el-input> @current-change="orgListTreeCurrentChangeHandle">
</el-form-item> </el-tree>
<el-form-item label="组织编码" prop="partyOrgCode"> </el-popover>
<el-input v-model="dataForm.partyOrgCode" placeholder="组织编码"></el-input> <el-input v-model="dataForm.orgPidName"
</el-form-item> v-popover:orgListPopover
<el-form-item label="经度" prop="longitude"> :readonly="true"
<el-input v-model="dataForm.longitude" placeholder="经度"></el-input> placeholder="上级分类">
</el-form-item> <i v-if="dataForm.orgPid !== '0'"
<el-form-item label="纬度" prop="latitude"> slot="suffix"
<el-input v-model="dataForm.latitude" placeholder="纬度"></el-input> @click.stop="orgListTreeSetDefaultHandle()"
</el-form-item> class="el-icon-circle-close el-input__icon">
<el-form-item label="地址" prop="address"> </i>
<el-input v-model="dataForm.address" placeholder="地址"></el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="党组织介绍" prop="introduction"> <!-- <el-form-item label="组织类型" prop="partyOrgType">-->
<el-input v-model="dataForm.introduction" placeholder="党组织介绍"></el-input> <!-- <el-input v-model="dataForm.partyOrgType" placeholder="党组织类型"></el-input>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="删除标识：0.未删除 1.已删除" prop="delFlag"> <el-form-item label="组织类型" prop="partyOrgType">
<el-input v-model="dataForm.delFlag" placeholder="删除标识：0.未删除 1.已删除"></el-input> <el-select v-model="dataForm.partyOrgType" @change="changePartyOrgType" clearable placeholder="组织类型">
</el-form-item> <el-option v-for="item in partyOrgTypeList" :key="item.value" :label="item.name" :value="item.value">
<el-form-item label="乐观锁" prop="revision"> </el-option>
<el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="创建人" prop="createdBy"> <el-form-item label="组织名称" prop="partyOrgName">
<el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input> <el-input v-model="dataForm.partyOrgName" placeholder="组织名称"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="创建时间" prop="createdTime"> <el-form-item label="组织编码" prop="partyOrgCode">
<el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input> <el-input v-model="dataForm.partyOrgCode" placeholder="组织编码"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="更新人" prop="updatedBy"> <!-- <el-form-item label="行政组织" prop="agencyId">-->
<el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input> <!-- <el-input v-model="dataForm.agencyId" placeholder="行政组织"></el-input>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="更新时间" prop="updatedTime"> <el-form-item prop="agencyName"
<el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input> label="行政组织"
</el-form-item> v-if="dataForm.partyOrgType != '5'"
</el-form> class="dept-list">
<template slot="footer"> <el-popover v-model="agencyListVisible"
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> ref="agencyOrgListPopover"
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> placement="bottom-start"
</template> trigger="click">
</el-dialog> <el-tree :data="agencyOrgList"
:props="{ label: 'name', children: 'children' }"
node-key="id"
ref="agencyListTree"
:highlight-current="true"
:expand-on-click-node="false"
accordion
@current-change="agencyListTreeCurrentChangeHandle">
</el-tree>
</el-popover>
<el-input v-model="dataForm.agencyName"
v-popover:agencyOrgListPopover
:readonly="true"
placeholder="行政组织">
<!-- <i v-if="dataForm.orgPid !== '0'"-->
<!-- slot="suffix"-->
<!-- class="el-icon-circle-close el-input__icon">-->
<!-- </i>-->
</el-input>
</el-form-item>
<el-form-item label="党组织介绍" prop="introduction">
<el-input v-model="dataForm.introduction" type="textarea" maxlength="500" placeholder="党组织介绍"></el-input>
</el-form-item>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
</template>
</el-dialog>
</template> </template>
<script> <script>
import debounce from 'lodash/debounce' import debounce from 'lodash/debounce'
export default { export default {
data () { data() {
return { return {
visible: false, visible: false,
dataForm: { dataForm: {
id: '', id: '',
customerId: '', customerId: '',
orgPid: '', staffId:'',
orgPids: '', orgPid: '',
agencyId: '', orgPids: '',
agencyPids: '', orgPidName: '',
partyOrgType: '', agencyId: '',
partyOrgName: '', agencyName:'',
partyOrgCode: '', agencyPids: '',
longitude: '', partyOrgType: '',
latitude: '', partyOrgName: '',
address: '', partyOrgCode: '',
introduction: '', longitude: '1',
delFlag: '', latitude: '1',
revision: '', address: '',
createdBy: '', introduction: '',
createdTime: '', delFlag: '',
updatedBy: '', revision: '',
updatedTime: '' createdBy: '',
} createdTime: '',
} updatedBy: '',
}, updatedTime: ''
computed: { },
dataRule () { orgListVisible: false,
return { agencyListVisible:false,
customerId: [ orgList: [],
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } agencyId: '',
], partyOrgTypeList: [],
orgPid: [ agencyOrgList:[]
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } }
], },
orgPids: [ computed: {
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } dataRule() {
], return {
agencyId: [ customerId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
], ],
agencyPids: [ orgPid: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
], ],
partyOrgType: [ orgPids: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
], ],
partyOrgName: [ agencyId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
], ],
partyOrgCode: [ agencyPids: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
], ],
longitude: [ partyOrgType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
], ],
latitude: [ partyOrgName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
], ],
address: [ longitude: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
], ],
introduction: [ latitude: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
], ],
delFlag: [ address: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
], ],
revision: [ delFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
], ],
createdBy: [ revision: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
], ],
createdTime: [ createdBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
], ],
updatedBy: [ createdTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
], ],
updatedTime: [ updatedBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {required: true, message: this.$t('validate.required'), trigger: 'blur'}
] ],
} updatedTime: [
} {required: true, message: this.$t('validate.required'), trigger: 'blur'}
}, ],
methods: { orgPidName: [
init () { {required: true, message: this.$t('validate.required'), trigger: 'blur'}
this.visible = true ],
this.$nextTick(() => { agencyName: [
this.$refs['dataForm'].resetFields() {required: true, message: this.$t('validate.required'), trigger: 'blur'}
if (this.dataForm.id) { ]
this.getInfo() }
}
})
},
// 获取信息
getInfo () {
this.$http.get(`/${moduleName}/${pathName}/#[[${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/${moduleName}/${pathName}/', this.dataForm).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
} }
}) },
}).catch(() => {}) methods: {
}) changePartyOrgType(value){
}, 1000, { 'leading': true, 'trailing': false }) if(value != '5'){
} this.dataForm.agencyId = ''
} this.dataForm.agencyName = ''
}
this.$http.get('/gov/org/customeragency/getOrgTreeByUserAndType',
{params:
{agencyId: this.agencyId,
orgType:value}
}).then(({data: res}) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.agencyOrgList = res.data
}).catch(() => {
})
},
//设置组织类型
setPartyOrgType() {
/**
* 社区级：community，
街道级:street,
区县级: district,
市级: city
省级:province
*
*/
this.level = localStorage.getItem('level')
/**
* 党组织类型 0省委,1市委,2区委,3党工委,4党委,5支部
*/
if (this.level == 'province') {
this.partyOrgTypeList = [
{value: '0', name: '省委'},
{value: '1', name: '市委'},
{value: '2', name: '区委'},
{value: '3', name: '党工委'},
{value: '4', name: '党委'},
{value: '5', name: '支部'}
]
}else if(this.level == 'city'){
this.partyOrgTypeList = [
{value: '1', name: '市委'},
{value: '2', name: '区委'},
{value: '3', name: '党工委'},
{value: '4', name: '党委'},
{value: '5', name: '支部'}
]
}else if(this.level == 'district'){
this.partyOrgTypeList = [
{value: '2', name: '区委'},
{value: '3', name: '党工委'},
{value: '4', name: '党委'},
{value: '5', name: '支部'}
]
}else if(this.level == 'street'){
this.partyOrgTypeList = [
{value: '3', name: '党工委'},
{value: '4', name: '党委'},
{value: '5', name: '支部'}
]
}else if(this.level == 'community'){
this.partyOrgTypeList = [
{value: '4', name: '党委'},
{value: '5', name: '支部'}
]
}
},
// 获取党组织列表
getOrgList() {
return this.$http.get('/resi/partymember/icPartyOrg/getTreelist', {params: {agencyId: this.agencyId}}).then(({data: res}) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.orgList = res.data
}).catch(() => {
})
},
// 上级党组织树, 设置默认值
orgListTreeSetDefaultHandle() {
this.dataForm.orgPid = '0'
this.dataForm.orgPidName = '一级组织'
},
// 上级党组织树, 选中
orgListTreeCurrentChangeHandle(data) {
this.dataForm.orgPid = data.id
this.dataForm.orgPidName = data.partyOrgName
this.dataForm.orgPids = data.orgPids+data.id+","
//默认设置行政组织id为父节点的行政组织id
this.dataForm.agencyId = data.agencyId
this.orgListVisible = false
},
// 上级行政组织树, 选中
agencyListTreeCurrentChangeHandle(data) {
this.dataForm.agencyId = data.id
this.dataForm.agencyName = data.name
this.agencyListVisible = false
},
init() {
this.visible = true
this.agencyId = localStorage.getItem('agencyId')
this.dataForm.customerId = localStorage.getItem('customerId')
this.dataForm.staffId = localStorage.getItem('staffId')
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
//设置党组织类型
this.setPartyOrgType()
this.getOrgList().then(() => {
if (this.dataForm.id) {
this.getInfo()
} else {
this.orgListTreeSetDefaultHandle()
}
})
})
},
// 获取信息
getInfo() {
this.$http.get(`/resi/partymember/icPartyOrg/${this.dataForm.id}`).then(({data: res}) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {
})
//根据组织类型获取行政组织
this.getInfoAgencyLisy()
},
getInfoAgencyLisy(){
this.$http.get('/gov/org/customeragency/getOrgTreeByUserAndType',
{params:
{agencyId: this.agencyId,
orgType:this.dataForm.partyOrgType}
}).then(({data: res}) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.agencyOrgList = res.data
}).catch(() => {
})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/resi/partymember/icPartyOrg/', this.dataForm).then(({data: res}) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
}).catch(() => {
})
})
}, 1000, {'leading': true, 'trailing': false})
}
}
</script> </script>
<style lang="scss">
.mod-sys__dept {
.dept-list {
.el-input__inner,
.el-input__suffix {
cursor: pointer;
}
}
}
.el-popover {
height: 320px;
overflow-y: scroll;
}
.el-dialog__footer {
margin-top: 100px;
}
.avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.avatar-uploader .el-upload:hover {
border-color: #409eff;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 178px;
height: 178px;
line-height: 178px;
text-align: center;
}
.avatar {
width: 178px;
height: 178px;
display: block;
}
</style>

186
src/views/modules/partymember/icpartyorgtree.vue
View File

@ -0,0 +1,186 @@
<template>
<div class="resi-container">
<el-card class="resi-card-table">
<div class="resi-row-btn">
<el-button class="diy-button--add"
size="small"
@click="addOrUpdateHandle()">新增</el-button>
</div>
<el-table :data="tableData"
v-loading="tableLoading"
border
style="width: 100%"
class="resi-table">
<table-tree-column prop="partyOrgName" label="党组织名称" header-align="center"></table-tree-column>
<el-table-column label="操作"
align="center"
width="300">
<template slot-scope="scope">
<el-button v-if="scope.row.agencyId == agencyId || scope.row.agencyPids.includes(agencyId)"
@click="handleLook(scope.row)"
type="text"
size="small"
class="div-table-button--detail">{{'查看党员'}}</el-button>
<el-button v-if="scope.row.agencyId == agencyId || scope.row.agencyPids.includes(agencyId)"
@click="handleAdd('2', 'add', scope.row)"
type="text"
size="small"
class="div-table-button--add">新增下级</el-button>
<el-button v-if="scope.row.agencyId == agencyId || scope.row.agencyPids.includes(agencyId)"
@click="addOrUpdateHandle(scope.row.id)"
type="text"
size="small"
class="div-table-button--edit">修改</el-button>
<el-button v-if="scope.row.agencyId == agencyId || scope.row.agencyPids.includes(agencyId)"
@click="handleEdit(scope.row, 'edit')"
type="text"
size="small"
class="div-table-button--edit">删除</el-button>
</template>
</el-table-column>
</el-table>
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
</el-card>
</div>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './icpartyorg-add-or-update'
import TableTreeColumn from '@/components/table-tree-column'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/resi/partymember/icPartyOrg/getTreelist',
getDataListIsPage: true,
deleteURL: '/resi/partymember/icPartyOrg',
deleteIsBatch: true
},
dataForm: {
id: '',
customerId: ''
},
tableLoading: false,
tableData: [],
agencyId: ''
}
},
components: {
AddOrUpdate,
TableTreeColumn
},
async created () {
this.agencyId = localStorage.getItem('agencyId')
this.dataForm.customerId = localStorage.getItem('customerId')
this.getTableData()
// this.pageLoading = true
},
methods:{
// 新增 / 修改
addOrUpdateHandle (id) {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.dataForm.id = id
this.$refs.addOrUpdate.init()
})
},
async getTableData () {
this.tableLoading = true
let params = {
customerId: localStorage.getItem('customerId')
}
await this.$http
.get('/resi/partymember/icPartyOrg/getTreelist', {params: this.dataForm})
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
} else {
this.tableData = res.data
}
})
.catch(() => {})
this.tableLoading = false
}
}
}
</script>
<style lang="scss" scoped>
.resi-container .resi-card-table {
::v-deep .el-table {
th {
color: #fff;
background-color: rgba(33, 149, 254, 1);
}
.cell {
span:nth-of-type(3) {
display: inline-block;
width: 90%;
word-break: break-all;
}
}
}
}
.resi-table {
::v-deep .el-button--text {
text-decoration: underline;
}
::v-deep .btn-color-del {
margin-left: 10px;
color: rgba(213, 16, 16, 1);
}
::v-deep .btn-color-edit {
color: rgba(0, 167, 169, 1);
}
}
</style>
<style lang="scss" scoped>
.resi-row-btn {
display: flex;
margin-bottom: 13px;
::v-deep .el-button {
// margin-left: 10px;
border: 0;
}
::v-deep .el-select {
margin-right: 10px;
}
.el-button--success {
background: rgba(34, 193, 195, 1);
}
}
.avatar-uploader {
::v-deep .el-upload {
cursor: pointer;
position: relative;
overflow: hidden;
}
.el-upload:hover {
border-color: #409eff;
}
.avatar {
width: 70px;
height: 70px;
display: block;
}
.avatar-uploader-icon {
border: 1px dashed #d9d9d9;
border-radius: 6px;
font-size: 28px;
color: #8c939d;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
}
}
.resi-btns {
margin-top: 20px;
text-align: center;
}
</style>
Write Preview
Loading…
Cancel
Save