@utogether/udp-core 1.0.0

package/src/views/organization/staff/Staff.vue

@@ -0,0 +1,58 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2021-11-17 16:42:14
+ * @LastEditors: wei.li
+ * @LastEditTime: 2021-12-09 13:38:41
+ * @Description: file content
+-->
+<template>
+  <div class="u-content-panel">
+    <div class="u-left-panel">
+      <ScrollPane
+        :title="$t('department')"
+        url="/uums/department/treeDepartment"
+        :tree-otions="{ children: 'children', label: 'deptName' }"
+      />
+    </div>
+    <div class="content">
+      <StaffPanel />
+    </div>
+  </div>
+</template>
+<script lang="ts">
+export default { name: 'StaffPanel' };
+</script>
+<script lang="ts" setup>
+import { ref, provide } from 'vue';
+import ScrollPane from '../../../components/SuScrollTree/ScrollPanel.vue';
+import StaffPanel from './StaffPanel.vue';
+
+const scrollPanelChange: any = ref(false);
+const treeList: any = ref([]);
+const active: any = ref({});
+
+provide('scrollPanelChange', scrollPanelChange);
+provide('active', active);
+provide('treeList', treeList);
+</script>
+
+<style lang="scss" scoped>
+.u-content-panel {
+  box-sizing: border-box;
+  display: flex;
+  width: 100%;
+  height: 84vh;
+  padding: 2px;
+
+  .u-left-panel {
+    width: 250px;
+  }
+
+  .content {
+    flex: 1;
+    width: calc(100% - 250px);
+    height: 82vh;
+    margin-left: 10px;
+  }
+}
+</style>

package/src/views/organization/staff/StaffInfo.vue

@@ -0,0 +1,163 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2021-11-17 16:42:14
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-08 15:50:29
+ * @Description: file content
+-->
+<template>
+  <div class="config">
+    <el-drawer
+      :model-value="show"
+      :before-close="handleClose"
+      direction="rtl"
+      :title="$t('message.title.employeeInfo')"
+      destroy-on-close
+      size="66%"
+    >
+      <ut-form
+        ref="suFormRef"
+        :record="data"
+        :loading="loading"
+        :items="items"
+        :data-status="dataStatus"
+      />
+      <el-divider />
+      <el-row type="flex" justify="end" style="padding-right: 22px">
+        <ut-button content="cancel" icon="ri-close-fill" @tap="handleClose" />
+        <ut-button content="confirm" icon="ri-save-3-fill" status="u-cyan" @tap="onSubmit" />
+      </el-row>
+    </el-drawer>
+  </div>
+</template>
+<script setup lang="ts">
+import { onMounted, ref } from 'vue';
+import { useRender } from '@utogether/utils';
+import { getServiceApi } from '../../../api';
+
+interface IProps {
+  show?: boolean;
+  record: IRecord;
+  dataStatus?: string;
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  show: true,
+  record: (): IRecord => {
+    return {};
+  },
+  dataStatus: 'detail'
+});
+
+const renderHook = useRender();
+const data = ref<IRecord>({});
+const suFormRef = ref(null);
+
+const loading = ref(false);
+
+const mapField = { userName: 'userName', userId: 'id' };
+const disabledProps = { disabled: props.dataStatus !== 'add' };
+
+const items = [
+  {
+    field: 'employeeCode',
+    required: true,
+    span: 8,
+    itemRender: renderHook.renderInput({ props: disabledProps })
+  },
+  { field: 'employeeName', required: true, span: 8, itemRender: renderHook.renderInput() },
+  { field: 'gender', span: 8, itemRender: renderHook.renderDict('SU.GENDER') },
+  {
+    field: 'deptName',
+    required: true,
+    span: 8,
+    itemRender: renderHook.renderLov({ code: 'SU.DEPARTMENT', field: 'deptName' }, onChange)
+  },
+  { field: 'email', span: 8, itemRender: renderHook.renderInput() },
+  { field: 'identity', span: 8, itemRender: renderHook.renderInput() },
+
+  { field: 'employeeDate', span: 8, itemRender: renderHook.renderDate() },
+  { field: 'solarDay', span: 8, itemRender: renderHook.renderDate() },
+  { field: 'phone', span: 8, itemRender: renderHook.renderInput() },
+  { field: 'mobile', span: 8, itemRender: renderHook.renderInput() },
+  {
+    field: 'attribute5',
+    title: 'message.releateUser',
+    span: 8,
+    itemRender: renderHook.renderSysUser({ mapField })
+  }
+];
+// function onSelectChange(e, item, record, field) {
+//   if (field === 'attribute5') {
+//     data.value.userName = item.userName;
+//     data.value.userId = item.id;
+//     data.value.attribute5 = item.name;
+//   }
+// }
+
+function onChange(e) {
+  e.row.deptName = e.item?.deptName || e.row.deptName;
+  e.row.deptCode = e.item?.deptCode || e.row.deptCode;
+  e.row.departmentId = e.item?.id || e.row.departmentId;
+}
+
+const emit = defineEmits<{
+  (e: 'onClose'): void;
+}>();
+
+const onSubmit = () => {
+  suFormRef.value.validateForm(async valid => {
+    if (!valid) {
+      const { dataStatus } = props;
+      loading.value = true;
+      console.log(data);
+      if (dataStatus === 'add') {
+        await getServiceApi().post('/uums/employee', data.value);
+      } else {
+        await getServiceApi().put('/uums/employee', data.value);
+      }
+      loading.value = false;
+      handleClose();
+    }
+  });
+};
+
+// 抽屉关闭
+function handleClose() {
+  emit('onClose');
+}
+
+onMounted(() => {
+  data.value = props.record;
+});
+</script>
+
+<style lang="scss">
+.u-menu-prefix.vxe-input {
+  height: 34px;
+}
+
+.u-menu-prefix.vxe-input .vxe-input--prefix {
+  top: 1px;
+  width: 150px;
+  height: 32px;
+  text-align: center;
+  background-color: #f5f7fa;
+  border-right: 1px solid #dcdfe6;
+}
+
+.u-menu-prefix.vxe-input .vxe-input--inner {
+  padding-left: 160px;
+  border: 1px solid #dcdfe6;
+}
+
+.my-dropdown2 {
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+}
+
+.list-item2:hover {
+  background-color: #f5f7fa;
+}
+</style>

package/src/views/organization/staff/StaffPanel.vue

@@ -0,0 +1,144 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2021-11-17 16:42:14
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-29 10:39:16
+ * @Description: 员工管理
+-->
+
+<template>
+  <div class="page-content">
+    <ut-grid
+      ref="xgrid"
+      :items="formItems"
+      :columns="columns"
+      :default-params="data.fetchExtParam"
+      :events="onEvents"
+      :auto-load="false"
+      :buttons="[{ code: 'del', auth: '/' }]"
+      :url="url"
+      mode="form"
+    />
+    <StaffInfo
+      v-if="data.showModelView"
+      :record="data.record"
+      :data-status="data.dataStatus"
+      @onClose="onClose"
+    />
+  </div>
+</template>
+
+<script setup lang="tsx">
+import { ref, reactive, watch, inject, nextTick } from 'vue';
+// import { useI18n } from 'vue-i18n';
+import { clone } from 'xe-utils';
+import { warnMessage } from '@utogether/utils';
+import StaffInfo from './StaffInfo.vue';
+import { getServiceApi } from '../../../api';
+
+const xgrid = ref(null);
+// const { t } = useI18n();
+const active: IRecord = inject('active');
+
+const data = reactive<IRecord>({
+  record: {},
+  showModelView: false,
+  fetchExtParam: {}
+});
+const url = '/uums/employee';
+
+watch(
+  () => active.value,
+  newVal => {
+    data.fetchExtParam = { departmentId: newVal?.id };
+    nextTick(() => {
+      xgrid.value.refreshData();
+    });
+  }
+);
+
+const formItems = [{ field: 'employeeCode' }, { field: 'employeeName' }];
+// 列字段
+const columns = [
+  // { type: 'checkbox', width: 50, align: 'center' },
+  { field: 'employeeCode' },
+  { field: 'employeeName', width: 150 },
+  { field: 'gender', width: 100, formatter: ['formatDict', 'SU.GENDER'] },
+  { field: 'enabled', width: 100, formatter: ['formatDict', 'SU.ENABLE'] },
+  {
+    field: 'operate',
+    width: 150,
+    fixed: 'right',
+    slots: {
+      default: ({ row }) => {
+        const content = ['1', 'Y'].includes(row.enabled) ? 'disabled' : 'enabled';
+        const icon = ['1', 'Y'].includes(row.enabled) ? 'ri-stop-circle-fill' : 'ri-play-circle-fill';
+        const status = ['1', 'Y'].includes(row.enabled) ? 'warning' : 'success';
+        return [
+          <>
+            <ut-button icon="ri-edit-box-line" content="edit" onTap={() => handleEdit(row)} />
+            <ut-button icon={icon} content={content} status={status} onTap={() => handleUpdate(row)} />
+          </>
+        ];
+      }
+    }
+  }
+];
+
+/**
+ * @description:监听grid事件
+ * @return {*}
+ */
+const onEvents = {
+  toolbarButtonClick({ code }) {
+    code === 'add' && handleAdd();
+  }
+};
+
+// 新增
+const handleAdd = () => {
+  if (!active.value?.deptName) {
+    return warnMessage('请先选择部门');
+  }
+  data.dataStatus = 'add';
+  data.record = {};
+  data.record.departmentId = active.value?.id;
+  data.record.deptName = active.value.deptName;
+  data.record.enabled = '1';
+  data.showModelView = true;
+};
+// 编辑
+const handleEdit = (record: Object) => {
+  data.dataStatus = 'update';
+  data.record = record;
+  data.showModelView = true;
+};
+// 启用/禁用
+const handleUpdate = async (record: IRecord) => {
+  const body = clone(record, true);
+  xgrid.value.showLoading();
+  body.enabled = body.enabled === '1' ? '0' : '1';
+  await getServiceApi().put(url, body);
+  xgrid.value.refreshData();
+};
+
+// 删除
+// const handleDel = async () => {
+//   const type = await VXETable.modal.confirm(t('message.delRecord'));
+//   const records = xgrid.value.getInstance().getCheckboxRecords();
+//   if (type === 'confirm') {
+//     serviceApi.delete(url, records);
+//   }
+// };
+
+// 关闭弹框
+const onClose = () => {
+  data.showModelView = false;
+  xgrid.value.refreshData();
+};
+// 拷贝当前列表项的数据（字典类型）
+// const { clipboardRef } = useCopyToClipboard();
+// const cellDBLClickEvent: VxeTableEvents.CellDblclick = ({ row }) => {
+//   clipboardRef.value = unref(row).model;
+// };
+</script>

package/src/views/system/cron/cron-task.vue

@@ -0,0 +1,157 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2021-12-23 11:22:51
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-08 15:42:31
+ * @Description: 定时器管理
+-->
+
+<template>
+  <div>
+    <ut-grid ref="xgrid" :items="formItems" :columns="columns" :url="url" />
+
+    <ut-modal-grid
+      v-if="showModal"
+      ref="xmgrid"
+      :default-params="subParam"
+      :columns="subColums"
+      url="/usch/v1/jobLog"
+      :show-footer="false"
+      :editable="false"
+      width="50%"
+      :title="$t('message.title.cronLog')"
+      @close="showModal = false"
+    />
+  </div>
+</template>
+<script lang="tsx">
+export default {
+  name: 'CronTask'
+};
+</script>
+<script setup lang="tsx">
+import { ref } from 'vue';
+// import { useRouter } from 'vue-router';
+import { VXETable } from 'vxe-table';
+
+import to from 'await-to-js';
+import { getServiceApi } from '../../../api';
+import { successMessage, useRender } from '@utogether/utils';
+
+const renderHook = useRender();
+
+// const router = useRouter();
+
+const xgrid = ref(null);
+const showModal = ref(false);
+const subParam = ref({});
+const url = '/usch/v1/jobInfo';
+
+const formItems = [{ field: 'jobName' }, { field: 'jobDescription' }];
+
+// const options = [
+//   { value: '1', label: '自动注册' },
+//   { value: '0', label: '手动注册' }
+// ];
+
+// 列字段
+const columns = [
+  { type: 'checkbox', width: 40, align: 'center' },
+  { field: 'jobName', width: 140, required: true, editRender: renderHook.renderInput() },
+  { field: 'jobCron', width: 140, required: true, editRender: renderHook.renderInput() },
+  { field: 'jobHandler', miwWidth: 200, required: true, editRender: renderHook.renderInput() },
+  { field: 'jobParam', width: 140, editRender: renderHook.renderInput() },
+  { field: 'jobDescription', width: 120, editRender: renderHook.renderInput() },
+  { field: 'jobStatus', width: 100 },
+  {
+    field: 'operate',
+    width: 180,
+    fixed: 'right',
+    slots: {
+      default: ({ row }) => {
+        const app =
+          row.jobStatus === 'ACQUIRED' ? (
+            <ut-button
+              content="suspendTask"
+              status="warning"
+              icon="ri-search-line-plus"
+              onTap={() => handleSuspend(row)}
+            />
+          ) : (
+            <ut-button
+              content="resumeTask"
+              status="success"
+              icon="ri-search-line-plus"
+              onTap={() => handleResume(row)}
+            />
+          );
+        return [
+          <>
+            {app}
+            <ut-button
+              content="stopTask"
+              status="danger"
+              icon="ri-close-line"
+              onTap={() => handleStop(row)}
+            />
+            <ut-button
+              content="taskLog"
+              status="info"
+              icon="ri-file-line"
+              onTap={() => handleLog(row)}
+            />
+          </>
+        ];
+      }
+    }
+  }
+];
+/**
+ * @description: 暂停
+ * @param {*} row 定时任务行
+ * @return {*}
+ */
+const handleSuspend = row => {
+  handleExecute(url + '/pause', [row]);
+};
+/**
+ * @description: 恢复
+ * @param {*} row 定时任务行
+ * @return {*}
+ */
+const handleResume = row => {
+  handleExecute(url + '/resume', [row]);
+};
+/**
+ * @description: 终止
+ * @param {*} row 定时任务行
+ * @return {*}
+ */
+const handleStop = row => {
+  handleExecute(url + '/terminate', [row]);
+};
+
+const handleExecute = async (url, row) => {
+  const type = await VXETable.modal.confirm('您确定要继续吗?');
+  if (type === 'confirm') {
+    const [err] = await to(getServiceApi().post(url, row));
+    if (!err) {
+      successMessage();
+      xgrid.value.refreshData();
+    }
+  }
+};
+
+const subColums = [
+  // { field: 'jobName', width: 140 },
+  { field: 'startTime', width: 160 },
+  { field: 'endTime', width: 160 },
+  { field: 'jobResult', width: 120 },
+  { field: 'errorMessage' }
+];
+
+const handleLog = row => {
+  subParam.value = { jobId: row.id };
+  showModal.value = true;
+};
+</script>

package/src/views/system/menu/AuthorityPanel.vue

@@ -0,0 +1,140 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2022-08-05 10:05:27
+ * @LastEditors: wei.li
+ * @LastEditTime: 2022-08-16 18:05:43
+ * @Description: 菜单权限列表
+-->
+<template>
+  <div class="u-dict-config_wrapper">
+    <el-drawer
+      :model-value="show"
+      :before-close="handleClose"
+      title="权限明细"
+      direction="rtl"
+      destroy-on-close
+      size="66%"
+    >
+      <ut-grid
+        ref="SuGridRef"
+        :columns="columns"
+        url="/uums/menu"
+        :default-params="{ parentId: record.id }"
+        :default-value="{ parentId: record.id, menuType: 1 }"
+      />
+    </el-drawer>
+  </div>
+</template>
+
+<script setup lang="tsx">
+import { ref, watch } from 'vue';
+import { useRender } from '@utogether/utils';
+
+interface IProps {
+  record: IRecord;
+  show: boolean;
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  record: (): IRecord => {
+    return {};
+  },
+  show: false
+});
+
+watch(
+  () => props.show,
+  () => {
+    prefixCode.value = props.show && getPrefixCode();
+  }
+);
+
+const prefixCode = ref('');
+
+const renderHook = useRender();
+
+// 列字段
+const columns = [
+  { type: 'checkbox', width: 50, align: 'center' },
+  {
+    field: 'menuName',
+    title: 'message.permissionName',
+    required: true,
+    editRender: renderHook.renderInput()
+  },
+  {
+    field: 'permissionCode',
+    required: true,
+    minWidth: 200,
+    editRender: renderHook.renderInput(),
+    slots: {
+      edit: ({ row }) => {
+        const slots = {
+          prefix: () => <span>{prefixCode.value}.</span>
+        };
+        row.dispalyCode = row.permissionCode?.replace(`${prefixCode.value}.`, '');
+        return [
+          <vxe-input
+            v-model={row.dispalyCode}
+            v-slots={slots}
+            className="ut-slot-input"
+            onInput={() => onInput(row)}
+          />
+        ];
+      }
+    }
+  },
+  {
+    field: 'enabled',
+    title: 'message.enabled',
+    width: 90,
+    editRender: renderHook.renderDict({ code: 'SU.ENABLE', defaultValue: '1' }),
+    formatter: ['formatDict', 'SU.ENABLE']
+  }
+];
+
+const getPrefixCode = () => {
+  const { record } = props;
+  const { id, parentId, hasChildren } = record;
+  if (!id && !parentId) return 'su';
+  if (hasChildren) {
+    record.dispalyCode = '';
+    return record.permissionCode;
+  }
+  return record.permissionCode;
+};
+
+const onInput = record => {
+  record.permissionCode = `${prefixCode.value}.${record.dispalyCode}`;
+};
+
+const emit = defineEmits<{ (e: 'onClose'): void }>();
+// 抽屉关闭
+function handleClose() {
+  emit('onClose');
+}
+</script>
+
+<style lang="scss">
+.u-dict-config_wrapper {
+  .el-drawer__header {
+    margin-bottom: 0;
+  }
+
+  .ut-slot-input {
+    .vxe-input--inner {
+      width: auto;
+      max-width: 66%;
+      padding-left: 0.5em;
+    }
+
+    .vxe-input--prefix {
+      display: contents;
+    }
+  }
+
+  .ut-disable-text {
+    background-color: #fefefe;
+  }
+}
+</style>