1
This commit is contained in:
Vinjor
parent
74123ea7db
commit
d3a7d2cc08
@ -174,6 +174,11 @@
|
|||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": ""
|
"navigationBarTitleText": ""
|
||||||
}
|
}
|
||||||
|
}, {
|
||||||
|
"path": "set/report-form",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": ""
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "auth/auth-choose",
|
"path": "auth/auth-choose",
|
||||||
|
|||||||
299
pages/mine/set/report-form.vue
Normal file
299
pages/mine/set/report-form.vue
Normal file
@ -0,0 +1,299 @@
|
|||||||
|
<template>
|
||||||
|
<view class="suggest-content">
|
||||||
|
<navigation-bar-vue title="举报" style="width: 100%;" background-color="#ffffff"
|
||||||
|
title-color="#000000"></navigation-bar-vue>
|
||||||
|
<view class="card-detail">
|
||||||
|
<view class="item-field">
|
||||||
|
<view class="item-lable">
|
||||||
|
举报类型
|
||||||
|
</view>
|
||||||
|
<view class="item-value">
|
||||||
|
<uni-data-select v-model="firstCode" :localdata="firstList" @change="change"></uni-data-select>
|
||||||
|
<uni-data-select v-if="ifShowSecond" v-model="secondCode" :localdata="secondList"
|
||||||
|
@change="changeSecond"></uni-data-select>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item-field">
|
||||||
|
<view class="item-lable is-required">
|
||||||
|
举报内容
|
||||||
|
</view>
|
||||||
|
<view class="item-value">
|
||||||
|
<textarea v-model="dataObj.content" placeholder="请输入" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item-field">
|
||||||
|
<view class="item-lable is-required">
|
||||||
|
上传凭证
|
||||||
|
</view>
|
||||||
|
<view class="item-value">
|
||||||
|
<uni-file-picker :value="fileList" :sizeType="sizeType" @select="afterRead" @delete="deleteFile"
|
||||||
|
limit="9"></uni-file-picker>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item-field-row">
|
||||||
|
<view class="item-lable is-required">
|
||||||
|
举报同时拉黑
|
||||||
|
</view>
|
||||||
|
<view class="item-value">
|
||||||
|
<switch color="#FC1F3E" checked @change="switch1Change" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item-field" style="align-items: center;">
|
||||||
|
<view class="submit-box" @click="submitForm">告诉管理员</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import navigationBarVue from '@/components/navigation/navigationBar.vue';
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
navigationBarVue
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dataObj: {
|
||||||
|
content: ""
|
||||||
|
},
|
||||||
|
sizeType: ['compressed'],
|
||||||
|
firstList: [{
|
||||||
|
value: 0,
|
||||||
|
text: "篮球"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 1,
|
||||||
|
text: "足球"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 2,
|
||||||
|
text: "游泳"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
secondList: [{
|
||||||
|
value: 0,
|
||||||
|
text: "篮球"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 1,
|
||||||
|
text: "足球"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 2,
|
||||||
|
text: "游泳"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
//图片数组
|
||||||
|
fileList: [],
|
||||||
|
//一级举报类型
|
||||||
|
firstCode: "",
|
||||||
|
//二级举报类型
|
||||||
|
secondCode: "",
|
||||||
|
//是否需要选择二级举报类型
|
||||||
|
ifShowSecond: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
switch1Change: function(e) {
|
||||||
|
console.log('switch1 发生 change 事件，携带值为', e.detail.value)
|
||||||
|
},
|
||||||
|
afterRead(file) {
|
||||||
|
for (let i = 0; i < file.tempFilePaths.length; i++) {
|
||||||
|
upload({
|
||||||
|
url: '',
|
||||||
|
filePath: file.tempFilePaths[i]
|
||||||
|
}).then((res) => {
|
||||||
|
console.log(res, '215')
|
||||||
|
this.fileList.push({
|
||||||
|
url: config.baseUrl + res.data
|
||||||
|
})
|
||||||
|
console.log(this.fileList, 'fileList')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
deleteFile(file, index) {
|
||||||
|
console.log('删除文件');
|
||||||
|
this.fileList.splice(index, 1);
|
||||||
|
},
|
||||||
|
/**提交*/
|
||||||
|
submitForm() {},
|
||||||
|
/**
|
||||||
|
* 去我的建议列表
|
||||||
|
*/
|
||||||
|
goMySuggest() {
|
||||||
|
this.$tab.navigateTo('/pages/mine/set/my-suggest')
|
||||||
|
},
|
||||||
|
change(e) {
|
||||||
|
this.ifShowSecond = true
|
||||||
|
console.log("e:", e);
|
||||||
|
},
|
||||||
|
changeSecond(e) {
|
||||||
|
console.log("e:", e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.suggest-content {
|
||||||
|
padding-top: calc(90rpx + var(--status-bar-height));
|
||||||
|
background-color: white;
|
||||||
|
width: 100%;
|
||||||
|
color: #363636;
|
||||||
|
font-size: 32rpx;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: self-start;
|
||||||
|
justify-content: center;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.card-detail {
|
||||||
|
border-top: 1rpx solid #F2F2F2;
|
||||||
|
width: 100%;
|
||||||
|
padding: 20rpx 30rpx;
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: self-start;
|
||||||
|
justify-content: center;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.item-field-row {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: self-start;
|
||||||
|
justify-content: start;
|
||||||
|
padding-bottom: 15rpx;
|
||||||
|
|
||||||
|
.img-upload {
|
||||||
|
width: 50%;
|
||||||
|
margin: 10rpx 10rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-required {
|
||||||
|
image {
|
||||||
|
width: 20rpx;
|
||||||
|
height: 20rpx;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-lable {
|
||||||
|
width: 210rpx;
|
||||||
|
padding: 15rpx 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: start;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-value {
|
||||||
|
flex: 1;
|
||||||
|
padding-left: 20rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 20rpx;
|
||||||
|
line-height: 1;
|
||||||
|
height: 70rpx;
|
||||||
|
border: 1rpx solid #dcdfe6;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.choose-add {
|
||||||
|
color: #686868;
|
||||||
|
padding: 10rpx 0 10rpx 20rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-start;
|
||||||
|
border: 1rpx solid #dcdfe6;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
width: 100%;
|
||||||
|
height: 150rpx;
|
||||||
|
color: #686868;
|
||||||
|
padding: 10rpx 0 10rpx 20rpx;
|
||||||
|
border: 1rpx solid #dcdfe6;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-field {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: self-start;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.item-lable {
|
||||||
|
padding: 15rpx 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-value {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
input {
|
||||||
|
padding-left: 20rpx;
|
||||||
|
line-height: 1;
|
||||||
|
height: 70rpx;
|
||||||
|
border: 1rpx solid #dcdfe6;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.choose-add {
|
||||||
|
color: #686868;
|
||||||
|
padding: 10rpx 0 10rpx 20rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-start;
|
||||||
|
border: 1rpx solid #dcdfe6;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
width: 100%;
|
||||||
|
height: 150rpx;
|
||||||
|
color: #686868;
|
||||||
|
padding: 10rpx 0 10rpx 20rpx;
|
||||||
|
border: 1rpx solid #dcdfe6;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.submit-box {
|
||||||
|
padding: 15rpx 0;
|
||||||
|
background-color: #FC1F3E;
|
||||||
|
color: white;
|
||||||
|
width: 70%;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
margin-top: 60rpx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my-suggest-dom {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 22rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -32,7 +32,7 @@
|
|||||||
<view class="item-dom-yiguanzhu" v-if="isLove" @click="forkUser('0')">已关注</view>
|
<view class="item-dom-yiguanzhu" v-if="isLove" @click="forkUser('0')">已关注</view>
|
||||||
<view class="item-dom-zhuye">主页</view>
|
<view class="item-dom-zhuye">主页</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="down-box">举报</view>
|
<view class="down-box" @click="goReportForm()">举报</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 通告信息 -->
|
<!-- 通告信息 -->
|
||||||
@ -374,6 +374,9 @@
|
|||||||
});
|
});
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
goReportForm() {
|
||||||
|
this.$tab.navigateTo('/pages/mine/set/report-form')
|
||||||
|
},
|
||||||
/**
|
/**
|
||||||
* 去报名列表
|
* 去报名列表
|
||||||
*/
|
*/
|
||||||
@ -444,6 +447,8 @@
|
|||||||
if ('hb' == dataObj.item.name) {
|
if ('hb' == dataObj.item.name) {
|
||||||
//海报
|
//海报
|
||||||
this.$refs.canvas.canvasCreate();
|
this.$refs.canvas.canvasCreate();
|
||||||
|
} else if ('wx' == dataObj.item.name) {
|
||||||
|
this.onShareAppMessage()
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
|
|||||||
@ -48,11 +48,11 @@
|
|||||||
icon: '/static/detail/weixin.png',
|
icon: '/static/detail/weixin.png',
|
||||||
name: 'wx'
|
name: 'wx'
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
text: '海报',
|
// text: '海报',
|
||||||
icon: '/static/detail/haibao.png',
|
// icon: '/static/detail/haibao.png',
|
||||||
name: 'hb'
|
// name: 'hb'
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
text: '举报',
|
text: '举报',
|
||||||
icon: '/static/detail/jubao.png',
|
icon: '/static/detail/jubao.png',
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user