# bl-client

**Repository Path**: axibade/bl-client

## Basic Information

- **Project Name**: bl-client
- **Description**: 所有接的项目基于master 拓展后台...
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-12
- **Last Updated**: 2022-01-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue2, admin, element, Element-UI

## README

  tableOptions: {
        // 表格接口
        apiFn: this.$getWZlIST,
        radioSelect: true,
        selection: true,
        // 过滤配置
        queryList: [
          {
            compName: "nameInput", //组件名
            params: "title", //查询参数
            placeholder: "请输入姓名",
            ref: "nameInput",
            defaultVal: "1", //默认值
            label: () => {
              //国际化
              return this.$t("m.name");
            },
          },
          {
            compName: "marketSelect",
            params: "marketId",
            placeholder: "请输入姓名",
            ref: "marketSelect",
            defaultVal: "001",
            label: () => {
              return this.$t("m.name");
            },
          },
           {
            compName: "baseSelectInput",
            defaultParams:"b",
            ref: "baseSelectInput",
            defaultVal: "001",
            label: () => {
              return this.$t("m.name");
            },
          },
        ],
        // 表格配置
        cols: [
          {
            props: "articleTitle", //字段
            align: "center", //对齐方式
            width: 300, //宽度
            fixed: "left",
            render: (h, { column }) => {
              return renderTableHeader(h, { column }, "带提示得表头文案");
            },
            label: () => {
              //国际化
              // return this.$t("m.name");
              return "标题";
            },
          },
          {
            props: "articleTypeId",
            label: () => {
              return this.$t("m.mobile");
            },
            width: 100,
            // html: true,
            // compName: "marketSelect",
            align: "left", //对齐方式
          },
          {
            props: "articleType",
            width: 100,
            label: () => {
              return this.$t("m.sex");
            },
          },
          {
            props: "articleMarket",
            width: 100,
            label: () => {
              return this.$t("m.age");
            },
          },
          {
            props: "createDate",
            width: 200,
            sortable: true,
            label: () => {
              return "时间";
            },
          },
          {
            props: "inventedReadNum",
            width: 100,
            sortable: true,
            label: () => {
              return "阅读数";
            },
          },
          {
            props: "followstatus",
            width: 100,
            sortable: true,
            label: () => {
              return "粉丝数";
            },
          },
          {
            props: "commentCount",
            width: 100,
            sortable: true,
            label: () => {
              return "评论数";
            },
          },
          // {
          //   props: "headUrl",
          //   width: 600,
          //   fixed: "right",
          //   label: () => {
          //     return "头像";
          //   },
          // },
          {
            props: "abstracts",
            width:200,
            label: () => {
              return "描述";
            },
          },
          {
            props: "articleType",
            width:200,
            label: () => {
              return "类型";
            },
          },
          {
            props: "spcolumnName",
            width:200,
            label: () => {
              return "专栏名";
            },
          },
          {
            props: "spcolumnId",
            width:200,
            label: () => {
              return "专栏id";
            },
          },
          {
            props: "updateDate",
            width:200,
            label: () => {
              return "更新时间";
            },
          },
          {
            props: "articleMarket",
            width:200,
            label: () => {
              return "市场类型";
            },
          },
          {
            props: "headUrl",
            fixed: "right",
            html: true,
            compName: "tableIMg",
            width:200,
            label: () => {
              return "头像-自定义组件展示";
            },
          },
        ],
        tableFixed: "right",
        handleAlign: "center",
        // 操作配置
        handle: [
          {
            btntxt: "编辑",
            txt: "编辑",
            handleName: "handleEdit",
          },
        ],
      },