新增任务权限详情

2 months ago · 87945012e0
5 changed files with 438 additions and 0 deletions
--- a/src/api/taskPermissions/DocumentTasksPermissionsDetail/index.ts
+++ b/src/api/taskPermissions/DocumentTasksPermissionsDetail/index.ts
@ -0,0 +1,57 @@
+import { defHttp } from '@/utils/http/axios';
+import { ID, IDS, commonExport } from '@/api/base';
+import { DocumentTasksPermissionsDetailVO, DocumentTasksPermissionsDetailForm, DocumentTasksPermissionsDetailQuery } from './model';
+
+/**
+ * 查询文档任务权限详情列表
+ * @param params
+ * @returns
+ */
+export function DocumentTasksPermissionsDetailList(params?: DocumentTasksPermissionsDetailQuery) {
+  return defHttp.get<DocumentTasksPermissionsDetailVO[]>({ url: '/productManagement/DocumentTasksPermissionsDetail/list', params });
+}
+
+/**
+ * 导出文档任务权限详情列表
+ * @param params
+ * @returns
+ */
+export function DocumentTasksPermissionsDetailExport(params?: DocumentTasksPermissionsDetailQuery) {
+  return commonExport('/productManagement/DocumentTasksPermissionsDetail/export', params ?? {});
+}
+
+/**
+ * 查询文档任务权限详情详细
+ * @param id id
+ * @returns
+ */
+export function DocumentTasksPermissionsDetailInfo(id: ID) {
+  return defHttp.get<DocumentTasksPermissionsDetailVO>({ url: '/productManagement/DocumentTasksPermissionsDetail/' + id });
+}
+
+/**
+ * 新增文档任务权限详情
+ * @param data
+ * @returns
+ */
+export function DocumentTasksPermissionsDetailAdd(data: DocumentTasksPermissionsDetailForm) {
+  return defHttp.postWithMsg<void>({ url: '/productManagement/DocumentTasksPermissionsDetail', data });
+}
+
+/**
+ * 更新文档任务权限详情
+ * @param data
+ * @returns
+ */
+export function DocumentTasksPermissionsDetailUpdate(data: DocumentTasksPermissionsDetailForm) {
+  return defHttp.putWithMsg<void>({ url: '/productManagement/DocumentTasksPermissionsDetail', data });
+}
+
+/**
+ * 删除文档任务权限详情
+ * @param id id
+ * @returns
+ */
+export function DocumentTasksPermissionsDetailRemove(id: ID | IDS) {
+  return defHttp.deleteWithMsg<void>({ url: '/productManagement/DocumentTasksPermissionsDetail/' + id },);
+}
--- a/src/api/taskPermissions/DocumentTasksPermissionsDetail/model.ts
+++ b/src/api/taskPermissions/DocumentTasksPermissionsDetail/model.ts
@ -0,0 +1,70 @@
+import { BaseEntity, PageQuery } from '@/api/base';
+
+export interface DocumentTasksPermissionsDetailVO {
+  /**
+   * 主键ID
+   */
+  id: string | number;
+
+  /**
+   * 用户ID
+   */
+  userId: string | number;
+
+  /**
+   * 剩余文档数
+   */
+  remainingDocumentCount: number;
+
+  /**
+   * 任务种类
+   */
+  taskType: string;
+
+}
+
+export interface DocumentTasksPermissionsDetailForm extends BaseEntity {
+  /**
+   * 主键ID
+   */
+  id?: string | number;
+
+  /**
+   * 用户ID
+   */
+  userId?: string | number;
+
+  /**
+   * 剩余文档数
+   */
+  remainingDocumentCount?: number;
+
+  /**
+   * 任务种类
+   */
+  taskType?: string;
+
+}
+
+export interface DocumentTasksPermissionsDetailQuery extends PageQuery {
+
+  /**
+   * 用户ID
+   */
+  userId?: string | number;
+
+  /**
+   * 剩余文档数
+   */
+  remainingDocumentCount?: number;
+
+  /**
+   * 任务种类
+   */
+  taskType?: string;
+
+    /**
+     * 日期范围参数
+     */
+    params?: any;
+}
--- a/src/views/taskPermissions/DocumentTasksPermissionsDetail/DocumentTasksPermissionsDetail.data.ts
+++ b/src/views/taskPermissions/DocumentTasksPermissionsDetail/DocumentTasksPermissionsDetail.data.ts
@ -0,0 +1,128 @@
+import { BasicColumn } from '@/components/Table';
+import { FormSchema } from '@/components/Form';
+import { getDictOptions } from '@/utils/dict';
+import { useRender } from '@/hooks/component/useRender';
+import { getUsersAll } from '@/api/taskPermissions/DocumentTasksPermissions';
+const userOption = await getUsersAll()
+
+export const formSchemas: FormSchema[] = [
+  {
+    label: '用户',
+    field: 'userId',
+    component: 'ApiSelect',
+    componentProps: ({ formModel, formActionType }) => {
+      //获取所有用户列表，如果用户选择了用户，则不显示角色，如果用户选择了角色，则不显示用户
+      return {
+        api: ()=>{return userOption},
+        allowClear: true,
+        showSearch: true,
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+        },
+        valueField: 'userId',
+        labelField: 'userName',
+        onChange: (value: any) => {
+          const { updateSchema, setFieldsValue } = formActionType;
+          if (value) {
+            updateSchema({ field: 'roleId', show: false, required: false });
+          } else {
+            updateSchema({ field: 'roleId', show: true, required: true });
+          }
+        },
+      };
+    },
+  },
+  {
+    label: '剩余文档数',
+    field: 'remainingDocumentCount',
+    component: 'Input',
+  },
+  {
+    label: '任务种类',
+    field: 'taskType',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('document_task'),
+    },
+  },
+];
+
+const { renderDict } = useRender();
+export const columns: BasicColumn[] = [
+  {
+    title: '主键ID',
+    dataIndex: 'id',
+    ifShow: false,
+  },
+  {
+    title: '用户',
+    dataIndex: 'userId',
+    customRender: ({ value }) => {
+      for (const item of userOption) {
+        if (item.userId === value) {
+          return item.userName;
+        }
+      }
+    },
+  },
+  {
+    title: '剩余文档数',
+    dataIndex: 'remainingDocumentCount',
+  },
+  {
+    title: '任务种类',
+    dataIndex: 'taskType',
+    customRender: ({ value }) => renderDict(value, 'document_task'),
+  },
+];
+
+export const modalSchemas: FormSchema[] = [
+  {
+    label: '主键ID',
+    field: 'id',
+    required: false,
+    component: 'Input',
+    show: false,
+  },
+  {
+    label: '用户',
+    field: 'userId',
+    required: true,
+    component: 'ApiSelect',
+    componentProps: ({ formModel, formActionType }) => {
+      //获取所有用户列表，如果用户选择了用户，则不显示角色，如果用户选择了角色，则不显示用户
+      return {
+        api: ()=>{return userOption},
+        disabled:true,
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+        },
+        valueField: 'userId',
+        labelField: 'userName',
+        onChange: (value: any) => {
+          const { updateSchema, setFieldsValue } = formActionType;
+          if (value) {
+            updateSchema({ field: 'roleId', show: false, required: false });
+          } else {
+            updateSchema({ field: 'roleId', show: true, required: true });
+          }
+        },
+      };
+    },
+  },
+  {
+    label: '剩余文档数',
+    field: 'remainingDocumentCount',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '任务种类',
+    field: 'taskType',
+    required: true,
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('document_task'),
+    },
+  },
+];
--- a/src/views/taskPermissions/DocumentTasksPermissionsDetail/DocumentTasksPermissionsDetailModal.vue
+++ b/src/views/taskPermissions/DocumentTasksPermissionsDetail/DocumentTasksPermissionsDetailModal.vue
@ -0,0 +1,68 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    :title="title"
+    @register="registerInnerModal"
+    @ok="handleSubmit"
+    @cancel="resetForm"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script setup lang="ts">
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { BasicForm, useForm } from '@/components/Form';
+  import { computed, ref, unref } from 'vue';
+  import { DocumentTasksPermissionsDetailInfo, DocumentTasksPermissionsDetailAdd, DocumentTasksPermissionsDetailUpdate } from '@/api/taskPermissions/DocumentTasksPermissionsDetail';
+  import { modalSchemas } from './DocumentTasksPermissionsDetail.data';
+
+  defineOptions({ name: 'DocumentTasksPermissionsDetailModal' });
+
+  const emit = defineEmits(['register', 'reload']);
+
+  const isUpdate = ref<boolean>(false);
+  const title = computed<string>(() => {
+    return isUpdate.value ? '编辑文档任务权限详情' : '新增文档任务权限详情';
+  });
+
+  const [registerInnerModal, { modalLoading, closeModal }] = useModalInner(
+    async (data: { record?: Recordable; update: boolean }) => {
+      modalLoading(true);
+      const { record, update } = data;
+      isUpdate.value = update;
+      if (update && record) {
+        const ret = await DocumentTasksPermissionsDetailInfo(record.id);
+        await setFieldsValue(ret);
+      }
+      modalLoading(false);
+    },
+  );
+
+  const [registerForm, { setFieldsValue, resetForm, validate }] = useForm({
+    labelWidth: 100,
+    showActionButtonGroup: false,
+    baseColProps: { span: 24 },
+    schemas: modalSchemas,
+  });
+
+  async function handleSubmit() {
+    try {
+      modalLoading(true);
+      const data = await validate();
+      if (unref(isUpdate)) {
+        await DocumentTasksPermissionsDetailUpdate(data);
+      } else {
+        await DocumentTasksPermissionsDetailAdd(data);
+      }
+      emit('reload');
+      closeModal();
+      await resetForm();
+    } catch (e) {
+    } finally {
+      modalLoading(false);
+    }
+  }
+</script>
+
+<style scoped></style>
--- a/src/views/taskPermissions/DocumentTasksPermissionsDetail/index.vue
+++ b/src/views/taskPermissions/DocumentTasksPermissionsDetail/index.vue
@ -0,0 +1,115 @@
+<template>
+  <PageWrapper dense>
+    <BasicTable @register="registerTable">
+      <!-- <template #toolbar>
+        <a-button
+          @click="downloadExcel(DocumentTasksPermissionsDetailExport, '文档任务权限详情数据', getForm().getFieldsValue())"
+          v-auth="'productManagement:DocumentTasksPermissionsDetail:export'"
+          >导出</a-button
+        >
+        <a-button
+          type="primary"
+          danger
+          @click="multipleRemove(DocumentTasksPermissionsDetailRemove)"
+          :disabled="!selected"
+          v-auth="'productManagement:DocumentTasksPermissionsDetail:remove'"
+          >删除</a-button
+        >
+        <a-button
+          type="primary"
+          @click="handleAdd"
+          v-auth="'productManagement:DocumentTasksPermissionsDetail:add'"
+          >新增</a-button
+        >
+      </template> -->
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            stopButtonPropagation
+            :actions="[
+              {
+                label: '修改',
+                icon: IconEnum.EDIT,
+                type: 'primary',
+                ghost: true,
+                auth: 'productManagement:DocumentTasksPermissionsDetail:edit',
+                onClick: handleEdit.bind(null, record),
+              },
+              // {
+              //   label: '删除',
+              //   icon: IconEnum.DELETE,
+              //   type: 'primary',
+              //   danger: true,
+              //   ghost: true,
+              //   auth: 'productManagement:DocumentTasksPermissionsDetail:remove',
+              //   popConfirm: {
+              //     placement: 'left',
+              //     title: '是否删除文档任务权限详情[' + record.id + ']?',
+              //     confirm: handleDelete.bind(null, record),
+              //   },
+              // },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <DocumentTasksPermissionsDetailModal @register="registerModal" @reload="reload" />
+  </PageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { PageWrapper } from '@/components/Page';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { DocumentTasksPermissionsDetailList, DocumentTasksPermissionsDetailExport, DocumentTasksPermissionsDetailRemove } from '@/api/taskPermissions/DocumentTasksPermissionsDetail';
+  import { downloadExcel } from '@/utils/file/download';
+  import { useModal } from '@/components/Modal';
+  import DocumentTasksPermissionsDetailModal from './DocumentTasksPermissionsDetailModal.vue';
+  import { formSchemas, columns } from './DocumentTasksPermissionsDetail.data';
+  import { IconEnum } from '@/enums/appEnum';
+
+  defineOptions({ name: 'DocumentTasksPermissionsDetail' });
+
+  const [registerTable, { reload, multipleRemove, selected, getForm }] = useTable({
+    rowSelection: {
+      type: 'checkbox',
+    },
+    title: '文档任务权限详情列表',
+    api: DocumentTasksPermissionsDetailList,
+    showIndexColumn: false,
+    rowKey: 'id',
+    useSearchForm: true,
+    formConfig: {
+      schemas: formSchemas,
+      baseColProps: {
+        xs: 24,
+        sm: 24,
+        md: 24,
+        lg: 6,
+      },
+    },
+    columns: columns,
+    actionColumn: {
+      width: 200,
+      title: '操作',
+      key: 'action',
+      fixed: 'right',
+    },
+  });
+
+  const [registerModal, { openModal }] = useModal();
+
+  function handleEdit(record: Recordable) {
+    openModal(true, { record, update: true });
+  }
+
+  function handleAdd() {
+    openModal(true, { update: false });
+  }
+
+  async function handleDelete(record: Recordable) {
+    await DocumentTasksPermissionsDetailRemove([record.id]);
+    await reload();
+  }
+</script>
+
+<style scoped></style>