FE-lab-xcx/pages/views/sceneInspect/memorandum.vue

<!-- 备忘录 -->
<template>
	<view class="memorandum">
		<view class="memorandum-box">
			<textarea class="memorandum-box-t" type="text" v-model="form.hazardDescribe" maxlength="200" @input="sumfontnum"
				placeholder="请输入内容" placeholder-style="font-size:28rpx;color:#999;"></textarea>
			<view class="memorandum-box-b"><text>{{fontNum}}</text>/200</view>
		</view>
		<view class="sub-btn">保存</view>
	</view>

</template>

<script>
	import {
		config
	} from '@/api/request/config.js'
	import {
		systemDeptDropList,
	} from '@/pages/api/index.js'
	export default {
		name: "memorandum",
		components: {

		},
		data() {
			return {
				baseUrl: config.base_url,
				pageType: 0,
				fontNum: 0,
				form: {
					hazardDescribe: '',
				}
			}
		},
		onLoad(option) {


		},
		onShow() {

		},
		mounted() {

		},
		methods: {
			// 限制文本框字数
			sumfontnum(e) {
				console.log(e)
				this.fontNum = e.detail.value.length
			}

		}
	}
</script>

<style lang="stylus" scoped>
	.memorandum {
		height: 100%;
		.memorandum-box {
			width: 750rpx;
			height: 300rpx;
			background: #FFFFFF;
			
			.memorandum-box-t{
				width: 750rpx;
				height: 240rpx;
				padding: 20rpx 30rpx;
				box-sizing: border-box;
			}
			.memorandum-box-b{
				font-size: 28rpx;
				color: #999999;
				line-height: 39rpx;
				text-align: right;
				padding: 0 30rpx;
				box-sizing: border-box;
				
			}
		}
		.sub-btn{
			width: 686rpx;
			height: 100rpx;
			background: #0183FA;
			border-radius: 50rpx 50rpx 50rpx 50rpx;
			font-size: 30rpx;
			color: #FFFFFF;
			line-height: 100rpx;
			text-align: center;
			margin-left: 34rpx;
			position: fixed;
			bottom: 24rpx;
		}
	}
</style>