|
|
@@ -1,6 +1,20 @@
|
|
|
<template>
|
|
|
<!--布局容器-->
|
|
|
<div class="container" style="width: 99%; margin-top: 0px">
|
|
|
+ <Split :gutterSize="2" style="height: calc(100vh - 120px)">
|
|
|
+ <SplitArea :size="leftSplitWidth" :minSize="240">
|
|
|
+ <div>
|
|
|
+ <el-tree
|
|
|
+ :data="ztreeNodes"
|
|
|
+ :props="{ children: 'children', label: 'name' }"
|
|
|
+ node-key="id"
|
|
|
+ :default-expanded-keys="['9']"
|
|
|
+ @node-click="onZTreeClick"
|
|
|
+ ></el-tree>
|
|
|
+ </div>
|
|
|
+ </SplitArea>
|
|
|
+ <SplitArea :size="rightSplitWidth">
|
|
|
+
|
|
|
<!-- 顶部查询 -->
|
|
|
<el-row class="top">
|
|
|
<el-form
|
|
|
@@ -70,7 +84,7 @@
|
|
|
element-loading-spinner="el-icon-loading"
|
|
|
:operationWidth="operationWidth"
|
|
|
class="ktTable"
|
|
|
- permsEdit="sys:agent:view"
|
|
|
+ permsEdit="sys:performanceManage:view"
|
|
|
ref="dataTable"
|
|
|
:data="pageResult"
|
|
|
:columns="columns"
|
|
|
@@ -81,6 +95,9 @@
|
|
|
:isshowpagination="true"
|
|
|
@handleEdit="handleDetail"
|
|
|
></kt-common-table>
|
|
|
+ </SplitArea>
|
|
|
+</Split>
|
|
|
+
|
|
|
<el-dialog
|
|
|
class="dialog detailtTable"
|
|
|
:title="title"
|
|
|
@@ -148,10 +165,30 @@ import CommonUtil from "@/utils/comutil.js";
|
|
|
export default {
|
|
|
name: "InvoiceInformation",
|
|
|
components: { KtCommonTable, KtButton },
|
|
|
- created() {},
|
|
|
mounted() {},
|
|
|
data() {
|
|
|
return {
|
|
|
+ /**Split 开始 */
|
|
|
+ leftSplitWidth: 15,
|
|
|
+ rightSplitWidth: 85,
|
|
|
+ ztreeObj: null,
|
|
|
+ ztreeSetting: {
|
|
|
+ check: {
|
|
|
+ enable: false,
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ simpleData: {
|
|
|
+ enable: true,
|
|
|
+ pIdKey: "parentId",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ view: {
|
|
|
+ showIcon: false,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ deptId: JSON.parse(localStorage.getItem("user_data")).deptId,
|
|
|
+ ztreeNodes: [],
|
|
|
+ currentTreeNode: null,
|
|
|
title: "详情",
|
|
|
loading: true,
|
|
|
detailDialog: false,
|
|
|
@@ -240,7 +277,40 @@ export default {
|
|
|
],
|
|
|
};
|
|
|
},
|
|
|
+ created() {
|
|
|
+ this.findLeftTreeData(); // 获取机构树的数据
|
|
|
+ },
|
|
|
methods: {
|
|
|
+ /**Split 开始 */
|
|
|
+ changeTreeWidth(widthVal) {
|
|
|
+ // 初始化树的宽度
|
|
|
+ this.leftSplitWidth = Math.ceil(
|
|
|
+ (widthVal / this.$refs.elMain.$el.clientWidth) * 100
|
|
|
+ );
|
|
|
+ this.rightSplitWidth = 100 - this.leftSplitWidth;
|
|
|
+ },
|
|
|
+ findLeftTreeData: function () {
|
|
|
+ this.$api.dept.findDeptTree().then((res) => {
|
|
|
+ this.ztreeNodes = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ onZTreeClick: function (evt, treeId, treeNode) {
|
|
|
+ // 点击事件
|
|
|
+ this.currentTreeNode = evt;
|
|
|
+ this.deptId = this.currentTreeNode.id;
|
|
|
+ this.pageRequest.pageNum = 1;
|
|
|
+ this.findPage();
|
|
|
+ // this.formData.deptId = [];
|
|
|
+ // this.platform(treeId);
|
|
|
+ },
|
|
|
+ platform(array) {
|
|
|
+ if (!array.parent) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.formData.deptId.unshift(array.data.id);
|
|
|
+ this.platform(array.parent);
|
|
|
+ },
|
|
|
+ //--left tree start-------
|
|
|
//选择时间区间
|
|
|
dateChange(e) {
|
|
|
if (e == null) {
|
|
|
@@ -303,7 +373,7 @@ export default {
|
|
|
this.pageRequest.pageSize = data.pageRequest.pageSize;
|
|
|
}
|
|
|
this.$api.user
|
|
|
- .quTeamNum(this.pageRequest)
|
|
|
+ .quTeamNum({...this.pageRequest,deptId: this.deptId })
|
|
|
.then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
this.pageResult = {
|