vue3-element-admin/src/views/devices/sn/config/content.ts

import DeviceAPI from "@/api/system/device";
import RoleAPI from "@/api/system/role";
import type { DeviceQueryParams, DeviceItem } from "@/api/system/device/types";
import type { IContentConfig } from "@/components/DeviceSn/types";

const contentConfig: IContentConfig<DeviceQueryParams, DeviceItem> = {
  permPrefix: "sys:user", // 不写不进行按钮权限校验
  table: {
    border: true,
    highlightCurrentRow: true,
  },
  pagination: {
    background: true,
    layout: "prev,pager,next,jumper,total,sizes",
    pageSize: 20,
    pageSizes: [10, 20, 30, 50],
  },
  indexAction(params) {
    return DeviceAPI.getPage(params);
  },
  deleteAction: DeviceAPI.deleteByIds,
  importAction(file) {
    return DeviceAPI.import(file);
  },
  exportAction: DeviceAPI.export,
  importTemplate: DeviceAPI.downloadTemplate,
  importsAction(data) {
    // 模拟导入数据
    console.warn("importsAction", data);
    return Promise.resolve();
  },
  async exportsAction(params) {
    // 模拟获取到的是全量数据
    const data = await DeviceAPI.getPage(params);
    console.warn("exportsAction", data.list);
    return data.list;
  },
  pk: "id",
  toolbar: [
    "add",
    "delete",
    "import",
    "export",
    {
      name: "custom1",
      text: "自定义1",
      perm: "add",
      attrs: { icon: "plus", color: "#626AEF" },
    },
  ],
  defaultToolbar: ["refresh", "filter", "imports", "exports", "search"],
  cols: [
    { type: "selection", width: 50, align: "center" },
    { label: "编号", align: "center", prop: "id", width: 100, show: false },
    {
      label: "SN",
      align: "center",
      prop: "serialno",
      templet: "custom",
      slotName: "serialno",
      width: 220,
    },
    {
      label: "在线状态",
      align: "center",
      prop: "online",
      templet: "custom",
      slotName: "onlineStatus",
      width: 100,
    },
    { label: "设备型号", align: "center", prop: "snModel", width: 200 },
    { label: "设备昵称", align: "center", prop: "snName", width: 200 },
    { label: "推送ID", align: "center", prop: "pushId", width: 200, showOverflowTooltip: true },
    // { label: "设备 IMEI", align: "center", prop: "snImei", width: 200 },
    // { label: "设备版本号", align: "center", prop: "snDispalyId", width: 400 },
    // { label: "头像", align: "center", prop: "avatar", templet: "image" },
    // {
    //   label: "性别",
    //   align: "center",
    //   prop: "gender",
    //   width: 100,
    //   templet: "custom",
    //   slotName: "gender",
    // },
    // { label: "部门", align: "center", prop: "deptName", width: 120 },
    // {
    //   label: "角色",
    //   align: "center",
    //   prop: "roleNames",
    //   width: 120,
    //   columnKey: "roleIds",
    //   filters: [],
    //   filterMultiple: true,
    //   filterJoin: ",",
    //   async initFn(colItem) {
    //     const roleOptions = await RoleAPI.getOptions();
    //     colItem.filters = roleOptions.map((item) => {
    //       return { text: item.label, value: item.value };
    //     });
    //   },
    // },
    {
      label: "手机号码",
      align: "center",
      prop: "snMobile",
      templet: "custom",
      slotName: "mobile",
      width: 150,
    },
    {
      label: "状态",
      align: "center",
      prop: "status",
      templet: "custom",
      slotName: "status",
      width: 120,
    },
    { label: "创建时间", align: "center", prop: "createTime", width: 180 },
    { label: "激活时间", align: "center", prop: "activateTime", width: 180 },
    {
      label: "操作",
      align: "center",
      fixed: "right",
      width: 280,
      templet: "tool",
      operat: [
        {
          name: "detail",
          text: "详情",
          attrs: { icon: "Document", type: "primary" },
        },
        // {
        //   name: "reset_pwd",
        //   text: "重置密码",
        //   // perm: "password-reset",
        //   attrs: {
        //     icon: "refresh-left",
        //     // color: "#626AEF", // 使用 text 属性，颜色不生效
        //     style: {
        //       "--el-button-text-color": "#626AEF",
        //       "--el-button-hover-link-text-color": "#9197f4",
        //     },
        //   },
        // },
        "edit",
        "delete",
        {
          name: "more", // 主按钮名称
          text: "更多", // 显示文本
          attrs: { icon: "more", type: "primary" }, // 图标
          // children 数组定义下拉菜单项
          children: [
            {
              name: "refresh",
              text: "刷新",
              attrs: { icon: "Refresh" },
            },
            {
              name: "screenshot",
              text: "截图",
              attrs: { icon: "FullScreen" },
            },
            {
              name: "locate",
              text: "定位",
              attrs: { icon: "Position" },
            },
            {
              name: "shutdown",
              text: "关机",
              attrs: { icon: "SwitchButton" },
            },
            {
              name: "reboot",
              text: "重启",
              attrs: { icon: "SwitchButton" },
            },
            {
              name: "refactory",
              text: "重置",
              attrs: { icon: "RefreshLeft" },
            },
          ],
        },
      ],
    },
  ],
};

export default contentConfig;