样式优化

common/styles/global/pages.scss

@@ -649,6 +649,37 @@
 		.reset-btn{background-color: #3fd2a1;color: #fff;padding: 5rpx 20rpx;font-size: 24rpx;border-radius: 8rpx;line-height: 1.2;}
 		.tip-content-box{margin-bottom: 12rpx;font-size: 26rpx;}
 	}
+	// 办证信息list
+	.bzxx-list-page{
+		width:100%;height: 100vh;background-color: #f8f9fd;
+		.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{
+			font-size: 32rpx;color: #000;display: flex;justify-content: space-between;align-items: center;margin-bottom: 16rpx;
+			.name-btn{font-size: 26rpx;padding: 8rpx 20rpx;border-radius: 8rpx;line-height: 1.1;}
+			.editer-btn{background-color: #fff;color: #3fd2a1;border: 1rpx solid #3fd2a1;margin-left: auto;}
+			.delete-btn{background-color: #3fd2a1;color: #fff;margin-left: 20rpx;}
+			}
+		.bzxx-zy-row{
+			display: flex;align-items: center;margin-bottom: 16rpx;padding: 0 32rpx;box-sizing: border-box;
+			icon{width: 28rpx;height: 28rpx;@include ezy-no-repeat-cover;margin-right: 12rpx;flex-shrink: 0;}
+			text{color: #333;}
+			.zy-icon{background-image: url("@/static/images/common/zymc-icon.png");}
+			.zydj-icon{background-image: url("@/static/images/common/zydj-icon.png");}
+		}
+		.bzxx-zy-row +.bzxx-zy-row{margin-top: 6rpx;}	
+		.bzxx-time-row{
+			display: flex;align-items: center;
+			background-color:#f4f6fa;box-sizing: border-box;padding: 16rpx 32rpx;border-radius: 8rpx;font-size: 24rpx;
+			.time-icon{width: 20rpx;height: 20rpx;@include ezy-no-repeat-cover();
+			vertical-align: top;margin-right: 10rpx;flex-shrink: 0;background-image: url("@/static/images/common/time-icon.png");}
+		}
+		.bzxx-btn-box{
+			position: fixed;width: 100%;bottom: var(--window-bottom);left: 0;right: 0;
+			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;}
+		}
+	}
 }
 
 /*** 消息列表 ***/

pages/admin/Jiazheng/banzhengXinxiList.vue

@@ -1,22 +1,20 @@
 <template>
-	<view class="admin-jiazheng-page">
-		<view @click="addBanzheng">添加</view>
-		<view v-for="(item,index) in list" :key="index">
-			<view>
-				报证机构:{{item.jgName}}
+	<view class="bzxx-list-page">
+		<view class="bzxx-wrap-box">
+			<view v-for="(item,index) in list" :key="index" class="bzxx-card-box">
+				<view class="name-btn-box">
+					<view>报证机构:{{item.jgName}}</view>
+					<view class="name-btn editer-btn" @click="goEdit(item,index)">编辑</view>
+					<view class="name-btn delete-btn" @click="deleteFun(item,index)">删除</view>
+				</view>
+				<view class="bzxx-zy-row"><icon class="zy-icon"></icon>职业名称：<text>{{item.zyName}}</text></view>
+				<view class="bzxx-zy-row"><icon class="zydj-icon"></icon>职业等级：<text>{{item.zyLevelName}}</text></view>
+				<view class="bzxx-time-row"><icon class="time-icon"></icon><text>申报时间：{{item.createTime}}</text></view>
 			</view>
-			<view @click="goEdit(item,index)">
-				编辑
-			</view>
-			<view @click="deleteFun(item,index)">
-				删除
-			</view>
-			<view>职业名称:{{item.zyName}}</view>
-			<view>职业等级:{{item.zyLevelName}}</view>
-			<view>申报时间:{{item.createTime}}</view>
 		</view>
-		<view @click="saveBanzheng">
-			保存
+		<view class="bzxx-btn-box">
+			<button type="default" @click="addBanzheng" class="phone-white-btn">添加</button>
+			<button type="default" @click="saveBanzheng" class="phone-green-btn">保存</button>
 		</view>
 	</view>
 </template>