@utogether/udp-core 1.0.0

package/src/views/umsg/send/msg-send.vue

@@ -0,0 +1,95 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2022-08-10 09:10:39
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-08 15:36:00
+ * @Description: 消息发送配置
+-->
+<template>
+  <div>
+    <ut-grid
+      ref="SuGridRef"
+      :items="formItems"
+      :columns="columns"
+      :service-code="serviceCode"
+      :events="onEvents"
+    />
+    <child-view v-if="showDrawer" :show="showDrawer" :record="record" @onClose="handleClose" />
+  </div>
+</template>
+
+<script lang="tsx">
+export default { name: 'MsgSend' };
+</script>
+<script setup lang="tsx">
+import { ref, nextTick } from 'vue';
+// import { VxeGridInstance } from 'vxe-table';
+import childView from './childView.vue';
+import { useRender } from '@utogether/utils';
+
+const SuGridRef = ref(null);
+
+const formItems = [{ field: 'msgCode' }, { field: 'msgName' }];
+
+const renderHook = useRender();
+// 列字段
+const columns = [
+  { type: 'checkbox', width: 50, align: 'center' },
+  {
+    field: 'msgCode',
+    required: true,
+    editRender: renderHook.renderInput()
+  },
+  { field: 'msgName', required: true, editRender: renderHook.renderInput() },
+  { field: 'msgService', required: true, editRender: renderHook.renderInput() },
+  // { field: 'displayField', required: true, editRender: renderHook.renderInput() },
+  // { field: 'lovTitle', editRender: renderHook.renderInput() },
+  {
+    field: 'enabled',
+    width: 90,
+    editRender: renderHook.renderDict({ code: 'SU.ENABLE', defaultValue: '1' }),
+    formatter: ['formatDict', 'SU.ENABLE']
+  },
+  {
+    field: 'operate',
+    width: 70,
+    fixed: 'right',
+    slots: {
+      default: ({ row }) => {
+        if (!row.id) return null;
+        return [<ut-button content="config" icon="ri-edit-box-line" onTap={() => hanldeDipose(row)} />];
+      }
+    }
+  }
+];
+
+const showDrawer = ref(false);
+const record = ref(null);
+const hanldeDipose = row => {
+  nextTick(() => {
+    showDrawer.value = true;
+    record.value = row;
+    record.value.total = row.children.length;
+  });
+};
+const handleClose = () => {
+  SuGridRef.value.refreshData();
+  showDrawer.value = false;
+};
+
+const onEvents = {
+  editActived({ row }) {
+    if (row.id) {
+      columns[1].editRender.props.disabled = true;
+      SuGridRef.value.refreshColumn();
+    }
+  }
+};
+
+const serviceCode = {
+  add: 'dict/insertDicts',
+  del: 'dict/deleteDicts',
+  update: 'dict/updateDicts',
+  fetch: 'dict/listDicts'
+};
+</script>

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

@@ -0,0 +1,106 @@
+<!--
+ * @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' },
+  { 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>

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

@@ -0,0 +1,107 @@
+<!--
+ * @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>

package/src/views/upms/user/login-log.vue

@@ -0,0 +1,60 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2021-12-23 11:22:51
+ * @LastEditors: wei.li
+ * @LastEditTime: 2024-06-28 10:13:13
+ * @Description: 用户登录日志
+-->
+
+<template>
+  <div>
+    <ut-grid
+      ref="xgrid"
+      :items="formItems"
+      :columns="columns"
+      url="/upms/v1/userMonitor"
+      :editable="false"
+    />
+  </div>
+</template>
+<script lang="tsx">
+export default {
+  name: 'LoginLog'
+};
+</script>
+<script setup lang="tsx">
+import { ref } 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 formItems = [
+  { field: 'employeeName' },
+  { field: 'userName' },
+  { field: 'operatingSystem', title: 'message.udp.operatingSystem' },
+  { field: 'browserVersion', title: 'message.udp.browserVersion' },
+  {
+    field: 'loginTime',
+    title: 'message.udp.loginTime',
+    itemRender: { name: '#SuDateRange', props: { type: 'daterange' } }
+  }
+];
+
+// 列字段
+const xgrid = ref(null);
+const columns = [
+  { field: 'employeeName', minWidth: 120 },
+  { field: 'userName', width: 150 },
+  { field: 'loginTime', title: 'message.udp.loginTime', width: 160 },
+  { field: 'operatingSystem', title: 'message.udp.operatingSystem', width: 120 },
+  { field: 'browser', title: 'message.udp.browser', width: 110 },
+  { field: 'browserVersion', title: 'message.udp.browserVersion', width: 110 },
+  { field: 'ip', title: 'message.udp.ip', width: 150 }
+];
+</script>

package/src/views/urpt/dataSet/DataSet.vue

@@ -0,0 +1,139 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2022-03-24 15:43:31
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-29 15:03:54
+ * @Description: 打印数据集
+-->
+
+<template>
+  <div>
+    <ut-grid ref="SuGridRef" :items="formItems" :columns="columns" :events="onGridEvents" />
+    <ut-modal-grif
+      v-if="data.showChild"
+      :record="record"
+      :default-value="data.paramExt"
+      :default-params="data.paramExt"
+      :columns="subColumns"
+      :title="$t('message.paramSet')"
+      :editable="true"
+      width="60%"
+    />
+  </div>
+</template>
+
+<script lang="tsx">
+export default { name: 'DataSet' };
+</script>
+<script setup lang="tsx">
+import { ref, reactive } from 'vue';
+import { useRender } from '@utogether/utils';
+// import { getServiceApi } from '../../../api';
+// import to from 'await-to-js';
+import { clone } from 'xe-utils';
+
+const SuGridRef = ref(null);
+const record = ref({});
+const renderHook = useRender();
+// const renderOption = useRenderOption();
+
+const data = reactive({
+  paramExt: {},
+  showChild: false
+});
+
+const formItems = [{ field: 'dataSetCode' }, { field: 'dataSetName' }];
+
+// 列字段
+const columns = [
+  { type: 'checkbox', width: 50, align: 'center' },
+  {
+    field: 'dataSetCode',
+    required: true,
+    width: 150,
+    editRender: renderHook.renderSelect({
+      optionProps: { label: 'templateCode', value: 'templateCode' },
+      props: { code: 'SYS075', fetchField: 'templateCode' }
+    })
+  },
+  { field: 'dataSetName', required: true, width: 150, editRender: renderHook.renderInput() },
+  {
+    field: 'dataSetType',
+    required: true,
+    editRender: renderHook.renderDict('SU.DATASET.TYPE'),
+    formatter: ['formatDict', 'SU.DATASET.TYPE']
+  },
+  { field: 'dataSetUrl', width: 180, required: true, editRender: renderHook.renderInput() },
+  { field: 'remark', minWidth: 80, editRender: renderHook.renderInput() },
+  { field: 'enabled', width: 80, formatter: ['formatDict', 'SU.ENABLE'] },
+  {
+    field: 'operate',
+    width: 150,
+    slots: {
+      default: ({ row }) => {
+        if (!row.id) return null;
+        return [
+          <>
+            <ut-button icon="ri-save-3-fill" content="paramSet" onClick={() => handleUpdate(row)} />
+          </>
+          // <ut-button row={row} onTap={() => handleClick(row)} />
+        ];
+      }
+    }
+  }
+];
+
+// 列字段
+const subColumns = [
+  { type: 'checkbox', width: 50, align: 'center' },
+  { field: 'seqNo', editRender: renderHook.renderInput({ props: { type: 'number' } }) },
+  { field: 'paramCode', editRender: renderHook.renderInput() },
+  { field: 'paramName', editRender: renderHook.renderInput() },
+  { field: 'defaultValue', editRender: renderHook.renderInput() },
+  {
+    field: 'isRequired',
+    required: true,
+    editRender: renderHook.renderDict('SU.WHETHER'),
+    formatter: ['formatDict', 'SU.WHETHER']
+  },
+  { field: 'remark', width: 100, editRender: renderHook.renderInput() },
+  {
+    field: 'operate',
+    width: 80,
+    fixed: 'right',
+    slots: {
+      default: ({ row }) => {
+        if (!row.id) return null;
+        return [
+          <>
+            <ut-button row={row} />
+          </>
+        ];
+      }
+    }
+  }
+];
+
+// 参数集
+const handleUpdate = row => {
+  record.value = clone(row, true);
+  data.paramExt = { dataSetId: row.id };
+  data.showChild = true;
+};
+// 启用/禁用
+// const handleClick = async row => {
+//   const body = clone(row, true);
+//   body.enabled = +body.enabled ? '0' : '1';
+//   const [err] = await to(getServiceApi().put(serviceCode.update, [body]));
+//   !err && SuGridRef.value.refreshData();
+// };
+
+const onGridEvents = {
+  editActived({ row, column }) {
+    if (row.id) {
+      columns[1].editRender.props.disabled = true;
+      SuGridRef.value.refreshColumn();
+    }
+  }
+};
+</script>