From fe35627e29ba5604e8c7fb3af3c8e82becd7c144 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期三, 06 十二月 2023 10:48:00 +0800
Subject: [PATCH] 主数据表格loading加载优化
---
Source/UBCS-WEB/src/views/MasterData/items.vue | 255 ++++++++++++++++++++------------------------------
1 files changed, 102 insertions(+), 153 deletions(-)
diff --git a/Source/UBCS-WEB/src/views/MasterData/items.vue b/Source/UBCS-WEB/src/views/MasterData/items.vue
index a101488..f095049 100644
--- a/Source/UBCS-WEB/src/views/MasterData/items.vue
+++ b/Source/UBCS-WEB/src/views/MasterData/items.vue
@@ -1,175 +1,124 @@
<template>
- <el-container>
- <el-aside>
- <basic-container style="height: 85vh; max-height: 155vh; overflow-y: scroll;">
- <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="Treedata" :defaultExpandAll="false"
- :option="Treeoption"
- style="height: 80.5vh;padding-top: 5px;padding-bottom: 30px"
- @node-click=" nodeClick"
- ></avue-tree>
- </basic-container>
- </el-aside>
- <el-main>
- <TableCrud :page="this.page" :templateOid="this.templateOid" :codeClassifyOid="this.codeClassifyOid"></TableCrud>
- </el-main>
- </el-container>
+ <el-container>
+ <el-aside style="width:250px">
+ <basic-container>
+ <!-- 鏍戠粍浠�-->
+ <master-tree
+ :currentPage="this.currentPage"
+ :pageSize="this.pageSize"
+ @TreeValue="TreeValueEmit"
+ @Treedata="TreedataList"
+ @codeClassifyOid="codeClassifyOidList"
+ @coderuleoid="coderuleoidList"
+ @nodeClickTemplateOids="nodeClickTem"
+ @tableDataArray="tableDataArrays"
+ @tableHeadBttoms="tableHeadBttoms"
+ @tableHeadDataFateher="tableHeadDatas"
+ @tableHeadFindData="tableHeadFindDatas"
+ @nodeClickList="nodeClickLists"
+ @total="totals"
+ @loading="loadingHandler"
+ >
+ </master-tree>
+ </basic-container>
+ </el-aside>
+ <el-main>
+ <!-- 琛ㄦ牸缁勪欢-->
+ <VciMasterCrud
+ :TreeValue="TreeValue"
+ :Treedata="Treedata"
+ :codeClassifyOid="this.codeClassifyOid"
+ :coderuleoid="this.coderuleoid"
+ :isLoading="isLoading"
+ :page="this.page"
+ :tableDataArray="tableDataArray"
+ :tableHeadBtnData="masterVrBtnList"
+ :tableHeadDataFateher="this.tableHeadDataFateher"
+ :tableHeadFindData="tableHeadFindData"
+ :templateOid="templateOid"
+ :total="this.total"
+ :nodeClickList="this.nodeClickList"
+ @currentPage="currentPages"
+ @pageSize="pageSizes"
+ >
+ </VciMasterCrud>
+ </el-main>
+ </el-container>
</template>
<script>
-import {getTreeList} from "@/api/MasterData/master"
export default {
name: "items.vue",
- data(){
- return{
+ data() {
+ return {
// 鍒嗛〉
page: {
total: 0,
currentPage: 1,
- pageSize: 10,
+ pageSize: 100,
pageSizes: [10, 30, 50, 100, 200],
},
- templateOid: "A12826E4-2B66-6D56-DE30-92BB1D7F607F",
- codeClassifyOid: "D9CF223F-317D-71EB-BD11-433A94CAD9F3",
- CloneTreeAvueform:{},
- loading:false,
- Treedata:[],
- Treeoption: {
- addBtn: false,
- editBtn: false,
- delBtn: false,
- defaultExpandAll: false,
- menu: false,
- lazy: true,
- // treeLoad:function (node,resolve){
- // console.log(node)
- // console.log(resolve)
- // }
- treeLoad:function (node, resolve){
- if(node.loading){
- const parentId = (node.level === 0) ? 0 : node.data.oid;
- const parentBtmName = node.data.attributes.btmname
- getTreeList({parentOid:parentId,parentBtmName:parentBtmName}).then(res=>{
- console.log(res)
- })
- }
- },
- },
- nodeClickList: "",
+ pageSize: "100",
+ currentPage: "1",
+ codeClassifyOid: "",
+ coderuleoid: "",
+ Treedata: [],
+ templateOid: "",
+ tableDataArray: [],
+ masterVrBtnList: [],
+ tableHeadDataFateher: [],
+ total: "",
+ isLoading: false,
+ tableHeadFindData: {},
+ TreeValue: '',
+ nodeClickList:[]
}
},
created() {
- // this.getAttr()
- this.getTreeList()
},
- methods:{
- getTreeList(){
- getTreeList({'conditionMap[id]': 'wupin'}).then(res=>{
- this.Treedata=res.data
- this.ModifyProperties(this.Treedata, 'text', 'label');
- console.log(this.Treedata)
- }).catch(res=>{
- console.log(res)
- })
+ methods: {
+ nodeClickLists(val){
+ this.nodeClickList=val;
},
+ TreeValueEmit(val) {
+ this.TreeValue = val;
+ },
+ codeClassifyOidList(val) {
+ this.codeClassifyOid = val;
+ },
+ coderuleoidList(val) {
+ this.coderuleoid = val;
+ },
+ TreedataList(val) {
+ this.Treedata = val;
+ },
+ pageSizes(val) {
+ this.pageSize = val;
+ },
+ currentPages(val) {
+ this.currentPage = val;
+ },
+ tableDataArrays(val) {
+ this.tableDataArray = val;
+ },
+ totals(val) {
+ this.total = val;
+ },
+ tableHeadDatas(val) {
+ this.tableHeadDataFateher = val;
+ },
+ tableHeadFindDatas(val) {
+ this.tableHeadFindData = val;
+ },
+ nodeClickTem(val) {
+ this.templateOid = val;
- //瀹氫箟涓�涓慨鏀规暟鎹睘鎬у悕鐨勬柟娉�
- ModifyProperties(obj, oldName, newName) {
- for (let key in obj) {
- if (key === oldName) {
- obj[newName] = obj[key];
- delete obj[key];
- }
- if (typeof obj[key] === 'object') {
- this.ModifyProperties(obj[key], oldName, newName);
- }
- }
},
- //鏍戣妭鐐规坊鍔犳寜閽�
- // TreeAdd() {
- // this.TreeAddFormVisible = true;
- // // 鍒ゆ柇褰撳墠鏄惁鏈夌偣鍑诲瓙椤�
- // if (this.nodeClickList !== "") {
- // this.TreeFlag = true
- // }
- // },
- // //鏍戣妭鐐规坊鍔犱簨浠�
- // TreeAddHandler() {
- // const data = this.TreeAddform
- // this.$set(data, "parentCodeClassifyOid", this.nodeClickList.oid)
- // TreeSave(data).then(() => {
- // this.$message({
- // type: 'success',
- // message: '娣诲姞鎴愬姛!'
- // });
- // this.getAttr();
- // this.TreeAddFormVisible = false
- // this.TreeAddform = ""
- // }).catch(res => {
- // this.$message({
- // type: 'warning',
- // message: res
- // });
- // })
- // },
- //鏍戣妭鐐瑰垹闄ゆ寜閽�
- // TreeDel() {
- // this.$confirm('鏄惁鍒犻櫎褰撳墠閫夋嫨鐨勫垎绫伙紝灏嗕細鎶婂瓙鍒嗙被涓�骞跺垹闄わ紝濡傛灉瀛樺湪缂栫爜鏁版嵁灏嗕笉鑳借鍒犻櫎锛屾槸鍚︾户缁紵', '鎻愮ず', {
- // confirmButtonText: '纭畾',
- // cancelButtonText: '鍙栨秷',
- // type: 'warning',
- // customClass: 'my-messagebox',
- // }).then(() => {
- // TreeCheckDel(this.nodeClickList).then(res => {
- // if (res.data.data) {
- // TreeDel(this.nodeClickList).then(() => {
- // this.$message({
- // type: 'success',
- // message: '鍒犻櫎鎴愬姛!'
- // });
- // this.getAttr();
- // }).catch(res => {
- // this.$message({
- // type: 'warning',
- // message: res
- // });
- // })
- // } else {
- // this.$confirm('褰撳墠鏁版嵁鍖呭惈鏈変笅绾ф暟鎹紝瑕佸垹闄ょ殑璇濅細鍜屼笅绾ф暟鎹竴璧峰垹闄わ紝浣犵‘璁ょ户缁�?', '鎻愮ず', {
- // confirmButtonText: '纭畾',
- // cancelButtonText: '鍙栨秷',
- // type: 'warning',
- // customClass: 'my-messageboxs',
- // }).then(() => {
- // TreeDel(this.nodeClickList).then(() => {
- // this.$message({
- // type: 'success',
- // message: '鍒犻櫎鎴愬姛!'
- // });
- // this.getAttr();
- // }).catch(res => {
- // this.$message({
- // type: 'warning',
- // message: res
- // });
- // })
- // }).catch(() => {
- // this.$message({
- // type: 'info',
- // message: '宸插彇娑堝垹闄�'
- // });
- // });
- // }
- // })
- // }).catch(() => {
- // this.$message({
- // type: 'info',
- // message: '宸插彇娑堝垹闄�'
- // });
- // });
- // },
- nodeClick(data){
- this.nodeClickList = data
- console.log(data)
+ tableHeadBttoms(val) {
+ this.masterVrBtnList = val;
+ },
+ loadingHandler(val) {
+ this.isLoading = val;
}
}
}
--
Gitblit v1.9.3