样式修改

common/styles/global/pages.scss

@@ -653,6 +653,7 @@
 	// 办证信息list
 	.bzxx-list-page{
 		width:100%;height: 100vh;background-color: #f8f9fd;
+		display: flex;flex-direction: column;
 		.bzxx-wrap-box{flex: 1;overflow: auto;height: calc(100vh - 288rpx - var(--status-bar-height));padding-bottom: 20rpx;}
 		.bzxx-card-box{background-color: #fff;padding:24rpx 38rpx;font-size: 28rpx;color: #666;line-height: 1;margin-top: 20rpx;}
 		.name-btn-box{
@@ -680,6 +681,14 @@
 			margin: 20rpx 0 0;display: flex;justify-content: center;padding: 32rpx 0;background-color: #fff;
 			.phone-white-btn,.phone-green-btn{width: 36%;font-size: 28rpx;margin: 0 16rpx;}
 		}
+		.bzxx-add-btn-box{
+			width: 100%;background-color: #fff;display: flex;flex: 1;justify-content: center;
+			.bzxx-add-btn{
+				width: 400rpx;height: 220rpx;line-height: 220rpx;border: 1rpx dashed #3fd2a1;font-size: 32rpx;
+				border-radius: 8rpx;color: #3fd2a1;text-align: center;margin-top: 100rpx;
+				text{color:#3fd2a1;font-size: 42rpx;margin-right: 16rpx;}
+			}
+		}
 	}
 }
 

pages/admin/Jiazheng/banzhengXinxiList.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="bzxx-list-page">
-		<view class="bzxx-wrap-box">
+		<view class="bzxx-wrap-box" v-if="list.length>0">
 			<view v-for="(item,index) in list" :key="index" class="bzxx-card-box">
 				<view class="name-btn-box">
 					<view>报证机构:{{item.jgName}}</view>
@@ -12,10 +12,12 @@
 				<view class="bzxx-time-row"><icon class="time-icon"></icon><text>申报时间：{{item.createTime}}</text></view>
 			</view>
 		</view>
-		<!-- 删除 tx看这里↓-->
-		<view :class="list.length>0?'bzxx-btn-box':'aaaa'">
+		<view v-if="list.length>0" class="bzxx-btn-box">
 			<button type="default" @click="addBanzheng" class="phone-white-btn">添加</button>
 		</view>
+		<view v-else class="bzxx-add-btn-box">
+			<view  @click="addBanzheng" class="bzxx-add-btn"><text>+</text>添加办证信息</view>
+		</view>
 	</view>
 </template>