数据列表 #

/** 列表编辑 */
const _listor = {
  // 传入合计列
  sum: ['App_ID'],
  // 自定义底部
  foots: [
    {
      ID: '合',
      Code: (data) => {
        let value = 0;
        data.map((item) => {
          value += parseInt(item.Code);
        });
        //求和
        return value;
      }
    }
  ]
};

/** 列表编辑 */
const tpl = {
  // 列表扩展配置
  listor: {
    // 自定义按钮
    btns: {
      btnAddTree: {
        title: '添加树节点'
      }
    },
    // 监听事件触发
    events: {
      /** 自定义按钮触发(listor 对象) */
      btnAddTree: (resp) => {
        console.log('btnAddTree', the.tree.onItem, resp.table.checkList);
      }
    }
  }
};

/** 列表编辑 */
const tpl = {
  listor: {
    // 监听事件触发，事件名不能重复
    events: {
      // 后台配置传入是 function 函数代码
      App_ID: `  
        (resp) => {
          console.log('td.App_ID', resp);
          console.log('传入的参数集合：', arguments);

          //  console.log('td.App_ID', resp);
          const { message } = window.$plus.ui;
          message.info(resp.data.ID);

        } `,
      // 前端可以直接写函数
      Code: (resp) => {
        // console.log('td.App_ID', resp);
        //  console.log('传入的参数集合：', arguments);

        //  console.log('td.Code', resp);
        const { message } = window.$plus.ui;
        message.info(resp.data.ID);
      }
    }
  }
};

/** 控件内全局事件定义，自定义事件名请勿重名 */
let useEvents = {
  /**
   * 添加按钮事件
   */
  btnAdd: () => {
    const _win = openEditor(
      '新增',
      {
        cmd: 'add',
        ui: the.tpl,
        data: {}
      },
      (_resp) => {
        // console.log('onEditorEvent', _win)
        // 窗口回调
        onEditorEvent(_resp, () => {
          // 关闭窗口
          _win.close();
          // 查询最新数据
          httpSearch();
        });
      }
    );
  },
  /** 审核按钮 */
  btnAudit: () => {
    httpApi('audit');
  },
  /** 撤销审核 */
  btnResc: () => {
    httpApi('resc');
  },
  /** 标记删除按钮 */
  btnDel: () => {
    btnDelEvent('del'); // 删除
  },
  /** 物理删除 */
  btnErase: () => {
    btnDelEvent('erase'); // 物理擦除
  },
  /** 搜索按钮 */
  btnSearch: () => {
    httpSearch();
  },
  /** 显示更多按钮 */
  btnMore: () => {
    // case 'more':
    //   // 显示更多按钮
    the.show.dialog = !the.show.dialog;
  },
  /** 重置初始化按钮 */
  btnInit: () => {
    init();
  },
  /** 表头列关闭显示 */
  btnThCut: () => {
    //关闭显示列
    if (the.select.sort.length > 0) {
      // 取出不显示的字段
      the.row.cut = the.select.sort;
      // the.row.cut = bindFieldCut(the.select.sort, the.row.cut);
      // 清空当前选择
      the.select.sort = [];

      bindTplColumns();
    } else {
      message.info('请勾选需要关闭显示的列');
    }
  },
  btnTdSum: () => {
    // 是否显示求和，排除合计的列
    //if (the.select.sort.length > 0) {
    // 清空当前选择
    the.table.sumField = the.select.sort;
    // 清空当前选择
    the.select.sort = [];
    // if(the.table.sumField)
    the.table.foots = BindSum(the.tpl.listor.foots, the.table.sumField);
    // } else {
    //   message.info('请勾选需要排除合计的列');
    // }
  }
};

let listor = {
  /** 指定显示的表头[] */
  th: null,
  /*查询组合*/
  select: {
    /** 查询排序的字段，默认是ID */
    sort: ['ID'],
    /**  查询模式：降序还是升序*/
    desc: true,
    /** 查询的字段,默认等于 tpl.field*/
    terms: {},
    /** 选择的查询条件符号*/
    cate: '=',
    /** 查询字段 */
    field: 'ID',
    /** 输入的查询内容 */
    word: null,
    /**是否开启多条件查询*/
    cate_more: false,
    /** 需锁定不可修改的查询字段 */
    lock: [],
    /** 传入查询组合条件 */
    where: []
  },
  /* 查询条件符号*/
  options: [
    {
      value: '=',
      label: '='
    },
    {
      value: '≠',
      label: '<>'
    },
    {
      value: '<',
      label: '<'
    },
    {
      value: '<=',
      label: '<='
    },
    {
      value: '>',
      label: '>'
    },
    {
      value: '>=',
      label: '>='
    },
    {
      // 全文排除相似
      value: 'likeNot',
      label: '≠%'
    },
    {
      // 全文相似
      value: 'like',
      label: '%'
    },
    {
      // 从头部相似
      value: 'likeE',
      label: '<%'
    },
    {
      // 从尾部相似
      value: 'likeB',
      label: '>%'
    },
    {
      // 复数查询 1,2,3,4
      value: 'in',
      label: 'in'
    },
    {
      // 日期区间
      value: 'between',
      label: 'T+1'
    }
  ],
  /** 不显示的列 */
  cut: ['CodeSource'],
  show: {
    // 显示工具栏
    toolbar: true,
    // 显示更多按钮
    btnMore: true,
    /* 表格是否允许勾选*/
    check: true,
    // 是否显示编辑器
    editor: true,
    // 分页栏
    paged: true,
    // 更多选项框
    dialog: false
  },
  // 表格列自定义平均宽度
  width: 100,
  // 表合计列
  sum: {
    // 是否显示合计列
    show: false,
    // 合计指定列, 默认不配置全表合计
    keys: []
  },
  /** 查询分页参数 */
  paged: {
    // 当前页码
    index: 1,
    // 每页取数据条数
    size: 5,
    // 分页数
    sizes: [5, 10, 30, 50, 100],
    /** 总条数 */
    count: 0
  }
};

/** 列表编辑 */
let listor = {
  /* 查询组合*/
  select: {
    /** 指定查询的字段*/
    terms: { ID: '编号', RadiusCode: '服务器编码' },
    /** 需锁定不可修改的查询字段 */
    lock: ['QF_Group_ID'],
    // 组合查询, 条件q必须放最后,无此参数默认为'='
    where: [{ QF_Group_ID: 256, q: '<' }]
  }
};

let tpl = {
  // 显示字段
  field: {
    ID: 'ID',
    LoginCode: '登陆账户',
    // 自定义显示的字段与显示名称
    't.LoginCode.Department': '部门'
  },
  // 字段属性
  attr: {
    ID: {
      t: 'Int64',
      pk: 1,
      r: 1
    },
    LoginCode: {
      t: 'String',
      n: true,
      max: 50,
      r: 1,
      // 默认不配置，将用外键查询最后字段内容进行替换显示， 设置为LoginCode，不进行外键替换显示
      j: 'NickName',
      tip: '默认会员手机号码'
    }
  },
  // 列表参数配置
  listor: {
    // 自定义显示字段列表
    th: ['ID', 'LoginCode', 't.LoginCode.NickName', 't.LoginCode.Department'],
    // 查询配置
    select: {
      lock: ['QF_Group_ID'],
      where: [
        {
          QF_Group_ID: 256
        }
      ]
    }
  }
};

let listor = {
  // 表格列自定义平均宽度
  width: 100
};

let tpl = {
  // 属性参数
  attr: {
    // 自定义字段
    title: {
      w: 500
    }
  }
};