Skip to content

hrs_app_h5 / bill

Go to a project
Commit a0e78312 by 张辉
Options

添加无数据时的空数据提示

parent fb0267eb
Inline Side-by-side
Showing with 47 additions and 20 deletions
src/views/Bill/annualfee.vue
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<div class="title_money">{{data.waitPay}}</div> <div class="title_money">{{data.waitPay}}</div>
</div> </div>
</div> </div>
<div class="box"> <div class="box" v-if="data.list.length > 0">
<div class="list" v-for="(item,index) in data.list" :key="index"> <div class="list" v-for="(item,index) in data.list" :key="index">
<div class="list_title"> <div class="list_title">
<div class="title">{{item.vipTerm|vipTermFilter}}</div> <div class="title">{{item.vipTerm|vipTermFilter}}</div>
...@@ -26,6 +26,9 @@ ...@@ -26,6 +26,9 @@
</p> </p>
</div> </div>
</div> </div>
<div class="empty_data" v-else>
暂无{{title}}数据
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -171,5 +174,10 @@ export default { ...@@ -171,5 +174,10 @@ export default {
} }
} }
} }
.empty_data{
color:#c2c2c2;
margin:100px auto;
width: 120px;
}
} }
</style> </style>
\ No newline at end of file
src/views/Bill/sociallist.vue
...@@ -7,29 +7,32 @@ ...@@ -7,29 +7,32 @@
<div class="header"> <div class="header">
<div class="content_left"> <div class="content_left">
<div class="title_info">应付总额</div> <div class="title_info">应付总额</div>
<div class="title_money">{{data.payment|moneyNum}}</div> <div class="title_money">{{ data.payment | moneyNum }}</div>
</div> </div>
<div class="content_right"> <div class="content_right">
<div class="title_info">待付金额</div> <div class="title_info">待付金额</div>
<div class="title_money">{{data.waitPayment|moneyNum}}</div> <div class="title_money">{{ data.waitPayment | moneyNum }}</div>
</div> </div>
</div> </div>
<div class="box"> <div class="box" v-if="data.list.length > 0">
<div class="list" v-for="(item,index) in data.list" :key="index"> <div class="list" v-for="(item, index) in data.list" :key="index">
<div class="list_title" @click="toNextPage(index)"> <div class="list_title" @click="toNextPage(index)">
<div class="title">{{item.groupName}}</div> <div class="title">{{ item.groupName }}</div>
<van-icon name="arrow" class="arrow_right" /> <van-icon name="arrow" class="arrow_right" />
</div> </div>
<p> <p>
<span>应付金额</span> <span>应付金额</span>
<i>{{item.payment|moneyNum}}</i> <i>{{ item.payment | moneyNum }}</i>
</p> </p>
<p> <p>
<span>待付金额</span> <span>待付金额</span>
<i>{{item.waitPayment|moneyNum}}</i> <i>{{ item.waitPayment | moneyNum }}</i>
</p> </p>
</div> </div>
</div> </div>
<div class="empty_data" v-else>
暂无{{title}}数据
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -43,7 +46,7 @@ import setBarHeight from "../../assets/js/setBarHeight.js"; ...@@ -43,7 +46,7 @@ import setBarHeight from "../../assets/js/setBarHeight.js";
export default { export default {
components: { components: {
Header, Header,
[Icon.name]: Icon [Icon.name]: Icon,
}, },
mixins: [setBarHeight], mixins: [setBarHeight],
data() { data() {
...@@ -54,12 +57,12 @@ export default { ...@@ -54,12 +57,12 @@ export default {
data: { data: {
payment: 0, payment: 0,
waitPayment: 0, waitPayment: 0,
list: [{ groupName: "", payment: 0, waitPayment: 0, list: [] }] list: [{ groupName: "", payment: 0, waitPayment: 0, list: [] }],
} },
}; };
}, },
computed: { computed: {
...mapGetters(["getBeginDate"]) ...mapGetters(["getBeginDate"]),
}, },
methods: { methods: {
...mapActions(["loadReceiptDetail"]), ...mapActions(["loadReceiptDetail"]),
...@@ -67,24 +70,24 @@ export default { ...@@ -67,24 +70,24 @@ export default {
if (this.type != "service") { if (this.type != "service") {
this.$router.push({ this.$router.push({
name: "socialdetail", name: "socialdetail",
query: { index } query: { index },
}); });
} else { } else {
this.$router.push({ this.$router.push({
name: "servicefee_detail", name: "servicefee_detail",
query: { index } query: { index },
}); });
} }
}, },
getData() { getData() {
this.loadReceiptDetail({ this.loadReceiptDetail({
accountId: this.currentPerId, accountId: this.currentPerId,
type: this.type type: this.type,
}).then( }).then(
data => { (data) => {
this.data = data; this.data = data;
}, },
err => { (err) => {
console.log(err); console.log(err);
} }
); );
...@@ -116,7 +119,7 @@ export default { ...@@ -116,7 +119,7 @@ export default {
}, },
navLeftArrowClick() { navLeftArrowClick() {
this.$router.go(-1); this.$router.go(-1);
} },
}, },
mounted() { mounted() {
this.setPageNavState(); this.setPageNavState();
...@@ -125,7 +128,7 @@ export default { ...@@ -125,7 +128,7 @@ export default {
this.currentPerId = this.$route.query.currentPerId; this.currentPerId = this.$route.query.currentPerId;
this.makeTitle(); this.makeTitle();
this.getData(); this.getData();
} },
}; };
</script> </script>
...@@ -198,5 +201,10 @@ export default { ...@@ -198,5 +201,10 @@ export default {
} }
} }
} }
.empty_data{
color:#c2c2c2;
margin:100px auto;
width: 120px;
}
} }
</style> </style>
\ No newline at end of file
src/views/Other/index.vue
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<div class="title_money">{{data.waitPay|moneyNum}}</div> <div class="title_money">{{data.waitPay|moneyNum}}</div>
</div> </div>
</div> </div>
<div class="box"> <div class="box" v-if="data.list.length > 0">
<div class="list" v-for="(item,index) in data.list" :key="index"> <div class="list" v-for="(item,index) in data.list" :key="index">
<div class="list_title" @click="toPage(index)"> <div class="list_title" @click="toPage(index)">
<div class="title">{{item.productName}}</div> <div class="title">{{item.productName}}</div>
...@@ -30,6 +30,9 @@ ...@@ -30,6 +30,9 @@
</p> </p>
</div> </div>
</div> </div>
<div class="empty_data" v-else>
暂无{{title}}数据
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -190,5 +193,10 @@ export default { ...@@ -190,5 +193,10 @@ export default {
} }
} }
} }
.empty_data{
color:#c2c2c2;
margin:100px auto;
width: 120px;
}
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment