接口调用信息管理

src/views/wms/agvManage/interfaceInfo/index.vue

@@ -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>