@utogether/udp-core 2.0.0-beta.1 → 2.0.0-beta.4

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

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

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

@@ -2,7 +2,7 @@
  * @Author: wei.li
  * @Date: 2021-11-17 16:42:14
  * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-12-08 08:27:39
+ * @LastEditTime: 2026-01-06 11:06:49
  * @Description: 员工管理
 -->
 
@@ -48,8 +48,8 @@ const url = '/uums/employee';
 
 watch(
   () => active.value,
-  newVal => {
-    data.fetchExtParam = { departmentId: newVal?.id };
+  () => {
+    data.fetchExtParam = { departmentId: null };
     nextTick(() => {
       xgrid.value.refreshData();
     });

package/src/views/system/layout/layout-home.vue

@@ -2,23 +2,32 @@
  * @Author: levi7754 levi7754@163.com
  * @Date: 2025-12-23 11:00:51
  * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-12-26 19:10:01
+ * @LastEditTime: 2026-01-06 18:50:23
  * @FilePath: \udp-crm\packages\udp-crm\src\views\udev\layout\home-layout.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <template>
   <div>
-    <ut-grid ref="xgrid" :items="items" :columns="columns" :url="url" />
+    <ut-grid
+      ref="xgrid"
+      :items="items"
+      :columns="columns"
+      :url="url"
+      :default-params="{ orgId: null }"
+      :check-method="onCheckMethod"
+      @editActivated="onEditActivated"
+    />
     <!-- 角色分配 -->
     <ut-modal-grid
       v-if="showModal"
       ref="ygrid"
       :columns="subColumns"
       mode="form"
-      :url="url + '/detail'"
+      url="/ucrm/sysHomeRole"
       :title="$t('message.title.layoutRole', { name: data.title })"
       width="50%"
       @buttonClick="onButtonClick"
+      @close="showModal = false"
     />
     <!-- 角色列表 -->
     <ut-modal-grid
@@ -65,7 +74,8 @@ const url = '/ucrm/sysHomeConfig';
 
 const items = [
   { field: 'code', title: 'message.udp.componentCode' },
-  { field: 'title', title: 'message.udp.componentTitle' }
+  { field: 'title', title: 'message.udp.componentTitle' },
+  { field: 'enabled', itemRender: renderHook.renderDict({ code: 'SU.ENABLE' }) }
 ];
 
 const subItems = [
@@ -86,6 +96,19 @@ const options = [
 const columns = [
   { type: 'checkbox', width: 50, align: 'center' },
   { field: 'seqNo', required: true, width: 100, editRender: renderHook.renderNumber({ min: 10, step: 10 }) },
+  {
+    field: 'type',
+    title: 'message.udp.componentType',
+    width: 120,
+    editRender: renderHook.renderSelectLocal({
+      // disabled: true,
+      options: [
+        { label: '系统', value: 'system' },
+        { label: '自定义', value: 'custom' }
+      ],
+      defaultValue: 'custom'
+    })
+  },
   {
     field: 'code',
     title: 'message.udp.componentCode',
@@ -180,11 +203,12 @@ const handleDel = () => {
 
 const onConfirm = async records => {
   if (records.length === 0) return warnMessage('message.tip.selectRole');
-  records.forEach(m => {
-    m.systemConfigId = data.value.id;
+  const body = records.map(m => {
+    const item = { configId: data.value.id, roleId: m.id };
+    return item;
   });
   xmodal.value.showLoading();
-  const [err] = await to(getServiceApi().post(url + '/detail', records));
+  const [err] = await to(getServiceApi().post('/ucrm/sysHomeRole', body));
   if (!err) {
     successMessage();
     ygrid.value.refreshData();
@@ -192,6 +216,21 @@ const onConfirm = async records => {
   }
 };
 
+const onCheckMethod = row => {
+  return row.type !== 'system';
+};
+
+const onEditActivated = ({ row }) => {
+  const activeColumns = clone(columns, true);
+  if (row.type === 'system') {
+    let idx = activeColumns.findIndex(m => m.field === 'type');
+    activeColumns[idx].editRender.props.disabled = true;
+    idx = activeColumns.findIndex(m => m.field === 'url');
+    activeColumns[idx].editRender.props.disabled = true;
+  }
+  xgrid.value.getInstance().reloadColumn(activeColumns);
+};
+
 const onButtonClick = code => {
   code === 'add' && handleAdd();
   code === 'del' && handleDel();

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

@@ -1,141 +1,141 @@
-<!--
- * @Author: wei.li
- * @Date: 2022-08-05 10:05:27
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-12-20 08:03:07
- * @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 }"
-        :pager-config="{ layouts: [] }"
-      />
-    </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: 180,
-    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: 'remark',
-    title: 'message.udp.description',
-    editRender: renderHook.renderInput()
-  },
-  {
-    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: 'close'): void }>();
-// 抽屉关闭
-function handleClose() {
-  emit('close');
-}
-</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>
+<!--
+ * @Author: wei.li
+ * @Date: 2022-08-05 10:05:27
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-12-20 08:03:07
+ * @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 }"
+        :pager-config="{ layouts: [] }"
+      />
+    </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: 180,
+    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: 'remark',
+    title: 'message.udp.description',
+    editRender: renderHook.renderInput()
+  },
+  {
+    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: 'close'): void }>();
+// 抽屉关闭
+function handleClose() {
+  emit('close');
+}
+</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>