|
@@ -4,8 +4,9 @@
|
|
|
<div class="bill-left" v-show="isShow==='home'" key="item">
|
|
|
<div class="bill-tab">
|
|
|
<div class="bill-title">导航</div>
|
|
|
- <el-tree :data="data" node-key="id" :default-expanded-keys="expandedKeys" :props="props"
|
|
|
- @node-click="handleNodeClick"></el-tree>
|
|
|
+ <!-- <el-tree :data="data" node-key="id" :default-expanded-keys="expandedKeys" :props="props"
|
|
|
+ @node-click="handleNodeClick"></el-tree> -->
|
|
|
+ <side-tree :propConfig="treeConfig" @onChange="onChangeTree" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="bill-main" v-show="isShow==='home'" key="item2">
|
|
@@ -148,6 +149,21 @@
|
|
|
save: true,
|
|
|
}
|
|
|
}
|
|
|
+ treeConfig = {
|
|
|
+ attr: {
|
|
|
+ retConfig: {
|
|
|
+ id: 'id',
|
|
|
+ name: 'name'
|
|
|
+ },
|
|
|
+ defaultExpandAll: true,
|
|
|
+ label: 'name',
|
|
|
+ resType: 'data'
|
|
|
+ },
|
|
|
+ request: {
|
|
|
+ url: '/maindata/maindataMaterialCategory/treeList',
|
|
|
+ method: 'GET'
|
|
|
+ }
|
|
|
+ }
|
|
|
singleTable : any = {
|
|
|
attr: {
|
|
|
size: 'mini',
|
|
@@ -869,21 +885,26 @@
|
|
|
},
|
|
|
}
|
|
|
mounted() {
|
|
|
- this.getTreeList()
|
|
|
+ // this.getTreeList()
|
|
|
this.getAttribute()
|
|
|
this.timer = setInterval(() => {
|
|
|
this.getDataList()
|
|
|
}, 500)
|
|
|
}
|
|
|
- // 监听单表格数据
|
|
|
- getSingleValue(e : any) {
|
|
|
- // console.log('监听单表格 ==> ', e);
|
|
|
- e.volume = (e.length * e.width * e.height).toFixed(2);
|
|
|
- }
|
|
|
- // 监听表格数据
|
|
|
- getInputValue(e : any) {
|
|
|
- // console.log('监听表格 ==> ', e);
|
|
|
- e.volume = (e.length * e.width * e.height).toFixed(2);
|
|
|
+ //点击树获取数据
|
|
|
+ onChangeTree(e : any) {
|
|
|
+ this.categoryId = e.id[0]
|
|
|
+ other.single({ categoryId: e.id[0] }).then((res : any) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ (this.$refs.moduleView as any).setTableValue(res.data.records);
|
|
|
+ let page = {
|
|
|
+ pageNo: res.data.current, //当前页
|
|
|
+ pageSize: res.data.size, //每页条数
|
|
|
+ total: res.data.total //总条数
|
|
|
+ };
|
|
|
+ (this.$refs.moduleView as any).setPage(page)
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
// 保存编辑/新增
|
|
|
doFormData() {
|
|
@@ -1245,6 +1266,16 @@
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
+ // 监听单表格数据
|
|
|
+ getSingleValue(e : any) {
|
|
|
+ // console.log('监听单表格 ==> ', e);
|
|
|
+ e.volume = (e.length * e.width * e.height).toFixed(2);
|
|
|
+ }
|
|
|
+ // 监听表格数据
|
|
|
+ getInputValue(e : any) {
|
|
|
+ // console.log('监听表格 ==> ', e);
|
|
|
+ e.volume = (e.length * e.width * e.height).toFixed(2);
|
|
|
+ }
|
|
|
// 排序生成
|
|
|
forFun(data : any, i : number, v ?: any) {
|
|
|
if (data.list) {
|
|
@@ -1516,21 +1547,6 @@
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
- // 导航切换
|
|
|
- handleNodeClick(e : any) {
|
|
|
- this.categoryId = e.id
|
|
|
- other.single({ categoryId: e.id }).then((res : any) => {
|
|
|
- if (res.code === 200) {
|
|
|
- (this.$refs.moduleView as any).setTableValue(res.data.records);
|
|
|
- let page = {
|
|
|
- pageNo: res.data.current, //当前页
|
|
|
- pageSize: res.data.size, //每页条数
|
|
|
- total: res.data.total //总条数
|
|
|
- };
|
|
|
- (this.$refs.moduleView as any).setPage(page)
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
// 刷新
|
|
|
onRefresh() {
|
|
|
this.loading = this.$loading({ target: '.main-container' });
|
|
@@ -1602,7 +1618,7 @@
|
|
|
border-right: solid #EEE 1px;
|
|
|
padding-right: 16px;
|
|
|
flex-shrink: 0;
|
|
|
-
|
|
|
+ height: 740px;
|
|
|
// box-sizing: border-box;
|
|
|
.bill-tab {
|
|
|
width: 150px;
|