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.
 
 
 
 
xxdj1/user/pages/chapingList/shensu.vue

99 lines
2.0 KiB

<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>