@leevan/jtui 2.0.43 → 2.0.45

package/examples/tableTest/table-ptbg.vue

@@ -2,6 +2,8 @@
     <div style="height:100%">
         <div style="margin-bottom:12px;">
             <el-button size="mini" @click="exportTableData">导出数据</el-button>
+            <el-button size="mini" @click="loadData1">数据1</el-button>
+            <el-button size="mini" @click="loadData2">数据2</el-button>
             <el-button size="mini" @click="exportDataExcel">直接导出数据</el-button>
             <el-button size="mini" @click="importData">导入数据</el-button>
             <el-button size="mini" @click="clearData">清空数据</el-button>
@@ -101,7 +103,7 @@
 </template>
 
 <script>
-import { data23 , data13,data7 ,data5} from '../../packages/jt-table/data2';
+import { data23 , data13,data7 ,data5,data15} from '../../packages/jt-table/data2';
 import { data1 ,data0} from '../data2'; 
     export default {
         data(){ 
@@ -133,19 +135,47 @@ import { data1 ,data0} from '../data2';
             }
         },
         created(){
-            const res = data5();
+            const res = data15();
             this.tableData[0].retjson = res[0].retjson;
         },
         mounted(){
             this.loading = true;
-            const res = data5();
+            const res = data15();
             let timeId = setTimeout(()=>{
+                // this.$refs.tablePtbg.loadData(res[0].DataArray);
                 this.$refs.tablePtbg.loadData(res[0].DataArray);
                 clearTimeout(timeId);
                 this.loading = false
-            },2000)
+            },1000)
         },
         methods:{
+            loadData1(){
+                const res = data15();
+                this.tableData[0].retjson = []
+                this.$nextTick(() => {
+                     this.tableData[0].retjson = res[0].retjson;
+                    this.loading = true;
+                    let timeId = setTimeout(()=>{
+                        this.$refs.tablePtbg.reloadData(res[0].DataArray);
+                        clearTimeout(timeId);
+                        this.loading = false
+                    },1000)
+                })
+            },
+            loadData2(){
+                const res = data5();
+                this.tableData[0].retjson = []
+                this.$nextTick(() => {
+                     this.tableData[0].retjson = res[0].retjson;
+                    this.loading = true;
+                    let timeId = setTimeout(()=>{
+                        this.$refs.tablePtbg.reloadData(res[0].DataArray);
+                        clearTimeout(timeId);
+                        this.loading = false
+                    },1000)
+                })
+               
+            },
             //导出数据
             exportTableData(){
                 this.$refs.tablePtbg.exportTableData();
@@ -250,6 +280,14 @@ import { data1 ,data0} from '../data2';
     }
 </script>
 
-<style lang="scss" scoped>
-
+<style lang="scss">
+.vxe-loading{
+    background-color: rgba(0, 0, 0, .2) !important;
+}
+.vxe-loading .vxe-loading--spinner:before{
+    background-color: #409eff !important;
+}
+.vxe-loading .vxe-loading--spinner:after{
+    background-color: #409eff !important;
+}
 </style>

package/examples/tableTest/tree-table.vue

@@ -31,12 +31,13 @@ import { data } from '../data2.js';
             // debugger;
             // data[0].DataArray[0].TEST_EXEC = '显示文案'
 
-            this.data = data();
+            
             setInterval(() => {
+                this.data = data();
                 this.aaa = {
                     test:Math.random()
                 }
-            },5000)
+            },2000)
         },
         data(){
             return {