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.
122 lines
2.6 KiB
122 lines
2.6 KiB
<template>
|
|
<view class="box">
|
|
<view class="bgtop">
|
|
<image src="../../static/img/nav_top.png" style="width: 100%;height: 100%;"></image>
|
|
</view>
|
|
<view class="bgcenter" :style="{height:height+'px'}">
|
|
<view class="box-content">
|
|
<u--form labelPosition="top" :model="form">
|
|
<u-form-item label="手机号" prop="mobile" labelWidth="60px" required>
|
|
<u-input v-model="form.mobile" placeholder="请输入手机号"></u-input>
|
|
</u-form-item>
|
|
<u-form-item label="内容" prop="content" labelWidth="60px" required>
|
|
<u--textarea v-model="form.content" placeholder="请输入内容"></u--textarea>
|
|
</u-form-item>
|
|
</u--form>
|
|
<u-button type="primary" @click="tosubmit">确认提交</u-button>
|
|
</view>
|
|
</view>
|
|
<view class="bgbottom">
|
|
<image src="../../static/img/nav_bottom.png" style="width: 100%;height: 100%;"></image>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
height: 0,
|
|
form: {
|
|
mobile: "",
|
|
content: ""
|
|
}
|
|
}
|
|
},
|
|
onLoad() {
|
|
let that = this;
|
|
uni.getSystemInfo({
|
|
success: function(res) {
|
|
that.height = res.windowHeight - 60;
|
|
}
|
|
});
|
|
},
|
|
methods: {
|
|
tosubmit() {
|
|
let that = this;
|
|
if (this.util.isNull(that.form.mobile)) {
|
|
this.util.toast("请填写手机号！");
|
|
return false;
|
|
} else {
|
|
if (!uni.$u.test.mobile(that.form.mobile)) {
|
|
this.util.toast("请填写正确的手机号！");
|
|
return false;
|
|
}
|
|
}
|
|
if (this.util.isNull(that.form.content)) {
|
|
this.util.toast("请填写内容！");
|
|
return false;
|
|
}
|
|
this.util.request({
|
|
api: '/api/mobile/other/tip-store',
|
|
data: this.form,
|
|
method: "POST",
|
|
utilSuccess: function(res) {
|
|
console.log(res)
|
|
uni.showToast({
|
|
icon: "none",
|
|
title: "投诉建议成功",
|
|
complete() {
|
|
uni.reLaunch({
|
|
url: "/pages/success/success?from=feed"
|
|
})
|
|
}
|
|
})
|
|
},
|
|
utilFail: function(res) {
|
|
that.util.toast(res);
|
|
}
|
|
})
|
|
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.box {
|
|
padding: 20rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.u-input {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.bgtop {
|
|
height: 40rpx;
|
|
}
|
|
|
|
.bgcenter {
|
|
background: url("../../static/img/nav_middle.png") repeat-y;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.box-content {
|
|
padding: 15rpx 40rpx;
|
|
color: #351C1B;
|
|
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.title {}
|
|
|
|
.time {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.bgbottom {
|
|
height: 40rpx;
|
|
}
|
|
</style>
|