|
|
@ -20,6 +20,7 @@ |
|
|
|
:columns="tableColumns" |
|
|
|
:data="tableObject.tableList" |
|
|
|
:loading="tableObject.loading" |
|
|
|
:showOverflowTooltip="false" |
|
|
|
:pagination="{ |
|
|
|
total: tableObject.total |
|
|
|
}" |
|
|
@ -27,6 +28,16 @@ |
|
|
|
v-model:currentPage="tableObject.currentPage" |
|
|
|
v-model:sort="tableObject.sort" |
|
|
|
> |
|
|
|
<template #reqBody="{row}"> |
|
|
|
<el-tooltip> |
|
|
|
<template #content> |
|
|
|
<div class="toolContent"> |
|
|
|
<pre>{{ JSON.parse(row.reqBody.replace(/[\\]/g, '')) }}</pre> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<span class="ellipsis">{{row.reqBody}}</span> |
|
|
|
</el-tooltip> |
|
|
|
</template> |
|
|
|
<template #number="{row}"> |
|
|
|
<el-button type="primary" link @click="openDetail(row, '序号', row.number)"> |
|
|
|
<span>{{ row.number }}</span> |
|
|
@ -243,3 +254,16 @@ onMounted(async () => { |
|
|
|
}) |
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
.toolContent{ |
|
|
|
max-height: 300px; |
|
|
|
overflow: auto; |
|
|
|
} |
|
|
|
.ellipsis{ |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
white-space: nowrap; |
|
|
|
width: 180px; |
|
|
|
} |
|
|
|
</style> |
|
|
|