@utogether/udp-core 1.0.1-beta.9 → 1.0.2

package/src/views/system/role/UserInfo.vue

@@ -1,195 +1,195 @@
-<template>
-  <div class="u-dict-config_wrapper">
-    <el-drawer
-      :model-value="show"
-      :title="$t('message.title.authUser', { role: record.roleName })"
-      :before-close="handleClose"
-      direction="rtl"
-      destroy-on-close
-      size="80%"
-    >
-      <vxe-grid ref="xgrid" v-bind="gridOptions" v-on="gridEvents" />
-      <ut-modal-grid
-        v-if="showModalView"
-        url="/uums/user/listUserToRole"
-        :default-params="{ roleId: record.id }"
-        :items="modalFormItems"
-        :columns="modalColum"
-        :show-footer="true"
-        :editable="false"
-        :title="$t('message.udp.userList')"
-        width="60%"
-        height="75%"
-        @close="showModalView = false"
-        @confirm="onConfirm"
-      />
-    </el-drawer>
-  </div>
-</template>
-<script setup lang="ts">
-import { onBeforeMount, reactive, ref } from 'vue';
-import { VxeGridProps, VxeGridListeners, VxeGridInstance } from 'vxe-table';
-import to from 'await-to-js';
-import { getServiceApi } from '../../../api';
-
-interface IProps {
-  record: IRecord;
-  show: boolean;
-  direction?: string;
-}
-
-const props = withDefaults(defineProps<IProps>(), {
-  record: (): IRecord => {
-    return {};
-  },
-  show: false,
-  direction: 'rtl'
-});
-const loading = ref(false);
-const showModalView = ref(false);
-
-const serviceApi = getServiceApi();
-
-const emit = defineEmits<{
-  (e: 'onClose'): void;
-}>();
-const formItems: IFormItemProps[] = [
-  {
-    field: 'userName',
-    title: 'message.udp.userCode',
-    span: 8,
-    itemRender: { name: '$input' }
-  },
-  {
-    field: 'name',
-    title: 'message.udp.userName',
-    span: 8,
-    itemRender: { name: '$input' }
-  },
-  {
-    span: 8,
-    align: 'right',
-    itemRender: {
-      name: '$buttons',
-      children: [
-        {
-          props: {
-            type: 'submit',
-            content: 'message.btn.search',
-            icon: 'ri-search-line',
-            status: 'primary'
-          }
-        },
-        { props: { type: 'reset', icon: 'ri-refresh-line', content: 'message.btn.reset' } }
-      ]
-    }
-  }
-];
-// 列字段
-const columns: ITableColProps[] = [
-  { type: 'checkbox', width: 50, align: 'center' },
-  {
-    field: 'userName',
-    title: 'message.udp.userCode'
-  },
-  {
-    field: 'name',
-    title: 'message.udp.userName'
-  },
-  {
-    field: 'enabled',
-    title: 'message.enabled',
-    width: 70,
-    editRender: {
-      name: '$select',
-      options: [
-        { label: '启用', value: '1' },
-        { label: '禁用', value: '0' }
-      ],
-      defaultValue: '1'
-    }
-  }
-];
-// 新增/删除/保存
-const buttons = [
-  { code: 'add', name: 'message.btn.add', status: 'u-cyan', icon: 'ri-add-line' },
-  { code: 'delete', name: 'message.btn.del', status: 'danger', icon: 'ri-delete-bin-5-fill' }
-];
-const modalFormItems = [
-  { field: 'userName', title: 'message.udp.userCode', span: 9 },
-  { field: 'name', title: 'message.udp.userName', span: 9 }
-];
-const modalColum = [
-  { type: 'checkbox', width: 40 },
-  { field: 'userName', title: 'message.udp.userCode' },
-  { field: 'name', title: 'message.udp.userName' },
-  { field: 'enabled', width: 70, formatter: ['formatDict', 'SU.ENABLE'] }
-];
-const xgrid = ref({} as VxeGridInstance);
-const gridOptions = reactive<VxeGridProps>({
-  height: 'auto',
-  border: true,
-  pagerConfig: {},
-  toolbarConfig: { buttons, perfect: true },
-  loading: false,
-  formConfig: { titleWidth: 100, titleAlign: 'right', items: formItems },
-  // data: props.record.children,
-  proxyConfig: {
-    form: true, // 查询是需要启用表单代理
-    ajax: {
-      // 接收 Promise
-      query: ({ page, form }) => {
-        const queryParams = Object.assign({}, form);
-        queryParams.id = props.record.id;
-        queryParams.pageNum = page.currentPage;
-        queryParams.pageSize = page.pageSize;
-        return serviceApi.get('/uums/user/listRoleUsers', queryParams);
-      },
-      // body 对象： { removeRecords }
-      delete: ({ body: { removeRecords } }) => {
-        const param = {
-          roleId: props.record.id,
-          userIds: removeRecords.map(v => v.id).join()
-        };
-        return serviceApi.delete('/uums/role/deleteRoleUsers', param);
-      }
-    }
-  },
-  columns
-});
-// grid点击事件监听
-const gridEvents: VxeGridListeners = {
-  toolbarButtonClick({ code }) {
-    if (code === 'add') {
-      showModalView.value = true;
-    }
-  }
-};
-// 监听modal table确定
-const onConfirm = async records => {
-  const param = { userIds: '', roleId: props.record.id };
-  param.userIds = records.map(m => m.id).join(',');
-  gridOptions.loading = true;
-  const [err] = await to(serviceApi.post('/uums/role/addUserRole', param));
-  gridOptions.loading = false;
-  if (!err) {
-    xgrid.value.commitProxy('query');
-    showModalView.value = false;
-  }
-};
-// 抽屉关闭
-function handleClose() {
-  emit('onClose');
-}
-onBeforeMount(() => {
-  loading.value = true;
-});
-</script>
-
-<style lang="scss">
-.u-dict-config_wrapper {
-  .el-drawer__header {
-    margin-bottom: 0;
-  }
-}
-</style>
+<template>
+  <div class="u-dict-config_wrapper">
+    <el-drawer
+      :model-value="show"
+      :title="$t('message.title.authUser', { role: record.roleName })"
+      :before-close="handleClose"
+      direction="rtl"
+      destroy-on-close
+      size="80%"
+    >
+      <vxe-grid ref="xgrid" v-bind="gridOptions" v-on="gridEvents" />
+      <ut-modal-grid
+        v-if="showModalView"
+        url="/uums/user/listUserToRole"
+        :default-params="{ roleId: record.id }"
+        :items="modalFormItems"
+        :columns="modalColum"
+        :show-footer="true"
+        :editable="false"
+        :title="$t('message.udp.userList')"
+        width="60%"
+        height="75%"
+        @close="showModalView = false"
+        @confirm="onConfirm"
+      />
+    </el-drawer>
+  </div>
+</template>
+<script setup lang="ts">
+import { onBeforeMount, reactive, ref } from 'vue';
+import { VxeGridProps, VxeGridListeners, VxeGridInstance } from 'vxe-table';
+import to from 'await-to-js';
+import { getServiceApi } from '../../../api';
+
+interface IProps {
+  record: IRecord;
+  show: boolean;
+  direction?: string;
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  record: (): IRecord => {
+    return {};
+  },
+  show: false,
+  direction: 'rtl'
+});
+const loading = ref(false);
+const showModalView = ref(false);
+
+const serviceApi = getServiceApi();
+
+const emit = defineEmits<{
+  (e: 'onClose'): void;
+}>();
+const formItems: IFormItemProps[] = [
+  {
+    field: 'userName',
+    title: 'message.udp.userCode',
+    span: 8,
+    itemRender: { name: '$input' }
+  },
+  {
+    field: 'name',
+    title: 'message.udp.userName',
+    span: 8,
+    itemRender: { name: '$input' }
+  },
+  {
+    span: 8,
+    align: 'right',
+    itemRender: {
+      name: '$buttons',
+      children: [
+        {
+          props: {
+            type: 'submit',
+            content: 'message.btn.search',
+            icon: 'ri-search-line',
+            status: 'primary'
+          }
+        },
+        { props: { type: 'reset', icon: 'ri-refresh-line', content: 'message.btn.reset' } }
+      ]
+    }
+  }
+];
+// 列字段
+const columns: ITableColProps[] = [
+  { type: 'checkbox', width: 50, align: 'center' },
+  {
+    field: 'userName',
+    title: 'message.udp.userCode'
+  },
+  {
+    field: 'name',
+    title: 'message.udp.userName'
+  },
+  {
+    field: 'enabled',
+    title: 'message.enabled',
+    width: 70,
+    editRender: {
+      name: '$select',
+      options: [
+        { label: '启用', value: '1' },
+        { label: '禁用', value: '0' }
+      ],
+      defaultValue: '1'
+    }
+  }
+];
+// 新增/删除/保存
+const buttons = [
+  { code: 'add', name: 'message.btn.add', status: 'u-cyan', icon: 'ri-add-line' },
+  { code: 'delete', name: 'message.btn.del', status: 'danger', icon: 'ri-delete-bin-5-fill' }
+];
+const modalFormItems = [
+  { field: 'userName', title: 'message.udp.userCode', span: 9 },
+  { field: 'name', title: 'message.udp.userName', span: 9 }
+];
+const modalColum = [
+  { type: 'checkbox', width: 40 },
+  { field: 'userName', title: 'message.udp.userCode' },
+  { field: 'name', title: 'message.udp.userName' },
+  { field: 'enabled', width: 70, formatter: ['formatDict', 'SU.ENABLE'] }
+];
+const xgrid = ref({} as VxeGridInstance);
+const gridOptions = reactive<VxeGridProps>({
+  height: 'auto',
+  border: true,
+  pagerConfig: {},
+  toolbarConfig: { buttons, perfect: true },
+  loading: false,
+  formConfig: { titleWidth: 100, titleAlign: 'right', items: formItems },
+  // data: props.record.children,
+  proxyConfig: {
+    form: true, // 查询是需要启用表单代理
+    ajax: {
+      // 接收 Promise
+      query: ({ page, form }) => {
+        const queryParams = Object.assign({}, form);
+        queryParams.id = props.record.id;
+        queryParams.pageNum = page.currentPage;
+        queryParams.pageSize = page.pageSize;
+        return serviceApi.get('/uums/user/listRoleUsers', queryParams);
+      },
+      // body 对象： { removeRecords }
+      delete: ({ body: { removeRecords } }) => {
+        const param = {
+          roleId: props.record.id,
+          userIds: removeRecords.map(v => v.id).join()
+        };
+        return serviceApi.delete('/uums/role/deleteRoleUsers', param);
+      }
+    }
+  },
+  columns
+});
+// grid点击事件监听
+const gridEvents: VxeGridListeners = {
+  toolbarButtonClick({ code }) {
+    if (code === 'add') {
+      showModalView.value = true;
+    }
+  }
+};
+// 监听modal table确定
+const onConfirm = async records => {
+  const param = { userIds: '', roleId: props.record.id };
+  param.userIds = records.map(m => m.id).join(',');
+  gridOptions.loading = true;
+  const [err] = await to(serviceApi.post('/uums/role/addUserRole', param));
+  gridOptions.loading = false;
+  if (!err) {
+    xgrid.value.commitProxy('query');
+    showModalView.value = false;
+  }
+};
+// 抽屉关闭
+function handleClose() {
+  emit('onClose');
+}
+onBeforeMount(() => {
+  loading.value = true;
+});
+</script>
+
+<style lang="scss">
+.u-dict-config_wrapper {
+  .el-drawer__header {
+    margin-bottom: 0;
+  }
+}
+</style>

package/src/views/system/role-assign/RoleAssign.vue

@@ -1,57 +1,57 @@
-<!--
- * @Author: wei.li
- * @Date: 2021-11-26 14:37:07
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-08-06 17:55:03
- * @Description: 角色分配业务单元
--->
-<template>
-  <div class="u-content-panel">
-    <div class="u-left-panel">
-      <ScrollPane
-        :title="$t('SuOrg')"
-        :tree-otions="{ children: 'children', label: 'orgName' }"
-        :default-params="{ pageSize: 500 }"
-        url="/uums/org"
-      />
-    </div>
-    <div class="content">
-      <role-panel />
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref, provide } from 'vue';
-import ScrollPane from '../../../components/SuScrollTree/ScrollPanel.vue';
-import RolePanel from './RolePanel.vue';
-const active: any = ref({});
-const scrollPanelChange: any = ref(false);
-const treeList: any = ref([]);
-provide('active', active);
-
-provide('scrollPanelChange', scrollPanelChange);
-
-provide('treeList', treeList);
-</script>
-
-<style lang="scss" scoped>
-.u-content-panel {
-  box-sizing: border-box;
-  display: flex;
-  width: 100%;
-  height: 84vh;
-  padding: 5px;
-
-  .u-left-panel {
-    width: 250px;
-  }
-
-  .content {
-    flex: 1;
-    width: calc(100% - 250px);
-    height: 82vh;
-    margin: 0 10px;
-  }
-}
-</style>
+<!--
+ * @Author: wei.li
+ * @Date: 2021-11-26 14:37:07
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-08-06 17:55:03
+ * @Description: 角色分配业务单元
+-->
+<template>
+  <div class="u-content-panel">
+    <div class="u-left-panel">
+      <ScrollPane
+        :title="$t('SuOrg')"
+        :tree-otions="{ children: 'children', label: 'orgName' }"
+        :default-params="{ pageSize: 500 }"
+        url="/uums/org"
+      />
+    </div>
+    <div class="content">
+      <role-panel />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, provide } from 'vue';
+import ScrollPane from '../../../components/SuScrollTree/ScrollPanel.vue';
+import RolePanel from './RolePanel.vue';
+const active: any = ref({});
+const scrollPanelChange: any = ref(false);
+const treeList: any = ref([]);
+provide('active', active);
+
+provide('scrollPanelChange', scrollPanelChange);
+
+provide('treeList', treeList);
+</script>
+
+<style lang="scss" scoped>
+.u-content-panel {
+  box-sizing: border-box;
+  display: flex;
+  width: 100%;
+  height: 84vh;
+  padding: 5px;
+
+  .u-left-panel {
+    width: 250px;
+  }
+
+  .content {
+    flex: 1;
+    width: calc(100% - 250px);
+    height: 82vh;
+    margin: 0 10px;
+  }
+}
+</style>