ebike-ui/ebike-maintenance/pages/user/login/RepairDetails.vue

<template>
	<view class="container">
		<form>
			<view class="cu-form-group">
				<view class="titlele">车辆编码</view>
				<input v-model="ebikeInfo.vehicleCode"></input>
			</view>
			<view class="cu-form-group">
				<view class="titlele">处理状态</view>
				<span class="corui-completed">处理中</span>
			</view>
			<view class="cu-form-group">
				<view class="titlele">车辆位置</view>
				<input v-model="ebikeInfo.vehicleLocation"></input>
			</view>
			<view class="cu-form-group align-start">
				<view class="titlele">问题描述</view>
				<textarea style="width: 80%; margin-left: 20px; text-align: right !important;"   v-model="ebikeInfo.wtms"></textarea> 
					
			</view>
			<view class="cu-form-group align-start">
				<view class="titlele">拍摄照片</view>
				<view class="example-body" style="width: 80%;">
					<uni-file-picker readonly="true" limit="9" :value="ebikeInfo.fileLists"></uni-file-picker>
				</view>
			</view>

		</form>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 定义ebikeInfo对象，包含车辆编码、状态和位置
				ebikeInfo: {
					vehicleCode: "EB123456789", // 假的车辆编码
					vehicleStatus: "在线", // 假的车辆状态，例如“在线”或“离线”
					vehicleLocation: "成都市武侯区芳草街39号458号", // 假的车辆位置
					wtms: "我的刹车有损坏，，用不了了我的刹车有损坏，，用不了了我的刹车有损坏，，用不了了",
					fileLists: [{
						url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao-small.jpg',
						extname: 'png',
						name: 'shuijiao.png'
					}, {
						url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao-small.jpg',
						extname: 'png',
						name: 'uniapp-logo.png'
					}, {
						url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao-small.jpg',
						extname: 'png',
						name: 'shuijiao.png'
					}, {
						url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao-small.jpg',
						extname: 'png',
						name: 'shuijiao.png'
					}, {
						url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao-small.jpg',
						extname: 'png',
						name: 'shuijiao.png'
					}]
				}
			};
		}
	};
</script>

<style scoped>
	/* 这里可以为页面和表单添加样式 */
	.container {
		height: 100vh;
		background-color: white;
	}

	.cu-form-group input {
		text-align: right !important;
	}
	.titlele{
		    font-size: 13px;
		    font-weight: bold;
	}

	.corui-completed {
		background-color: rgb(195, 198, 203);
		color: #fff;
		padding: 4px 10px;
		font-size: 12px;
		border-radius: 5px;
	}
	
	.cu-form-group uni-textarea {
	    margin: 0px;
	    height: 4.6em;
	    width: 100%;
	    line-height: 1.2em;
	    flex: 1;
	    font-size: 0.875rem;
	    padding-left: 10px; 
	}
	 
</style>