为空页面

src/components/NullList.vue

@@ -0,0 +1,28 @@
+<template >
+    <div class="mui-slider-group" style="z-index: 8">
+        <div style="text-align: center;margin-top: 100px"  >
+            <img src="~$project/assets/img/lad.png" width="50%" style="width: 50%"  >
+            <p>{{remark}}</p>
+        </div>
+
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'nullList',
+        props: {
+            remark: {
+                require: false,
+                default: '',
+            },
+        },
+        methods: {},
+        mounted() {}
+    }
+</script>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+
+<style scoped="scoped">
+
+</style>

src/projects/business/router/master.js

@@ -128,7 +128,7 @@ const routesMaster = [
 								meta: {
 									requireAuth: false,
 									role: [],
-									title: '账单列表',
+									title: '账单缴费',
 								}
 							},
 							//账单列表

src/projects/business/views/Common/Device/List.vue

@@ -16,6 +16,7 @@
 			</div>
 
 			<ul class="mui-table-view">
+
 				<li class="mui-table-view-cell mui-media" v-for="(device,index) in devices">
 					<a>
 						<div class="mui-media-body flew-sp">
@@ -31,6 +32,8 @@
 			</ul>
 
 		</div>
+		<NullList :remark="''" v-if="!devices.length"></NullList>
+
 		<loading :visible="isLoading"></loading>
 
 	</div>
@@ -39,6 +42,7 @@
 
 <script>
 	import * as API_Device from '@/apis/Common/device'
+	import NullList from '$project/components/NullList.vue'
 
 	import Common from '$project/components/Common.vue'
 	import Loading from '$project/components/Loading.vue'
@@ -53,7 +57,7 @@
 		components: {
 			Common,
 			Loading,
-			TopHeader
+			TopHeader,NullList
 		},
 		data() {
 			return {

src/projects/business/views/Common/Notice/Home.vue

@@ -17,6 +17,7 @@
 				</ul>
 			</div>
 		</div>
+		<NullList :remark="'暂无消息'" v-if="!recordList.length"></NullList>
 
 		<loading :visible="isLoading"></loading>
 	</div>
@@ -28,6 +29,8 @@
 	import Loading from '$project/components/Loading.vue'
 	import isReachBottom from '$project/utils/isReachBottom'
 	import TopHeader from '$project/components/TopHeader.vue'
+	import NullList from '$project/components/NullList.vue'
+
 	import {
 		mapGetters,
 		mapMutations
@@ -37,7 +40,7 @@
 		components: {
 			Common,
 			Loading,
-			TopHeader
+			TopHeader,NullList
 		},
 		data() {
 			return {

src/projects/business/views/Guest/From/List.vue

@@ -32,7 +32,9 @@
 
 
 		</div>
-		<div class="fyy-footer">
+	<NullList :remark="'您尚未邀请访客来访'" v-if="!recordList.length"></NullList>
+
+	<div class="fyy-footer">
 			<div class="bindfyy-btn">
 				<button type="button" class="mui-btn mui-btn-primary " @click="save">
 						邀请访客
@@ -51,6 +53,8 @@
 	import Loading from '$project/components/Loading.vue'
 	import TopHeader from '$project/components/TopHeader.vue'
 	import isReachBottom from '$project/utils/isReachBottom'
+	import NullList from '$project/components/NullList.vue'
+
 	import {
 		mapGetters,
 		mapMutations
@@ -60,7 +64,7 @@
 		components: {
 			Common,
 			Loading,
-			TopHeader
+			TopHeader,NullList
 		},
 		data() {
 			return {

src/projects/business/views/Master/Attendance/LeaveList.vue

@@ -22,6 +22,9 @@
 				<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary " @click="save()">写请假条</button></div>
 			</div>
 		</div>
+		<NullList :remark="'暂无请假记录'" v-if="!recordList.length"></NullList>
+
+
 		<loading :visible="isLoading"></loading>
 
 	</div>
@@ -34,6 +37,8 @@
 	import Loading from '$project/components/Loading.vue'
 	import TopHeader from '$project/components/TopHeader.vue'
 	import isReachBottom from '$project/utils/isReachBottom'
+	import NullList from '$project/components/NullList.vue'
+
 	import {
 		mapGetters,
 		mapMutations
@@ -43,7 +48,7 @@
 		components: {
 			Common,
 			Loading,
-			TopHeader
+			TopHeader,NullList
 		},
 		data() {
 			return {

src/projects/business/views/Master/Attendance/List.vue

@@ -20,6 +20,7 @@
 				</ul>
 			</div>
 		</div>
+		<NullList :remark="'暂无考勤记录'" v-if="!recordList.length"></NullList>
 
 		<loading :visible="isLoading"></loading>
 	</div>
@@ -31,6 +32,7 @@
 	import Loading from '$project/components/Loading.vue'
 	import TopHeader from '$project/components/TopHeader.vue'
 	import isReachBottom from '$project/utils/isReachBottom'
+	import NullList from '$project/components/NullList.vue'
 	import {
 		mapGetters,
 		mapMutations
@@ -40,7 +42,7 @@
 		components: {
 			Common,
 			Loading,
-			TopHeader
+			TopHeader,NullList
 		},
 		data() {
 			return {

src/projects/business/views/Master/Attendance/VerifyLeaveList.vue

@@ -34,7 +34,10 @@
 										</router-link>
 									</li>
 								</ul>
+								<NullList :remark="'暂无请假申请记录'" v-if="!recordList.length"></NullList>
+
 								<form class="mui-input-group fyy-checkbox" v-if="listForm.type==0">
+
 									<div class="mui-input-row mui-checkbox mui-left" v-for="mod in recordList">
 
 										<router-link class="mui-navigate-right" :to="{name: 'MasterAttendanceVerifyLeaveInfo', query: {id:mod.id}}">
@@ -83,7 +86,6 @@
 				<button class="mui-btn mui-btn-primary" @click="doAction">提交</button>
 			</div>
 		</div>
-
 		<loading :visible="isLoading"></loading>
 
 	</div>
@@ -96,6 +98,7 @@
 	import Loading from '$project/components/Loading.vue'
 	import TopHeader from '$project/components/TopHeader.vue'
 	import isReachBottom from '$project/utils/isReachBottom'
+	import NullList from '$project/components/NullList.vue'
 	import {
 		mapGetters,
 		mapMutations
@@ -105,7 +108,7 @@
 		components: {
 			Common,
 			Loading,
-			TopHeader
+			TopHeader,NullList
 		},
 		data() {
 			return {

src/projects/business/views/Master/Attendance/VerifyList.vue

@@ -15,6 +15,7 @@
 						</a>
 					</div>
 				</div>
+				<NullList :remark="'暂无审批记录'" v-if="!recordList.length"></NullList>
 				<div class="mui-slider-group">
 
 					<div v-show="listForm.status==0" class="mui-slider-item mui-control-content">
@@ -95,6 +96,7 @@
 	import Loading from '$project/components/Loading.vue'
 	import TopHeader from '$project/components/TopHeader.vue'
 	import isReachBottom from '$project/utils/isReachBottom'
+	import NullList from '$project/components/NullList.vue'
 	import {
 		mapGetters,
 		mapMutations
@@ -104,7 +106,7 @@
 		components: {
 			Common,
 			Loading,
-			TopHeader
+			TopHeader,NullList
 		},
 		data() {
 			return {

src/projects/business/views/Master/Property/Car/List.vue

@@ -16,15 +16,13 @@
 						</a>
 					</div>
 				</div>
+				<NullList :remark="'暂无车位申请出入记录'" v-if="!recordList.length"></NullList>
+
 				<div class="mui-slider-group">
-					<div style="text-align: center;margin-top: 100px"  v-if="!recordList.length">
-						<img src="~$project/assets/img/lad.png" width="50%"  >
-					</div>
+
 
 					<div  class="mui-slider-item mui-control-content">
-						<div style="text-align: center"  v-if="!recordList.length">
-							<span>暂无车位申请出入记录</span>
-						</div>
+
 
 						<div class="mui-scroll-wrapper">
 							<div class="mui-scroll">
@@ -62,6 +60,8 @@
 <script>
 	import * as API from '@/apis/Master/Property/car'
 	import Common from '$project/components/Common.vue'
+	import NullList from '$project/components/NullList.vue'
+
 	import Loading from '$project/components/Loading.vue'
 	import TopHeader from '$project/components/TopHeader.vue'
 	import isReachBottom from '$project/utils/isReachBottom'
@@ -74,7 +74,7 @@
 		components: {
 			Common,
 			Loading,
-			TopHeader
+			TopHeader,NullList
 		},
 		data() {
 			return {