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

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

@@ -16,12 +16,7 @@
       mode="form"
       @toolbarButtonClick="handleToolClick"
     />
-    <MenuInfo
-      :show="data.showDrawer"
-      :record="data.record"
-      :data-status="data.dataStatus"
-      @close="onClose"
-    />
+    <MenuInfo :show="data.showDrawer" :record="data.record" :data-status="data.dataStatus" @close="onClose" />
     <AuthorityPanel :show="data.showAuthority" :record="data.record" @close="onClose" />
   </div>
 </template>
@@ -88,22 +83,13 @@ const columns = [
     slots: {
       default: ({ row }) => {
         const type = row.menuType;
-        const addCmp = (
-          <ut-button status="u-cyan" icon="ri-add-fill" content="add" onTap={() => handleAdd(row)} />
-        );
-        const authCmp = (
-          <ut-button icon="ri-lock-fill" content="auth" onTap={() => handleAuthorityPanel(row)} />
-        );
+        const addCmp = <ut-button status="u-cyan" icon="ri-add-fill" content="add" onTap={() => handleAdd(row)} />;
+        const authCmp = <ut-button icon="ri-lock-fill" content="auth" onTap={() => handleAuthorityPanel(row)} />;
         return [
           <>
             {!type ? (
               <>
-                <ut-button
-                  status="success"
-                  icon="ri-edit-box-line"
-                  content="edit"
-                  onTap={() => handleEdit(row)}
-                />
+                <ut-button status="success" icon="ri-edit-box-line" content="edit" onTap={() => handleEdit(row)} />
                 {['0', '5'].includes(row.menuCategory) ? addCmp : authCmp}
               </>
             ) : null}

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

@@ -26,18 +26,9 @@
         title-width="110"
         transfer
       >
-        <vxe-form-item
-          v-if="record.menuType === '0'"
-          :title="$t('message.menuType')"
-          field="menuCategory"
-          span="24"
-        >
+        <vxe-form-item v-if="record.menuType === '0'" :title="$t('message.menuType')" field="menuCategory" span="24">
           <template #default="{ data }">
-            <vxe-select
-              v-model="data.menuCategory"
-              :disabled="data.menuCategory === '0'"
-              :transfer="false"
-            >
+            <vxe-select v-model="data.menuCategory" :disabled="data.menuCategory === '0'" :transfer="false">
               <vxe-option
                 v-for="dict in getLovList('SU.MENU.TYPE')"
                 :key="dict.dictCode"
@@ -69,12 +60,7 @@
           field="menuCode"
           span="24"
         />
-        <vxe-form-item
-          :title="$t('message.menuName')"
-          :item-render="{ name: '$input' }"
-          field="menuName"
-          span="24"
-        />
+        <vxe-form-item :title="$t('message.menuName')" :item-render="{ name: '$input' }" field="menuName" span="24" />
         <vxe-form-item
           :title="$t('message.menuNameEn')"
           field="menuNameEn"
@@ -291,6 +277,7 @@ const onSubmit = () => {
         record.permissionCode = record.dispalyCode;
         await to(serviceApi.put(url, [record]));
         loading.value = false;
+        resData = record;
       }
       handleClose('submit', resData);
     }

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.userCode',
-    span: 8,
-    itemRender: { name: '$input' }
-  },
-  {
-    field: 'name',
-    title: 'message.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.userCode'
-  },
-  {
-    field: 'name',
-    title: 'message.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.userCode', span: 9 },
-  { field: 'name', title: 'message.userName', span: 9 }
-];
-const modalColum = [
-  { type: 'checkbox', width: 40 },
-  { field: 'userName', title: 'message.userCode' },
-  { field: 'name', title: 'message.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>