@utogether/udp-core 1.0.0

package/src/views/ulogin/login.vue

@@ -0,0 +1,316 @@
+<template>
+  <!-- <img :src="bg" class="wave" /> -->
+  <div :key="refreshKey" class="login-container" :style="bgStyle">
+    <div v-if="!bgStyle.backgroundImage" class="img pr-24">
+      <!-- <bg /> -->
+      <img :src="welcome" />
+    </div>
+    <div class="login-box">
+      <div class="login-form">
+        <h2
+          v-motion
+          :initial="{ opacity: 0, y: 100 }"
+          :enter="{ opacity: 1, y: 0, transition: { delay: 100 } }"
+        >
+          {{ sysConfig['title'] }}
+        </h2>
+        <div
+          v-motion
+          class="input-group user focus"
+          :initial="{ opacity: 0, y: 100 }"
+          :enter="{ opacity: 1, y: 0, transition: { delay: 200 } }"
+        >
+          <div class="icon">
+            <IconifyIconOffline :icon="UserFill" width="30" height="30" />
+          </div>
+          <div>
+            <i class="ri-logout-box-line" />
+            <h5>{{ $t('message.udp.userName') }}</h5>
+            <input
+              v-model.trim="contextInfo.username"
+              v-focus
+              type="text"
+              class="input"
+              @blur="onUserBlur"
+              @keyup.enter="onLogin"
+            />
+          </div>
+        </div>
+        <div
+          v-motion
+          class="input-group pwd focus"
+          :initial="{ opacity: 0, y: 100 }"
+          :enter="{
+            opacity: 1,
+            y: 0,
+            transition: { delay: 300 }
+          }"
+        >
+          <div class="icon">
+            <IconifyIconOffline :icon="LockFill" width="30" height="30" />
+          </div>
+          <div>
+            <h5>{{ $t('message.udp.password') }}</h5>
+            <input
+              v-model.trim="contextInfo.passWord"
+              type="password"
+              class="input"
+              @blur="onPwdBlur"
+              @keyup.enter="onLogin"
+            />
+          </div>
+        </div>
+        <button
+          v-motion
+          class="btn"
+          :initial="{ opacity: 0, y: 10 }"
+          :enter="{ opacity: 1, y: 0, transition: { delay: 400 } }"
+          :disabled="loading"
+          :class="{ loading: loading }"
+          @click="onLogin"
+        >
+          {{ $t('message.udp.login') }}
+        </button>
+      </div>
+    </div>
+    <div class="absolute flex justify-center w-full font-bold bottom-1">
+      <img :src="utogether" class="!h-10" style="height: 40px" />
+      <span class="flex flex-row justify-center" style="width: 300px">
+        <span style="font-size: 0; text-align: center">
+          <a
+            href="http://www.u-together.cn/"
+            target="_blank"
+            class="!inline-block"
+            style="margin-bottom: -5px; font-size: 17px; color: #59d8d8"
+          >
+            深圳友聚信息技术有限公司
+          </a>
+          <a
+            href="http://www.u-together.cn/"
+            target="_blank"
+            class="!inline-block"
+            style="font-size: 12px; color: #d9d9d9"
+          >
+            SHENZHEN U-TOGETHER CO. LTD
+          </a>
+        </span>
+        <span class="flex items-center text-white" style="width: 150px; font-size: 10px">技术支持</span>
+      </span>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+export default { name: 'LoginView' };
+</script>
+
+<script setup lang="ts">
+import { ref, reactive, onBeforeMount } from 'vue';
+import { useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+// import io from 'socket.io-client';
+import { useFavicon } from '@vueuse/core';
+import { isEmpty, toDateString } from 'xe-utils';
+import { removeClass, storageLocal, errorMessage, cookies, delay } from '@utogether/utils';
+import to from 'await-to-js';
+import { useSystemStoreHook } from '../../store/modules/system';
+import { useLayout } from '../../layout/hooks/useLayout';
+import { useDataThemeChange } from '../../layout/hooks/useDataThemeChange';
+import { getBaseURL, getServiceApi } from '../../api';
+import { initDict } from '../../api/user';
+import { kTOKEN, kCKTOKEN, kLOGINER, kSYSCONFIG } from '../../contant';
+import { getPlatform, getBrower } from '../../utils/browers';
+import { onLogined } from '../../utils/lifecycle';
+// import bg from '../../assets/svg/bg.svg?component';
+import utogether from '../../assets/images/utogether.png';
+import welcome from '../../assets/images/welcome.png';
+
+import LockFill from '@iconify-icons/ri/lock-fill';
+import UserFill from '@iconify-icons/ri/user-3-fill';
+
+interface IContextProps {
+  username: string;
+  passWord: string;
+  verify: number | null;
+  svg: any;
+  domain: string;
+}
+interface IRSAPublic {
+  publicKeyExponent: string;
+  publicKeyModulus: string;
+  requestKey: string;
+}
+const contextInfo: IContextProps = reactive({
+  username: '',
+  passWord: '',
+  requestKey: '',
+  verify: null,
+  svg: null,
+  domain: ''
+});
+const publicRSA: IRSAPublic = reactive({
+  publicKeyExponent: '10001',
+  publicKeyModulus:
+    'a12708ab26367e1711bd767f6bb1f29afbd85380185723d7b492230e2567c95cf5718eca745da0643400ca619fbeec892df61abe1f71ad3b822d076ed831080c53782edf8c0627ee95c57e2bee12fe55da2b3cadec59947a75ccccbbf36fb3b781c93b4bf51489789f1c0849f9023a16ec70bef41a504785e1082b6f13588e29',
+  requestKey: ''
+});
+
+const bgStyle = ref({
+  backgroundImage: '',
+  backgroundRepeat: 'no-repeat',
+  backgroundPosition: 'center'
+});
+const refreshKey = ref(0);
+
+const sysConfig = ref({});
+const router = useRouter();
+const { t } = useI18n();
+const serviceApi = getServiceApi();
+// const { $config } = useGlobal();
+
+const { initStorage } = useLayout();
+const { overallStyle, dataThemeChange } = useDataThemeChange();
+initStorage();
+
+const loading = ref(false);
+// 登录
+const onLogin = async () => {
+  // insertLoginInfo();
+  // return;
+  const { username, passWord, verify } = contextInfo;
+  if (isEmpty(username) || isEmpty(passWord)) {
+    return errorMessage(t('message.tip.loginFailure'));
+  }
+  // @ts-ignore
+  setMaxDigits(200);
+  // @ts-ignore
+  const rsakeypair = new RSAKeyPair(publicRSA.publicKeyExponent, '', publicRSA.publicKeyModulus);
+  // @ts-ignore
+  const password = encryptedString(rsakeypair, passWord.split('').reverse().join(''));
+  const param = {
+    username,
+    password,
+    requestKey: publicRSA.requestKey,
+    verify: verify,
+    domain: getBaseURL()
+  };
+  loading.value = true;
+  const [err, data] = await to(serviceApi.post('/uath/login', param));
+  if (err) {
+    loading.value = false;
+    return;
+  }
+  useSystemStoreHook().setSessionKey(data);
+  cacheToken(data);
+  cookies.set(kLOGINER, username);
+  if (!storageLocal.getItem('kLov')) {
+    initDict().then(res => useSystemStoreHook().setDict(res));
+  }
+  // initSocket(username);
+  await delay(100);
+  // 执行登录成功后的函数
+  onLogined();
+  router.push('/');
+  insertLoginInfo(username);
+  loading.value = false;
+};
+
+function onUserBlur() {
+  if (contextInfo.username.length === 0) removeClass(document.querySelector('.user'), 'focus');
+}
+
+function onPwdBlur() {
+  if (contextInfo.passWord.length === 0) removeClass(document.querySelector('.pwd'), 'focus');
+}
+
+/**
+ * @description: 缓存token
+ * @param {*} token token数据
+ * @return {*}
+ */
+const cacheToken = token => {
+  const { access_token, expires_in, refresh_token } = token;
+  const cache = {
+    accessToken: access_token,
+    refreshToken: refresh_token,
+    expires: Date.now() + expires_in * 1000
+  };
+
+  cookies.set(kCKTOKEN, token.access_token);
+  const dataString = JSON.stringify(cache);
+  expires_in > 0 ? cookies.set(kTOKEN, dataString) : cookies.set(kTOKEN, dataString);
+};
+
+// let socketIo = null;
+// const initSocket = username => {
+//   socketIo = io(`ws://119.145.169.186:10006/webSocket/${username}`, {
+//     transports: ['websocket']
+//   });
+//   socketIo.on('connection', res => {
+//     console.log('connection', res);
+//   });
+//   socketIo.on('connected', res => {
+//     console.log('connected', res);
+//   });
+//   socketIo.on('close', res => {
+//     console.log('connected', res);
+//   });
+//   socketIo.on('message', res => {
+//     console.log('message', res);
+//     // ElNotification({
+//     //   title: '您有一条新的消息',
+//     //   message: res,
+//     //   type: 'success'
+//     // });
+//   });
+// };
+
+const insertLoginInfo = username => {
+  const userAgent = navigator.userAgent.toLowerCase();
+  const { browser, browserVersion } = getBrower(userAgent);
+  const obj = {
+    userName: username,
+    loginTime: toDateString(new Date()),
+    browser,
+    browserVersion,
+    operatingSystem: getPlatform(userAgent)
+  };
+  serviceApi.post('/upms/v1/userMonitor', obj);
+};
+
+const getSysConfig = async () => {
+  const [err, data]: [Error, any] = await to(serviceApi.get('/upfm/v1/sysConfig', {}));
+  if (!err) {
+    const config: any = {};
+    data.list?.forEach(item => {
+      config[item.configCode] = item.configValue;
+      if (item.fileName) {
+        config[item.configCode] = getBaseURL() + '/ufil' + item.configValue;
+      }
+    });
+    const title = data.list?.find(f => f.configCode === 'title')?.configValue;
+    config['title'] = title || 'U-DP';
+    sysConfig.value = config;
+    bgStyle.value = {
+      backgroundImage: config['backgroundImg'] ? `url(${config['backgroundImg']})` : '',
+      backgroundRepeat: 'no-repeat',
+      backgroundPosition: 'center'
+    };
+    console.log('bgStyle=', bgStyle);
+    const favicon = useFavicon();
+    favicon.value = config.favicon || utogether;
+    storageLocal.setItem(kSYSCONFIG, config);
+  }
+};
+
+dataThemeChange(overallStyle.value);
+
+onBeforeMount(() => {
+  getSysConfig();
+  // cookies.addPrefix('sitzone-mes');
+});
+</script>
+
+<style scoped>
+@import url('../../style/login.css');
+</style>

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

@@ -0,0 +1,36 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2022-08-10 09:10:39
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-08 15:35:00
+ * @Description: 消息发送配置
+-->
+<template>
+  <div>
+    <ut-grid ref="SuGridRef" :items="formItems" :columns="columns" />
+  </div>
+</template>
+
+<script lang="tsx">
+export default { name: 'MsgMonitor' };
+</script>
+<script setup lang="tsx">
+import { ref } from 'vue';
+
+const SuGridRef = ref(null);
+
+const formItems = [{ field: 'msgCode' }, { field: 'msgName' }];
+
+// 列字段
+const columns = [
+  { type: 'checkbox', width: 50, align: 'center' },
+  { field: 'msgCode' },
+  { field: 'msgName' },
+  { field: 'msgService' }
+  // {
+  //   field: 'enabled',
+  //   width: 90,
+  //   formatter: ['formatDict', 'SU.ENABLE']
+  // }
+];
+</script>

package/src/views/umsg/msg/TemplateContent.vue

@@ -0,0 +1,103 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2022-08-11 10:07:47
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-29 14:15:58
+ * @Description: 邮件模板
+-->
+<template>
+  <div>
+    <ut-content title="消息模板" @close="handleClose">
+      <template v-slot:header>
+        <ut-button icon="ri-save-3-fill" content="save" @tap="handleSave()" />
+      </template>
+      <!-- <template v-slot:body>
+        <ut-form ref="formRef" :record="record" :items="items" data-status="update" />
+        <ut-divider title="消息模板内容" />
+        <div style="border: 1px solid #ccc" />
+          <Toolbar
+            style="border-bottom: 1px solid #ccc"
+            :editor="editorRef"
+            :default-config="toolbarConfig"
+            mode="default"
+          />
+          <Editor
+            v-model="valueHtml"
+            style="height: 300px; overflow-y: hidden"
+            :default-config="editorConfig"
+            mode="default"
+            @onCreated="handleCreated"
+          />
+        </div>
+      </template> -->
+    </ut-content>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onBeforeUnmount, ref, shallowRef, onMounted } from 'vue';
+// import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
+// import '@wangeditor/editor/dist/css/style.css'; // 引入 css
+import { getServiceApi } from '../../../api';
+import { clone } from 'xe-utils';
+
+interface IProps {
+  record: IRecord;
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  record: (): IRecord => {
+    return {};
+  },
+  show: false
+});
+
+const formRef = ref(null);
+
+// const items = [
+//   { field: 'msgtemplateCode', required: true },
+//   { field: 'msgtemplateName', required: true },
+//   { field: 'language', required: true },
+//   { field: 'msgType', required: true }
+// ];
+
+// 编辑器实例，必须用 shallowRef
+const editorRef = shallowRef();
+// 内容 HTML
+const valueHtml = ref('');
+
+// const toolbarConfig = {};
+// const editorConfig = { placeholder: '请输入内容...' };
+// const handleCreated = editor => {
+//   editorRef.value = editor; // 记录 editor 实例，重要！
+// };
+
+const handleSave = () => {
+  const record = clone(props.record, true);
+  record.templateContent = editorRef.value.getHtml();
+  formRef.value.validateForm(async valid => {
+    if (!valid) {
+      await getServiceApi().post('xxx', record);
+    }
+  });
+};
+
+const emit = defineEmits<{ (e: 'onClose'): void }>();
+// 抽屉关闭
+function handleClose() {
+  emit('onClose');
+}
+
+// 模拟 ajax 异步获取内容
+onMounted(() => {
+  setTimeout(() => {
+    valueHtml.value = props.record.templateContent;
+  }, 30);
+});
+// 组件销毁时，也及时销毁编辑器
+onBeforeUnmount(() => {
+  const editor = editorRef.value;
+  if (editor == null) return;
+  editor.destroy();
+});
+</script>

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

@@ -0,0 +1,66 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2022-08-11 09:36:03
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-29 11:33:23
+ * @Description: 消息模板
+-->
+<template>
+  <div>
+    <ut-grid v-if="!showChild" :items="formItems" :columns="columns" :editable="false" />
+    <msg-content v-else ref="msgContentRef" :record="record" @onClose="onClose" />
+  </div>
+</template>
+
+<script lang="tsx">
+export default { name: 'MsgTemplate' };
+</script>
+
+<script setup lang="tsx">
+import { ref } from 'vue';
+import { useRender } from '@utogether/utils';
+
+import msgContent from './TemplateContent.vue';
+
+const renderHook = useRender();
+
+const showChild = ref(false);
+const msgContentRef = ref(null);
+const record = ref({});
+
+const formItems = [{ field: 'msgtemplateCode' }, { field: 'msgtemplateName' }];
+
+const columns = [
+  { field: 'msgtemplateCode' },
+  { field: 'msgtemplateName' },
+  { field: 'msgType', width: 110, formatter: ['formatDict', 'SU.MESSAGE.TYPE'] },
+  { field: 'language', width: 110 },
+  {
+    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={() => handleConfig(row)} />];
+      }
+    }
+  }
+];
+
+const handleConfig = row => {
+  row.templateContent = '<p>模拟 Ajax 异步设置内容</p>';
+  record.value = row;
+  showChild.value = true;
+};
+
+const onClose = () => {
+  showChild.value = false;
+};
+</script>

package/src/views/umsg/send/childView.vue

@@ -0,0 +1,142 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2022-07-15 17:02:56
+ * @LastEditors: wei.li
+ * @LastEditTime: 2022-11-17 10:30:48
+ * @Description: file contentu
+-->
+<template>
+  <div class="ut-loview-wrapper">
+    <el-drawer :model-value="show" title="消息发送模板" size="75%" :before-close="handleClose">
+      <!-- <ut-content title="值集视图" @onClose="handleClose">
+        <template v-slot:header>
+          <ut-button icon="ri-save-3-fill" content="save" @click="handleSave()" />
+        </template>
+        <template v-slot:body>
+          <ut-form ref="formRef" :record="record" :items="items" data-status="update" />
+          <ut-divider title="视图列" />
+          <ut-grid
+            ref="gridRef"
+            :columns="columns"
+            :service-code="serviceCode"
+            :default-value-ext="{ parentId: record.id }"
+            :height="height"
+            :events="onEvents"
+          />
+        </template>
+      </ut-content> -->
+      <ut-grid
+        ref="gridRef"
+        :columns="columns"
+        :url="serviceCode"
+        :default-value="{ parentId: record.id }"
+      />
+    </el-drawer>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+// import serviceApi from '@/api';
+import { useRender } from '@utogether/utils';
+
+interface IProps {
+  record: IRecord;
+  show: boolean;
+}
+
+withDefaults(defineProps<IProps>(), {
+  record: (): IRecord => {
+    return {};
+  },
+  show: false
+});
+const renderHook = useRender();
+// const systemInfo = useSystemStore().systemInfo;
+
+// const optionProps = { value: 'dictCode', label: 'dictName' };
+
+// const formRef = ref(null);
+// const items = [
+//   { field: 'lovCode', required: true },
+//   { field: 'lovName', required: true },
+//   { field: 'valueField', required: true },
+//   { field: 'displayField', required: true },
+//   { field: 'lovTitle' },
+//   {
+//     field: 'sqlStatement',
+//     span: 24,
+//     itemRender: { name: '$textarea', props: { rows: 5 } },
+//     required: true
+//   }
+// ];
+
+const attr = {
+  field: 'msgtemplateCode',
+  mapField: { msgtemplateName: 'msgtemplateName', msgtemplateId: 'id' },
+  serviceCode: 'xxx',
+  value: 'msgtemplateCode',
+  code: 'code'
+};
+// 列字段
+const columns: ITableColProps[] = [
+  { type: 'checkbox', width: 50, align: 'center' },
+  { field: 'seqNo', required: true, width: 100, editRender: renderHook.renderNumber() },
+  { field: 'msgtemplateCode', required: true, editRender: renderHook.renderLov(attr) },
+  { field: 'msgtemplateName' },
+  {
+    field: 'msgType',
+    width: 100,
+    editRender: renderHook.renderDict('SU.MESSAGE.TYPE', onChange),
+    formatter: ['formatDict', 'SU.MESSAGE.TYPE']
+  },
+  { field: 'msgService', width: 120 },
+  { field: 'msgServiceName', width: 120 },
+  { field: 'remark', minWidth: 120 }
+];
+
+const gridRef = ref(null);
+// const height = window.innerHeight - 280;
+
+//激活事件
+// const onEvents = {
+//   editActived({ row }) {
+//     columns[6].editRender.props.disabled = row.dictDispose !== 'dictCode';
+//   }
+// };
+
+// change事件
+function onChange(item) {
+  item.row.dictName = '';
+  columns[6].editRender.props.disabled = item.row.dictDispose !== 'dictCode';
+  columns[6].required = item.row.dictDispose !== 'dictCode';
+}
+
+const serviceCode = {
+  fetch: 'dict/listChildren',
+  del: 'dict/deleteDicts',
+  add: 'dict/insertDicts',
+  update: 'dict/updateDicts'
+};
+const emit = defineEmits<{ (e: 'onClose'): void }>();
+// 抽屉关闭
+function handleClose() {
+  emit('onClose');
+}
+</script>
+
+<style lang="scss">
+.ut-loview-wrapper {
+  .el-drawer__header {
+    margin-bottom: 0;
+  }
+
+  .el-drawer__body {
+    padding: 5px 0;
+  }
+
+  .ut-content-body {
+    height: 90%;
+  }
+}
+</style>