You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
99 lines
2.0 KiB
99 lines
2.0 KiB
2 years ago
|
<template>
|
||
|
|
<view class="">
|
||
|
|
<view class="top">
|
||
|
|
<view class="">
|
||
|
|
服务单号：23090399233222
|
||
|
|
</view>
|
||
|
|
<view style="margin-top:30rpx;">
|
||
|
|
服务技师：王静静
|
||
|
|
</view>
|
||
|
|
<u--textarea v-model="value1"
|
||
|
|
border="none"
|
||
|
|
placeholder="请描述您需要反馈的问题" ></u--textarea>
|
||
|
|
</view>
|
||
|
|
<view class="bottom">
|
||
|
|
<view class="title">
|
||
|
|
请上传相关问题图片
|
||
|
|
</view>
|
||
|
|
<u-upload
|
||
|
|
:fileList="fileList3"
|
||
|
|
@afterRead="afterRead"
|
||
|
|
@delete="deletePic"
|
||
|
|
name="3"
|
||
|
|
multiple
|
||
|
|
:maxCount="10"
|
||
|
|
:previewFullImage="true"
|
||
|
|
></u-upload>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default{
|
||
|
|
data(){
|
||
|
|
return{
|
||
|
|
value1:'',
|
||
|
|
fileList3: [{
|
||
|
|
url: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
|
||
|
|
}],
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods:{
|
||
|
|
afterRead(){
|
||
|
|
uni.uploadFile({
|
||
|
|
// 完整上传路径 H5端需要解决跨域问题
|
||
|
|
// url: 'http://' + domain + '/admin/sys-file/upload',
|
||
|
|
// // 本地上传读取到的url
|
||
|
|
// filePath: url,
|
||
|
|
// name: 'file',
|
||
|
|
// // 请求头
|
||
|
|
// header: header,
|
||
|
|
// // 附加表单对象
|
||
|
|
// formData: {
|
||
|
|
// user: 'test'
|
||
|
|
// },
|
||
|
|
// success: res => {
|
||
|
|
// // 这里res是普通对象，但是res.data为JSON字符串，需要转一下
|
||
|
|
// const result = JSON.parse(res.data);
|
||
|
|
// // 获取上传成功后的文件地址
|
||
|
|
// const formUrl = result.data.url;
|
||
|
|
// // 赋值表单数据（后台需要）
|
||
|
|
// this.dataForm.picture = formUrl;
|
||
|
|
// // 把文件的二进制对象抛出去用于图片预览
|
||
|
|
// resolve(res.data.data);
|
||
|
|
// }
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.top{
|
||
|
|
background: #FFFFFF;
|
||
|
|
border-radius: 30rpx;
|
||
|
|
margin:20rpx 24rpx;
|
||
|
|
padding:40rpx 30rpx;
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-family: Alibaba PuHuiTi;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
/deep/.u-textarea{
|
||
|
|
background: #F9F9F9;
|
||
|
|
margin-top:30rpx;
|
||
|
|
}
|
||
|
|
.bottom{
|
||
|
|
background: #FFFFFF;
|
||
|
|
border-radius: 30rpx;
|
||
|
|
padding:40rpx 30rpx;
|
||
|
|
margin:0 24rpx;
|
||
|
|
.title{
|
||
|
|
font-size: 34rpx;
|
||
|
|
font-family: Alibaba PuHuiTi;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #333333;
|
||
|
|
margin-bottom:28rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|