103 lines
2.8 KiB
Vue
103 lines
2.8 KiB
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> |