105 lines
3.0 KiB
Vue
105 lines
3.0 KiB
Vue
<template>
|
||
<div>
|
||
<el-dialog
|
||
:model-value="modelValue"
|
||
title="WCS调用其他系统记录详情"
|
||
@close="() => $emit('update:modelValue', false)"
|
||
>
|
||
<el-form label-position="left" label-width="120px">
|
||
<el-form-item label="请求ID：">
|
||
<el-input class="showInput" v-model="apiData.requestId"/>
|
||
</el-form-item>
|
||
<el-form-item label="请求Url：">
|
||
<el-input class="showInput" v-model="apiData.requestUrl"/>
|
||
</el-form-item>
|
||
<el-form-item label="是否成功：">
|
||
<el-input class="showInput" v-model="apiData.isSuccess"/>
|
||
</el-form-item>
|
||
<el-form-item label="请求方法：">
|
||
<el-input class="showInput" v-model="apiData.requestMethod"/>
|
||
</el-form-item>
|
||
<el-form-item label="请求时间：">
|
||
<el-input class="showInput" v-model="apiData.requestTime"/>
|
||
</el-form-item>
|
||
<el-form-item label="响应时间：">
|
||
<el-input class="showInput" v-model="apiData.responseTime"/>
|
||
</el-form-item>
|
||
<el-form-item label="耗时（ms）：">
|
||
<el-input class="showInput" v-model="apiData.useTime"/>
|
||
</el-form-item>
|
||
<el-form-item label="请求信息：">
|
||
<el-input class="showInput" v-model="apiData.requestMsg"
|
||
:autosize="{ minRows: 3, maxRows: 20 }"
|
||
type="textarea"/>
|
||
</el-form-item>
|
||
<el-form-item label="响应信息：">
|
||
<el-input class="showInput" v-model="apiData.responseMsg"
|
||
:autosize="{ minRows: 3, maxRows: 20 }"
|
||
type="textarea"/>
|
||
</el-form-item>
|
||
<el-form-item label="异常信息：">
|
||
<el-input class="showInput" v-model="apiData.errMsg"
|
||
:autosize="{ minRows: 3, maxRows: 20 }"
|
||
type="textarea"/>
|
||
</el-form-item>
|
||
</el-form>
|
||
<template #footer>
|
||
<div class="dialog-footer">
|
||
<el-button type="danger" @click="$emit('update:modelValue', false)">关闭窗口</el-button>
|
||
</div>
|
||
</template>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
// import 《组件名称》 from '《组件路径》 ';
|
||
|
||
export default {
|
||
// import 引入的组件需要注入到对象中才能使用
|
||
components: {},
|
||
props: ['modelValue', 'apiData'],
|
||
emits: ['update:modelValue'],
|
||
data() {
|
||
// 这里存放数据
|
||
return {}
|
||
},
|
||
// 计算属性 类似于 data 概念
|
||
computed: {},
|
||
// 监控 data 中的数据变化
|
||
watch: {},
|
||
// 方法集合
|
||
methods: {},
|
||
// 组合式 API
|
||
setup() {
|
||
},
|
||
// 创建之前
|
||
beforeCreate() {
|
||
},
|
||
// 创建完成(可以访问 this 实例)
|
||
created() {
|
||
},
|
||
// 生命周期 - 挂载之前
|
||
beforeMount() {
|
||
},
|
||
// 生命周期 - 挂载完成（可以访问 DOM 元素）
|
||
mounted() {
|
||
},
|
||
// 更新之前
|
||
beforeUpdate() {
|
||
},
|
||
// 更新之后
|
||
updated() {
|
||
},
|
||
// 销毁之前
|
||
beforeUnmount() {
|
||
},
|
||
// 销毁完成
|
||
unmounted() {
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
|
||
</style> |