Browse Source

调整系统管理--组织架构管理--新增/编辑页面样式和查看二维码提示404的问题

master
yunuo970428 3 years ago
parent
commit
164fb9b1ac
  1. 73
      anrui-system-ui/src/api/system/departments/departments.js
  2. 305
      anrui-system-ui/src/views/organizationManage/organizationManage.vue

73
anrui-system-ui/src/api/system/departments/departments.js

@ -1,70 +1,77 @@
import request from '@/utils/request' import request from '@/utils/request'
import qs from 'qs'; import qs from 'qs'
//let tokens = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI2IiwiaXNzIjoiV0JLIiwiZXhwIjoxNjMwMDI3MDA3fQ.9bEgBzFW2g1CUT7s5VXxhNCa10cyU_WTCFeqpQje0iY' // let tokens = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI2IiwiaXNzIjoiV0JLIiwiZXhwIjoxNjMwMDI3MDA3fQ.9bEgBzFW2g1CUT7s5VXxhNCa10cyU_WTCFeqpQje0iY'
let tokens = window.sessionStorage.getItem('token'); let tokens = window.sessionStorage.getItem('token')
//获取菜单 分页列表 // 获取菜单 分页列表
export function pageList(data) { export function pageList(data) {
return request({ return request({
url: '/portal/v1/sysorganization/listPage', url: '/portal/v1/sysorganization/listPage',
method: 'POST', method: 'POST',
data: data, data: data,
headers: {'Content-Type': 'application/json', headers: {
'token':tokens 'Content-Type': 'application/json',
'token': tokens
} }
}) })
} }
// 查询左侧部门列表 // 查询左侧部门列表
export function orgList(data){ export function orgList(data) {
return request({ return request({
url: '/portal/v1/sysorganization/list', url: '/portal/v1/sysorganization/list',
method: 'get', method: 'get',
data: data, data: data,
headers: {'Content-Type': 'application/json', headers: {
'token':tokens 'Content-Type': 'application/json',
'token': tokens
} }
}) })
} }
// 编辑部门信息 // 编辑部门信息
export function postOrgtree(data){ export function postOrgtree(data) {
return request({ return request({
url: '/portal/v1/sysorganization/update/' +data.sid, url: '/portal/v1/sysorganization/update/' + data.sid,
method: 'POST', method: 'POST',
data: data, data: data,
headers: {'Content-Type': 'application/json', headers: {
'token':tokens 'Content-Type': 'application/json',
'token': tokens
} }
}) })
} }
// 获取 机构分页列表 // 获取 机构分页列表
export function putOrgtree(data) { export function putOrgtree(data) {
return request({ return request({
url: '/portal/v1/sysorganization/update/' +data.sid, url: '/portal/v1/sysorganization/update/' + data.sid,
method: 'POST', method: 'POST',
data: data, data: data,
headers: {'Content-Type': 'application/json', headers: {
'token':tokens} 'Content-Type': 'application/json',
'token': tokens
}
}) })
} }
// 新增部门信息 // 新增部门信息
export function addOrgTree(data){ export function addOrgTree(data) {
return request({ return request({
url: '/portal/v1/sysorganization/save', url: '/portal/v1/sysorganization/save',
method: 'POST', method: 'POST',
data: data, data: data,
headers: {'Content-Type': 'application/json', headers: {
'token':tokens 'Content-Type': 'application/json',
'token': tokens
} }
}) })
} }
// 树 节点名称 删除 // 树 节点名称 删除
export function delOrgtree(data) { export function delOrgtree(data) {
return request({ return request({
url: `/portal/v1/sysorganization/delBySid/`+data.sid, url: `/portal/v1/sysorganization/delBySid/` + data.sid,
method: 'get', method: 'get',
data: qs.stringify(data), data: qs.stringify(data),
headers: {'Content-Type': 'application/json', headers: {
'token':tokens 'Content-Type': 'application/json',
'token': tokens
} }
}) })
} }
@ -74,24 +81,20 @@ export function getStaff(data) {
url: '/portal/v1/sysstafforg/staffinfoList', url: '/portal/v1/sysstafforg/staffinfoList',
method: 'post', method: 'post',
data: data, data: data,
headers: {'Content-Type': 'application/json', headers: {
'token':tokens 'Content-Type': 'application/json',
'token': tokens
} }
}) })
} }
// 查看二维码 // 查看二维码
export function getQrCode(data) { export function getQrCode(data) {
return request({ return request({
url: `/system/v1/departments/getQrCode/`+data.sid, url: '/portal/v1/sysorganization/getQrCode/' + data.sid,
method: 'POST', method: 'post',
data: qs.stringify(data) data: data,
headers: {
'Content-Type': 'application/json'
}
}) })
} }

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

@ -1,100 +1,95 @@
<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" <el-tree :data="treedata" node-key="sid" :props="props" default-expand-all @node-click="handleNodeClick" :expand-on-click-node="false">
node-key="sid" <span class="custom-tree-node" slot-scope="{ node, data }" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)" @click.stop.native>
:props="props"
default-expand-all
@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>{{ 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">
<el-tooltip class="item" effect="dark" content="新增" placement="top-start"> <el-tooltip class="item" effect="dark" content="新增" placement="top-start">
<el-button type="text" size="mini" @click.stop="() => append(data)" icon="el-icon-circle-plus-outline"> <el-button type="text" size="mini" @click.stop="() => append(data)" icon="el-icon-circle-plus-outline">
</el-button> </el-button>
</el-tooltip> </el-tooltip>
<el-tooltip v-show="data.sid" class="item" effect="dark" content="修改" placement="top-start"> <!-- <el-tooltip v-show="data.sid" class="item" effect="dark" content="修改" placement="top-start">-->
<el-button type="text" size="mini" @click.stop="() => deit(data)" icon="el-icon-edit"> <!-- <el-button type="text" size="mini" @click.stop="() => deit(data)" icon="el-icon-edit">-->
</el-button> <!-- </el-button>-->
</el-tooltip> <!-- </el-tooltip>-->
<el-tooltip v-show="data.sid" class="item" effect="dark" content="删除" placement="top-start"> <!-- <el-tooltip v-show="data.sid" class="item" effect="dark" content="删除" placement="top-start">-->
<el-button type="text" size="mini" @click.stop="() => remove(data)" icon="el-icon-delete"> <!-- <el-button type="text" size="mini" @click.stop="() => remove(data)" icon="el-icon-delete">-->
</el-button> <!-- </el-button>-->
</el-tooltip> <!-- </el-tooltip>-->
</span> </span>
</span> </span>
</el-tree> </el-tree>
</div> </div>
<el-dialog title="编辑节点" :visible.sync="dialogVisible" width="50%" class="edit"> <el-dialog title="编辑节点" :visible.sync="dialogVisible" width="50%" class="edit">
<el-form :model="nodeForm" label-width="160px"> <table class="e-table" cellspacing="0">
<el-form-item label="部门名称" prop="name"> <tr>
<td>部门名称</td>
<td>
<el-input v-model="form.name" style="width:300px"></el-input> <el-input v-model="form.name" style="width:300px"></el-input>
</el-form-item> </td>
<el-form-item label="部门编码" prop="orgCode"> <td>部门编码</td>
<td>
<el-input v-model="form.orgCode" style="width:300px"></el-input> <el-input v-model="form.orgCode" style="width:300px"></el-input>
</el-form-item> </td>
<!-- <el-form-item label="部门地理位置" prop="jwd"> </tr>
<el-input v-model="form.jwd" style="width:300px" readonly> <tr>
&lt;!&ndash; <el-button slot="append" icon="el-icon-map-location" @click='mapDialog = true'></el-button>&ndash;&gt; <td>部门地址</td>
</el-input> <td>
</el-form-item>-->
<el-form-item label="部门地址" prop="addrs">
<el-input v-model="form.addrs" style="width:300px"></el-input> <el-input v-model="form.addrs" style="width:300px"></el-input>
</el-form-item> </td>
<el-form-item label="主管人员" prop="zgStaffSid"> <td>主管人员</td>
<td>
<el-select v-model="form.zgStaffSid" style="width:300px"> <el-select v-model="form.zgStaffSid" style="width:300px">
<el-option <el-option v-for="(item, i) in staffdata" :key="i" :label="item.staffName" :value="item.staffSid">
v-for="(item, i) in staffdata"
:key="i"
:label="item.staffName"
:value="item.staffSid">
</el-option> </el-option>
</el-select> </el-select>
<!--<el-input v-model="form.zgStaffSid"></el-input>--> </td>
</el-form-item> </tr>
<el-form-item label="分管人员" prop="fgStaffSid"> <tr>
<td>分管人员</td>
<td>
<el-select v-model="form.fgStaffSid" style="width:300px"> <el-select v-model="form.fgStaffSid" style="width:300px">
<el-option <el-option v-for="(item, i) in staffdata2" :key="i" :label="item.staffName" :value="item.staffSid">
v-for="(item, i) in staffdata2"
:key="i"
:label="item.staffName"
:value="item.staffSid">
</el-option> </el-option>
</el-select> </el-select>
<!--<el-input v-model="form.fgStaffSid"></el-input>--> </td>
</el-form-item> <td>部门联系人</td>
<el-form-item label="部门联系人" prop=" linkPerson"> <td>
<el-input v-model="form.linkPerson" style="width:300px"></el-input> <el-input v-model="form.linkPerson" style="width:300px"></el-input>
</el-form-item> </td>
<el-form-item label="联系电话" prop="linkPhone"> </tr>
<tr>
<td>联系电话</td>
<td>
<el-input v-model="form.linkPhone" style="width:300px"></el-input> <el-input v-model="form.linkPhone" style="width:300px"></el-input>
</el-form-item> </td>
<el-form-item label="排序号" prop="sort"> <td>排序号</td>
<td>
<el-input v-model="form.sort" style="width:300px"></el-input> <el-input v-model="form.sort" style="width:300px"></el-input>
</el-form-item> </td>
<el-form-item label="是否是部门" prop="isOwedMoney"> </tr>
<tr>
<td>是否是部门</td>
<td>
<el-radio v-model="form.isDept" :label="1"></el-radio> <el-radio v-model="form.isDept" :label="1"></el-radio>
<el-radio v-model="form.isDept" :label="0"></el-radio> <el-radio v-model="form.isDept" :label="0"></el-radio>
</el-form-item> </td>
<!--<el-form-item label="部门名称" label-width="120px"> <td>
<el-input v-model="nodeForm.name" autocomplete="off"></el-input> <!-- 部门地理位置-->
</el-form-item> </td>
<el-form-item label="排序号" label-width="120px"> <td>
<el-input v-model="nodeForm.sortNo" autocomplete="off"></el-input> <!-- <el-input v-model="form.jwd" style="width:300px" readonly>-->
</el-form-item>--> <!-- &lt;!&ndash; <el-button slot="append" icon="el-icon-map-location" @click='mapDialog = true'></el-button>&ndash;&gt;-->
</el-form> <!-- </el-input>-->
</td>
</tr>
</table>
<div slot="footer" class="text-center"> <div slot="footer" class="text-center">
<el-button type="primary" @click="nodeSave()"> </el-button> <el-button type="primary" @click="nodeSave()"> </el-button>
<el-button @click="dialogVisible = false"> </el-button> <el-button @click="dialogVisible = false"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<div class="org-table" v-show="isshow == 'table'"> <div class="org-table" v-show="isshow == 'table'">
<div class="tab-header"> <div class="tab-header">
<el-form ref="form" :inline="true" :model="form" label-width="80px"> <el-form ref="form" :inline="true" :model="form" label-width="80px">
@ -113,10 +108,7 @@
</div> </div>
<!-- table --> <!-- table -->
<el-table <el-table :data="tableData" default-expand-all border style="width: 100%;">
:data="tableData"
default-expand-all
border style="width: 100%;">
<!--<el-table-column label="序号" type="index" width="40px" align="center"></el-table-column>--> <!--<el-table-column label="序号" type="index" width="40px" align="center"></el-table-column>-->
<el-table-column label="操作" align="center" width="160px"> <el-table-column label="操作" align="center" width="160px">
<template slot-scope="scope"> <template slot-scope="scope">
@ -171,9 +163,9 @@
<div class="ewm" style="display: flex;justify-content: center; align-items: center;" ref="print"> <div class="ewm" style="display: flex;justify-content: center; align-items: center;" ref="print">
<img style="width: 200px; height: 200px;" :src="ewmForm.qrFilePath" alt=""> <img style="width: 200px; height: 200px;" :src="ewmForm.qrFilePath" alt="">
<ul style="list-style:none; line-height: 32px; font-size: 16px;"> <ul style="list-style:none; line-height: 32px; font-size: 16px;">
<li><label for="">单位名称: </label><span>{{ewmForm.organizationName}}</span></li> <li><label for="">单位名称: </label><span>{{ ewmForm.organizationName }}</span></li>
<li><label for="">部门名称: </label><span>{{ewmForm.departmentName}}</span></li> <li><label for="">部门名称: </label><span>{{ ewmForm.departmentName }}</span></li>
<li><label for="">部门地址: </label><span>{{ewmForm.address}}</span></li> <li><label for="">部门地址: </label><span>{{ ewmForm.address }}</span></li>
</ul> </ul>
</div> </div>
</div> </div>
@ -196,57 +188,63 @@
</div> </div>
<!-- center --> <!-- center -->
<div class="ediut"> <div class="ediut">
<el-form ref="form" :rules="rules" :model="form" label-width="120px"> <table class="e-table" cellspacing="0">
<el-form-item label="部门名称" prop="name"> <tr>
<td>部门名称</td>
<td>
<el-input v-model="form.name" style="width:300px"></el-input> <el-input v-model="form.name" style="width:300px"></el-input>
</el-form-item> </td>
<el-form-item label="部门编码" prop="orgCode"> <td>部门编码</td>
<td>
<el-input v-model="form.orgCode" style="width:300px"></el-input> <el-input v-model="form.orgCode" style="width:300px"></el-input>
</el-form-item> </td>
<!-- <el-form-item label="部门地理位置" prop="jwd"> </tr>
<el-input v-model="form.jwd" style="width:300px" readonly> <tr>
&lt;!&ndash; <el-button slot="append" icon="el-icon-map-location" @click='mapDialog = true'></el-button>&ndash;&gt; <td>部门地址</td>
</el-input> <td>
</el-form-item>-->
<el-form-item label="部门地址" prop="addrs">
<el-input v-model="form.addrs" style="width:300px"></el-input> <el-input v-model="form.addrs" style="width:300px"></el-input>
</el-form-item> </td>
<el-form-item label="主管人员" prop="zgStaffSid"> <td>主管人员</td>
<td>
<el-select v-model="form.zgStaffSid" style="width:300px"> <el-select v-model="form.zgStaffSid" style="width:300px">
<el-option <el-option v-for="(item, i) in staffdata" :key="i" :label="item.staffName" :value="item.staffSid">
v-for="(item, i) in staffdata"
:key="i"
:label="item.staffName"
:value="item.staffSid">
</el-option> </el-option>
</el-select> </el-select>
<!--<el-input v-model="form.zgStaffSid"></el-input>--> </td>
</el-form-item> </tr>
<el-form-item label="分管人员" prop="fgStaffSid"> <tr>
<td>分管人员</td>
<td>
<el-select v-model="form.fgStaffSid" style="width:300px"> <el-select v-model="form.fgStaffSid" style="width:300px">
<el-option <el-option v-for="(item, i) in staffdata2" :key="i" :label="item.staffName" :value="item.staffSid">
v-for="(item, i) in staffdata2"
:key="i"
:label="item.staffName"
:value="item.staffSid">
</el-option> </el-option>
</el-select> </el-select>
<!--<el-input v-model="form.fgStaffSid"></el-input>--> </td>
</el-form-item> <td>部门联系人</td>
<el-form-item label="部门联系人" prop=" linkPerson"> <td>
<el-input v-model="form.linkPerson" style="width:300px"></el-input> <el-input v-model="form.linkPerson" style="width:300px"></el-input>
</el-form-item> </td>
<el-form-item label="联系电话" prop="linkPhone"> </tr>
<tr>
<td>联系电话</td>
<td>
<el-input v-model="form.linkPhone" style="width:300px"></el-input> <el-input v-model="form.linkPhone" style="width:300px"></el-input>
</el-form-item> </td>
<el-form-item label="排序号" prop="sort"> <td>排序号</td>
<td>
<el-input v-model="form.sort" style="width:300px"></el-input> <el-input v-model="form.sort" style="width:300px"></el-input>
</el-form-item> </td>
<el-form-item label="是否是部门" prop="isOwedMoney"> </tr>
<tr>
<td>是否是部门</td>
<td>
<el-radio v-model="form.isDept" :label="1"></el-radio> <el-radio v-model="form.isDept" :label="1"></el-radio>
<el-radio v-model="form.isDept" :label="0"></el-radio> <el-radio v-model="form.isDept" :label="0"></el-radio>
</el-form-item> </td>
</el-form> <td></td>
<td></td>
</tr>
</table>
</div> </div>
</div> </div>
<!-- <Position v-if="mapDialog" :address.sync="form.addrs" :maker-position.sync="form.jwd" <!-- <Position v-if="mapDialog" :address.sync="form.addrs" :maker-position.sync="form.jwd"
@ -255,29 +253,28 @@
</template> </template>
<script> <script>
import { import {
pageList, pageList,
orgList, orgList,
addOrgTree, addOrgTree,
getPagelist,
putOrgtree, putOrgtree,
postOrgtree, postOrgtree,
delOrgtree, delOrgtree,
getQrCode, getQrCode,
getStaff getStaff
} from '@/api/system/departments/departments.js' } from '@/api/system/departments/departments.js'
import Position from '@/components/amap/amap.vue' import Position from '@/components/amap/amap.vue'
export default { export default {
components: {Position}, components: { Position },
data() { data() {
return { return {
dialogVisible: false, dialogVisible: false,
mapDialog: false, mapDialog: false,
dialogTitle: '', dialogTitle: '',
props: { props: {
label: "name", label: 'name',
children: "children", children: 'children'
}, },
nodeForm: { nodeForm: {
sid: '', sid: '',
@ -293,7 +290,7 @@
form: { form: {
sid: '', sid: '',
name: '', name: '',
orgCode:'', orgCode: '',
/* jwd: '',*/ /* jwd: '',*/
addrs: '', addrs: '',
zgStaffSid: '', zgStaffSid: '',
@ -301,7 +298,7 @@
linkPerson: '', linkPerson: '',
linkPhone: '', linkPhone: '',
sort: '', sort: '',
isDept:'', isDept: ''
}, },
formBackup: Object.assign({}, this.form), formBackup: Object.assign({}, this.form),
@ -321,27 +318,17 @@
staffdata: [], staffdata: [],
staffdata2: [], staffdata2: [],
rules: { rules: {
name: [ name: [{ required: true, message: '请输入', trigger: 'blur' }],
{required: true, message: '请输入', trigger: 'blur'} orgCode: [{ required: true, message: '请输入', trigger: 'blur' }],
],
orgCode: [
{required: true, message: '请输入', trigger: 'blur'}
],
/* jwd: [ /* jwd: [
{required: true, message: '请输入', trigger: 'blur'} {required: true, message: '请输入', trigger: 'blur'}
],*/ ],*/
addrs: [ addrs: [{ required: true, message: '请输入', trigger: 'blur' }],
{required: true, message: '请输入', trigger: 'blur'} zgStaffSid: [{ required: true, message: '请输入', trigger: 'blur' }],
], fgStaffSid: [{ required: true, message: '请输入', trigger: 'blur' }],
zgStaffSid: [ linkPerson: [{ required: true, message: '请输入', trigger: 'blur' }],
{required: true, message: '请输入', trigger: 'blur'} linkPhone: [{ required: true, message: '请输入', trigger: 'blur' }],
], sort: [{ required: true, message: '请输入', trigger: 'blur' }]
fgStaffSid: [{required: true, message: '请输入', trigger: 'blur'}],
linkPerson: [{required: true, message: '请输入', trigger: 'blur'}],
linkPhone: [{required: true, message: '请输入', trigger: 'blur'}],
sort: [
{required: true, message: '请输入', trigger: 'blur'},
]
} }
} }
}, },
@ -384,7 +371,7 @@
putOrgtree(this.form).then(res => { putOrgtree(this.form).then(res => {
this.isshow = 'table' this.isshow = 'table'
this.getOrgTree() this.getOrgTree()
this.handleNodeClick({sid: this.form.psid}) this.handleNodeClick({ sid: this.form.psid })
this.$message({ this.$message({
message: res.msg, message: res.msg,
type: 'success' type: 'success'
@ -394,7 +381,7 @@
addOrgTree(this.form).then(res => { addOrgTree(this.form).then(res => {
this.isshow = 'table' this.isshow = 'table'
this.getOrgTree() this.getOrgTree()
this.handleNodeClick({sid: this.form.psid}) this.handleNodeClick({ sid: this.form.psid })
this.$message({ this.$message({
message: res.msg, message: res.msg,
type: 'success' type: 'success'
@ -403,6 +390,7 @@
} }
}, },
append(data) { append(data) {
console.log(123456789)
this.dialogTitle = '新增' this.dialogTitle = '新增'
this.isshow = 'edit' this.isshow = 'edit'
this.form = Object.assign({}, this.formBackup) this.form = Object.assign({}, this.formBackup)
@ -420,7 +408,7 @@
// console.log(row) // console.log(row)
this.form.sid = row.sid this.form.sid = row.sid
this.form.name = row.name this.form.name = row.name
this.form.orgCode=row.orgCode this.form.orgCode = row.orgCode
/* this.form.jwd = row.jwd*/ /* this.form.jwd = row.jwd*/
this.form.addrs = row.addrs this.form.addrs = row.addrs
this.form.linkPerson = row.linkPerson this.form.linkPerson = row.linkPerson
@ -432,12 +420,13 @@
this.getStaff2() this.getStaff2()
}, },
deit(data) { // deit(data) { //
console.log(data, 8888)
this.dialogVisible = true this.dialogVisible = true
// this.form = Object.assign({}, data) // this.form = Object.assign({}, data)
this.form.sid = data.sid this.form.sid = data.sid
this.form.psid = null this.form.psid = null
this.form.name = data.name this.form.name = data.name
this.form.orgCode=row.orgCode this.form.orgCode = data.orgCode
/* this.form.jwd = data.jwd*/ /* this.form.jwd = data.jwd*/
this.form.addrs = data.addrs this.form.addrs = data.addrs
this.form.linkPerson = data.linkPerson this.form.linkPerson = data.linkPerson
@ -465,9 +454,9 @@
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
delOrgtree({sid: data.sid}).then(res => { delOrgtree({ sid: data.sid }).then(res => {
this.getOrgTree() this.getOrgTree()
this.handleNodeClick({sid: data.psid}) this.handleNodeClick({ sid: data.psid })
this.$message({ this.$message({
message: res.msg, message: res.msg,
type: 'success' type: 'success'
@ -477,7 +466,7 @@
}, },
lookRow(row) { // lookRow(row) { //
this.isshow = 'ewm' this.isshow = 'ewm'
getQrCode({sid: row.sid}).then(res => { getQrCode({ sid: row.sid }).then(res => {
this.ewmForm = res.data this.ewmForm = res.data
}) })
}, },
@ -513,28 +502,28 @@
this.staffdata2 = res.data this.staffdata2 = res.data
}) })
} }
},
} }
}
</script> </script>
<style> <style>
.el-icon-arrow-right:before { .el-icon-arrow-right:before {
content: '\e6e0'; content: '\e6e0';
color: #727272; color: #727272;
} }
</style> </style>
<style scoped="scoped" lang="scss"> <style scoped="scoped" lang="scss">
.org-tree { .org-tree {
width: 240px; width: 240px;
min-height: 100%; min-height: 100%;
box-sizing: border-box; box-sizing: border-box;
/*padding-right: 10px;*/ /*padding-right: 10px;*/
border: 1px solid #edf1f7; border: 1px solid #edf1f7;
overflow: scroll; overflow: scroll;
} }
.org-table { .org-table {
flex: 1; flex: 1;
// padding-left: 10px; // padding-left: 10px;
margin: 0 10px; margin: 0 10px;
@ -551,9 +540,9 @@
margin: 30px auto 0; margin: 30px auto 0;
/*width:750px;*/ /*width:750px;*/
} }
} }
.custom-tree-node { .custom-tree-node {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
@ -563,9 +552,9 @@
justify-content: space-between; justify-content: space-between;
font-size: 14px; font-size: 14px;
padding-right: 8px; padding-right: 8px;
} }
.handle { .handle {
position: absolute; position: absolute;
right: 0; right: 0;
@ -573,13 +562,13 @@
font-size: 15px; font-size: 15px;
background-color: #FFFFFF; background-color: #FFFFFF;
} }
} }
.my-tabs { .my-tabs {
margin-top: 10px; margin-top: 10px;
} }
.edit { .edit {
.el-form-item__label { .el-form-item__label {
width: 100px !important; width: 100px !important;
display: inline-block !important; display: inline-block !important;
@ -588,5 +577,5 @@
.el-input { .el-input {
width: 70%; width: 70%;
} }
} }
</style> </style>

Loading…
Cancel
Save