|
@@ -0,0 +1,139 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <basic-container style="width: 20%;float: left">
|
|
|
+ <avue-tree :option="treeOption" :data="treeData" @node-click="nodeClick"/>
|
|
|
+ </basic-container>
|
|
|
+ <basic-container style="width: 80%;float: right">
|
|
|
+ <avue-crud
|
|
|
+ :data="data"
|
|
|
+ :option="option"
|
|
|
+ :page.sync="page"
|
|
|
+ @on-load="onLoad"
|
|
|
+ @refresh-change="refreshChange"
|
|
|
+ ></avue-crud>
|
|
|
+ </basic-container>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import {customerList,getDeptLazyTree} from '@/api/base/credentials'
|
|
|
+export default {
|
|
|
+ name: "credentials",
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ page: {
|
|
|
+ size: 10,
|
|
|
+ current:1
|
|
|
+ },
|
|
|
+ treeData: [],
|
|
|
+ treeOption: {
|
|
|
+ nodeKey: 'id',
|
|
|
+ lazy: true,
|
|
|
+ treeLoad: function (node, resolve) {
|
|
|
+ console.log(node)
|
|
|
+ const parentId = (node.level === 0) ? 0 : node.data.id;
|
|
|
+ getDeptLazyTree(parentId).then(res => {
|
|
|
+ resolve(res.data.data.map(item => {
|
|
|
+ return {
|
|
|
+ ...item,
|
|
|
+ leaf: !item.hasChildren
|
|
|
+ }
|
|
|
+ }))
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addBtn: false,
|
|
|
+ menu: false,
|
|
|
+ size: 'small',
|
|
|
+ props: {
|
|
|
+ labelText: '标题',
|
|
|
+ label: 'dictValue',
|
|
|
+ value: 'dictValue',
|
|
|
+ children: 'children'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: [],
|
|
|
+ treeDeptName:'',
|
|
|
+ option: {
|
|
|
+ addBtn: false,
|
|
|
+ align: 'center',
|
|
|
+ menuAlign: 'center',
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: '模块名称',
|
|
|
+ prop: 'module',
|
|
|
+ type: "select",
|
|
|
+ dicUrl: "/api/blade-system/dict-biz/dictionary?code=voucher_type",
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictValue"
|
|
|
+ },
|
|
|
+ search:true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '币种代码',
|
|
|
+ prop: 'dc'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '币种名称',
|
|
|
+ prop: 'projectCode'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '凭证类型',
|
|
|
+ prop: 'projectName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '类型名称',
|
|
|
+ prop: 'accountName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '分录类型',
|
|
|
+ prop: 'accountName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '科目代码',
|
|
|
+ prop: 'accountName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '科目名称',
|
|
|
+ prop: 'accountName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '金额方向',
|
|
|
+ prop: 'accountName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '静态值',
|
|
|
+ prop: 'accountName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '附加公司',
|
|
|
+ prop: 'accountName'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onLoad(page) {
|
|
|
+ customerList({size: page.size,current: page.current},this.treeDeptName).then(res=>{
|
|
|
+ console.log(res)
|
|
|
+ this.data = res.data.data.records
|
|
|
+ this.page.total = res.data.data.total
|
|
|
+ })
|
|
|
+ },
|
|
|
+ nodeClick(data) {
|
|
|
+ console.log(data)
|
|
|
+ this.treeDeptName = data.dictValue;
|
|
|
+ this.page.currentPage = 1;
|
|
|
+ this.onLoad(this.page);
|
|
|
+ },
|
|
|
+ refreshChange(){
|
|
|
+ this.onLoad(this.page)
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+
|
|
|
+</style>
|