@utogether/udp-core 1.0.1-beta.30 → 1.0.1-beta.32

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

@@ -1,100 +1,100 @@
-<!--
- * @Author: wei.li
- * @Date: 2021-12-23 11:22:51
- * @LastEditors: wei.li
- * @LastEditTime: 2024-07-04 09:39:31
- * @Description: 入站接口日志
--->
-
-<template>
-  <div>
-    <ut-grid ref="xgrid" :items="formItems" :columns="columns" url="/upms/v1/invokeInbound" :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: 'LoginLog'
-};
-</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: 'requestBodyParameter', title: 'message.requestParameter' },
-  { field: 'responseContent' },
-  { field: 'ip', title: 'message.udp.ip' },
-  { field: 'requestDate', itemRender: { name: '#SuDateRange', props: { type: 'daterange' } } },
-  { field: 'requestStatus', itemRender: renderHook.renderDict('SU.REQUEST.STATUS') }
-];
-
-const items = [
-  {
-    field: 'requestBodyParameter',
-    title: 'message.requestParameter',
-    itemRender: renderHook.renderTextarea({ rows: 8 })
-  },
-  { field: 'responseContent', itemRender: renderHook.renderTextarea({ rows: 6 }) },
-  { field: 'stacktrace', itemRender: renderHook.renderTextarea({ rows: 3 }) }
-];
-
-// 列字段
-const xgrid = 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" onTap={() => handleShowDetail(row)} />
-          </>
-        ];
-      }
-    }
-  }
-];
-// 详情
-const handleShowDetail = record => {
-  const resContent = JSON.parse(record.responseContent);
-  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-11-21 18:19:06
+ * @Description: 入站接口日志
+-->
+
+<template>
+  <div>
+    <ut-grid ref="xgrid" :items="formItems" :columns="columns" :url="url" :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 setup lang="tsx">
+import { ref, reactive } from 'vue';
+import { useRender } from '@utogether/utils';
+import { getServiceApi } from '../../../api';
+import { getEnv } from '../../../config';
+import to from 'await-to-js';
+
+defineOptions({ name: 'LoginLog' });
+
+const renderHook = useRender();
+const data = reactive({
+  showModal: false,
+  record: {},
+  title: ''
+});
+
+const baseService = getEnv().VITE_BUINESS_SERVICE;
+
+const url = `${baseService}/v1/invoke-inbound`;
+
+const formItems = [
+  { field: 'interfaceName' },
+  { field: 'interfaceUrl' },
+  { field: 'requestBodyParameter', title: 'message.requestParameter' },
+  { field: 'responseContent' },
+  { field: 'ip', title: 'message.udp.ip' },
+  { field: 'requestDate', itemRender: { name: '#SuDateRange', props: { type: 'daterange' } } },
+  { field: 'requestStatus', itemRender: renderHook.renderDict('SU.REQUEST.STATUS') }
+];
+
+const items = [
+  {
+    field: 'requestBodyParameter',
+    title: 'message.requestParameter',
+    itemRender: renderHook.renderTextarea({ rows: 8 })
+  },
+  { field: 'responseContent', itemRender: renderHook.renderTextarea({ rows: 6 }) },
+  { field: 'stacktrace', itemRender: renderHook.renderTextarea({ rows: 3 }) }
+];
+
+// 列字段
+const xgrid = ref(null);
+const columns = [
+  { field: 'interfaceName', minWidth: 120 },
+  { field: 'interfaceUrl', minWidth: 150 },
+  { field: 'ip', title: 'message.udp.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" onTap={() => handleShowDetail(row)} />
+          </>
+        ];
+      }
+    }
+  }
+];
+// 详情
+const handleShowDetail = async record => {
+  const [err, res]: any = await to(getServiceApi().get(url + '/detail', { id: record.id }));
+  if (err) return;
+  console.log(res);
+  const resContent = JSON.parse(res.responseContent);
+  record.resContent = resContent?.data?.list || resContent?.data;
+  record.resContent = record.resContent ? JSON.stringify(record.resContent) : '';
+  data.record = res;
+  data.showModal = true;
+  data.title = `【${record.interfaceName}】接口明细`;
+};
+</script>

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

@@ -1,101 +1,104 @@
-<!--
- * @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-11-21 18:17:10
+ * @Description: 出站接口日志
+-->
+
+<template>
+  <div>
+    <ut-grid ref="xgrid" :items="formItems" :columns="columns" :url="url" :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 setup lang="tsx">
+import { ref, reactive } from 'vue';
+import { useRender } from '@utogether/utils';
+
+import { getEnv } from '../../../config';
+import to from 'await-to-js';
+import { getServiceApi } from '../../../api';
+
+defineOptions({ name: 'LogoutLog' });
+
+const renderHook = useRender();
+
+const baseService = getEnv().VITE_BUINESS_SERVICE;
+
+const url = `${baseService}/v1/invoke-outbound`;
+
+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 xgrid = 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 = async row => {
+  const [err, res]: any = await to(getServiceApi().get(url + '/detail', { id: row.id }));
+  if (err) return;
+  console.log(res);
+  // 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 = res;
+  data.showModal = true;
+  data.title = `【${res.interfaceName}】接口明细`;
+};
+</script>