新增了投诉反馈页面
This commit is contained in:
weipengfei
parent
311069828a
commit
c3f74f0049
@ -688,6 +688,15 @@
|
||||
"navigationBarTextStyle": "white"
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "complaint/complaint",
|
||||
"style": {
|
||||
"navigationBarTitleText": "投诉反馈",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#0122C7",
|
||||
"navigationBarTextStyle": "white"
|
||||
}
|
||||
|
||||
}]
|
||||
}],
|
||||
"globalStyle": {
|
||||
|
||||
@ -1,19 +1,19 @@
|
||||
<template>
|
||||
<view style="padding: 28rpx 0;">
|
||||
<view class="other_guide">
|
||||
<block v-for="(item,i) in myOaData" :key="i">
|
||||
<view class="other_item flex_a_c_j_sb" @click="clickItem(item)">
|
||||
<view class="flex_a_c left">
|
||||
<!-- <view class="iconfont2" :class="item.icon"></view> -->
|
||||
<image v-if="item.icon" :src="item.icon"></image>
|
||||
<view class="text">{{ item.name }}</view>
|
||||
</view>
|
||||
<view style="display: flex;align-items: center;">
|
||||
<block v-for="(item,i) in myOaData" :key="i">
|
||||
<view class="other_item flex_a_c_j_sb" @click="clickItem(item)">
|
||||
<view class="flex_a_c left">
|
||||
<!-- <view class="iconfont2" :class="item.icon"></view> -->
|
||||
<image v-if="item.icon" :src="item.icon"></image>
|
||||
<view class="text">{{ item.name }}</view>
|
||||
</view>
|
||||
<view style="display: flex;align-items: center;">
|
||||
<view v-if="i==0">{{version}}</view>
|
||||
<uni-icons type="forward"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<view class="us" @click="copyPhone">
|
||||
<view>联系我们</view>
|
||||
@ -23,13 +23,12 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { Toast } from '../../libs/uniApi';
|
||||
import { destroyAccount } from '@/api/oaUser.js';
|
||||
import { Toast } from '../../libs/uniApi';
|
||||
import { destroyAccount } from '@/api/oaUser.js';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
myOaData: [
|
||||
{
|
||||
myOaData: [{
|
||||
name: '版本更新'
|
||||
},
|
||||
{
|
||||
@ -43,6 +42,10 @@ import { destroyAccount } from '@/api/oaUser.js';
|
||||
name: '用户协议',
|
||||
url: 'https://worker-task.lihaink.cn/pc/policy/service'
|
||||
},
|
||||
{
|
||||
name: '投诉反馈',
|
||||
url: '/subpkg/complaint/complaint'
|
||||
},
|
||||
{
|
||||
name: '联系我们'
|
||||
},
|
||||
@ -53,26 +56,41 @@ import { destroyAccount } from '@/api/oaUser.js';
|
||||
},
|
||||
onLoad() {
|
||||
let os = uni.getSystemInfoSync();
|
||||
this.version = 'v' + (os?.appWgtVersion||os?.appVersion);
|
||||
this.version = 'v' + (os?.appWgtVersion || os?.appVersion);
|
||||
},
|
||||
methods:{
|
||||
clickItem(e){
|
||||
switch(e.name){
|
||||
case '版本更新': this.updateVersion();break;
|
||||
case '注销账户': this.unsubscribe();break;
|
||||
case '联系我们': this.connectUs();break;
|
||||
case '隐私政策': this.navToWebView(e.url,'隐私政策');break;
|
||||
case '用户协议': this.navToWebView(e.url,'用户协议');break;
|
||||
methods: {
|
||||
clickItem(e) {
|
||||
switch (e.name) {
|
||||
case '版本更新':
|
||||
this.updateVersion();
|
||||
break;
|
||||
case '注销账户':
|
||||
this.unsubscribe();
|
||||
break;
|
||||
case '联系我们':
|
||||
this.connectUs();
|
||||
break;
|
||||
case '隐私政策':
|
||||
this.navToWebView(e.url, '隐私政策');
|
||||
break;
|
||||
case '用户协议':
|
||||
this.navToWebView(e.url, '用户协议');
|
||||
break;
|
||||
case '投诉反馈':
|
||||
uni.navigateTo({
|
||||
url: e.url
|
||||
});
|
||||
break;
|
||||
}
|
||||
},
|
||||
updateVersion(){
|
||||
updateVersion() {
|
||||
this.$store.dispatch('initConfig', true);
|
||||
},
|
||||
async unsubscribe(){
|
||||
async unsubscribe() {
|
||||
uni.showModal({
|
||||
content: '注销账号后不可恢复,确认要注销吗?',
|
||||
success: async (e)=> {
|
||||
if(e.confirm){
|
||||
success: async (e) => {
|
||||
if (e.confirm) {
|
||||
let res = await destroyAccount();
|
||||
uni.reLaunch({
|
||||
url: '/pages/oaLogin/oaLogin'
|
||||
@ -81,7 +99,7 @@ import { destroyAccount } from '@/api/oaUser.js';
|
||||
}
|
||||
})
|
||||
},
|
||||
connectUs(){
|
||||
connectUs() {
|
||||
//拨打电话
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: this.us + "",
|
||||
@ -94,7 +112,7 @@ import { destroyAccount } from '@/api/oaUser.js';
|
||||
}
|
||||
});
|
||||
},
|
||||
copyPhone(){
|
||||
copyPhone() {
|
||||
//复制号码
|
||||
uni.setClipboardData({
|
||||
data: this.us + "",
|
||||
@ -107,9 +125,9 @@ import { destroyAccount } from '@/api/oaUser.js';
|
||||
}
|
||||
})
|
||||
},
|
||||
navToWebView(uri, title){
|
||||
navToWebView(uri, title) {
|
||||
uni.navigateTo({
|
||||
url:`/pages/webView/webView?title=${title}&uri=${uri}`
|
||||
url: `/pages/webView/webView?title=${title}&uri=${uri}`
|
||||
})
|
||||
}
|
||||
}
|
||||
@ -117,40 +135,40 @@ import { destroyAccount } from '@/api/oaUser.js';
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.other_guide {
|
||||
width: 694.74rpx;
|
||||
margin: 0 auto;
|
||||
padding: 28.07rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 12px;
|
||||
.other_guide {
|
||||
width: 694.74rpx;
|
||||
margin: 0 auto;
|
||||
padding: 28.07rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 12px;
|
||||
|
||||
.other_item {
|
||||
height: 87.72rpx;
|
||||
border-bottom: 1px solid #F0F5F7;
|
||||
.other_item {
|
||||
height: 87.72rpx;
|
||||
border-bottom: 1px solid #F0F5F7;
|
||||
|
||||
.text {
|
||||
font-size: 28.07rpx;
|
||||
margin-left: 20.56rpx;
|
||||
}
|
||||
.text {
|
||||
font-size: 28.07rpx;
|
||||
margin-left: 20.56rpx;
|
||||
}
|
||||
|
||||
.left {
|
||||
align-items: center;
|
||||
}
|
||||
.left {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 42rpx;
|
||||
height: 42rpx;
|
||||
}
|
||||
image {
|
||||
width: 42rpx;
|
||||
height: 42rpx;
|
||||
}
|
||||
|
||||
.iconfont2 {
|
||||
font-size: 42.11rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.us{
|
||||
.iconfont2 {
|
||||
font-size: 42.11rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.us {
|
||||
margin: 60rpx 0;
|
||||
text-align: center;
|
||||
color: #aaa;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
105
subpkg/complaint/complaint.vue
Normal file
105
subpkg/complaint/complaint.vue
Normal file
@ -0,0 +1,105 @@
|
||||
<template>
|
||||
<view class="page">
|
||||
<view class="card">
|
||||
<view class="c_title">内容</view>
|
||||
<u--textarea v-model="content" placeholder="请输入内容"
|
||||
placeholderStyle="font-size: 22rpx;" style="font-size: 28rpx;background-color: #eee;min-height: 100px;"
|
||||
autoHeight maxlength="-1"></u--textarea>
|
||||
</view>
|
||||
<mybtn text="确认提交"></mybtn>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
content: ''
|
||||
}
|
||||
},
|
||||
onLoad() {},
|
||||
onShow() {},
|
||||
methods: {},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
padding-top: 30rpx;
|
||||
|
||||
.card {
|
||||
margin: 0 auto;
|
||||
margin-bottom: 28rpx;
|
||||
width: 694rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 26rpx;
|
||||
padding: 28rpx;
|
||||
|
||||
.c_title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.file {
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
flex-wrap: wrap;
|
||||
|
||||
&_item {
|
||||
flex-shrink: 0;
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 16rpx;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
.image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.del {
|
||||
position: absolute;
|
||||
height: 40rpx;
|
||||
width: 40rpx;
|
||||
top: 10rpx;
|
||||
right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
&_btn {
|
||||
flex-shrink: 0;
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 16rpx;
|
||||
border: 2px solid #ccc;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
border-radius: 10rpx;
|
||||
|
||||
image {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
}
|
||||
|
||||
&_empty {
|
||||
flex-shrink: 0;
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 16rpx;
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
x
Reference in New Issue
Block a user