<template>
|
<view class="pages-my">
|
<view class="group">
|
<view class="item line">
|
<view>{{translate('remote_assistance')}}</view>
|
<view class="right"></view>
|
<a @click="clickRemoteAssistance">
|
<uni-icons class="icon" type="right" size="24" color="#888"></uni-icons>
|
</a>
|
</view>
|
<view class="item line">
|
<view>{{translate('log_upload')}}</view>
|
<view class="right"></view>
|
<a @click="clickUploadLog">
|
<uni-icons class="icon" type="right" size="24" color="#888"></uni-icons>
|
</a>
|
</view>
|
<!-- <view class="item line">
|
<view>{{translate('check_the_manual')}}</view>
|
<view class="right"></view>
|
<a @click="clickViewInstruction">
|
<uni-icons class="icon" type="right" size="24" color="#888"></uni-icons>
|
</a>
|
</view> -->
|
<view class="item line">
|
<view>{{translate('interface_log')}}</view>
|
|
<switch :checked="withLog" style="transform:scale(0.7)" @change="switchChangeLog" />
|
{{translate('record_interface_log')}}
|
<view class="right"></view>
|
<a @click="clickApiLog">
|
<uni-icons class="icon" type="right" size="24" color="#888"></uni-icons>
|
</a>
|
</view>
|
</view>
|
</view>
|
</template>
|
<script>
|
import {
|
session,
|
showToast,
|
showModal
|
} from "@/comm/utils.js"
|
import {
|
Button
|
} from 'antd-mobile-vue-next'
|
export default {
|
name: "PagesMy",
|
components: {
|
'a-button': Button
|
},
|
data() {
|
return {
|
withLog: getApp().globalData.withLog || false
|
}
|
},
|
onLoad() {
|
uni.setNavigationBarTitle({
|
title:this.translate('help_and_feedback')
|
})
|
},
|
computed: {
|
|
},
|
methods: {
|
switchChangeLog(e) {
|
this.withLog = e.detail.value
|
getApp().globalData.withLog = this.withLog
|
session.setValue("write_log", this.withLog ? 1 : 0)
|
},
|
|
clickRemoteAssistance() {
|
showToast(this.translate('unrealized'))
|
},
|
clickUploadLog() {
|
uni.navigateTo({
|
url: "/pages/my/log_upload"
|
})
|
},
|
clickViewInstruction() {
|
uni.navigateTo({
|
url: "/pages/my/instruction"
|
})
|
},
|
clickApiLog() {
|
uni.navigateTo({
|
url: "/pages/my/log"
|
})
|
},
|
translate(t) {
|
if (typeof this.$t == "function") return this.$t(`page.${t}`)
|
else return t;
|
},
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.pages-my {
|
display: flex;
|
width: 750rpx;
|
height: 100vh;
|
flex-direction: column;
|
|
.group {
|
width: calc(100% - 40rpx);
|
border: 2rpx solid #ccc;
|
border-radius: 20rpx;
|
margin: 20rpx;
|
padding: 0 10rpx;
|
display: flex;
|
flex-direction: column;
|
background-color: #fff;
|
|
.item {
|
width: 100%;
|
padding: 20rpx 10rpx;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
|
.right {
|
flex: 1;
|
text-align: right;
|
color: #888;
|
}
|
}
|
|
.line {
|
border-bottom: 2rpx solid #ccc;
|
}
|
}
|
|
|
|
|
}
|
</style>
|
