747 lines
25 KiB
Vue
747 lines
25 KiB
Vue
<template xmlns:background-color="http://www.w3.org/1999/xhtml">
|
||
<div>
|
||
<page-header-title :img-for-icon="IconImg"></page-header-title>
|
||
<a-row :gutter="10">
|
||
<a-col :md="10" :sm="24">
|
||
<a-card :bordered="false" style="padding: 12px 0;">
|
||
<!-- 按钮操作区域 -->
|
||
<a-row style="margin-left: 14px" class="table-operator">
|
||
<a-button @click="handleAdd(1)" type="primary" v-has="'sys:depart:add'">新增</a-button>
|
||
<a-button @click="handleAdd(2)" type="primary" v-has="'sys:depart:addLowerLevel'">添加下级</a-button>
|
||
<a-button type="primary" icon="download" @click="handleExportXls('部门信息')" v-has="'sys:depart:export'">导出
|
||
</a-button>
|
||
<!-- <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader"-->
|
||
<!-- :action="importExcelUrl" @change="handleImportExcel" v-has="'sys:depart:import'">-->
|
||
<!-- <a-button type="primary" icon="import">导入</a-button>-->
|
||
<!-- </a-upload>-->
|
||
<a-button @click="batchDel" type="danger" icon="delete" v-has="'sys:depart:batchDel'">批量删除</a-button>
|
||
<!--<a-button @click="refresh" type="default" icon="reload" :loading="loading">刷新</a-button>-->
|
||
</a-row>
|
||
<div style="background: #fff;padding-left:16px;height: 100%; margin-top: 5px">
|
||
<a-alert type="info" :showIcon="true">
|
||
<div slot="message">
|
||
当前选择：<span v-if="this.currSelected.title">{{ getCurrSelectedTitle() }}</span>
|
||
<a v-if="this.currSelected.title" style="margin-left: 10px" @click="onClearSelected">取消选择</a>
|
||
</div>
|
||
</a-alert>
|
||
<a-input-search @search="onSearch" allowClear style="width:100%;margin-top: 10px" placeholder="请输入部门名称"
|
||
:maxLength="50"/>
|
||
<!-- 树-->
|
||
<a-col :md="10" :sm="24">
|
||
<template>
|
||
<a-dropdown :trigger="[this.dropTrigger]" @visibleChange="dropStatus">
|
||
<span style="user-select: none">
|
||
<a-tree
|
||
checkable
|
||
multiple
|
||
@select="onSelect"
|
||
@check="onCheck"
|
||
@rightClick="rightHandle"
|
||
:selectedKeys="selectedKeys"
|
||
:checkedKeys="checkedKeys"
|
||
:treeData="departTree"
|
||
:checkStrictly="checkStrictly"
|
||
:expandedKeys="iExpandedKeys"
|
||
:autoExpandParent="autoExpandParent"
|
||
@expand="onExpand"/>
|
||
</span>
|
||
<!--新增右键点击事件,和增加添加和删除功能-->
|
||
<a-menu slot="overlay">
|
||
<a-menu-item @click="handleAdd(3)" key="1" v-has="'sys:depart:add'">添加</a-menu-item>
|
||
<a-menu-item @click="handleDelete" key="2" v-has="'sys:depart:del'">删除</a-menu-item>
|
||
<!-- <a-menu-item @click="closeDrop" key="3">取消</a-menu-item>-->
|
||
</a-menu>
|
||
</a-dropdown>
|
||
</template>
|
||
</a-col>
|
||
</div>
|
||
</a-card>
|
||
<!---- author:os_chengtgen -- date:20190827 -- for:切换父子勾选模式 =======------>
|
||
<div class="drawer-bootom-button">
|
||
<a-dropdown :trigger="['click']" placement="topCenter">
|
||
<a-menu slot="overlay">
|
||
<!--<a-menu-item key="1" @click="switchCheckStrictly(1)">父子关联</a-menu-item>-->
|
||
<!--<a-menu-item key="2" @click="switchCheckStrictly(2)">取消关联</a-menu-item>-->
|
||
<a-menu-item key="3" @click="checkALL">全部勾选</a-menu-item>
|
||
<a-menu-item key="4" @click="cancelCheckALL">取消全选</a-menu-item>
|
||
<a-menu-item key="5" @click="expandAll">展开所有</a-menu-item>
|
||
<a-menu-item key="6" @click="closeAll">合并所有</a-menu-item>
|
||
</a-menu>
|
||
<a-button>
|
||
树操作
|
||
<a-icon type="up"/>
|
||
</a-button>
|
||
</a-dropdown>
|
||
</div>
|
||
<!---- author:os_chengtgen -- date:20190827 -- for:切换父子勾选模式 =======------>
|
||
</a-col>
|
||
<a-col :md="14" :sm="24" style="background: #fff;padding: 0 24px 24px 24px;">
|
||
<a-tabs defaultActiveKey="1" @change="callback">
|
||
<a-tab-pane tab="基本信息" key="1">
|
||
<a-card :bordered="false" v-if="selectedKeys.length>0">
|
||
<a-form :form="form">
|
||
<a-form-item
|
||
:labelCol="labelCol"
|
||
:wrapperCol="wrapperCol"
|
||
label="机构名称">
|
||
<a-input placeholder="请输入机构/部门名称" @change="event => event.target.value = event.target.value.trim()"
|
||
:maxLength="50" v-decorator="['departName', validatorRules.departName ]"/>
|
||
</a-form-item>
|
||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="上级部门">
|
||
<a-tree-select
|
||
style="width:100%"
|
||
:dropdownStyle="{maxHeight:'200px',overflow:'auto'}"
|
||
:treeData="treeData"
|
||
v-model="model.parentId"
|
||
placeholder="无">
|
||
</a-tree-select>
|
||
</a-form-item>
|
||
<a-form-item
|
||
:labelCol="labelCol"
|
||
:wrapperCol="wrapperCol"
|
||
label="机构编码">
|
||
<a-input disabled placeholder="请输入机构编码"
|
||
@change="event => event.target.value = event.target.value.trim()" :maxLength="50"
|
||
v-decorator="['orgCode', validatorRules.orgCode ]"/>
|
||
</a-form-item>
|
||
<!-- <a-form-item-->
|
||
<!-- :labelCol="labelCol"-->
|
||
<!-- :wrapperCol="wrapperCol"-->
|
||
<!-- label="机构类型">-->
|
||
<!-- <template v-if="orgCategoryDisabled">-->
|
||
<!-- <a-radio-group v-decorator="['orgCategory',validatorRules.orgCategory]" placeholder="请选择机构类型">-->
|
||
<!-- <a-radio value="1">-->
|
||
<!-- 公司-->
|
||
<!-- </a-radio>-->
|
||
<!-- </a-radio-group>-->
|
||
<!-- </template>-->
|
||
<!-- <template v-else>-->
|
||
<!-- <a-radio-group v-decorator="['orgCategory',validatorRules.orgCategory]" placeholder="请选择机构类型">-->
|
||
<!-- <a-radio value="2">-->
|
||
<!-- 部门-->
|
||
<!-- </a-radio>-->
|
||
<!-- <a-radio value="3">-->
|
||
<!-- 岗位-->
|
||
<!-- </a-radio>-->
|
||
<!-- </a-radio-group>-->
|
||
<!-- </template>-->
|
||
<!-- </a-form-item>-->
|
||
<a-form-item
|
||
:labelCol="labelCol"
|
||
:wrapperCol="wrapperCol"
|
||
label="排序">
|
||
<a-input-number :min="1" :max="99999" v-decorator="[ 'departOrder',{'initialValue':0}]"/>
|
||
</a-form-item>
|
||
<a-form-item
|
||
:labelCol="labelCol"
|
||
:wrapperCol="wrapperCol"
|
||
label="手机号">
|
||
<a-input placeholder="请输入手机号" @change="event => event.target.value = event.target.value.trim()"
|
||
:maxLength="50" v-decorator="['mobile', validatorRules.mobile]"/>
|
||
</a-form-item>
|
||
<a-form-item
|
||
:labelCol="labelCol"
|
||
:wrapperCol="wrapperCol"
|
||
label="地址">
|
||
<a-input placeholder="请输入地址" @change="event => event.target.value = event.target.value.trim()"
|
||
:maxLength="50" v-decorator="['address', {'initialValue':''}]"/>
|
||
</a-form-item>
|
||
<a-form-item
|
||
:labelCol="labelCol"
|
||
:wrapperCol="wrapperCol"
|
||
label="备注">
|
||
<a-textarea placeholder="请输入备注" @change="event => event.target.value = event.target.value.trim()"
|
||
:maxLength="200" v-decorator="['memo', {'initialValue':''}]"/>
|
||
</a-form-item>
|
||
</a-form>
|
||
<div class="anty-form-btn">
|
||
<a-button @click="emptyCurrForm" class="reset-button" htmlType="button" icon="sync">重置</a-button>
|
||
<a-button @click="submitCurrForm" :disabled="disabledStatus" type="primary" htmlType="button"
|
||
icon="form">保存
|
||
</a-button>
|
||
</div>
|
||
</a-card>
|
||
<a-card v-else :bordered="false" style="height:248px !important;">
|
||
<a-empty>
|
||
<span slot="description"> 请先选择一个部门! </span>
|
||
</a-empty>
|
||
</a-card>
|
||
</a-tab-pane>
|
||
<!-- <a-tab-pane tab="部门权限" key="2" forceRender>-->
|
||
<!-- <depart-auth-modules ref="departAuth"/>-->
|
||
<!-- </a-tab-pane>-->
|
||
<!-- <a-tab-pane tab="用户信息" key="3">-->
|
||
<!-- <Dept-User-Info ref="DeptUserInfo"></Dept-User-Info>-->
|
||
<!-- </a-tab-pane>-->
|
||
</a-tabs>
|
||
</a-col>
|
||
<depart-modal ref="departModal" @ok="loadTree"></depart-modal>
|
||
</a-row>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
import DepartModal from './modules/DepartModal'
|
||
// import DeptUserInfo from './modules/DeptUserInfo'
|
||
import pick from 'lodash.pick'
|
||
import { queryDepartTreeList, searchByKeywords, deleteByDepartId } from '@/api/api'
|
||
import { httpAction, getAction } from '@/api/manage'
|
||
import { JeroListMixin } from '@/mixins/JeroListMixin'
|
||
// import DepartAuthModal from './modules/DepartAuthModal'
|
||
import { checkDepartName } from '@/utils/validateOnly'
|
||
import PageHeaderTitle from '../../components/layouts/PageHeaderTitle'
|
||
import IconImg from '@/assets/imgs/icon/icon_system.png'
|
||
import { downloadFile } from '../../api/manage'
|
||
// 表头
|
||
const columns = [
|
||
{
|
||
title: '机构名称',
|
||
dataIndex: 'departName'
|
||
},
|
||
{
|
||
title: '机构类型',
|
||
align: 'center',
|
||
dataIndex: 'orgType'
|
||
},
|
||
{
|
||
title: '机构编码',
|
||
dataIndex: 'orgCode'
|
||
},
|
||
{
|
||
title: '手机号',
|
||
dataIndex: 'mobile'
|
||
},
|
||
{
|
||
title: '传真',
|
||
dataIndex: 'fax'
|
||
},
|
||
{
|
||
title: '地址',
|
||
dataIndex: 'address'
|
||
},
|
||
{
|
||
title: '排序',
|
||
align: 'center',
|
||
dataIndex: 'departOrder'
|
||
},
|
||
{
|
||
title: '操作',
|
||
align: 'center',
|
||
dataIndex: 'action',
|
||
scopedSlots: { customRender: 'action' }
|
||
}
|
||
]
|
||
export default {
|
||
name: 'DepartList',
|
||
mixins: [JeroListMixin],
|
||
components: {
|
||
// DepartAuthModal,
|
||
DepartModal,
|
||
PageHeaderTitle
|
||
// DeptUserInfo
|
||
},
|
||
data() {
|
||
return {
|
||
IconImg,
|
||
iExpandedKeys: [],
|
||
loading: false,
|
||
autoExpandParent: true,
|
||
currFlowId: '',
|
||
currFlowName: '',
|
||
disable: true,
|
||
treeData: [],
|
||
visible: false,
|
||
departTree: [],
|
||
rightClickSelectedKey: '',
|
||
rightClickSelectedOrgCode: '',
|
||
hiding: true,
|
||
model: {},
|
||
dropTrigger: '',
|
||
depart: {},
|
||
columns: columns,
|
||
disableSubmit: false,
|
||
// 编辑提交按钮的状态
|
||
disabledStatus: false,
|
||
checkedKeys: [],
|
||
selectedKeys: [],
|
||
autoIncr: 1,
|
||
currSelected: {},
|
||
|
||
allTreeKeys: [],
|
||
checkStrictly: true,
|
||
form: this.$form.createForm(this),
|
||
// 当前树选中的部门id
|
||
currentDepartSelectedId: '',
|
||
labelCol: {
|
||
xs: { span: 24 },
|
||
sm: { span: 5 }
|
||
},
|
||
wrapperCol: {
|
||
xs: { span: 24 },
|
||
sm: { span: 16 }
|
||
},
|
||
graphDatasource: {
|
||
nodes: [],
|
||
edges: []
|
||
},
|
||
validatorRules: {
|
||
departName: { rules: [{ required: true, validator: this.validateDepartName }] },
|
||
orgCode: { rules: [{ required: true, message: '请输入机构编码!' }] },
|
||
orgCategory: { rules: [{ required: true, message: '请输入机构类型!' }] },
|
||
mobile: { rules: [{ validator: this.validateMobile }] }
|
||
},
|
||
url: {
|
||
delete: '/sys/sysDepart/delete',
|
||
edit: '/sys/sysDepart/edit',
|
||
deleteBatch: '/sys/sysDepart/deleteBatch',
|
||
exportXlsUrl: 'sys/sysDepart/exportXls',
|
||
importExcelUrl: 'sys/sysDepart/importExcel'
|
||
},
|
||
orgCategoryDisabled: false
|
||
}
|
||
},
|
||
computed: {
|
||
importExcelUrl: function () {
|
||
return `${ window._CONFIG['domianURL'] }/${ this.url.importExcelUrl }`
|
||
}
|
||
},
|
||
methods: {
|
||
loadData() {
|
||
this.refresh()
|
||
},
|
||
loadTree() {
|
||
var that = this
|
||
that.treeData = []
|
||
that.departTree = []
|
||
queryDepartTreeList().then((res) => {
|
||
if (res.success) {
|
||
//部门全选后，再添加部门，选中数量增多
|
||
this.allTreeKeys = []
|
||
for (let i = 0; i < res.result.length; i++) {
|
||
let temp = res.result[i]
|
||
that.treeData.push(temp)
|
||
that.departTree.push(temp)
|
||
that.setThisExpandedKeys(temp)
|
||
that.getAllKeys(temp)
|
||
// console.log(temp.id)
|
||
}
|
||
this.loading = false
|
||
}
|
||
})
|
||
},
|
||
setThisExpandedKeys(node) {
|
||
if (node.children && node.children.length > 0) {
|
||
this.iExpandedKeys.push(node.key)
|
||
for (let a = 0; a < node.children.length; a++) {
|
||
this.setThisExpandedKeys(node.children[a])
|
||
}
|
||
}
|
||
},
|
||
refresh() {
|
||
this.loading = true
|
||
this.loadTree()
|
||
},
|
||
// 右键操作方法
|
||
rightHandle(node) {
|
||
this.dropTrigger = 'contextmenu'
|
||
console.log(node.node.eventKey)
|
||
this.rightClickSelectedKey = node.node.eventKey
|
||
this.rightClickSelectedOrgCode = node.node.dataRef.orgCode
|
||
},
|
||
onExpand(expandedKeys) {
|
||
console.log('onExpand', expandedKeys)
|
||
// if not set autoExpandParent to false, if children expanded, parent can not collapse.
|
||
// or, you can remove all expanded children keys.
|
||
this.iExpandedKeys = expandedKeys
|
||
this.autoExpandParent = false
|
||
},
|
||
backFlowList() {
|
||
this.$router.back(-1)
|
||
},
|
||
// 右键点击下拉框改变事件
|
||
dropStatus(visible) {
|
||
if (visible == false) {
|
||
this.dropTrigger = ''
|
||
}
|
||
},
|
||
// 右键店家下拉关闭下拉框
|
||
closeDrop() {
|
||
this.dropTrigger = ''
|
||
},
|
||
addRootNode() {
|
||
this.$refs.nodeModal.add(this.currFlowId, '')
|
||
},
|
||
batchDel: function () {
|
||
console.log(this.checkedKeys)
|
||
if (this.checkedKeys.length <= 0) {
|
||
this.$message.warning('请选择一条记录！')
|
||
} else {
|
||
var ids = ''
|
||
for (var a = 0; a < this.checkedKeys.length; a++) {
|
||
ids += this.checkedKeys[a] + ','
|
||
}
|
||
var that = this
|
||
this.$confirm({
|
||
title: '确认删除',
|
||
content: '确定要删除所选中的 ' + this.checkedKeys.length + ' 条数据，以及子节点数据吗?',
|
||
onOk: function () {
|
||
getAction(that.url.deleteBatch, { ids: ids }).then((res) => {
|
||
if (res.success) {
|
||
that.$message.success(res.message)
|
||
that.loadTree()
|
||
that.onClearSelected()
|
||
} else {
|
||
that.$message.warning(res.message)
|
||
}
|
||
})
|
||
}
|
||
})
|
||
}
|
||
},
|
||
onSearch(value) {
|
||
let that = this
|
||
if (value) {
|
||
searchByKeywords({ keyWord: value }).then((res) => {
|
||
if (res.success) {
|
||
that.departTree = []
|
||
for (let i = 0; i < res.result.length; i++) {
|
||
let temp = res.result[i]
|
||
that.departTree.push(temp)
|
||
}
|
||
} else {
|
||
that.$message.warning(res.message)
|
||
}
|
||
})
|
||
} else {
|
||
that.loadTree()
|
||
}
|
||
|
||
},
|
||
/**
|
||
* 导出
|
||
* @param fileName
|
||
*/
|
||
handleExportXls(fileName) {
|
||
if (!fileName || typeof fileName != 'string') {
|
||
fileName = '导出文件'
|
||
}
|
||
let param = this.getQueryParams()
|
||
if (this.checkedKeys && this.checkedKeys.length > 0) {
|
||
param['selections'] = this.checkedKeys.join(',')
|
||
}
|
||
console.log('导出参数', param)
|
||
downloadFile(this.url.exportXlsUrl, fileName + '.xlsx', param)
|
||
},
|
||
nodeModalOk() {
|
||
this.loadTree()
|
||
},
|
||
nodeModalClose() {
|
||
},
|
||
hide() {
|
||
console.log(111)
|
||
this.visible = false
|
||
},
|
||
onCheck(checkedKeys, info) {
|
||
console.log('onCheck', checkedKeys, info)
|
||
this.hiding = false
|
||
//this.checkedKeys = checkedKeys.checked
|
||
// <!---- author:os_chengtgen -- date:20190827 -- for:切换父子勾选模式 =======------>
|
||
if (this.checkStrictly) {
|
||
this.checkedKeys = checkedKeys.checked
|
||
} else {
|
||
this.checkedKeys = checkedKeys
|
||
}
|
||
// <!---- author:os_chengtgen -- date:20190827 -- for:切换父子勾选模式 =======------>
|
||
},
|
||
onSelect(selectedKeys, e) {
|
||
console.log('selected', selectedKeys, e)
|
||
this.hiding = false
|
||
let record = e.node.dataRef
|
||
console.log('onSelect-record', record)
|
||
this.currSelected = Object.assign({}, record)
|
||
this.model = this.currSelected
|
||
this.selectedKeys = [record.key]
|
||
this.model.parentId = record.parentId || undefined
|
||
this.setValuesToForm(record)
|
||
// 暂时注释(部门权限组件)没用 2021-08-24
|
||
// this.$refs.departAuth.show(record.id);
|
||
// 传用户信息参数
|
||
if (this.$refs.DeptUserInfo !== undefined) {
|
||
this.$refs.DeptUserInfo.open(record)
|
||
}
|
||
},
|
||
// 部门名称判断重复
|
||
validateDepartName(rule, value, callback) {
|
||
checkDepartName(value, this.currentDepartSelectedId).then(res => {
|
||
if (res.success) {
|
||
callback()
|
||
} else {
|
||
callback(res.code === 500 ? '机构/部门已经存在' : res)
|
||
}
|
||
})
|
||
},
|
||
// 触发onSelect事件时,为部门树右侧的form表单赋值
|
||
setValuesToForm(record) {
|
||
// 记录当前选择的部门id 作为判重参数条件
|
||
this.currentDepartSelectedId = record.id
|
||
|
||
if ((record.orgCategory + '') === '1') {
|
||
this.orgCategoryDisabled = true
|
||
} else {
|
||
this.orgCategoryDisabled = false
|
||
}
|
||
this.$nextTick(() => {
|
||
this.form.getFieldDecorator('fax', { initialValue: '' })
|
||
this.form.setFieldsValue(pick(record, 'departName', 'orgCategory', 'orgCode', 'departOrder', 'mobile', 'fax', 'address', 'memo'))
|
||
})
|
||
},
|
||
getCurrSelectedTitle() {
|
||
return !this.currSelected.title ? '' : this.currSelected.title
|
||
},
|
||
onClearSelected() {
|
||
this.hiding = true
|
||
this.checkedKeys = []
|
||
this.currSelected = {}
|
||
this.form.resetFields()
|
||
this.selectedKeys = []
|
||
//取消选择 清除选中部门id
|
||
// this.$refs.DeptUserInfo.cancelSelect()
|
||
// 暂时注释(部门权限组件)没用 2021-08-24
|
||
// this.$refs.departAuth.departId = ''
|
||
},
|
||
handleNodeTypeChange(val) {
|
||
this.currSelected.nodeType = val
|
||
},
|
||
notifyTriggerTypeChange(value) {
|
||
this.currSelected.notifyTriggerType = value
|
||
},
|
||
receiptTriggerTypeChange(value) {
|
||
this.currSelected.receiptTriggerType = value
|
||
},
|
||
submitCurrForm() {
|
||
this.disabledStatus = true
|
||
this.form.validateFields((err, values) => {
|
||
if (!err) {
|
||
if (!this.currSelected.id) {
|
||
this.$message.warning('请点击选择要修改部门!')
|
||
return
|
||
}
|
||
|
||
let formData = Object.assign(this.currSelected, values)
|
||
console.log('Received values of form: ', formData)
|
||
httpAction(this.url.edit, formData, 'post').then((res) => {
|
||
if (res.success) {
|
||
this.$message.success('保存成功!')
|
||
this.loadTree()
|
||
} else {
|
||
this.$message.error(res.message)
|
||
this.disabledStatus = false
|
||
}
|
||
}).finally(() => {
|
||
this.disabledStatus = false
|
||
})
|
||
} else {
|
||
this.disabledStatus = false
|
||
}
|
||
})
|
||
},
|
||
emptyCurrForm() {
|
||
this.form.resetFields()
|
||
// 对右侧基本信息进行赋值
|
||
this.setValuesToForm(this.model)
|
||
},
|
||
nodeSettingFormSubmit() {
|
||
this.form.validateFields((err, values) => {
|
||
if (!err) {
|
||
console.log('Received values of form: ', values)
|
||
}
|
||
})
|
||
},
|
||
openSelect() {
|
||
this.$refs.sysDirectiveModal.show()
|
||
},
|
||
handleAdd(num) {
|
||
if (num == 1) {
|
||
this.$refs.departModal.add()
|
||
this.$refs.departModal.title = '新增'
|
||
} else if (num == 2) {
|
||
let key = this.currSelected.key
|
||
if (!key) {
|
||
this.$message.warning('请先点击选中上级部门！')
|
||
return false
|
||
}
|
||
this.$refs.departModal.add(this.selectedKeys)
|
||
this.$refs.departModal.title = '新增'
|
||
} else {
|
||
this.$refs.departModal.add(this.rightClickSelectedKey)
|
||
this.$refs.departModal.title = '新增'
|
||
}
|
||
},
|
||
handleDelete() {
|
||
var that = this
|
||
this.$confirm({
|
||
title: '确认删除',
|
||
content: '确定要删除此部门以及子节点数据吗?',
|
||
onOk: function () {
|
||
deleteByDepartId({ id: that.rightClickSelectedKey }).then((resp) => {
|
||
if (resp.success) {
|
||
//删除成功后，去除已选中中的数据
|
||
that.checkedKeys.splice(that.checkedKeys.findIndex(key => key === that.rightClickSelectedKey), 1)
|
||
that.$message.success('删除成功!')
|
||
that.loadTree()
|
||
//删除后同步清空右侧基本信息内容
|
||
let orgCode = that.form.getFieldValue('orgCode')
|
||
if (orgCode && orgCode === that.rightClickSelectedOrgCode) {
|
||
that.onClearSelected()
|
||
}
|
||
} else {
|
||
that.$message.warning(resp.message)
|
||
}
|
||
})
|
||
}
|
||
})
|
||
},
|
||
selectDirectiveOk(record) {
|
||
console.log('选中指令数据', record)
|
||
this.nodeSettingForm.setFieldsValue({ directiveCode: record.directiveCode })
|
||
this.currSelected.sysCode = record.sysCode
|
||
},
|
||
getFlowGraphData(node) {
|
||
this.graphDatasource.nodes.push({
|
||
id: node.id,
|
||
text: node.flowNodeName
|
||
})
|
||
if (node.children.length > 0) {
|
||
for (let a = 0; a < node.children.length; a++) {
|
||
let temp = node.children[a]
|
||
this.graphDatasource.edges.push({
|
||
source: node.id,
|
||
target: temp.id
|
||
})
|
||
this.getFlowGraphData(temp)
|
||
}
|
||
}
|
||
},
|
||
// <!---- author:os_chengtgen -- date:20190827 -- for:切换父子勾选模式 =======------>
|
||
expandAll() {
|
||
this.iExpandedKeys = this.allTreeKeys
|
||
},
|
||
closeAll() {
|
||
this.iExpandedKeys = []
|
||
},
|
||
checkALL() {
|
||
this.checkStriccheckStrictlytly = false
|
||
this.checkedKeys = this.allTreeKeys
|
||
},
|
||
cancelCheckALL() {
|
||
//this.checkedKeys = this.defaultCheckedKeys
|
||
this.checkedKeys = []
|
||
},
|
||
callback() {
|
||
// tab页切换为基本信息时候 清除表单验证
|
||
console.log(this.form)
|
||
// if(val === '1' && this.form){
|
||
// }
|
||
// 可能后期会切换回显之前的数据
|
||
},
|
||
// switchCheckStrictly (v) {
|
||
// if(v==1){
|
||
// this.checkStrictly = false
|
||
// }else if(v==2){
|
||
// this.checkStrictly = true
|
||
// }
|
||
// },
|
||
getAllKeys(node) {
|
||
// console.log('node',node);
|
||
this.allTreeKeys.push(node.key)
|
||
if (node.children && node.children.length > 0) {
|
||
for (let a = 0; a < node.children.length; a++) {
|
||
this.getAllKeys(node.children[a])
|
||
}
|
||
}
|
||
}
|
||
// <!---- author:os_chengtgen -- date:20190827 -- for:切换父子勾选模式 =======------>
|
||
|
||
},
|
||
created() {
|
||
this.currFlowId = this.$route.params.id
|
||
this.currFlowName = this.$route.params.name
|
||
// this.loadTree()
|
||
}
|
||
|
||
}
|
||
</script>
|
||
<style scoped lang="less">
|
||
@import '~@assets/less/common.less';
|
||
|
||
/deep/ .ant-card-body {
|
||
padding-top: 0 !important;
|
||
}
|
||
|
||
.ant-card-body .table-operator {
|
||
margin: 15px;
|
||
}
|
||
|
||
.anty-form-btn {
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
|
||
.anty-form-btn button {
|
||
margin: 0 5px;
|
||
}
|
||
|
||
.anty-node-layout .ant-layout-header {
|
||
padding-right: 0
|
||
}
|
||
|
||
.header {
|
||
padding: 0 8px;
|
||
}
|
||
|
||
.header button {
|
||
margin: 0 3px
|
||
}
|
||
|
||
.ant-modal-cust-warp {
|
||
height: 100%
|
||
}
|
||
|
||
.ant-modal-cust-warp .ant-modal-body {
|
||
height: calc(100% - 110px) !important;
|
||
overflow-y: auto
|
||
}
|
||
|
||
.ant-modal-cust-warp .ant-modal-content {
|
||
height: 90% !important;
|
||
overflow-y: hidden
|
||
}
|
||
|
||
#app .desktop {
|
||
height: auto !important;
|
||
}
|
||
|
||
/** Button按钮间距 */
|
||
.ant-btn {
|
||
margin-left: 3px
|
||
}
|
||
|
||
.drawer-bootom-button {
|
||
/*position: absolute;*/
|
||
bottom: 0;
|
||
width: 100%;
|
||
border-top: 1px solid #e8e8e8;
|
||
padding: 10px 16px;
|
||
text-align: left;
|
||
left: 0;
|
||
background: #fff;
|
||
border-radius: 0 0 2px 2px;
|
||
}
|
||
|
||
//解决组织机构名称很长的时候文字无法隐藏的问题
|
||
/deep/ .ant-tree li .ant-tree-node-content-wrapper {
|
||
max-width: 235%;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
</style>
|