前端和后端源码，合并到一个git仓库中，方便用户下载，避免前后端不匹配的问题

2025-12-08 17:12:28 +08:00 · 2024-06-23 10:39:52 +08:00
parent bb918b742e
commit 0325e34dcb
1439 changed files with 171106 additions and 0 deletions
--- a/jeecgboot-vue3/src/views/system/tenant/pack/TenantPackUserModal.vue
+++ b/jeecgboot-vue3/src/views/system/tenant/pack/TenantPackUserModal.vue
@ -0,0 +1,170 @@
+<template>
+  <BasicModal @register="registerModal" destroyOnClose :title="title" :width="1000" :footer="null">
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #departNames="{ text, record }">
+        <template v-if="text && text.length > 0">
+          {{ getName(text) }}
+        </template>
+      </template>
+      <template #positionNames="{ text, record }">
+        <template v-if="text && text.length > 0">
+          {{ getName(text) }}
+        </template>
+      </template>
+      <template #tableTitle>
+        <a-button preIcon="ant-design:usergroup-add-outlined" type="primary" @click="addUser">邀请成员</a-button>
+      </template>
+      <!--操作栏-->
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" />
+      </template>
+    </BasicTable>
+    <tenant-user-select-modal :multi="true" @register="registerUserModal" @on-select="onSelected" :tenantId="getTenantId"></tenant-user-select-modal>
+  </BasicModal>
+</template>
+
+<script lang="ts">
+  import { computed, defineComponent, reactive, ref } from 'vue';
+  import { BasicModal, useModal, useModalInner } from '/@/components/Modal';
+  import { BasicTable, TableAction } from '/@/components/Table';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { tenantPackUserColumns } from '../tenant.data';
+  import { queryTenantPackUserList, deleteTenantPackUser, addTenantPackUser } from '../tenant.api';
+  import TenantUserSelectModal from '../components/TenantUserSelectModal.vue';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useUserStore } from '/@/store/modules/user';
+
+  export default defineComponent({
+    name: 'TenantPackUserModal',
+    components: { BasicModal, BasicTable, TableAction, TenantUserSelectModal },
+    setup() {
+      //获取租户id
+      const getTenantId = computed(()=>{
+        return tenantPackData.tenantId;
+      })
+      
+      //产品包信息
+      const tenantPackData = reactive<any>({});
+      //表单赋值
+      const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+        setModalProps({ confirmLoading: false, showCancelBtn: true, showOkBtn: false });
+        Object.assign(tenantPackData, data.record);
+        await reload();
+      });
+      const { createMessage } = useMessage();
+      //设置标题
+      const title = ref<string>('用户');
+      //注册table数据
+      const { tableContext } = useListPage({
+        tableProps: {
+          api: queryTenantPackUserList,
+          immediate: false,
+          columns: tenantPackUserColumns,
+          canResize: false,
+          useSearchForm: false,
+          beforeFetch: (params) => {
+            params.tenantId = tenantPackData.tenantId;
+            params.packId = tenantPackData.id;
+            params.status = 1;
+            return params;
+          },
+          actionColumn: {
+            width: 120,
+            fixed: 'right',
+          },
+        },
+      });
+      const [registerUserModal, { openModal: openUserModal, closeModal: closeUserModal }] = useModal();
+      const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+      /**
+       * 获取部门/职务名称
+       * @param value
+       */
+      function getName(value) {
+        return value.join(',');
+      }
+
+      /**
+       * 表格操作列
+       * @param record
+       */
+      function getTableAction(record) {
+        return [
+          {
+            label: '移除',
+            popConfirm: {
+              title: '是否确认移除',
+              confirm: handleDelete.bind(null, record),
+            }
+          },
+        ];
+      }
+
+      /**
+       * 删除
+       */
+      async function handleDelete(record) {
+        let params = {
+          packId: record.packId,
+          packName: record.packName,
+          tenantId: tenantPackData.tenantId,
+          userId: record.id,
+          realname: record.realname,
+        };
+        await deleteTenantPackUser(params);
+        await reload();
+      }
+
+      /**
+       * 添加用户弹窗
+       */
+      function addUser() {
+        openUserModal(true, {
+          list: [],
+        });
+      }
+
+      /**
+       * 邀请人回调事件
+       * @param arr
+       */
+      async function onSelected(arr) {
+        if (arr && arr.length > 0) {
+          let names: any[] = [];
+          let ids: any[] = [];
+          for (let u of arr) {
+            names.push(u.realname);
+            ids.push(u.id);
+          }
+          console.log(tenantPackData);
+          let params = {
+            packId: tenantPackData.id,
+            packName: tenantPackData.packName,
+            tenantId: tenantPackData.tenantId,
+            userId: ids.join(','),
+            realname: names.join(','),
+          };
+          await addTenantPackUser(params);
+          await reload();
+        }
+        closeUserModal();
+      }
+
+      return {
+        title,
+        registerModal,
+        registerTable,
+        rowSelection,
+        getName,
+        getTableAction,
+        registerUserModal,
+        addUser,
+        onSelected,
+        getTenantId,
+      };
+    },
+  });
+</script>
+
+<style lang="less" scoped></style>