最新提交

pengwei

2025-03-12 18fcb8ad28f583e3e1b99b23e4f7d9e1833dcd83

 ÏîÄ¿´úÂë/client/src/views/tts/UserManagement/Usermanagement.vue

@@ -17,7 +17,7 @@
      </div>
      <div class="serch">
        <div class="time_box">
          <div class="time">派工日期</div>
          <div class="time">创建日期</div>
          <el-date-picker
            v-model="queryForm.selectTime"
            prefix-icon="none"
@@ -39,21 +39,38 @@
            size="small"
          />
        </div>
        <div class="serch_box">
          <div class="serchb">全局搜索</div>
        <!-- <div class="serch_box">
          <div class="serchb">
            <el-select
              v-model="queryForm.selectType"
              placeholder="请选择"
              size="small"
              style="width: 100%; height: 100%; font-size: 0.15rem"
            >
              <el-option
                v-for="item in selectoptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </div>
          <input
            v-model="queryForm.selectName"
            placeholder="请输入关键词搜索"
            style="border-left: 0.06rem solid #e2e2e2"
          />
        </div>
        </div> -->
        <el-button
          @click="handleQuery"
          type="primary"
          size="small"
          style="margin-left: 0.98rem; height: 2rem"
          >查询</el-button
        >
        <el-button size="small" style="height: 2rem">重置</el-button>
        <el-button size="small" style="height: 2rem" @click="resetQuery"
          >重置</el-button
        >
      </div>
      <div class="btns">
        <div style="display: flex; align-items: center">
@@ -78,7 +95,7 @@
            v-if="isactive == 2"
            type="primary"
            size="small"
            @click="dialogVisible2 = true"
            @click="AddRole"
            style="
              width: 5.5rem;
              height: 2rem;
@@ -92,9 +109,11 @@
          <el-button
            size="small"
            style="width: 5.5rem; height: 2rem; font-size: 0.88rem"
            @click="printExcel"
            >批量导出</el-button
          >
          <el-button
            @click="deleteAll"
            size="small"
            style="width: 5.5rem; height: 2rem; font-size: 0.88rem"
            >批量删除</el-button
@@ -104,6 +123,7 @@
      <div style="margin-top: 1rem; height: 100%">
        <!-- ç”¨æˆ·åˆ—表 -->
        <el-table
          height="450"
          v-if="isactive == 1"
          :data="tableData"
          style="width: 100%"
@@ -119,20 +139,80 @@
            fontSize: '0.88rem',
            height: '3rem',
          }"
          @select="UserSelectionChange"
        >
          <el-table-column type="selection" align="center" />
          <el-table-column prop="address" label="登录账号" align="center" />
          <el-table-column prop="name" label="真实姓名" align="center" />
          <el-table-column prop="address" label="联系方式" align="center" />
          <el-table-column prop="address" label="用户分组" align="center" />
          <el-table-column prop="address" label="用户角色" align="center" />
          <el-table-column prop="address" label="人脸照片" align="center" />
          <el-table-column prop="address" label="是否启用" align="center" />
          <el-table-column prop="address" label="创建日期" align="center" />
          <el-table-column prop="address" label="操作" align="center">
            <template #default="">
              <el-button size="small" type="text" @click="Edit">编辑</el-button>
              <el-button size="small" type="text" @click="Editpassword"
          <el-table-column type="selection" align="center" min-width="1%" />
          <el-table-column
            prop="userName"
            label="登录账号"
            align="center"
            min-width="2%"
          />
          <el-table-column
            prop="userTrueName"
            label="真实姓名"
            align="center"
            min-width="3%"
          />
          <el-table-column
            prop="phoneNo"
            label="联系方式"
            align="center"
            min-width="3%"
          />
          <el-table-column
            prop="role_Id"
            label="用户分组"
            align="center"
            min-width="2%"
          />
          <el-table-column
            prop="roleName"
            label="用户角色"
            align="center"
            min-width="3%"
          />
          <el-table-column
            prop="address"
            label="人脸照片"
            align="center"
            min-width="3%"
          >
            <template #default="scope">
              <el-image
                style="width: 70px; height: 70px"
                :src="scope.row.headImageUrl"
                show-progress
                :initial-index="4"
                fit="cover"
              />
            </template>
          </el-table-column>
          <el-table-column label="是否启用" align="center" min-width="2%">
            <template #default="scope">
              <el-switch
                v-model="scope.row.enable"
                :active-value="1"
                :inactive-value="0"
                @change="changeSwitch(scope.row)"
              />
            </template>
          </el-table-column>
          <el-table-column
            prop="createDate"
            label="创建日期"
            align="center"
            min-width="3%"
          />
          <el-table-column label="操作" align="center" min-width="3%">
            <template #default="scope">
              <el-button size="small" type="text" @click="Edit(scope.row)"
                >编辑</el-button
              >
              <el-button
                size="small"
                type="text"
                @click="Editpassword(scope.row)"
                >修改密码</el-button
              >
            </template>
@@ -141,8 +221,9 @@

        <!-- ç”¨æˆ·è§’色 -->
        <el-table
          height="450"
          v-if="isactive == 2"
          :data="tableData"
          :data="grideData"
          style="width: 100%"
          :header-cell-style="{
            background: 'rgba(250,250,250,1)',
@@ -156,18 +237,41 @@
            fontSize: '0.88rem',
            height: '3rem',
          }"
          @select="RoleSelectionChange"
        >
          <el-table-column type="selection" align="center" />
          <el-table-column prop="address" label="角色名称" align="center" />
          <el-table-column prop="name" label="角色权限" align="center" />
          <el-table-column prop="address" label="备注" align="center" />
          <el-table-column prop="address" label="是否启用" align="center" />
          <el-table-column prop="address" label="创建日期" align="center" />
          <el-table-column prop="address" label="操作" align="center">
            <template #default="">
          <el-table-column prop="roleName" label="角色名称" align="center" />
          <el-table-column prop="name" label="角色权限" align="center">
            <template #default="scope">
              <span
                @click="
                  router.replace({
                    path: `/permission`,
                    state: { info: JSON.stringify(scope.row) },
                  })
                "
                style="color: #4386ff; cursor: pointer"
                >管理</span
              >
            </template>
          </el-table-column>
          <el-table-column prop="deptName" label="备注" align="center" />
          <el-table-column label="是否启用" align="center">
            <template #default="scope">
              <el-switch
                v-model="scope.row.enable"
                :active-value="1"
                :inactive-value="0"
                @change="changeRoleSwitch(scope.row)"
              />
            </template>
          </el-table-column>
          <el-table-column prop="createDate" label="创建日期" align="center" />
          <el-table-column label="操作" align="center">
            <template #default="scope">
              <span
                style="color: blue; font-size: 0.88rem; cursor: pointer"
                @click="Findtorque"
                @click="EditRole(scope.row)"
                >编辑</span
              >
            </template></el-table-column
@@ -184,10 +288,26 @@
        "
      >
        <el-pagination
          v-if="isactive == 1"
          size="small"
          background
          layout="prev, pager, next"
          :total="1"
          :current-page="pageQuery.page"
          :page-size="pageQuery.rows"
          :total="pageTotal"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
        />
        <el-pagination
          v-if="isactive == 2"
          size="small"
          background
          layout="prev, pager, next"
          :current-page="pageQuery.page"
          :page-size="pageQuery.rows"
          :total="pageTotal"
          @size-change="RoleSizeChange"
          @current-change="RoleCurrentChange"
        />
      </div>
    </div>
@@ -215,10 +335,15 @@
          >
        </div>
      </template>
      <el-form :model="form" label-width="auto" label-position="top">
      <el-form
        :model="formUser"
        label-width="auto"
        label-position="top"
        ref="formRef"
      >
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item>
            <el-form-item prop="userName">
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
@@ -228,11 +353,15 @@
                  >
                </div>
              </template>
              <el-input size="small" v-model="form.name" placeholder="请输入" />
              <el-input
                size="small"
                v-model="formUser.userName"
                placeholder="请输入"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item>
            <el-form-item prop="userTrueName">
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
@@ -242,11 +371,15 @@
                  >
                </div>
              </template>
              <el-input size="small" v-model="form.name" placeholder="请输入" />
              <el-input
                size="small"
                v-model="formUser.userTrueName"
                placeholder="请输入"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item>
            <el-form-item prop="phoneNo">
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
@@ -256,7 +389,11 @@
                  >
                </div>
              </template>
              <el-input size="small" v-model="form.name" placeholder="请输入" />
              <el-input
                size="small"
                v-model="formUser.phoneNo"
                placeholder="请输入"
              />
            </el-form-item>
          </el-col>
        </el-row>
@@ -268,34 +405,17 @@
                  <span style="color: red; margin-right: 0.2rem">*</span>
                  <span
                    style="font-size: 0.88rem; color: black; font-weight: bold"
                    >用户分组</span
                  >
                </div>
              </template>
              <el-select v-model="value" placeholder="请选择" size="small">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item>
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
                  <span
                    style="font-size: 0.88rem; color: black; font-weight: bold"
                    >用户角色</span
                  >
                </div>
              </template>
              <el-select v-model="value" placeholder="请选择" size="small">
              <el-select
                v-model="formUser.role_Id"
                placeholder="请选择"
                size="small"
              >
                <el-option
                  v-for="item in options"
                  v-for="item in groupOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
@@ -314,9 +434,13 @@
                  >
                </div>
              </template>
              <el-select v-model="value" placeholder="请选择" size="small">
              <el-select
                v-model="formUser.enable"
                placeholder="请选择"
                size="small"
              >
                <el-option
                  v-for="item in options"
                  v-for="item in isoptins"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
@@ -349,9 +473,10 @@
                action="#"
                list-type="picture-card"
                :auto-upload="false"
                @before-upload="beforeAvatarUpload"
                :on-change="handleAvatarSuccess"
              >
                <el-icon><Plus /></el-icon>

                <template #file="{ file }">
                  <div>
                    <img
@@ -400,7 +525,7 @@
          <el-button
            size="small"
            type="primary"
            @click="dialogVisible = false"
            @click="saveObj"
            style="height: 2rem; font-size: 0.88rem"
          >
            ä¿å­˜
@@ -432,7 +557,13 @@
          >
        </div>
      </template>
      <el-form :model="form" label-width="auto" label-position="top">
      <el-form
        :model="formpassword"
        label-width="auto"
        label-position="top"
        ref="formpasswordRef"
        :rules="passwordrules"
      >
        <el-row>
          <el-col>
            <div
@@ -446,18 +577,19 @@
                border-radius: 0.25rem;
              "
            >
              <span style="color: #51b820; font-size: 1rem">账号：adimin</span
              <span style="color: #51b820; font-size: 1rem"
                >账号：{{ formpassword.userName }}</span
              ><span style="color: #51b820; font-size: 1rem; margin-left: 2rem"
                >用户：超级管理员</span
                >用户：{{ formpassword.roleName }}</span
              >
            </div>
          </el-col>
        </el-row>
        <el-form-item>
        <el-form-item prop="password">
          <el-input
            style="margin-top: 1rem"
            size="large"
            v-model="form.name"
            v-model="formpassword.password"
            placeholder="请输入"
          />
        </el-form-item>
@@ -474,7 +606,7 @@
          <el-button
            size="small"
            type="primary"
            @click="dialogVisible1 = false"
            @click="savePassword(formpasswordRef)"
            style="height: 2rem; font-size: 0.88rem"
          >
            ä¿å­˜
@@ -506,8 +638,15 @@
          >
        </div>
      </template>
      <el-form :model="form" label-width="auto" label-position="top">
        <el-form-item>
      <el-form
        :model="formRole"
        label-width="auto"
        label-position="top"
        ref="formRoleRef"
        :rules="roleRules"
        :hide-required-asterisk="true"
      >
        <el-form-item prop="roleName">
          <template #label>
            <div style="display: flex; align-items: flex-end">
              <span style="color: red; margin-right: 0.2rem">*</span>
@@ -519,7 +658,7 @@
          <el-input
            style="height: 2rem"
            size="small"
            v-model="userform.userName"
            v-model="formRole.roleName"
            placeholder="请输入"
          />
        </el-form-item>
@@ -534,7 +673,7 @@
          <el-input
            style="height: 2rem"
            size="small"
            v-model="userform.description"
            v-model="formRole.description"
            placeholder="请输入"
          />
        </el-form-item>
@@ -551,7 +690,7 @@
          <el-button
            size="small"
            type="primary"
            @click="dialogVisible2 = false"
            @click="saveRole(formRoleRef)"
            style="height: 2rem; font-size: 0.88rem"
          >
            ä¿å­˜
@@ -561,99 +700,432 @@
    </el-dialog>

    <!-- æƒé™ç®¡ç†å¼¹å‡ºæ¡† -->

    <el-dialog v-model="imgdialogVisible">
      <div
        style="
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
        "
      >
        <img w-full :src="dialogImageUrl" alt="Preview Image" />
      </div>
    </el-dialog>
  </div>
</template>
<script setup>
import { ref, reactive } from "vue";
import { ref, reactive, onMounted } from "vue";
import { ElMessage, ElMessageBox } from "element-plus";
import {
  GetUserList,
  AddUser,
  UpdateUser,
  DelApi,
  ExportApi,
  ExportApi1,
} from "@/api/user";
import { useRouter } from "vue-router";
import { formatTime } from "@/utils/index.js";
import {
  GetPageDataApi,
  StatusChangeApiApi,
  AddRoleApi,
  UpdateRoleApi,
  DeleteRoleApi,
} from "@/api/role";
const queryForm = reactive({
  selectName: "",
  selectTime: [], // æ—¶é—´èŒƒå›´
  selectType: "",
  selectInput: "",
});
const router = useRouter();

const tableData = ref([]);

const grideData = ref([{ id: 1 }]);
const formRef = ref();
const options = ref([]);
const props = { multiple: true };

const isoptins = ref([
  {
    value: 0,
    label: "否",
  },
  { value: 1, label: "是" },
]);
//分组
const groupOptions = ref([
  { value: 1, label: "超级管理员" },
  { value: 2, label: "质检组" },
  { value: 3, label: "电气组" },
  { value: 4, label: "机械组" },
  { value: 5, label: "地沟组" },
]);
const table = ref(false);
const form = reactive({});
const formUser = ref({
  user_Id: undefined,
  userName: "",
  role_Id: 2,
  roleName: "",
  phoneNo: "",
  remark: "",
  userPwd: "123456",
  userTrueName: "",
  dept_Id: 0,
  enable: 1,
  headImageUrl: "",
});
const userform = reactive({
  userName: "",
  description: "",
});
const formpasswordRef = ref();
const isactive = ref(1);
const claimdialogVisible = ref(false);
const dialogVisible = ref(false);
const imgdialogVisible = ref(false);
const dialogImageUrl = ref("");
//用户信息修改密码弹出框
const dialogVisible1 = ref(false);
//用户角色新建
const dialogVisible2 = ref(false);
const TorquedialogVisible = ref(false);
const activities = [
  {
    content: "1.1工前准备",
    timestamp: "2018-04-15",
  },
  {
    content: "2.1牵引电机电缆安装（仅动车转向架）",
    timestamp: "2018-04-13",
  },
  {
    content: "2.2牵引电机电缆安装（仅动车转向架）",
    timestamp: "2018-04-11",
  },
  {
    content: "2.3牵引电机电缆安装（仅动车转向架）",
    timestamp: "2018-04-11",
  },
  {
    content: "2.4牵引电机电缆安装（仅动车转向架）",
    timestamp: "2018-04-11",
  },
  {
    content: "2.4牵引电机电缆安装（仅动车转向架）",
    timestamp: "2018-04-11",
  },
  {
    content: "2.4牵引电机电缆安装（仅动车转向架）",
    timestamp: "2018-04-11",
  },
  {
    content: "2.4牵引电机电缆安装（仅动车转向架）",
    timestamp: "2018-04-11",
  },
  {
    content: "2.4牵引电机电缆安装（仅动车转向架）",
    timestamp: "2018-04-11",
  },
  {
    content: "2.4牵引电机电缆安装（仅动车转向架）",
    timestamp: "2018-04-11",
  },
  {
    content: "2.4牵引电机电缆安装（仅动车转向架）",
    timestamp: "2018-04-11",
  },
];
//分页请求参数
const pageQuery = ref({
  page: 1, //当前页面
  rows: 10, //每页显示条数
  order: "desc", //排序方式
  sort: "createDate", //排序字段
  wheres: "", //条件查询
});

const changeactive = (index) => {
  isactive.value = index;
  if (isactive.value == 1) {
    selectoptions.value = userOptions;
    initData();
  } else {
    selectoptions.value = roleOptions;
    getRole();
  }
};
function cancelClick() {
  table.value = false;
}
function confirmClick() {
  table.value = false;
}
// æŸ¥çœ‹è¯¦æƒ…
const Findmore = () => {

const userOptions = [
  {
    value: "userName",
    label: "登录账号",
  },
  {
    value: "userTrueName",
    label: "真实姓名",
  },
  {
    value: "phoneNo",
    label: "联系方式",
  },
];

const roleOptions = [
  {
    value: "roleName",
    label: "角色名称",
  },
];
const selectoptions = ref([]);
selectoptions.value = userOptions;
const formpassword = ref({
  password: "",
});
const passwordrules = reactive({
  password: {
    required: true,
    message: "请输入密码",
    trigger: "blur",
  },
});
const pageTotal = ref(0);
//登录记录
const initData = () => {
  // æŸ¥è¯¢æ¡ä»¶
  const startTime = formatTime(queryForm.selectTime[0]);
  const endTime = formatTime(queryForm.selectTime[1]);
  const filter = [
    {
      name: "",
      value: queryForm.selectType,
      displayType: "int",
    },
    { name: "createDate", value: startTime, displayType: "ThanOrEqual" },
    { name: "createDate", value: endTime, displayType: "LessOrEqual" },
  ];
  GetUserList({
    ...pageQuery.value,
    filter,
  }).then((res) => {
    tableData.value = res.rows;
    pageTotal.value = res.total;
  });
};

//数据检索事件
const handleQuery = () => {
  pageQuery.value.page = 1;
  initData();
};

const resetQuery = () => {
  queryForm.selectName = "";
  queryForm.selectInput = "";
  queryForm.selectTime = [];
  queryForm.selectType = "";
  pageQuery.value.page = 1;
  initData();
};
//分页页面大小改变
const handleSizeChange = (val) => {
  pageQuery.value.rows = val;
  initData();
};

//分页页面改变
const handleCurrentChange = (val) => {
  pageQuery.value.page = val;
  initData();
};
//分页页面大小改变
const RoleSizeChange = (val) => {
  pageQuery.value.rows = val;
  getRole();
};

//分页页面改变
const RoleCurrentChange = (val) => {
  pageQuery.value.page = val;
  getRole();
};
const handlePictureCardPreview = (uploadFile) => {
  dialogImageUrl.value = uploadFile.url;
  imgdialogVisible.value = true;
};
const handleAvatarSuccess = (val) => {
  console.log(val);
};
const beforeAvatarUpload = (val) => {
  console.log(val);
};
//新建用户账号
const saveObj = () => {
  formRef.value.validate((valid) => {
    if (valid) {
      if (formUser.value.user_Id != undefined) {
        UpdateUser(formUser.value).then((res) => {
          ElMessage({ message: "修改成功", type: "success" });
          dialogVisible.value = false;
          initData();
        });
      } else {
        AddUser(formUser.value).then((res) => {
          ElMessage({ message: "提交成功", type: "success" });
          dialogVisible.value = false;
          initData();
        });
      }
    }
  });
};
//是否启用
const changeSwitch = (val) => {
  let data = Object.assign({}, val);
  console.log(data);
  UpdateUser(data).then((res) => {
    ElMessage({ message: "修改成功", type: "success" });
    dialogVisible.value = false;
    initData();
  });
  console.log(val);
};
// ç”¨æˆ·è§’色是否启用
const changeRoleSwitch = (val) => {
  let data = Object.assign({}, val);
  StatusChangeApiApi(data).then((res) => {
    ElMessage({ message: "修改成功", type: "success" });
    dialogVisible.value = false;
    initData();
  });
};
//编辑用户账号
const Edit = (val) => {
  console.log(val);
  let obj = Object.assign({}, val);
  dialogVisible.value = true;
  formUser.value = obj;
};
// æŸ¥çœ‹åŠ›çŸ©
const Findtorque = () => {
  TorquedialogVisible.value = true;
const newobj = ref({});
//修改密码
const Editpassword = (val) => {
  formpassword.value = val;
  newobj.value = val;
  dialogVisible1.value = true;
};
//保存修改密码
const savePassword = async (formEl) => {
  let obj = Object.assign({}, newobj);
  obj.password = formpassword.value.password;
  if (!formEl) return;
  await formEl.validate((valid, fields) => {
    if (valid) {
      UpdateUser(obj).then((res) => {
        ElMessage({ message: "修改密码成功", type: "success" });
        dialogVisible1.value = false;
        initData();
      });
    } else {
      console.log("error submit!", fields);
    }
  });
};
const formRoleRef = ref();
const roleRules = reactive({
  roleName: {
    required: true,
    message: "请输入角色名称",
    trigger: "blur",
  },
  description: {
    required: true,
    message: "请输入角色描述",
    trigger: "blur",
  },
});
const formRole = ref({
  roleName: "",
  description: "",
});
//新建角色
const AddRole = () => {
  Roletype.value = "新建";
  dialogVisible2.value = true;
};
const Roletype = ref("新建");
//保存角色
const saveRole = async (formEl) => {
  if (!formEl) return;
  await formEl.validate((valid, fields) => {
    if (valid) {
      if (Roletype.value == "修改") {
        UpdateRoleApi(formRole.value).then((res) => {
          ElMessage({ message: "修改成功", type: "success" });
          dialogVisible2.value = false;
          getRole();
        });
      } else {
        AddRoleApi(formRole.value).then((res) => {
          ElMessage({ message: "添加成功", type: "success" });
          dialogVisible2.value = false;
          getRole();
        });
      }
    } else {
      console.log("error submit!", fields);
    }
  });
};
//编辑角色
const EditRole = (val) => {
  Roletype.value = "修改";
  let obj = Object.assign({}, val);
  formRole.value = obj;
  dialogVisible2.value = true;
};
const getRole = () => {
  GetPageDataApi({
    page: 1,
    rows: 10,
    total: 100,
    tableName: "",
    sort: "",
    order: "",
    wheres: "",
    export: true,
    value: "",
    filter: [
      {
        name: "string",
        value: "string",
        displayType: "string",
      },
    ],
  }).then((res) => {
    grideData.value = res.rows;
    pageTotal.value = res.total;
  });
};
const printExcel = () => {
  // æŸ¥è¯¢æ¡ä»¶
  const startTime = formatTime(queryForm.selectTime[0]);
  const endTime = formatTime(queryForm.selectTime[1]);
  const filter = [
    {
      name: queryForm.selectType,
      value: queryForm.selectInput,
      displayType: "String",
    },
    {
      name: "pustatus",
      value: queryForm.selectName,
      displayType: "String",
    },
    { name: "createDate", value: startTime, displayType: "ThanOrEqual" },
    { name: "createDate", value: endTime, displayType: "LessOrEqual" },
  ];
  if (isactive.value == 1) {
    ExportApi({
      ...pageQuery.value,
      filter,
    });
  }
  if (isactive.value == 2) {
    ExportApi1({
      ...pageQuery.value,
      filter,
    });
  }
};

//批量删除
const ids = ref([]);
const UserSelectionChange = (val) => {
  ids.value = [];
  ids.value = val.map((item) => item.user_Id);
};
const RoleSelectionChange = (val) => {
  ids.value = [];
  ids.value = val.map((item) => item.roleId);
};
const deleteAll = () => {
  if (ids.value.length == 0) {
    ElMessage({ message: "请选择要删除的数据", type: "error" });
    return;
  }
  if (isactive.value == 1) {
    DelApi(ids.value).then((res) => {
      ElMessage({ message: "删除成功", type: "success" });
      initData();
    });
  } else {
    DeleteRoleApi(ids.value).then((res) => {
      ElMessage({ message: "删除成功", type: "success" });
      getRole();
    });
  }
};

onMounted(() => {
  initData();
});
</script>
<style lang="scss" scoped>
.Usermanagement {
@@ -718,8 +1190,6 @@
          width: 6.88rem;
          height: 2rem;
          text-align: center;
          border: 0.06rem solid rgba(222, 222, 222, 1);
          border-radius: 0.25rem 0 0 0.25rem;
          font-size: 0.75rem;
          display: flex;
          align-items: center;