fred-admin 1.0.0__py3-none-any.whl

fred_admin/demo/modules/admin/frontend/src/views/system/organizationManage/components/DepartmentDrawer.vue

@@ -0,0 +1,120 @@
+<template>
+  <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="450px" :title="`${drawerProps.title}部门`">
+    <el-form
+      ref="ruleFormRef"
+      label-width="100px"
+      label-suffix=" :"
+      :rules="rules"
+      :disabled="drawerProps.isView"
+      :model="drawerProps.row"
+      :hide-required-asterisk="drawerProps.isView"
+    >
+      <el-form-item label="部门名称" prop="name">
+        <el-input v-model="drawerProps.row.name" placeholder="请填写部门名称" clearable></el-input>
+      </el-form-item>
+      <el-form-item label="所属公司" prop="company_id">
+        <el-select
+          v-model="drawerProps.row.company_id"
+          placeholder="请选择所属公司"
+          clearable
+          filterable
+          :disabled="drawerProps.isView"
+          style="width: 100%"
+          @change="handleCompanyChange"
+        >
+          <el-option v-for="company in companyOptions" :key="company.id" :label="company.name" :value="company.id" />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="drawerVisible = false">取消</el-button>
+      <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
+    </template>
+  </el-drawer>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from "vue";
+import { ElMessage, FormInstance } from "element-plus";
+import type { DepartmentInfo, CompanyInfo } from "@/api/modules/organization";
+import { getAllCompanies } from "@/api/modules/organization";
+
+const rules = reactive({
+  name: [{ required: true, message: "请填写部门名称", trigger: "blur" }],
+  company_id: [{ required: true, message: "请选择所属公司", trigger: "change" }]
+});
+
+interface DrawerProps {
+  title: string;
+  isView: boolean;
+  row: DepartmentInfo;
+  api?: (params: any) => Promise<any>;
+  getTableList?: () => void;
+}
+
+const drawerVisible = ref(false);
+const drawerProps = ref<DrawerProps>({
+  isView: false,
+  title: "",
+  row: { name: "", company_id: undefined }
+});
+
+const companyOptions = ref<CompanyInfo[]>([]);
+
+const fetchCompanies = async () => {
+  try {
+    const response = await getAllCompanies();
+    companyOptions.value = response.data || [];
+  } catch {
+    companyOptions.value = [];
+  }
+};
+
+const handleCompanyChange = () => {
+  // 公司变更时的处理逻辑
+};
+
+const acceptParams = (params: DrawerProps) => {
+  drawerProps.value = params;
+  // 新增时，确保company_id为undefined，不显示0
+  if (params.title === "新增" && !drawerProps.value.row.company_id) {
+    drawerProps.value.row.company_id = undefined;
+  }
+  // 编辑时，如果company_id为0，也设置为undefined
+  if (drawerProps.value.row.company_id === 0) {
+    drawerProps.value.row.company_id = undefined;
+  }
+  drawerVisible.value = true;
+  fetchCompanies();
+};
+
+const ruleFormRef = ref<FormInstance>();
+const handleSubmit = () => {
+  ruleFormRef.value!.validate(async valid => {
+    if (!valid) return;
+    try {
+      // 确保提交的数据中company_id是有效的数字
+      const submitData = {
+        ...drawerProps.value.row,
+        company_id: drawerProps.value.row.company_id
+      };
+      await drawerProps.value.api!(submitData);
+      ElMessage.success({ message: `${drawerProps.value.title}部门成功！` });
+      if (drawerProps.value.getTableList) {
+        drawerProps.value.getTableList();
+      }
+      drawerVisible.value = false;
+    } catch {
+      // 静默处理错误
+    }
+  });
+};
+
+onMounted(() => {
+  fetchCompanies();
+});
+
+defineExpose({
+  acceptParams
+});
+</script>

fred_admin/demo/modules/admin/frontend/src/views/system/organizationManage/components/TeamDrawer.vue

@@ -0,0 +1,162 @@
+<template>
+  <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="450px" :title="`${drawerProps.title}团队`">
+    <el-form
+      ref="ruleFormRef"
+      label-width="100px"
+      label-suffix=" :"
+      :rules="rules"
+      :disabled="drawerProps.isView"
+      :model="drawerProps.row"
+      :hide-required-asterisk="drawerProps.isView"
+    >
+      <el-form-item label="团队名称" prop="name">
+        <el-input v-model="drawerProps.row.name" placeholder="请填写团队名称" clearable></el-input>
+      </el-form-item>
+      <el-form-item label="所属公司" prop="company_id">
+        <el-select
+          v-model="selectedCompanyId"
+          placeholder="请选择所属公司"
+          clearable
+          filterable
+          :disabled="drawerProps.isView"
+          style="width: 100%"
+          @change="handleCompanyChange"
+        >
+          <el-option v-for="company in companyOptions" :key="company.id" :label="company.name" :value="company.id" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="所属部门" prop="department_id">
+        <el-select
+          v-model="drawerProps.row.department_id"
+          placeholder="请先选择公司，再选择部门"
+          clearable
+          filterable
+          :disabled="drawerProps.isView || !selectedCompanyId"
+          style="width: 100%"
+        >
+          <el-option
+            v-for="department in departmentOptions"
+            :key="department.id"
+            :label="department.name"
+            :value="department.id"
+          />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="drawerVisible = false">取消</el-button>
+      <el-button v-show="!drawerProps.isView" type="primary" @click="handleSubmit">确定</el-button>
+    </template>
+  </el-drawer>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from "vue";
+import { ElMessage, FormInstance } from "element-plus";
+import type { TeamInfo, CompanyInfo, DepartmentInfo } from "@/api/modules/organization";
+import { getAllCompanies, getDepartmentsByCompany } from "@/api/modules/organization";
+
+const rules = reactive({
+  name: [{ required: true, message: "请填写团队名称", trigger: "blur" }],
+  department_id: [{ required: true, message: "请选择所属部门", trigger: "change" }]
+});
+
+interface DrawerProps {
+  title: string;
+  isView: boolean;
+  row: TeamInfo;
+  api?: (params: any) => Promise<any>;
+  getTableList?: () => void;
+}
+
+const drawerVisible = ref(false);
+const drawerProps = ref<DrawerProps>({
+  isView: false,
+  title: "",
+  row: { name: "", department_id: undefined }
+});
+
+const companyOptions = ref<CompanyInfo[]>([]);
+const departmentOptions = ref<DepartmentInfo[]>([]);
+const selectedCompanyId = ref<number | undefined>(undefined);
+
+const fetchCompanies = async () => {
+  try {
+    const response = await getAllCompanies();
+    companyOptions.value = response.data || [];
+  } catch {
+    companyOptions.value = [];
+  }
+};
+
+const fetchDepartments = async (companyId: number) => {
+  try {
+    const response = await getDepartmentsByCompany({ company_id: companyId });
+    departmentOptions.value = response.data || [];
+  } catch {
+    departmentOptions.value = [];
+  }
+};
+
+const handleCompanyChange = (companyId: number | undefined) => {
+  if (companyId) {
+    fetchDepartments(companyId);
+    // 清空部门选择
+    drawerProps.value.row.department_id = undefined;
+  } else {
+    departmentOptions.value = [];
+    drawerProps.value.row.department_id = undefined;
+  }
+};
+
+const acceptParams = (params: DrawerProps) => {
+  drawerProps.value = params;
+  // 新增时，确保department_id为undefined，不显示0
+  if (params.title === "新增") {
+    drawerProps.value.row.department_id = undefined;
+    selectedCompanyId.value = undefined;
+    departmentOptions.value = [];
+  } else {
+    // 编辑时，如果department_id为0，也设置为undefined
+    if (drawerProps.value.row.department_id === 0) {
+      drawerProps.value.row.department_id = undefined;
+    }
+    // 如果是编辑模式，根据部门ID反查公司ID
+    if (drawerProps.value.row.department_id && drawerProps.value.row.company_id) {
+      selectedCompanyId.value = drawerProps.value.row.company_id;
+      fetchDepartments(drawerProps.value.row.company_id);
+    } else {
+      selectedCompanyId.value = undefined;
+      departmentOptions.value = [];
+    }
+  }
+
+  drawerVisible.value = true;
+  fetchCompanies();
+};
+
+const ruleFormRef = ref<FormInstance>();
+const handleSubmit = () => {
+  ruleFormRef.value!.validate(async valid => {
+    if (!valid) return;
+    try {
+      await drawerProps.value.api!(drawerProps.value.row);
+      ElMessage.success({ message: `${drawerProps.value.title}团队成功！` });
+      if (drawerProps.value.getTableList) {
+        drawerProps.value.getTableList();
+      }
+      drawerVisible.value = false;
+    } catch {
+      // 静默处理错误
+    }
+  });
+};
+
+onMounted(() => {
+  fetchCompanies();
+});
+
+defineExpose({
+  acceptParams
+});
+</script>

fred_admin/demo/modules/admin/frontend/src/views/system/organizationManage/components/TeamMemberDrawer.vue

@@ -0,0 +1,243 @@
+<template>
+  <el-drawer v-model="drawerVisible" :destroy-on-close="true" size="50%" :title="`${teamName} - 人员管理`">
+    <div class="team-member-drawer">
+      <!-- 添加人员区域 -->
+      <div class="add-member-section">
+        <el-form :inline="true" class="add-member-form">
+          <el-form-item label="选择人员">
+            <el-select
+              v-model="selectedAdminIds"
+              placeholder="请选择要添加的管理员"
+              clearable
+              filterable
+              multiple
+              style="width: 400px"
+              @change="handleAdminSelectChange"
+            >
+              <el-option v-for="admin in availableAdmins" :key="admin.id" :label="admin.username" :value="admin.id" />
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" :disabled="!selectedAdminIds.length" @click="addMembers">添加人员</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <!-- 人员列表 -->
+      <ProTable
+        ref="proTable"
+        :columns="columns"
+        :request-api="getTableList"
+        :init-param="initParam"
+        :data-callback="dataCallback"
+        row-key="id"
+        :tool-button="false"
+        :pagination="true"
+      >
+        <template #tableHeader>
+          <div class="member-count">当前团队人员：{{ memberCount }} 人</div>
+        </template>
+        <!-- 头像 -->
+        <template #avatar="scope">
+          <el-avatar v-if="scope.row.avatar" :src="scope.row.avatar" :size="40" />
+          <el-avatar v-else :size="40">
+            <span>{{ scope.row.username?.charAt(0)?.toUpperCase() || "U" }}</span>
+          </el-avatar>
+        </template>
+        <!-- 角色 -->
+        <template #is_manager="scope">
+          <el-select
+            :model-value="scope.row.is_manager"
+            size="small"
+            style="width: 120px"
+            @change="val => handleManagerChange(scope.row, val)"
+          >
+            <el-option label="普通成员" :value="0" />
+            <el-option label="公司管理员" :value="1" />
+            <el-option label="部门管理" :value="2" />
+            <el-option label="团队管理" :value="3" />
+          </el-select>
+        </template>
+        <!-- 操作 -->
+        <template #operation="scope">
+          <el-button type="danger" link :icon="Delete" @click="removeMember(scope.row)">移除</el-button>
+        </template>
+      </ProTable>
+    </div>
+  </el-drawer>
+</template>
+
+<script setup lang="ts" name="TeamMemberDrawer">
+import { reactive, ref, computed } from "vue";
+import { ElMessage } from "element-plus";
+import { Delete } from "@element-plus/icons-vue";
+import { useHandleData } from "@/hooks/useHandleData";
+import ProTable from "@/components/ProTable/index.vue";
+import { ColumnProps, ProTableInstance } from "@/components/ProTable/interface";
+import {
+  getTeamMemberList,
+  addTeamMembers,
+  deleteTeamMember,
+  getAvailableAdmins,
+  updateTeamMemberManager,
+  type TeamMemberInfo,
+  type AvailableAdminInfo
+} from "@/api/modules/organization";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
+interface DrawerProps {
+  teamId: number;
+  teamName: string;
+}
+
+const drawerVisible = ref(false);
+const drawerProps = ref<DrawerProps>({
+  teamId: 0,
+  teamName: ""
+});
+
+const proTable = ref<ProTableInstance>();
+const initParam = reactive({ team_id: 0 });
+const selectedAdminIds = ref<number[]>([]);
+const availableAdmins = ref<AvailableAdminInfo[]>([]);
+const memberCount = ref(0);
+
+const dataCallback = (data: any) => {
+  const result = {
+    records: data.records || [],
+    total: data.total || 0
+  };
+  memberCount.value = result.total;
+  return result;
+};
+
+const getTableList = (params: any) => {
+  return getTeamMemberList({ ...params, team_id: initParam.team_id });
+};
+
+// 获取可用管理员列表
+const fetchAvailableAdmins = async () => {
+  if (!initParam.team_id) return;
+  try {
+    const response = await getAvailableAdmins({ team_id: initParam.team_id });
+    availableAdmins.value = response.data || [];
+  } catch {
+    availableAdmins.value = [];
+  }
+};
+
+const handleAdminSelectChange = () => {
+  // 选择变化时的处理
+};
+
+const addMembers = async () => {
+  if (!selectedAdminIds.value.length) {
+    ElMessage.warning("请选择要添加的管理员");
+    return;
+  }
+
+  try {
+    await addTeamMembers({
+      team_id: initParam.team_id,
+      admin_ids: selectedAdminIds.value
+    });
+    ElMessage.success("添加成功");
+    selectedAdminIds.value = [];
+    proTable.value?.getTableList();
+    fetchAvailableAdmins();
+  } catch {
+    // 静默处理错误
+  }
+};
+
+const removeMember = async (row: TeamMemberInfo) => {
+  await useHandleData(
+    deleteTeamMember,
+    { team_id: initParam.team_id, admin_id: row.admin_id },
+    `确定移除"${row.username}"吗？`,
+    "warning",
+    t
+  );
+  proTable.value?.getTableList();
+  fetchAvailableAdmins();
+};
+
+const handleManagerChange = async (row: TeamMemberInfo, isManager: number) => {
+  try {
+    await updateTeamMemberManager({
+      team_id: initParam.team_id,
+      admin_id: row.admin_id,
+      is_manager: isManager
+    });
+    const managerLabels: Record<number, string> = {
+      0: "普通成员",
+      1: "公司管理员",
+      2: "部门管理",
+      3: "团队管理"
+    };
+    ElMessage.success(`已设置为${managerLabels[isManager] || "普通成员"}`);
+    proTable.value?.getTableList();
+  } catch {
+    // 恢复原值
+    proTable.value?.getTableList();
+  }
+};
+
+const columns = computed<ColumnProps<TeamMemberInfo>[]>(() => [
+  { prop: "id", label: "ID", width: 80 },
+  {
+    prop: "avatar",
+    label: "头像",
+    width: 100
+  },
+  {
+    prop: "username",
+    label: "用户名"
+  },
+  {
+    prop: "is_manager",
+    label: "角色",
+    width: 150
+  },
+  { prop: "operation", label: "操作", fixed: "right", width: 120 }
+]);
+
+const acceptParams = (params: DrawerProps) => {
+  drawerProps.value = params;
+  initParam.team_id = params.teamId;
+  drawerVisible.value = true;
+  selectedAdminIds.value = [];
+  fetchAvailableAdmins();
+  // 延迟刷新表格，确保initParam已更新
+  setTimeout(() => {
+    proTable.value?.getTableList();
+  }, 100);
+};
+
+defineExpose({
+  acceptParams
+});
+</script>
+
+<style scoped lang="scss">
+.team-member-drawer {
+  .add-member-section {
+    margin-bottom: 20px;
+    padding: 16px;
+    background: #f5f7fa;
+    border-radius: 4px;
+
+    .add-member-form {
+      margin: 0;
+    }
+  }
+
+  .member-count {
+    font-size: 14px;
+    color: #606266;
+    font-weight: 500;
+  }
+}
+</style>