3.9提交

pages_app/patientRemark/patientRemark.vue

@@ -27,18 +27,21 @@
 		</view>
 		<view class="form-block">
 			<view class="label">描述</view>
-			<textarea class="textarea" v-model.trim="note" :placeholder="groupInfo.note || '补充患者关键信息，方便随访患者'" placeholder-class="ph" auto-height maxlength="140"/>
+			<view class="textarea-wrap">
+				<textarea class="textarea" v-model.trim="note" :placeholder="groupInfo.note || '补充患者关键信息，方便随访患者'" placeholder-class="ph" auto-height maxlength="100"/>
+				<view class="textarea-count">已输入{{ noteLength }}/100</view>
+			</view>
 		</view>
 		</view>
 
 		<view class="bottom-bar">
-			<button class="save-btn" @click="updateNicknameNote">保存</button>
+			<button class="save-btn" @click="updateNicknameNote">完成</button>
 		</view>
 	</view>
 </template>
 
 <script setup>
-	import { ref } from 'vue'
+	import { ref, computed } from 'vue'
 	import api from '@/api/api.js'
 	import navTo from '@/utils/navTo.js'
 	import { onLoad, onShow } from '@dcloudio/uni-app'
@@ -48,6 +51,7 @@
 	const patientUuid = ref('')
 	const patientCardData = ref({})
 	const groupInfo = ref({})
+	const noteLength = computed(() => (note.value || '').length)
     
 	const goBack = () => {
 		uni.navigateBack()
@@ -104,7 +108,13 @@
 
 <style lang="scss" scoped>
 .contentbox{
-	margin-top: calc(var(--status-bar-height) + 44px);
+	top: calc(var(--status-bar-height) + 44px);
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 125rpx;
+	overflow-y: scroll;
+	z-index: 1;
 }
 	.remark-page{
 		height: 100vh;
@@ -144,12 +154,24 @@
 		.textarea{
 			background: #f8f8f8;
 			border-radius: 12rpx;
-			padding: 24rpx;
+			padding: 24rpx 24rpx 58rpx;
 			font-size: 28rpx;
 			color: #333;
-			min-height: 180rpx;
+			min-height: 250rpx;
+			box-sizing: border-box;
+			width: 100%;
 			line-height: 1.6;
 		}
+		.textarea-wrap{
+			position: relative;
+		}
+		.textarea-count{
+			position: absolute;
+			right: 20rpx;
+			bottom: 16rpx;
+			font-size: 24rpx;
+			color: #999;
+		}
 		.ph{
 			color: #bfbfbf;
 		}
@@ -166,7 +188,7 @@
 			align-items: center;
 			justify-content: center;
 			height: 92rpx;
-			background: #8B2316;
+			background: #3ec7c0;
 			color: #fff;
 			border: none;
 			border-radius: 12rpx;