|
|
@@ -1,6 +1,28 @@
|
|
|
<template>
|
|
|
- <view>
|
|
|
-
|
|
|
+ <view class="question">
|
|
|
+ <u-form :model="form" ref="uForm" label-position="top">
|
|
|
+ <u-form-item label="问题反馈" prop="content">
|
|
|
+ <u-input height="200" class="u-input" v-model="form.content" placeholder="请输入问题描述" type="textarea" />
|
|
|
+ <view class="cu-form-group" style="padding: 0;">
|
|
|
+ <view class="grid col-4 grid-square flex-sub">
|
|
|
+ <view class="bg-img" v-for="(item,index) in imgList" :key="index" @tap="ViewImage"
|
|
|
+ :data-url="imgList[index]">
|
|
|
+ <image :src="imgList[index]" mode="aspectFill"></image>
|
|
|
+ <view class="cu-tag bg-red" style="width: 50rpx;height: 50rpx;" @tap.stop="DelImg" :data-index="index">
|
|
|
+ <text class='cuIcon-close'></text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="solids" @tap="chooseImage" v-if="imgList.length<4">
|
|
|
+ <text class='cuIcon-cameraadd'></text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="联系方式" prop="phone">
|
|
|
+ <u-input height="100" class="u-input" v-model="form.phone" placeholder="请留下您的联系方式" type="number" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-button :custom-style="customStyle" @click="submit">提 交</u-button>
|
|
|
+ </u-form>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -8,15 +30,67 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
-
|
|
|
+ form: {
|
|
|
+ content: '',
|
|
|
+ phone: this.$cache.get('phone')
|
|
|
+ },
|
|
|
+ imgList:[],
|
|
|
+ customStyle: {
|
|
|
+ backgroundColor: '#FF9447',
|
|
|
+ marginTop: '80rpx',
|
|
|
+ color: '#fff'
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
-
|
|
|
+ ViewImage(e) {
|
|
|
+ uni.previewImage({
|
|
|
+ urls: this.imgList,
|
|
|
+ current: e.currentTarget.dataset.url
|
|
|
+ });
|
|
|
+ },
|
|
|
+ DelImg(e) {
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: '确定要删除吗?',
|
|
|
+ success: res => {
|
|
|
+ if (res.confirm) {
|
|
|
+ this.imgList.splice(e.currentTarget.dataset.index, 1)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ async chooseImage(){
|
|
|
+ let res=await this.$mpi.chooseImage()
|
|
|
+ this.$api.uploadFile(res[0]).then(res=>{
|
|
|
+ this.imgList.push(res.data.link)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ async submit() {
|
|
|
+ if (!this.form.content) {
|
|
|
+ this.$u.toast('请输入反馈内容')
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+ let p = {
|
|
|
+ type: 2,
|
|
|
+ userId: this.vuex_shopId,
|
|
|
+ content: this.form.content,
|
|
|
+ pics: this.imgList.length > 0 ? this.imgList.join(",") : '',
|
|
|
+ phone: this.form.phone,
|
|
|
+ handleStatus: 0
|
|
|
+ }
|
|
|
+ let res = await this.$api.shop.feedback(p)
|
|
|
+ this.$dialog.showModalAndBack("提交成功")
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style>
|
|
|
-
|
|
|
+<style scoped lang="scss">
|
|
|
+ .question {
|
|
|
+ padding: 32rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ min-height: 100vh;
|
|
|
+ }
|
|
|
</style>
|