@utogether/udp-core 1.0.1-beta.16 → 1.0.1-beta.17

package/src/views/upms/interface/log-out.vue

@@ -1,101 +1,101 @@
-<!--
- * @Author: wei.li
- * @Date: 2021-12-23 11:22:51
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-04-08 15:36:36
- * @Description: 出站接口日志
--->
-
-<template>
-  <div>
-    <ut-grid ref="SuGridRef" :items="formItems" :columns="columns" url="/upms/v1/invokeOutbound" :editable="false" />
-
-    <ut-modal-form
-      v-if="data.showModal"
-      ref="suModalRef"
-      :record="data.record"
-      :items="items"
-      :width="640"
-      :height="480"
-      :title="data.title"
-      @close="data.showModal = false"
-    />
-  </div>
-</template>
-<script lang="tsx">
-export default {
-  name: 'LogoutLog'
-};
-</script>
-<script setup lang="tsx">
-import { ref, reactive } from 'vue';
-// import { useRouter } from 'vue-router';
-// import to from 'await-to-js';
-// import { clone } from 'xe-utils';
-import { useRender } from '@utogether/utils';
-
-const renderHook = useRender();
-// const renderOption = renderOptions();
-
-// const router = useRouter();
-
-const data = reactive({
-  showModal: false,
-  record: {},
-  title: ''
-});
-
-const formItems = [
-  { field: 'interfaceName' },
-  { field: 'interfaceUrl' },
-  { field: 'requestParameter' },
-  { field: 'responseContent' },
-  // { field: 'ip',  },
-  { field: 'requestDate', itemRender: { name: '#SuDateRange', props: { type: 'daterange' } } },
-  { field: 'requestStatus', itemRender: renderHook.renderDict('SU.REQUEST.STATUS') }
-];
-
-const items = [
-  { field: 'requestParameter', itemRender: { name: '$textarea', props: { rows: 5 } } },
-  {
-    field: 'responseContent',
-    itemRender: { name: '$textarea', props: { rows: 10 } }
-  },
-  { field: 'stacktrace', itemRender: { name: '$textarea', props: { rows: 3 } } }
-];
-
-const SuGridRef = ref(null);
-// 列字段
-const columns = [
-  { field: 'interfaceName', minWidth: 120 },
-  { field: 'interfaceUrl', minWidth: 150 },
-  // { field: 'ip', width: 120 },
-  { field: 'requestDate', width: 160 },
-  { field: 'responseTimeConsume', width: 120 },
-  { field: 'requestStatus', width: 90, formatter: ['formatDict', 'SU.REQUEST.STATUS'] },
-  {
-    field: 'operate',
-    width: 70,
-    slots: {
-      default: ({ row }) => {
-        if (!row.id) return null;
-        return [
-          <>
-            <ut-button content="detail" icon="ri-eye-line ri-1x" onTap={() => handleShowDetail(row)} />
-          </>
-        ];
-      }
-    }
-  }
-];
-// 详情
-const handleShowDetail = record => {
-  // const resContent = JSON.parse(record.responseContent);
-  // console.log(resContent);
-  // record.resContent = resContent?.data?.list || resContent?.data;
-  // record.resContent = record.resContent ? JSON.stringify(record.resContent) : '';
-  data.record = record;
-  data.showModal = true;
-  data.title = `【${record.interfaceName}】接口明细`;
-};
-</script>
+<!--
+ * @Author: wei.li
+ * @Date: 2021-12-23 11:22:51
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-08 15:36:36
+ * @Description: 出站接口日志
+-->
+
+<template>
+  <div>
+    <ut-grid ref="SuGridRef" :items="formItems" :columns="columns" url="/upms/v1/invokeOutbound" :editable="false" />
+
+    <ut-modal-form
+      v-if="data.showModal"
+      ref="suModalRef"
+      :record="data.record"
+      :items="items"
+      :width="640"
+      :height="480"
+      :title="data.title"
+      @close="data.showModal = false"
+    />
+  </div>
+</template>
+<script lang="tsx">
+export default {
+  name: 'LogoutLog'
+};
+</script>
+<script setup lang="tsx">
+import { ref, reactive } from 'vue';
+// import { useRouter } from 'vue-router';
+// import to from 'await-to-js';
+// import { clone } from 'xe-utils';
+import { useRender } from '@utogether/utils';
+
+const renderHook = useRender();
+// const renderOption = renderOptions();
+
+// const router = useRouter();
+
+const data = reactive({
+  showModal: false,
+  record: {},
+  title: ''
+});
+
+const formItems = [
+  { field: 'interfaceName' },
+  { field: 'interfaceUrl' },
+  { field: 'requestParameter' },
+  { field: 'responseContent' },
+  // { field: 'ip',  },
+  { field: 'requestDate', itemRender: { name: '#SuDateRange', props: { type: 'daterange' } } },
+  { field: 'requestStatus', itemRender: renderHook.renderDict('SU.REQUEST.STATUS') }
+];
+
+const items = [
+  { field: 'requestParameter', itemRender: { name: '$textarea', props: { rows: 5 } } },
+  {
+    field: 'responseContent',
+    itemRender: { name: '$textarea', props: { rows: 10 } }
+  },
+  { field: 'stacktrace', itemRender: { name: '$textarea', props: { rows: 3 } } }
+];
+
+const SuGridRef = ref(null);
+// 列字段
+const columns = [
+  { field: 'interfaceName', minWidth: 120 },
+  { field: 'interfaceUrl', minWidth: 150 },
+  // { field: 'ip', width: 120 },
+  { field: 'requestDate', width: 160 },
+  { field: 'responseTimeConsume', width: 120 },
+  { field: 'requestStatus', width: 90, formatter: ['formatDict', 'SU.REQUEST.STATUS'] },
+  {
+    field: 'operate',
+    width: 70,
+    slots: {
+      default: ({ row }) => {
+        if (!row.id) return null;
+        return [
+          <>
+            <ut-button content="detail" icon="ri-eye-line ri-1x" onTap={() => handleShowDetail(row)} />
+          </>
+        ];
+      }
+    }
+  }
+];
+// 详情
+const handleShowDetail = record => {
+  // const resContent = JSON.parse(record.responseContent);
+  // console.log(resContent);
+  // record.resContent = resContent?.data?.list || resContent?.data;
+  // record.resContent = record.resContent ? JSON.stringify(record.resContent) : '';
+  data.record = record;
+  data.showModal = true;
+  data.title = `【${record.interfaceName}】接口明细`;
+};
+</script>