异常记录详情新增字段,修改ui

pages/center/reportList/reportDetails.vue

@@ -7,6 +7,8 @@
 		 :border-bottom="false" 
 		 back-icon-color="#CCE8FF" 
 		 :background="{background: 'linear-gradient(99deg, #7A4398 0%, #5A5DB9 100%)' }"></u-navbar>
+		
+		<view class="block-til">异常信息</view>
 		<view class="base-info">
 			<view class="base-info-item u-flex u-row-between">
 				<view class=""><b>路段/停车场：</b>{{pageData.roadName}}</view>
@@ -15,7 +17,7 @@
 				<view class=""><b>泊位号：</b>{{pageData.spaceNo}}</view>
 			</view>
 			<view class="base-info-item">
-				<view class=""><b>补充描述：</b>{{pageData.exceprionDes}}</view>
+				<view class=""><b>问题描述：</b>{{pageData.exceprionDes}}</view>
 			</view>
 			<view class="base-info-item">
 				<view class="">
@@ -25,18 +27,42 @@
 					</view>
 				</view>
 			</view>
+		</view>
+		<view class="block-til">处理信息</view>
+		<view class="base-info">
+			<view class="base-info-item">
+				<view class=""><b>处理状态：</b>{{pageData.isProcess|filterIsProcess}}</view>
+			</view>
 			<view class="base-info-item">
 				<view class=""><b>处理设配：</b>{{pageData.processDeviceName}}</view>
 			</view>
+			<view class="base-info-item">
+				<view class=""><b>损坏方式：</b>{{pageData.damageTypeName}}</view>
+			</view>
 			<view class="base-info-item">
 				<view class=""><b>处理方式：</b>{{pageData.processTypeName}}</view>
 			</view>
 			<view class="base-info-item">
-				<view class=""><b>处理状态：</b>{{pageData.isProcess|filterIsProcess}}</view>
+				<view class=""><b>处理员：</b>{{pageData.processBy}}</view>
+			</view>
+			<view class="base-info-item">
+				<view class=""><b>上报时间：</b>{{pageData.updateTime}}</view>
+			</view>
+		</view>
+		<view class="evaluateDes-wrap" v-if="pageData.evaluateDes">
+			<view class="block-til">评价信息</view>
+			<view class="base-info">
+				<view class="base-info-item">
+					<view class=""><b>评价内容：</b>{{pageData.evaluateDes}}</view>
+				</view>
+				<view class="base-info-item">
+					<view class=""><b>评价人：</b>{{pageData.evaluateBy}}</view>
+				</view>
 			</view>
 		</view>
+		
 		<view class="btn-wrap" v-if="pageData.isProcess!=1">
-			<u-button type="primary" @click="goReport">更新处理进度</u-button>
+			<u-button class="btn" type="primary" @click="goReport">更新处理进度</u-button>
 		</view>
 
 		</view>
@@ -107,11 +133,21 @@
 	}
 </script>
 <style>
-	page{background: #F3F3F3;}
+	page{background: #F3F3F3;padding-bottom: 24rpx;}
 </style>
 <style lang="scss" scoped>
 @import  '@/pages/report/report.scss';
 .btn-wrap{
 	margin: 80rpx 50rpx 24rpx;
+	min-height: 40px;
+	.btn{
+		position: fixed;
+		left: 24rpx;
+		bottom: 0;
+		width: calc( 100% - 48rpx );
+	}
+}
+.block-til{
+	margin-left: 24rpx;
 }
 </style>

pages/report/report.vue

@@ -56,7 +56,7 @@
 				</view>
 			</view>
 		</u-form>
-		<u-button type="primary" @click="submit" style="margin-top: 5vh;">提交</u-button>
+		<u-button type="primary" @click="submit" style="margin-top: 24rpx;">提交</u-button>
 		<!-- 单列下拉选择 -->
 		<u-select v-model="selectShow" :list="selectData" @confirm="selectConfirm"></u-select>
 	</view>