| | |
| | | <a-button @click="handleAdd(1)" type="primary">添加车间</a-button> |
| | | <a-button @click="handleAdd(2)" type="primary">添加下级</a-button> |
| | | <a-button type="primary" icon="download" @click="handleExportXls('车间信息')">导出</a-button> |
| | | <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel"> |
| | | <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" |
| | | :action="importExcelUrl" @change="handleImportExcel"> |
| | | <a-button type="primary" icon="import">导入</a-button> |
| | | </a-upload> |
| | | <a-button title="删除多条数据" @click="batchDel" type="default">批量删除</a-button> |
| | | <a-button @click="handleDelete" v-if="selectedKeys.length>0">删除</a-button> |
| | | <a-button title="删除多条数据" @click="batchDel" v-if="checkedKeys.length>0">批量删除</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"> |
| | |
| | | <a-input-search @search="onSearch" style="width:100%;margin-top: 10px" placeholder="请输入车间名称"/> |
| | | <!-- 树--> |
| | | <a-col :md="10" :sm="24"> |
| | | <template> |
| | | <a-dropdown :trigger="[this.dropTrigger]" @visibleChange="dropStatus"> |
| | | <span style="user-select: none"> |
| | | <!--<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">添加</a-menu-item>--> |
| | | <!--<a-menu-item @click="handleDelete" key="2">删除</a-menu-item>--> |
| | | <!--<a-menu-item @click="closeDrop" key="3">取消</a-menu-item>--> |
| | | <!--</a-menu>--> |
| | | <!--</a-dropdown>--> |
| | | <!--</template>--> |
| | | <a-tree |
| | | checkable |
| | | multiple |
| | |
| | | :expandedKeys="iExpandedKeys" |
| | | :autoExpandParent="autoExpandParent" |
| | | @expand="onExpand"/> |
| | | </span> |
| | | <!--新增右键点击事件,和增加添加和删除功能--> |
| | | <a-menu slot="overlay"> |
| | | <a-menu-item @click="handleAdd(3)" key="1">添加</a-menu-item> |
| | | <a-menu-item @click="handleDelete" key="2">删除</a-menu-item> |
| | | <a-menu-item @click="closeDrop" key="3">取消</a-menu-item> |
| | | </a-menu> |
| | | </a-dropdown> |
| | | </template> |
| | | </a-col> |
| | | </div> |
| | | </a-card> |
| | |
| | | <a-menu-item key="6" @click="closeAll">合并所有</a-menu-item> |
| | | </a-menu> |
| | | <a-button> |
| | | 树操作 <a-icon type="up" /> |
| | | 树操作 |
| | | <a-icon type="up"/> |
| | | </a-button> |
| | | </a-dropdown> |
| | | </div> |
| | |
| | | </a-tree-select> |
| | | </a-form-model-item> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序"> |
| | | <a-input-number v-model="model.departOrder" /> |
| | | <a-input-number v-model="model.productionOrder"/> |
| | | </a-form-model-item> |
| | | <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="备注"> |
| | | <a-textarea placeholder="请输入备注" v-model="model.memo"/> |
| | |
| | | import {httpAction, deleteAction} from '@/api/manage' |
| | | import {JeecgListMixin} from '@/mixins/JeecgListMixin' |
| | | import ProductionModal from './modules/ProductionManager/ProductionModal' |
| | | // 表头 |
| | | 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: 'ProductionManager', |
| | | mixins: [JeecgListMixin], |
| | | components: { |
| | | ProductionEquipment, |
| | | ProductionModal, |
| | | ProductionModal |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | model: {}, |
| | | dropTrigger: '', |
| | | depart: {}, |
| | | columns: columns, |
| | | disableSubmit: false, |
| | | checkedKeys: [], |
| | | selectedKeys: [], |
| | |
| | | edges: [] |
| | | }, |
| | | validatorRules: { |
| | | productionName: [{required: true, message: '请输入产线/车间名称!'}], |
| | | productionName: [{ required: true, message: '请输入产线/车间名称!' }] |
| | | }, |
| | | url: { |
| | | delete: '/mdc/mdcProduction/delete', |
| | | edit: '/mdc/mdcProduction/edit', |
| | | deleteBatch: '/mdc/mdcProduction/deleteBatch', |
| | | exportXlsUrl: "/mdc/mdcProduction/exportXls", |
| | | importExcelUrl: "/mdc/mdcProduction/importExcel", |
| | | exportXlsUrl: '/mdc/mdcProduction/exportXls', |
| | | importExcelUrl: '/mdc/mdcProduction/importExcel' |
| | | }, |
| | | orgCategoryDisabled:false, |
| | | isIncludesNotLeaf: false |
| | | } |
| | | }, |
| | | computed: { |
| | | importExcelUrl: function () { |
| | | return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`; |
| | | return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}` |
| | | } |
| | | }, |
| | | methods: { |
| | | loadData() { |
| | | this.refresh(); |
| | | this.refresh() |
| | | }, |
| | | loadTree() { |
| | | var that = this |
| | |
| | | queryProductionTreeList().then((res) => { |
| | | if (res.success) { |
| | | //部门全选后,再添加部门,选中数量增多 |
| | | this.allTreeKeys = []; |
| | | 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); |
| | | that.getAllKeys(temp) |
| | | // console.log(temp.id) |
| | | } |
| | | this.loading = false |
| | |
| | | this.loadTree() |
| | | }, |
| | | // 右键操作方法 |
| | | rightHandle(node) { |
| | | rightHandle({ event, node }) { |
| | | this.dropTrigger = 'contextmenu' |
| | | console.log(node.node.eventKey) |
| | | this.rightClickSelectedKey = node.node.eventKey |
| | | this.rightClickSelectedOrgCode = node.node.dataRef.orgCode |
| | | const record = node.dataRef |
| | | this.rightClickSelectedKey = record.id |
| | | this.rightClickSelected = record |
| | | this.rightClickSelectedOrgCode = record.orgCode |
| | | }, |
| | | onExpand(expandedKeys) { |
| | | console.log('onExpand', expandedKeys) |
| | |
| | | }, |
| | | batchDel: function () { |
| | | console.log(this.checkedKeys) |
| | | this.isIncludesNotLeaf = false |
| | | this.includesNotLeaf(this.departTree) |
| | | console.log('isIncludesNotLeaf', this.isIncludesNotLeaf) |
| | | |
| | | // 为true则表示选中项包含非叶子结点 false则表示选中项均为叶子结点 |
| | | if (!this.isIncludesNotLeaf) { |
| | | if (this.checkedKeys.length <= 0) { |
| | | // this.$message.warning('请选择一条记录!') |
| | | this.$notification.warning({ |
| | | message:'消息', |
| | | description:"请选择一条记录" |
| | | }); |
| | | description: '请选择一条记录' |
| | | }) |
| | | } else { |
| | | var ids = '' |
| | | for (var a = 0; a < this.checkedKeys.length; a++) { |
| | |
| | | var that = this |
| | | this.$confirm({ |
| | | title: '确认删除', |
| | | content: '确定要删除所选中的 ' + this.checkedKeys.length + ' 条数据,以及子节点数据吗?', |
| | | content: '确定要删除所选中的 ' + this.checkedKeys.length + ' 条数据?', |
| | | onOk: function () { |
| | | deleteAction(that.url.deleteBatch, {ids: ids}).then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success(res.message) |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'消息', |
| | | description:res.message |
| | | }); |
| | | }) |
| | | that.loadTree() |
| | | that.onClearSelected() |
| | | } else { |
| | |
| | | that.$notification.warning({ |
| | | message:'消息', |
| | | description:res.message |
| | | }); |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | } else { |
| | | this.$notification.warning({ |
| | | message: '消息', |
| | | description: '选中项包含已挂载子节点车间' |
| | | }) |
| | | } |
| | | }, |
| | | includesNotLeaf(treeData) { |
| | | for (let i = 0; i < treeData.length; i++) { |
| | | if (!treeData[i].leaf) { |
| | | this.includesNotLeaf(treeData[i].children) |
| | | } |
| | | if (this.checkedKeys.includes(treeData[i].id) && !treeData[i].leaf) { |
| | | this.isIncludesNotLeaf = true |
| | | } |
| | | } |
| | | }, |
| | | onSearch(value) { |
| | |
| | | that.$notification.warning({ |
| | | message:'消息', |
| | | description:res.message |
| | | }); |
| | | }) |
| | | } |
| | | }) |
| | | } else { |
| | |
| | | this.hiding = false |
| | | //---- author:os_chengtgen -- date:20190827 -- for:切换父子勾选模式 =======------ |
| | | if(this.checkStrictly){ |
| | | this.checkedKeys = checkedKeys.checked; |
| | | this.checkedKeys = checkedKeys.checked |
| | | }else{ |
| | | this.checkedKeys = checkedKeys |
| | | } |
| | |
| | | onSelect(selectedKeys, e) { |
| | | console.log('selected', selectedKeys, e) |
| | | this.hiding = false |
| | | this.deleteTrigger = 'leftClick' |
| | | let record = e.node.dataRef |
| | | console.log('onSelect-record', record) |
| | | this.currSelected = Object.assign({}, record) |
| | |
| | | this.selectedKeys = [record.key] |
| | | this.model.parentId = record.parentId |
| | | this.setValuesToForm(record) |
| | | this.$refs.departAuth.show(record.id); |
| | | |
| | | this.$refs.departAuth.show(record.id) |
| | | }, |
| | | // 触发onSelect事件时,为部门树右侧的form表单赋值 |
| | | setValuesToForm(record) { |
| | | if(record.orgCategory == '1'){ |
| | | this.orgCategoryDisabled = true; |
| | | this.orgCategoryDisabled = true |
| | | }else{ |
| | | this.orgCategoryDisabled = false; |
| | | this.orgCategoryDisabled = false |
| | | } |
| | | }, |
| | | getCurrSelectedTitle() { |
| | |
| | | // this.$message.warning('请点击选择要修改车间!') |
| | | this.$notification.warning({ |
| | | message:'消息', |
| | | description:"请点击选择要修改车间!" |
| | | }); |
| | | description: '请点击选择要修改车间!' |
| | | }) |
| | | return |
| | | } |
| | | |
| | | httpAction(this.url.edit, this.currSelected, 'put').then((res) => { |
| | | if (res.success) { |
| | | // this.$message.success('保存成功!') |
| | | this.$notification.warning({ |
| | | this.$notification.success({ |
| | | message:'消息', |
| | | description:"保存成功" |
| | | }); |
| | | description: '保存成功' |
| | | }) |
| | | this.loadTree() |
| | | } else { |
| | | // this.$message.error(res.message) |
| | | this.$notification.warning({ |
| | | message:'消息', |
| | | description:res.message |
| | | }); |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | | emptyCurrForm() { |
| | | this.$refs.form.resetFields(); |
| | | this.$refs.form.resetFields() |
| | | this.model={} |
| | | }, |
| | | nodeSettingFormSubmit() { |
| | |
| | | // this.$message.warning('请先点击选中上级车间!') |
| | | this.$notification.warning({ |
| | | message:'消息', |
| | | description:"请先点击选中上级车间!" |
| | | }); |
| | | description: '请先点击选中上级车间!' |
| | | }) |
| | | return false |
| | | } |
| | | this.$refs.departModal.add(this.selectedKeys) |
| | |
| | | }, |
| | | handleDelete() { |
| | | var that = this |
| | | if (this.currSelected.leaf) { |
| | | this.$confirm({ |
| | | title: '确认删除', |
| | | content: '确定要删除此车间以及子节点数据吗?', |
| | | content: `确定要删除 ${that.currSelected.productionName} 吗?`, |
| | | onOk: function () { |
| | | deleteByProduction({id: that.rightClickSelectedKey}).then((resp) => { |
| | | deleteByProduction({ id: that.currSelected.id }).then((resp) => { |
| | | if (resp.success) { |
| | | //删除成功后,去除已选中中的数据 |
| | | that.checkedKeys.splice(that.checkedKeys.findIndex(key => key === that.rightClickSelectedKey), 1); |
| | | // that.checkedKeys.splice(that.checkedKeys.findIndex(key => key === that.rightClickSelectedKey), 1) |
| | | // that.$message.success('删除成功!') |
| | | that.$notification.success({ |
| | | message:'消息', |
| | | description:"删除成功" |
| | | }); |
| | | description: '删除成功' |
| | | }) |
| | | that.loadTree() |
| | | //删除后同步清空右侧基本信息内容 |
| | | // let orgCode=that.model.orgCode; |
| | |
| | | // that.$message.warning('删除失败!') |
| | | that.$notification.warning({ |
| | | message:'消息', |
| | | description:"删除失败" |
| | | }); |
| | | description: '删除失败' |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | } else { |
| | | this.$notification.warning({ |
| | | message: '消息', |
| | | description: '此车间已挂载子节点' |
| | | }) |
| | | } |
| | | console.log('deletedRecord', deletedRecord) |
| | | }, |
| | | selectDirectiveOk(record) { |
| | | console.log('选中指令数据', record) |
| | |
| | | this.currFlowId = this.$route.params.id |
| | | this.currFlowName = this.$route.params.name |
| | | // this.loadTree() |
| | | }, |
| | | } |
| | | |
| | | } |
| | | </script> |