<template>
|
<view class="pages-my-log-detail">
|
<view class="title"> {{ info.date+" " +info.method }}
|
</view>
|
<view class="content">{{ info.url}}
|
</view>
|
<template v-if="info.method == 'POST'">
|
<view class="title">{{translate('parameter')}}
|
</view>
|
<textarea class="param" disabled :value="paramText"></textarea>
|
</template>
|
<template v-if="isError">
|
<view class="title">{{translate('error_code')}}
|
</view>
|
<view class="content error">{{info.statusCode}}
|
</view>
|
<view class="title">{{translate('error_msg')}}
|
</view>
|
<textarea class="content error" disabled :value="result"></textarea>
|
|
</template>
|
<template v-else>
|
<view class="title">{{translate('result')}}
|
</view>
|
<textarea class="result" disabled :value="result"></textarea>
|
<!-- <view class="result">{{result}}
|
</view> -->
|
</template>
|
</view>
|
</template>
|
<script>
|
import {
|
session,
|
} from "@/comm/utils.js"
|
import {
|
Base64
|
} from '@/comm/Base64.js';
|
export default {
|
name: "PagesMyLogDetail",
|
data() {
|
return {
|
info: {}
|
|
}
|
},
|
onLoad(option) {
|
this.info = getApp().globalData.pageBigData || {}
|
getApp().globalData.pageBigData = {}
|
if (this.info.data_key) {
|
const maxData = session.getValue("request_log_max_data") || {}
|
this.info.data = maxData[this.info.data_key]
|
}
|
const list = (this.info.url || "").split("/")
|
let title = ""
|
for (let i in list) {
|
if (list[i] == "api") {
|
title = "api"
|
} else
|
title += "/" + list[i]
|
}
|
uni.setNavigationBarTitle({
|
title: title || "接口日志详情"
|
})
|
|
|
},
|
computed: {
|
paramText() {
|
const res = this.info.param
|
return typeof res == 'string' ? res : JSON.stringify(res)
|
},
|
result() {
|
const res = this.info.data
|
return typeof res == 'string' ? res : JSON.stringify(res)
|
},
|
isError() {
|
if (this.info.statusCode == 200) {
|
const res = typeof this.info.data == 'string' ? this.parseJson(this.info.data) : this.info.data
|
if (res?.code)
|
return true
|
return false
|
}
|
return true
|
}
|
},
|
methods: {
|
parseJson(str) {
|
try {
|
const obj = JSON.parse(str)
|
return obj
|
} catch (ex) {
|
console.log(ex)
|
return str
|
}
|
},
|
translate(t) {
|
if (typeof this.$t == "function") return this.$t(`page.${t}`)
|
else return t;
|
},
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.pages-my-log-detail {
|
display: flex;
|
width: 750rpx;
|
height: 100vh;
|
flex-direction: column;
|
background-color: #F5F5F5;
|
|
.title {
|
margin: 10rpx;
|
font-size: 32rpx;
|
font-weight: 700;
|
}
|
|
.content {
|
padding: 20rpx 10rpx;
|
border-radius: 10rpx;
|
background-color: #fff;
|
width: 710rpx;
|
margin: 10rpx;
|
word-wrap: break-word;
|
/* 允许长单词或 URL 地址换行到下一行 */
|
word-break: break-all;
|
/* 强制文本在超出容器宽度时换行 */
|
white-space: normal;
|
/* 允许文本换行 */
|
}
|
|
.result {
|
flex: 1;
|
overflow: auto;
|
padding: 20rpx 10rpx;
|
border-radius: 10rpx;
|
background-color: #fff;
|
width: 710rpx;
|
margin: 10rpx;
|
}
|
|
.param {
|
max-height: 50vh;
|
overflow: auto;
|
padding: 20rpx 10rpx;
|
border-radius: 10rpx;
|
background-color: #fff;
|
width: 710rpx;
|
margin: 10rpx;
|
}
|
|
.error {
|
color: red;
|
|
}
|
|
}
|
</style>
|
