xytSk-App/pages/orderFeedback/fk.vue

<template>
	<view :style="{height:'99%',position:'relative'}">
		<div class="row">
			<text class="lf">指令内容:</text>
			<div class="rf">
				<u--textarea 
					v-model="value" 
					:disabled='record.isDisabled'
					height=100
				></u--textarea>
			</div>
		</div>
		<div :style="{margin:'0 10px'}"><u-divider></u-divider></div>
		<div class="mybody">
			<div class="row2" v-for="(item,index) in list">
				<text>2024-01-13 09:38:20执行反馈</text>
			</div>
		</div>
		<div :style="{width:'100%',position:'absolute',bottom:'40px'}">
			<u-button
				type="primary"
				text="反馈"
				customStyle="margin-top: 20px"
			></u-button>
			<u-button
				type="primary"
				text="反馈并结束"
				customStyle="margin-top: 10px"
			></u-button>
		</div>
	</view>
</template>

<script>	
	import moment from 'moment'

	export default {
		props:{
			record:{
			  type: String,
			  required: true,
			},
		},
		data() {
			return {
				value:'',
				list:[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]
			};
		},
		methods: {
			tabsChange(item) {
			},
		},
	}
</script>

<style lang="scss" scoped>
	.row{
		display: flex;
		margin-top: 5px;
	}
	.lf{
		width: 25%;
		min-height: 40px;
		text-align: right;
		line-height: 38px;
		padding-right: 10px;
	}
	.rf{
		width: 75%;
		min-height: 40px;
		padding-right: 20px;
		padding-top: 1px;
	}
	.mybody{
		background-color: #ffffff;
		margin: 5px 5px;
		padding: 5px 10px;
		height: calc( 100vh - 410px );
		overflow: scroll;
	}
	.row2{
		background-color: rgba(217, 217, 217, 1);
		margin: 10px 0;
		padding: 10px;
	}
</style>