css(message、process/detail): 适老化样式修改

components/ygoa/messageList.vue

@@ -212,11 +212,13 @@ defineExpose({
 			.message_time {
 				color: #888;
 				text-align: right;
-				font-size: 0.8rem;			line-height: 1.8rem;
+				font-size: 0.8rem;			
+				line-height: 1.8rem;
 			}
 		}
 
 		.message_bottom_container {
+			line-height: 1rem;
 			.message_content {
 				max-width: 100%;
 				display: inline-block;

pages/message/index.vue

@@ -332,21 +332,11 @@ function setAllMsgRead() {
 <style lang="scss" scoped>
 @import "@/static/font/ygoa/iconfont.css";
 
-.text {
-	text-align: center;
-	font-size: 26rpx;
-	margin-top: 10rpx;
-}
-
 ::v-deep .uni-badge {
 	height: calc(1.5rem + 0px) !important;
 	min-width: calc(1.5rem + 0px) !important;
 	line-height: calc(1.375rem + 0px) !important;
 	font-size: calc(1.125rem + 0px) !important;
-	// 	height: calc(1.5rem + .5 * (1rem - 16px)) !important;
-	// 	min-width: calc(1.5rem + .5 * (1rem - 16px)) !important;
-	// 	line-height: calc(1.375rem + .5 * (1rem - 16px)) !important;
-	// 	font-size: calc(1.125rem + .5 * (1rem - 16px)) !important;
 }
 
 ::v-deep .process_container {
@@ -401,8 +391,9 @@ function setAllMsgRead() {
 						display: flex;
 						flex-direction: row;
 						align-items: center;
-						justify-content: center;			transition: background-color .3s;
-		
+						justify-content: center;
+						transition: background-color .3s;
+
 						.active_step_text {
 							color: #fff;
 							font-size: 11px;
@@ -415,7 +406,7 @@ function setAllMsgRead() {
 						}
 					}
 				}
-		
+
 				.u-steps-item view:last-of-type {
 					margin-top: 0 !important;
 				}
@@ -423,6 +414,7 @@ function setAllMsgRead() {
 		}
 	}
 }
+
 ::v-deep .notice_list {
 	.msg_list_container {
 		.zp-l-text-rpx {
@@ -430,6 +422,7 @@ function setAllMsgRead() {
 		}
 	}
 }
+
 .read_button {
 	position: absolute;
 	top: calc(12px + .5 * (1rem - 16px));
@@ -440,11 +433,13 @@ function setAllMsgRead() {
 	background-color: #007aff;
 	color: #fff;
 }
+
 .read_button[disabled] {
-	background-color: #f5f5f5; 
-	color: #666;           
-	opacity: 0.5;             
+	background-color: #f5f5f5;
+	color: #666;
+	opacity: 0.5;
 }
+
 ::v-deep .message_list {
 	.msg_list_container {
 		.segmented_control_container {
@@ -452,20 +447,26 @@ function setAllMsgRead() {
 				font-size: calc(14px + .5*(1rem - 16px));
 			}
 		}
-		.zp-l-text-rpx {
-			font-size: calc(30rpx + .5*(1rem - 16px));
+
+		.zp-paging-container-content {
+			.zp-l-text-rpx {
+				font-size: calc(30rpx + .5*(1rem - 16px));
+			}
 		}
 	}
 }
+
 ::v-deep .fab_button {
 	.toClockInBtn {
 		.uni-fab__circle--rightBottom {
 			bottom: 100px;
 		}
 	}
+
 	.uni-fab__circle {
 		width: calc(55px + .5*(1rem - 16px)) !important;
 		height: calc(55px + .5*(1rem - 16px)) !important;
+
 		.uni-icons {
 			font-size: calc(32px + .5*(1rem - 16px)) !important;
 		}

pages/process/detail/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<page-meta root-font-size="system"/>
+	<page-meta root-font-size="system" />
 	<view class="process_detail_container">
 		<uni-card>
 			<view class="main_container">
@@ -19,14 +19,20 @@
 										v-model="elem.defaultValue" type="text"></uni-easyinput>
 									<!-- 审批签字板 -->
 									<view v-else-if="'13' == elem.type">
-										<button v-if="elem.defaultValue == ''" type="primary" @click="handleSignature(index)">签名</button>
+										<button v-if="elem.defaultValue == ''" type="primary"
+											@click="handleSignature(index)">签名</button>
 										<view v-else class="signature_img">
-											<img style="width: 100%;" mode="widthFix" @click="handleSignature(index)" :src="config.baseUrlPre + elem.sealImgPath" :alt="elem.elementName + '签名'" />
+											<img style="width: 100%;" mode="widthFix" @click="handleSignature(index)"
+												:src="config.baseUrlPre + elem.sealImgPath"
+												:alt="elem.elementName + '签名'" />
 										</view>
 									</view>
 								</view>
-								<view v-else-if="typeof elem.defaultValue === 'string' &&  elem.defaultValue.substring(0, 7) == '/shares'" class="signature_img">
-									<img style="width: 100%;" mode="widthFix" :src="config.baseUrlPre + elem.defaultValue" />
+								<view
+									v-else-if="typeof elem.defaultValue === 'string' && elem.defaultValue.substring(0, 7) == '/shares'"
+									class="signature_img">
+									<img style="width: 100%;" mode="widthFix"
+										:src="config.baseUrlPre + elem.defaultValue" />
 								</view>
 								<text class="element_value" v-else>{{ elem.defaultValue }}</text>
 							</view>
@@ -77,10 +83,10 @@
 					<uni-section titleFontSize="1.3rem" title="流转过程" type="line"></uni-section>
 					<up-steps :current="stepActive" activeColor="#18bc37" inactiveColor="#2979ff" direction="column">
 						<view v-for="(step, index) in options">
-							<up-steps-item :contentClass="'redcontent'" v-if="step.state == 3" :title="step.title + ' 退回'" :desc="step.desc"
-								:key="index" error></up-steps-item>
-							<up-steps-item :contentClass="'redcontent'" v-else-if="step.state == 0" :title="step.title + ' 撤销'" :desc="step.desc"
-								:key="index" error></up-steps-item>
+							<up-steps-item :contentClass="'redcontent'" v-if="step.state == 3"
+								:title="step.title + ' 退回'" :desc="step.desc" :key="index" error></up-steps-item>
+							<up-steps-item :contentClass="'redcontent'" v-else-if="step.state == 0"
+								:title="step.title + ' 撤销'" :desc="step.desc" :key="index" error></up-steps-item>
 							<up-steps-item v-else-if="index == stepActive" :title="step.title" :desc="step.desc"
 								:key="index">
 								<template #icon>
@@ -107,7 +113,8 @@
 		</view>
 		<view v-if="processInfo.tinsId" class="approve_button">
 			<uni-card spacing="0" padding="0">
-				<button :disabled="!button_state" :loading="!button_state" type="primary" @click="handleSubmitProcess('1')">通过</button>
+				<button :disabled="!button_state" :loading="!button_state" type="primary"
+					@click="handleSubmitProcess('1')">通过</button>
 			</uni-card>
 		</view>
 	</view>
@@ -116,10 +123,12 @@
 			<uni-card spacing="0" padding="0" :is-shadow="false" :border="false">
 				<uni-row>
 					<uni-col :span="11">
-						<button :disabled="!button_state" :loading="!button_state" type="warn" @click="handleSubmitProcess('0')">退回上一级</button>
+						<button :disabled="!button_state" :loading="!button_state" type="warn"
+							@click="handleSubmitProcess('0')">退回上一级</button>
 					</uni-col>
 					<uni-col :span="11" :offset="2">
-						<button :disabled="!button_state" :loading="!button_state" type="warn" @click="handleSubmitProcess('2')">退回发起人</button>
+						<button :disabled="!button_state" :loading="!button_state" type="warn"
+							@click="handleSubmitProcess('2')">退回发起人</button>
 					</uni-col>
 				</uni-row>
 			</uni-card>
@@ -136,7 +145,8 @@
 		</view>
 		<view class="cancel_button_container">
 			<uni-card spacing="0" padding="0">
-				<button :disabled="!button_state" :loading="!button_state" type="warn" @click="handleCancelProcess">撤销</button>
+				<button :disabled="!button_state" :loading="!button_state" type="warn"
+					@click="handleCancelProcess">撤销</button>
 			</uni-card>
 		</view>
 	</view>
@@ -145,7 +155,8 @@
 	<uni-popup ref="signaturePopup" @maskClick="closeSignaturePopup">
 		<view class="signature_container" :class="isLandscape ? ' signature_container_landscape' : ''">
 			<view class="signature_content">
-				<l-signature ref="signatureRef" v-if="signaturePopupShow" :landscape="isLandscape" :penSize="8" :minLineWidth="4" :maxLineWidth="12" :openSmooth="true" :preferToDataURL="true"
+				<l-signature ref="signatureRef" v-if="signaturePopupShow" :landscape="isLandscape" :penSize="8"
+					:minLineWidth="4" :maxLineWidth="12" :openSmooth="true" :preferToDataURL="true"
 					backgroundColor="#ffffff" penColor="black"></l-signature>
 			</view>
 			<view class="signature_button_container">
@@ -304,7 +315,7 @@ function initSignature() {
 	}, 100)
 }
 function onclickSignatureButton(event) {
-	console.log('onclickSignatureButton: ',event);
+	console.log('onclickSignatureButton: ', event);
 	switch (event) {
 		case 'undo':
 			signatureRef.value.undo()
@@ -324,13 +335,13 @@ function onclickSignatureButton(event) {
 					if (res.tempFilePath.substring(0, 'data:image/png;base64,'.length) == 'data:image/png;base64,') {
 						const _fileData = res.tempFilePath
 						uploadSignatureBoardImg(userStore.user.useId, _fileData, formElements.value[signatureItemIndex.value].tableField)
-						.then(({returnParams}) => {
-							formElements.value[signatureItemIndex.value].defaultValue = returnParams.sealInsID
-							formElements.value[signatureItemIndex.value].sealImgPath = returnParams.path
-							signatureItemIndex.value = -1
-							signaturePopupShow.value = false
-							signaturePopup.value.close()
-						})
+							.then(({ returnParams }) => {
+								formElements.value[signatureItemIndex.value].defaultValue = returnParams.sealInsID
+								formElements.value[signatureItemIndex.value].sealImgPath = returnParams.path
+								signatureItemIndex.value = -1
+								signaturePopupShow.value = false
+								signaturePopup.value.close()
+							})
 					} else {
 						// 转 base64
 						wx.getFileSystemManager().readFile({
@@ -339,13 +350,13 @@ function onclickSignatureButton(event) {
 							success: fileData => {
 								const _fileData = 'data:image/png;base64,' + fileData.data
 								uploadSignatureBoardImg(userStore.user.useId, _fileData, formElements.value[signatureItemIndex.value].tableField)
-								.then(({returnParams}) => {
-									formElements.value[signatureItemIndex.value].defaultValue = returnParams.sealInsID
-									formElements.value[signatureItemIndex.value].sealImgPath = returnParams.path
-									signatureItemIndex.value = -1
-									signaturePopupShow.value = false
-									signaturePopup.value.close()
-								})
+									.then(({ returnParams }) => {
+										formElements.value[signatureItemIndex.value].defaultValue = returnParams.sealInsID
+										formElements.value[signatureItemIndex.value].sealImgPath = returnParams.path
+										signatureItemIndex.value = -1
+										signaturePopupShow.value = false
+										signaturePopup.value.close()
+									})
 							}
 						})
 					}
@@ -497,11 +508,14 @@ function cancelProcess() {
 
 		::v-deep .uni-forms {
 			.uni-forms-item__label {
-				font-size: 1rem !important;
+				font-size: calc(1rem + 0px) !important;
+				line-height: calc(1rem + 0px) !important;
 				font-weight: 600;
 			}
+
 			.uni-forms-item__content {
 				font-size: calc(14px + .5*(1rem - 16px)) !important;
+
 				.uni-easyinput__content-input {
 					font-size: calc(14px + .5*(1rem - 16px)) !important;
 				}
@@ -540,18 +554,21 @@ function cancelProcess() {
 
 	::v-deep .flow_step_container {
 		min-height: 200px;
-		
+
 		.u-steps {
 			.u-steps-item {
 				padding-bottom: 11px;
+
 				.u-text__value--tips {
 					font-size: calc(12px + .5*(1rem - 16px)) !important;
 				}
+
 				.redcontent {
 					.u-text__value--content {
 						color: #ff4500;
 					}
 				}
+
 				.active_step_circle {
 					width: 20px;
 					height: 20px;
@@ -603,9 +620,11 @@ function cancelProcess() {
 		bottom: 10px;
 	}
 }
+
 ::v-deep button {
 	font-size: calc(18px + .5*(1rem - 16px));
 }
+
 .reject_button {
 	::v-deep .uni-card {
 		background-color: #f5f5f5;
@@ -615,6 +634,7 @@ function cancelProcess() {
 .remark_container {
 	.remark_content {
 		margin-bottom: 10px;
+
 		::v-deep .uni-easyinput {
 			.uni-easyinput__content-textarea {
 				font-size:  calc(14px + .5*(1rem - 16px)) !important;