Browse Source

完善组织管理新增/编辑页面,隐藏主管人员字段,增加组织简称字段,列表中将部门改为组织、左侧树形列表改为只显示一级

master
yunuo970428 3 years ago
parent
commit
826760e157
  1. 47
      anrui-system-ui/src/views/organizationManage/organizationManage.vue

47
anrui-system-ui/src/views/organizationManage/organizationManage.vue

@ -1,7 +1,7 @@
<template xmlns="" xmlns="" xmlns=""> <template xmlns="" xmlns="" xmlns="">
<div class="container" style="display: flex;"> <div class="container" style="display: flex;">
<div class="org-tree"> <div class="org-tree">
<el-tree :data="treedata" node-key="sid" :props="props" default-expand-all @node-click="handleNodeClick" :expand-on-click-node="false"> <el-tree :data="treedata" node-key="sid" :props="props" @node-click="handleNodeClick" :expand-on-click-node="false">
<span class="custom-tree-node" slot-scope="{ node, data }" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)" @click.stop.native> <span class="custom-tree-node" slot-scope="{ node, data }" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)" @click.stop.native>
<span>{{ node.label || $store.getters.userInfo.Orgname }}</span> <span>{{ node.label || $store.getters.userInfo.Orgname }}</span>
<span v-show="data.del" class="handle"> <span v-show="data.del" class="handle">
@ -42,14 +42,17 @@
<td class="td_left"/> <td class="td_left"/>
</tr> </tr>
<tr> <tr>
<td>主管人员</td> <!-- <td>主管人员</td>-->
<!-- <td>-->
<!-- <el-select v-model="form.zgStaffSid" style="width:300px" clearable>-->
<!-- <el-option v-for="(item, i) in staffdata" :key="i" :label="item.name" :value="item.sid">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </td>-->
<td>组织简称</td>
<td> <td>
<el-select v-model="form.zgStaffSid" style="width:300px" clearable> <el-input v-model="form.orgAbbre" style="width: 30%"></el-input>
<el-option v-for="(item, i) in staffdata" :key="i" :label="item.name" :value="item.sid">
</el-option>
</el-select>
</td> </td>
<td>分管人员</td> <td>分管人员</td>
<td> <td>
<el-select v-model="fgStaffSid" style="width:300px" filterable multiple> <el-select v-model="fgStaffSid" style="width:300px" filterable multiple>
@ -104,7 +107,7 @@
<el-form ref="form" :inline="true" :model="form" label-width="80px"> <el-form ref="form" :inline="true" :model="form" label-width="80px">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="部门名称"> <el-form-item label="组织名称">
<el-input v-model="page.params.name" clearable></el-input> <el-input v-model="page.params.name" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@ -130,9 +133,9 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" label="部门名称" align="center"></el-table-column> <el-table-column prop="name" label="组织名称" align="center"></el-table-column>
<el-table-column prop="orgCode" label="部门编码" align="center"></el-table-column> <el-table-column prop="orgCode" label="组织编码" align="center"></el-table-column>
<el-table-column prop="zgNames" label="主管" align="center"></el-table-column> <!-- <el-table-column prop="zgNames" label="主管" align="center"></el-table-column>-->
<el-table-column prop="fgNames" label="分管" align="center"></el-table-column> <el-table-column prop="fgNames" label="分管" align="center"></el-table-column>
<!--<el-table-column prop="contactMan" label="联系人" align="center" width="100px"></el-table-column>--> <!--<el-table-column prop="contactMan" label="联系人" align="center" width="100px"></el-table-column>-->
<el-table-column prop="linkPhone" label="联系人手机号" width="110" align="center"> <el-table-column prop="linkPhone" label="联系人手机号" width="110" align="center">
@ -215,14 +218,17 @@
<td class="td_left"/> <td class="td_left"/>
</tr> </tr>
<tr> <tr>
<td>主管人员</td> <!-- <td>主管人员</td>-->
<!-- <td>-->
<!-- <el-select v-model="form.zgStaffSid" clearable style="width:300px" @change="zgStaffSidChange">-->
<!-- <el-option v-for="(item, i) in staffdata" :key="i" :label="item.name" :value="item.sid">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </td>-->
<td>组织简称</td>
<td> <td>
<el-select v-model="form.zgStaffSid" clearable style="width:300px" @change="zgStaffSidChange"> <el-input v-model="form.orgAbbre" style="width: 300px"></el-input>
<el-option v-for="(item, i) in staffdata" :key="i" :label="item.name" :value="item.sid">
</el-option>
</el-select>
</td> </td>
<td>分管人员</td> <td>分管人员</td>
<td> <td>
<el-select v-model="fgStaffSid" style="width:300px" filterable multiple> <el-select v-model="fgStaffSid" style="width:300px" filterable multiple>
@ -310,7 +316,8 @@ export default {
linkPerson: '', linkPerson: '',
linkPhone: '', linkPhone: '',
sort: '', sort: '',
isDept: '' isDept: '',
orgAbbre: ''
}, },
fgStaffSid: [], fgStaffSid: [],
formBackup: Object.assign({}, this.form), formBackup: Object.assign({}, this.form),
@ -551,8 +558,8 @@ export default {
querySearchAsync(queryString, cb) { querySearchAsync(queryString, cb) {
console.log('查询条件:', queryString) console.log('查询条件:', queryString)
if ( if (
queryString != null && queryString !== null &&
queryString != undefined && queryString !== undefined &&
queryString !== '' queryString !== ''
) { ) {
// this.searchData({ name: queryString }) // this.searchData({ name: queryString })

Loading…
Cancel
Save