yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

master
yunuo970428 3 years ago
parent
78824c64d4
commit
164fb9b1ac
2 changed files with 456 additions and 464 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 73
      anrui-system-ui/src/api/system/departments/departments.js
  2. 847
      anrui-system-ui/src/views/organizationManage/organizationManage.vue

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

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

847
anrui-system-ui/src/views/organizationManage/organizationManage.vue
View File

@ -1,100 +1,95 @@
<template xmlns="" xmlns="" xmlns="">
<div class="container" style="display: flex;">
<div class="org-tree">
<el-tree :data="treedata"
node-key="sid"
: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>
<el-tree :data="treedata" node-key="sid" :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 v-show="data.del" class="handle">
<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>
</el-tooltip>
<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>
</el-tooltip>
<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>
</el-tooltip>
<!-- <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>-->
<!-- </el-tooltip>-->
<!-- <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>-->
<!-- </el-tooltip>-->
</span>
</span>
</el-tree>
</div>
<el-dialog title="编辑节点" :visible.sync="dialogVisible" width="50%" class="edit">
<el-form :model="nodeForm" label-width="160px">
<el-form-item label="部门名称" prop="name">
<el-input v-model="form.name" style="width:300px"></el-input>
</el-form-item>
<el-form-item label="部门编码" prop="orgCode">
<el-input v-model="form.orgCode" style="width:300px"></el-input>
</el-form-item>
<!-- <el-form-item label="部门地理位置" prop="jwd">
<el-input v-model="form.jwd" style="width:300px" readonly>
&lt;!&ndash; <el-button slot="append" icon="el-icon-map-location" @click='mapDialog = true'></el-button>&ndash;&gt;
</el-input>
</el-form-item>-->
<el-form-item label="部门地址" prop="addrs">
<el-input v-model="form.addrs" style="width:300px"></el-input>
</el-form-item>
<el-form-item label="主管人员" prop="zgStaffSid">
<el-select v-model="form.zgStaffSid" style="width:300px">
<el-option
v-for="(item, i) in staffdata"
:key="i"
:label="item.staffName"
:value="item.staffSid">
</el-option>
</el-select>
<!--<el-input v-model="form.zgStaffSid"></el-input>-->
</el-form-item>
<el-form-item label="分管人员" prop="fgStaffSid">
<el-select v-model="form.fgStaffSid" style="width:300px">
<el-option
v-for="(item, i) in staffdata2"
:key="i"
:label="item.staffName"
:value="item.staffSid">
</el-option>
</el-select>
<!--<el-input v-model="form.fgStaffSid"></el-input>-->
</el-form-item>
<el-form-item label="部门联系人" prop=" linkPerson">
<el-input v-model="form.linkPerson" style="width:300px"></el-input>
</el-form-item>
<el-form-item label="联系电话" prop="linkPhone">
<el-input v-model="form.linkPhone" style="width:300px"></el-input>
</el-form-item>
<el-form-item label="排序号" prop="sort">
<el-input v-model="form.sort" style="width:300px"></el-input>
</el-form-item>
<el-form-item label="是否是部门" prop="isOwedMoney">
<el-radio v-model="form.isDept" :label="1">是</el-radio>
<el-radio v-model="form.isDept" :label="0">否</el-radio>
</el-form-item>
<!--<el-form-item label="部门名称" label-width="120px">
<el-input v-model="nodeForm.name" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="排序号" label-width="120px">
<el-input v-model="nodeForm.sortNo" autocomplete="off"></el-input>
</el-form-item>-->
</el-form>
<table class="e-table" cellspacing="0">
<tr>
<td>部门名称</td>
<td>
<el-input v-model="form.name" style="width:300px"></el-input>
</td>
<td>部门编码</td>
<td>
<el-input v-model="form.orgCode" style="width:300px"></el-input>
</td>
</tr>
<tr>
<td>部门地址</td>
<td>
<el-input v-model="form.addrs" style="width:300px"></el-input>
</td>
<td>主管人员</td>
<td>
<el-select v-model="form.zgStaffSid" style="width:300px">
<el-option v-for="(item, i) in staffdata" :key="i" :label="item.staffName" :value="item.staffSid">
</el-option>
</el-select>
</td>
</tr>
<tr>
<td>分管人员</td>
<td>
<el-select v-model="form.fgStaffSid" style="width:300px">
<el-option v-for="(item, i) in staffdata2" :key="i" :label="item.staffName" :value="item.staffSid">
</el-option>
</el-select>
</td>
<td>部门联系人</td>
<td>
<el-input v-model="form.linkPerson" style="width:300px"></el-input>
</td>
</tr>
<tr>
<td>联系电话</td>
<td>
<el-input v-model="form.linkPhone" style="width:300px"></el-input>
</td>
<td>排序号</td>
<td>
<el-input v-model="form.sort" style="width:300px"></el-input>
</td>
</tr>
<tr>
<td>是否是部门</td>
<td>
<el-radio v-model="form.isDept" :label="1">是</el-radio>
<el-radio v-model="form.isDept" :label="0">否</el-radio>
</td>
<td>
<!-- 部门地理位置-->
</td>
<td>
<!-- <el-input v-model="form.jwd" style="width:300px" readonly>-->
<!-- &lt;!&ndash; <el-button slot="append" icon="el-icon-map-location" @click='mapDialog = true'></el-button>&ndash;&gt;-->
<!-- </el-input>-->
</td>
</tr>
</table>
<div slot="footer" class="text-center">
<el-button type="primary" @click="nodeSave()">保 存</el-button>
<el-button @click="dialogVisible = false">返 回</el-button>
</div>
</el-dialog>
<div class="org-table" v-show="isshow == 'table'">
<div class="tab-header">
<el-form ref="form" :inline="true" :model="form" label-width="80px">
@ -113,10 +108,7 @@
</div>
<!-- table -->
<el-table
:data="tableData"
default-expand-all
border style="width: 100%;">
<el-table :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="操作" align="center" width="160px">
<template slot-scope="scope">
@ -171,9 +163,9 @@
<div class="ewm" style="display: flex;justify-content: center; align-items: center;" ref="print">
<img style="width: 200px; height: 200px;" :src="ewmForm.qrFilePath" alt="">
<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.departmentName}}</span></li>
<li><label for="">部门地址: </label><span>{{ewmForm.address}}</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.address }}</span></li>
</ul>
</div>
</div>
@ -196,397 +188,394 @@
</div>
<!-- center -->
<div class="ediut">
<el-form ref="form" :rules="rules" :model="form" label-width="120px">
<el-form-item label="部门名称" prop="name">
<el-input v-model="form.name" style="width:300px"></el-input>
</el-form-item>
<el-form-item label="部门编码" prop="orgCode">
<el-input v-model="form.orgCode" style="width:300px"></el-input>
</el-form-item>
<!-- <el-form-item label="部门地理位置" prop="jwd">
<el-input v-model="form.jwd" style="width:300px" readonly>
&lt;!&ndash; <el-button slot="append" icon="el-icon-map-location" @click='mapDialog = true'></el-button>&ndash;&gt;
</el-input>
</el-form-item>-->
<el-form-item label="部门地址" prop="addrs">
<el-input v-model="form.addrs" style="width:300px"></el-input>
</el-form-item>
<el-form-item label="主管人员" prop="zgStaffSid">
<el-select v-model="form.zgStaffSid" style="width:300px">
<el-option
v-for="(item, i) in staffdata"
:key="i"
:label="item.staffName"
:value="item.staffSid">
</el-option>
</el-select>
<!--<el-input v-model="form.zgStaffSid"></el-input>-->
</el-form-item>
<el-form-item label="分管人员" prop="fgStaffSid">
<el-select v-model="form.fgStaffSid" style="width:300px">
<el-option
v-for="(item, i) in staffdata2"
:key="i"
:label="item.staffName"
:value="item.staffSid">
</el-option>
</el-select>
<!--<el-input v-model="form.fgStaffSid"></el-input>-->
</el-form-item>
<el-form-item label="部门联系人" prop=" linkPerson">
<el-input v-model="form.linkPerson" style="width:300px"></el-input>
</el-form-item>
<el-form-item label="联系电话" prop="linkPhone">
<el-input v-model="form.linkPhone" style="width:300px"></el-input>
</el-form-item>
<el-form-item label="排序号" prop="sort">
<el-input v-model="form.sort" style="width:300px"></el-input>
</el-form-item>
<el-form-item label="是否是部门" prop="isOwedMoney">
<el-radio v-model="form.isDept" :label="1">是</el-radio>
<el-radio v-model="form.isDept" :label="0">否</el-radio>
</el-form-item>
</el-form>
<table class="e-table" cellspacing="0">
<tr>
<td>部门名称</td>
<td>
<el-input v-model="form.name" style="width:300px"></el-input>
</td>
<td>部门编码</td>
<td>
<el-input v-model="form.orgCode" style="width:300px"></el-input>
</td>
</tr>
<tr>
<td>部门地址</td>
<td>
<el-input v-model="form.addrs" style="width:300px"></el-input>
</td>
<td>主管人员</td>
<td>
<el-select v-model="form.zgStaffSid" style="width:300px">
<el-option v-for="(item, i) in staffdata" :key="i" :label="item.staffName" :value="item.staffSid">
</el-option>
</el-select>
</td>
</tr>
<tr>
<td>分管人员</td>
<td>
<el-select v-model="form.fgStaffSid" style="width:300px">
<el-option v-for="(item, i) in staffdata2" :key="i" :label="item.staffName" :value="item.staffSid">
</el-option>
</el-select>
</td>
<td>部门联系人</td>
<td>
<el-input v-model="form.linkPerson" style="width:300px"></el-input>
</td>
</tr>
<tr>
<td>联系电话</td>
<td>
<el-input v-model="form.linkPhone" style="width:300px"></el-input>
</td>
<td>排序号</td>
<td>
<el-input v-model="form.sort" style="width:300px"></el-input>
</td>
</tr>
<tr>
<td>是否是部门</td>
<td>
<el-radio v-model="form.isDept" :label="1">是</el-radio>
<el-radio v-model="form.isDept" :label="0">否</el-radio>
</td>
<td></td>
<td></td>
</tr>
</table>
</div>
</div>
<!-- <Position v-if="mapDialog" :address.sync="form.addrs" :maker-position.sync="form.jwd"
:dialog-visible.sync="mapDialog"/>-->
<!-- <Position v-if="mapDialog" :address.sync="form.addrs" :maker-position.sync="form.jwd"
:dialog-visible.sync="mapDialog"/>-->
</div>
</template>
<script>
import {
pageList,
orgList,
addOrgTree,
getPagelist,
putOrgtree,
postOrgtree,
delOrgtree,
getQrCode,
getStaff
} from '@/api/system/departments/departments.js'
import Position from '@/components/amap/amap.vue'
import {
pageList,
orgList,
addOrgTree,
putOrgtree,
postOrgtree,
delOrgtree,
getQrCode,
getStaff
} from '@/api/system/departments/departments.js'
import Position from '@/components/amap/amap.vue'
export default {
components: {Position},
data() {
return {
dialogVisible: false,
mapDialog: false,
dialogTitle: '',
props: {
label: "name",
children: "children",
},
nodeForm: {
sid: '',
name: '',
sortNo: ''
},
ewmForm: {
qrFilePath: '',
organizationName: '',
departmentName: '',
address: ''
},
form: {
sid: '',
name: '',
orgCode:'',
export default {
components: { Position },
data() {
return {
dialogVisible: false,
mapDialog: false,
dialogTitle: '',
props: {
label: 'name',
children: 'children'
},
nodeForm: {
sid: '',
name: '',
sortNo: ''
},
ewmForm: {
qrFilePath: '',
organizationName: '',
departmentName: '',
address: ''
},
form: {
sid: '',
name: '',
orgCode: '',
/* jwd: '',*/
addrs: '',
zgStaffSid: '',
fgStaffSid: '',
linkPerson: '',
linkPhone: '',
sort: '',
isDept:'',
},
addrs: '',
zgStaffSid: '',
fgStaffSid: '',
linkPerson: '',
linkPhone: '',
sort: '',
isDept: ''
},
formBackup: Object.assign({}, this.form),
isshow: 'table',
page: {
total: 0, // 默认数据总数
current: 1, // 默认开始页面
size: 10, // 每页的数据条数
params: {
name: '',
organizationSid: '',
psid: ''
}
},
tableData: [],
treedata: [],
staffdata: [],
staffdata2: [],
rules: {
name: [
{required: true, message: '请输入', trigger: 'blur'}
],
orgCode: [
{required: true, message: '请输入', trigger: 'blur'}
],
/* jwd: [
{required: true, message: '请输入', trigger: 'blur'}
],*/
addrs: [
{required: true, message: '请输入', trigger: 'blur'}
],
zgStaffSid: [
{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'},
]
formBackup: Object.assign({}, this.form),
isshow: 'table',
page: {
total: 0, // 默认数据总数
current: 1, // 默认开始页面
size: 10, // 每页的数据条数
params: {
name: '',
organizationSid: '',
psid: ''
}
},
tableData: [],
treedata: [],
staffdata: [],
staffdata2: [],
rules: {
name: [{ required: true, message: '请输入', trigger: 'blur' }],
orgCode: [{ required: true, message: '请输入', trigger: 'blur' }],
/* jwd: [
{required: true, message: '请输入', trigger: 'blur'}
],*/
addrs: [{ required: true, message: '请输入', trigger: 'blur' }],
zgStaffSid: [{ 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' }]
}
},
mounted() {
this.getOrgTree()
this.getStaff()
this.getStaff2()
}
},
mounted() {
this.getOrgTree()
this.getStaff()
this.getStaff2()
// this.getPageList()
},
methods: {
pagination(val) { // 分页
this.page.current = val.pageNum
this.page.size = val.pageSize
this.getPageList(this.page)
},
methods: {
pagination(val) { // 分页
this.page.current = val.pageNum
this.page.size = val.pageSize
this.getPageList(this.page)
},
handleNodeClick(data) {
this.isshow = 'table'
this.page.params.organizationSid = this.$store.getters.userInfo.orgSid
this.page.params.psid = data.sid || 0
handleNodeClick(data) {
this.isshow = 'table'
this.page.params.organizationSid = this.$store.getters.userInfo.orgSid
this.page.params.psid = data.sid || 0
this.getPageList(this.page)
},
getPageList(data) { // 获取树形列表
pageList(data).then(res => {
console.log(res)
this.tableData = res.data.records
this.page.total = res.data.total
})
},
getOrgTree() { // 获取树形列表
orgList({}).then(res => {
this.treedata = res.data
})
},
save() {
this.form.organizationSid = this.$store.getters.userInfo.orgSid
this.getPageList(this.page)
},
getPageList(data) { // 获取树形列表
pageList(data).then(res => {
console.log(res)
this.tableData = res.data.records
this.page.total = res.data.total
})
},
getOrgTree() { // 获取树形列表
orgList({}).then(res => {
this.treedata = res.data
})
},
save() {
this.form.organizationSid = this.$store.getters.userInfo.orgSid
// this.form.dlxx = typeof(this.form.dlxx) == 'string' ? this.form.dlxx : this.form.dlxx.join()
if (this.form.sid) {
if (this.form.sid) {
// console.log(this.form)
putOrgtree(this.form).then(res => {
this.isshow = 'table'
this.getOrgTree()
this.handleNodeClick({sid: this.form.psid})
this.$message({
message: res.msg,
type: 'success'
})
putOrgtree(this.form).then(res => {
this.isshow = 'table'
this.getOrgTree()
this.handleNodeClick({ sid: this.form.psid })
this.$message({
message: res.msg,
type: 'success'
})
} else {
addOrgTree(this.form).then(res => {
this.isshow = 'table'
this.getOrgTree()
this.handleNodeClick({sid: this.form.psid})
this.$message({
message: res.msg,
type: 'success'
})
})
} else {
addOrgTree(this.form).then(res => {
this.isshow = 'table'
this.getOrgTree()
this.handleNodeClick({ sid: this.form.psid })
this.$message({
message: res.msg,
type: 'success'
})
}
},
append(data) {
this.dialogTitle = '新增'
this.isshow = 'edit'
this.form = Object.assign({}, this.formBackup)
this.form.psid = data.sid || 0
this.form.organizationSid = this.$store.getters.userInfo.orgSid
this.form.address = data.orgAddress || data.address
this.form.dlxx = data.gisInfo || data.dlxx
this.getStaff()
this.getStaff2()
},
editRow(row) {
this.dialogTitle = '编辑'
this.isshow = 'edit'
})
}
},
append(data) {
console.log(123456789)
this.dialogTitle = '新增'
this.isshow = 'edit'
this.form = Object.assign({}, this.formBackup)
this.form.psid = data.sid || 0
this.form.organizationSid = this.$store.getters.userInfo.orgSid
this.form.address = data.orgAddress || data.address
this.form.dlxx = data.gisInfo || data.dlxx
this.getStaff()
this.getStaff2()
},
editRow(row) {
this.dialogTitle = '编辑'
this.isshow = 'edit'
// this.form = Object.assign({}, row)
// console.log(row)
this.form.sid = row.sid
this.form.name = row.name
this.form.orgCode=row.orgCode
/* this.form.jwd = row.jwd*/
this.form.addrs = row.addrs
this.form.linkPerson = row.linkPerson
this.form.linkPhone = row.linkPhone
this.form.sort = row.sort
this.form.zgStaffSid = row.zgSids
this.form.fgStaffSid = row.fgSids
this.getStaff(row.sid)
this.getStaff2()
},
deit(data) { // 节点编辑保存
this.dialogVisible = true
this.form.sid = row.sid
this.form.name = row.name
this.form.orgCode = row.orgCode
/* this.form.jwd = row.jwd*/
this.form.addrs = row.addrs
this.form.linkPerson = row.linkPerson
this.form.linkPhone = row.linkPhone
this.form.sort = row.sort
this.form.zgStaffSid = row.zgSids
this.form.fgStaffSid = row.fgSids
this.getStaff(row.sid)
this.getStaff2()
},
deit(data) { // 节点编辑保存
console.log(data, 8888)
this.dialogVisible = true
// this.form = Object.assign({}, data)
this.form.sid = data.sid
this.form.psid = null
this.form.name = data.name
this.form.orgCode=row.orgCode
/* this.form.jwd = data.jwd*/
this.form.addrs = data.addrs
this.form.linkPerson = data.linkPerson
this.form.linkPhone = data.linkPhone
this.form.sort = data.sort
this.form.zgStaffSid = data.zgSids
this.form.fgStaffSid = data.fgSids
this.form.sid = data.sid
this.form.psid = null
this.form.name = data.name
this.form.orgCode = data.orgCode
/* this.form.jwd = data.jwd*/
this.form.addrs = data.addrs
this.form.linkPerson = data.linkPerson
this.form.linkPhone = data.linkPhone
this.form.sort = data.sort
this.form.zgStaffSid = data.zgSids
this.form.fgStaffSid = data.fgSids
this.getStaff(data.sid)
this.getStaff2()
},
nodeSave() { // 节点编辑保存
postOrgtree(this.form).then(res => {
this.getStaff(data.sid)
this.getStaff2()
},
nodeSave() { // 节点编辑保存
postOrgtree(this.form).then(res => {
this.getOrgTree()
this.dialogVisible = false
this.$message({
message: res.msg,
type: 'success'
})
})
},
remove(data) {
this.$confirm('确定要删除该部门吗, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
delOrgtree({ sid: data.sid }).then(res => {
this.getOrgTree()
this.dialogVisible = false
this.handleNodeClick({ sid: data.psid })
this.$message({
message: res.msg,
type: 'success'
})
})
},
remove(data) {
this.$confirm('确定要删除该部门吗, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
delOrgtree({sid: data.sid}).then(res => {
this.getOrgTree()
this.handleNodeClick({sid: data.psid})
this.$message({
message: res.msg,
type: 'success'
})
})
})
},
lookRow(row) { // 查看二维码
this.isshow = 'ewm'
getQrCode({sid: row.sid}).then(res => {
this.ewmForm = res.data
})
},
Printewm() {
this.$print(this.$refs.print) // 使用
},
mouseenter(data) {
this.$set(data, 'del', true)
},
mouseleave(data) {
this.$set(data, 'del', false)
},
onSearch() {
this.getPageList(this.page)
},
resetSearch() {
this.page.params.name = ''
this.getPageList(this.page)
},
getStaff(orgSid) {
let params = {
orgSid: orgSid
}
getStaff(params).then(res => {
console.log('这里是主管人员请求参数', params)
this.staffdata = res.data
console.log('这里是主管人员下拉框', res.data)
})
},
getStaff2() {
let params = {}
getStaff(params).then(res => {
this.staffdata2 = res.data
})
})
},
lookRow(row) { // 查看二维码
this.isshow = 'ewm'
getQrCode({ sid: row.sid }).then(res => {
this.ewmForm = res.data
})
},
Printewm() {
this.$print(this.$refs.print) // 使用
},
mouseenter(data) {
this.$set(data, 'del', true)
},
mouseleave(data) {
this.$set(data, 'del', false)
},
onSearch() {
this.getPageList(this.page)
},
resetSearch() {
this.page.params.name = ''
this.getPageList(this.page)
},
getStaff(orgSid) {
let params = {
orgSid: orgSid
}
getStaff(params).then(res => {
console.log('这里是主管人员请求参数', params)
this.staffdata = res.data
console.log('这里是主管人员下拉框', res.data)
})
},
getStaff2() {
let params = {}
getStaff(params).then(res => {
this.staffdata2 = res.data
})
}
}
}
</script>
<style>
.el-icon-arrow-right:before {
content: '\e6e0';
color: #727272;
}
.el-icon-arrow-right:before {
content: '\e6e0';
color: #727272;
}
</style>
<style scoped="scoped" lang="scss">
.org-tree {
width: 240px;
min-height: 100%;
box-sizing: border-box;
/*padding-right: 10px;*/
border: 1px solid #edf1f7;
overflow: scroll;
}
.org-table {
flex: 1;
// padding-left: 10px;
margin: 0 10px;
border: 1px solid #edf1f7;
min-height: 100%;
overflow-y: scroll;
.org-tree {
width: 240px;
min-height: 100%;
box-sizing: border-box;
/*padding-right: 10px;*/
border: 1px solid #edf1f7;
overflow: scroll;
}
.ewm {
margin: 30px auto 0;
width: 560px;
}
.org-table {
flex: 1;
// padding-left: 10px;
margin: 0 10px;
border: 1px solid #edf1f7;
min-height: 100%;
overflow-y: scroll;
.ediut {
margin: 30px auto 0;
/*width:750px;*/
}
.ewm {
margin: 30px auto 0;
width: 560px;
}
.custom-tree-node {
position: relative;
overflow: hidden;
width: 100%;
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
padding-right: 8px;
.ediut {
margin: 30px auto 0;
/*width:750px;*/
}
}
.handle {
position: absolute;
right: 0;
.custom-tree-node {
position: relative;
overflow: hidden;
width: 100%;
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
padding-right: 8px;
}
.el-button--text {
font-size: 15px;
background-color: #FFFFFF;
}
}
.handle {
position: absolute;
right: 0;
.my-tabs {
margin-top: 10px;
.el-button--text {
font-size: 15px;
background-color: #FFFFFF;
}
}
.edit {
.el-form-item__label {
width: 100px !important;
display: inline-block !important;
}
.my-tabs {
margin-top: 10px;
}
.el-input {
width: 70%;
}
.edit {
.el-form-item__label {
width: 100px !important;
display: inline-block !important;
}
.el-input {
width: 70%;
}
}
</style>

Write Preview
Loading…
Cancel
Save