|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div class="expenseMobileinfo-all">
|
|
|
+ <div class="expenseMobileinfo-all" v-loading.fullscreen.lock="fullscreenLoading">
|
|
|
<div class="expenseMobileinfo-top">
|
|
|
<div class="back"><i style="font-weight:600 ;font-size: 16px;" class="el-icon-arrow-left"></i>返回</div>
|
|
|
<div class="expenseMobileinfo-title">费用清单</div>
|
|
|
@@ -45,7 +45,8 @@ export default {
|
|
|
classify:[],
|
|
|
diid:'',
|
|
|
GroupInfo:{},
|
|
|
- tabledata:[]
|
|
|
+ tabledata:[],
|
|
|
+ fullscreenLoading:false
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
@@ -56,6 +57,7 @@ export default {
|
|
|
},
|
|
|
//获取分类
|
|
|
PostGroupDirectionalClassificationInit() {
|
|
|
+ this.fullscreenLoading=true;
|
|
|
var url = "/api/Business/PostGroupDirectionalClassificationInit"
|
|
|
var that = this
|
|
|
this.$axios({
|
|
|
@@ -68,7 +70,11 @@ export default {
|
|
|
console.log(res);
|
|
|
if (res.data.code == 200) {
|
|
|
that.classify=res.data.data;
|
|
|
- that.menuliclick(that.classify[0].id,0)
|
|
|
+ setTimeout(function () {
|
|
|
+ that.menuliclick(that.classify[0].id,0)
|
|
|
+ },500)
|
|
|
+ }else{
|
|
|
+ that.fullscreenLoading=false;
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
@@ -99,15 +105,16 @@ export default {
|
|
|
this.tabledata=[];
|
|
|
var boxes = document.getElementsByClassName('expenseMobileinfo-menu-li');
|
|
|
for(let i=0;i<boxes.length;i++){
|
|
|
- boxes[i].style.color="#555";
|
|
|
- boxes[i].style.backgroundColor="#FFF";
|
|
|
boxes[index].style.backgroundColor="#ede8e8";
|
|
|
boxes[index].style.color="#000";
|
|
|
+ boxes[i].style.color="#555";
|
|
|
+ boxes[i].style.backgroundColor="#FFF";
|
|
|
}
|
|
|
this.getPostSearchGrpCreditCardPayment(id);
|
|
|
},
|
|
|
//获取详情
|
|
|
getPostSearchGrpCreditCardPayment(val) {
|
|
|
+ this.fullscreenLoading=true;
|
|
|
var url = "/api/Groups/PostSearchGrpCreditCardPayment"
|
|
|
var that = this
|
|
|
this.$axios({
|
|
|
@@ -127,6 +134,9 @@ export default {
|
|
|
}).then(function (res) {
|
|
|
if (res.data.code == 200) {
|
|
|
that.tabledata=res.data.data.data.detailList;
|
|
|
+ that.fullscreenLoading=false;
|
|
|
+ }else{
|
|
|
+ that.fullscreenLoading=false;
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
@@ -135,19 +145,10 @@ export default {
|
|
|
this.diid = this.$route.query.id;
|
|
|
this.PostShareGroupInfo();
|
|
|
this.PostGroupDirectionalClassificationInit();
|
|
|
- document.getElementsByClassName('expenseMobileinfo-menu')[0].style.height=(document.documentElement.clientHeight)-44+'px' || (document.body.clientHeight)-44+'px'
|
|
|
- document.getElementsByClassName('expenseMobileinfo-list')[0].style.height=(document.documentElement.clientHeight)-44+'px' || (document.body.clientHeight)-44+'px'
|
|
|
-
|
|
|
- // var boxes = document.getElementsByClassName('expenseMobileinfo-menu-li');
|
|
|
- // for (var i = 0; i < boxes.length; i++) {
|
|
|
- // boxes[i].addEventListener('click', function(event) {
|
|
|
- // this.style.backgroundColor = 'blue';
|
|
|
- // });
|
|
|
-
|
|
|
- // boxes[i].addEventListener('click', function(event) {
|
|
|
- // this.style.backgroundColor = 'white';
|
|
|
- // });
|
|
|
- // }
|
|
|
+ let divbox=(document.getElementsByClassName('expenseMobileinfo-group')[0].offsetHeight)+44;
|
|
|
+ console.log(divbox);
|
|
|
+ document.getElementsByClassName('expenseMobileinfo-content')[0].style.height=(document.documentElement.clientHeight)-divbox+'px' || (document.body.clientHeight)-divbox+'px'
|
|
|
+ // document.getElementsByClassName('expenseMobileinfo-list')[0].style.height=(document.documentElement.clientHeight)-divbox+'px' || (document.body.clientHeight)-divbox+'px'
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -215,7 +216,7 @@ export default {
|
|
|
padding: 5px;
|
|
|
border-radius:5px ;
|
|
|
box-shadow: 0 0 10px #0005;
|
|
|
- margin-bottom:5px ;
|
|
|
+ margin-top:5px ;
|
|
|
}
|
|
|
.expenseMobileinfo-list{
|
|
|
overflow: auto;
|
