// type 标记了 这是一个列表页面
// runOnSaveId 对应这个页面的ID，代表使用该组件时的pageId。
// 页面json配置 通过配置对应flowId 去执行某些接口操作，
// config去配置一些表格相关的配置
// handleBtns 配置了每条数据，后面操作列对应按钮的操作逻辑和显隐控制等信息。
// formConfig 配置了该页面的筛选区域的配置。
{
  "runOnSaveId": 218,
  "name": "材料管理_管理",
  "updateTime": "2024-05-28 15:53:12",
  "id": 218,
  "type": "table",
  "flows": {
    "getTableData": {
      "flowId": 219
    }
  },
  "handleBtns": [
    {
      "handleType": "openDialogPage",
      "params": {
        "pageId": 222,
        "dialogProps": {
          "dialogType": "updateFormData",
          "height": "400px",
          "width": "580px",
          "title": "选择新的协作者",
          "initFormData": {
            "companyId": "{{targetId}}",
            "companyName": "{{companyName}}"
          }
        }
      },
      "successTip": {
        "content": "更换成功"
      },
      "btn": {
        "color": "blue",
        "size": "small",
        "elevation": "0",
        "density": "comfortable",
        "label": "更换协作者"
      },
      "runFlowId": "223"
    },
    {
      "handleType": "openFullDialogPage",
      "params": {
        "pageId": 236,
        "dialogProps": {
          "dialogType": "updateFormData",
          "showFooter": false,
          "width": "100%",
          "theme": "myCustomLightTheme",
          "title": "查看审批材料表数据",
          "params": {
            "id": "{{id}}"
          }
        }
      },
      "btn": {
        "color": "blue",
        "size": "small",
        "elevation": "0",
        "density": "comfortable",
        "label": "查看审批"
      },
      "runFlowId": "231",
      "runCancelFlowId": "232"
    }
  ],
  "config": {
    "returnDataKey": "data.rows",
    "returnTotalKey": "data.count",
    "columns": [
      {
        "field": "title",
        "title": "数据表名称"
      },
      {
        "field": "brandName",
        "title": "品牌"
      },
      {
        "field": "companyName",
        "title": "公司名称"
      },
      {
        "field": "fitTypeStr",
        "title": "类型"
      },
      {
        "field": "user_name",
        "title": "协作者"
      },
      {
        "width": "80px",
        "field": "status",
        "title": "状态",
        "fixed": "right",
        "params": {
          "renderProps": {
            "size": "x-small",
            "variant": "elevated",
            "elevation": 0,
            "rounded": "4px"
          },
          "renderOptions": [
            {
              "title": "未发起",
              "value": -1,
              "props": {
                "color": "#58637D33",
                "style": "color: #58637D"
              }
            },
            {
              "title": "审批中",
              "value": 1,
              "props": {
                "color": "#3175FB33",
                "style": "color: #3175FB"
              }
            },
            {
              "title": "通过",
              "value": 2,
              "props": {
                "color": "#83C44733",
                "style": "color: #83C447"
              }
            },
            {
              "title": "不通过",
              "value": 3,
              "props": {
                "color": "#FF5B5833",
                "style": "color: #FF5B58"
              }
            },
            {
              "title": "已撤回",
              "value": 4,
              "props": {
                "color": "#58637D33",
                "style": "color: #58637D"
              }
            }
          ]
        },
        "slots": {
          "default": "tag"
        }
      },
      {
        "width": "220px",
        "title": "操作",
        "fixed": "right",
        "slots": {
          "default": "handleBtn"
        }
      }
    ],
    "toolbarConfig": {
      "buttons": [
        {
          "code": "uploadDatas",
          "name": "添加材料表",
          "handleType": "openDialogPage",
          "status": "primary",
          "runFlowId": 212,
          "successTip": {
            "content": "生成成功"
          },
          "pageId": 215,
          "dialogProps": {
            "width": "580px",
            "height": "600px",
            "dialogType": "getFormData",
            "theme": "dark",
            "title": "录入材料表信息"
          }
        }
      ],
      "refresh": true,
      "export": true,
      "custom": true
    },
    "baseConfig": {
      "border": true,
      "showHeaderOverflow": true,
      "showOverflow": "true",
      "keepSource": true,
      "id": "TEST_TABLE",
      "height": "auto",
      "rowConfig": {
        "keyField": "id",
        "isHover": true
      },
      "columnConfig": {
        "resizable": true
      },
      "editConfig": {
        "trigger": "click",
        "mode": "cell"
      }
    },
    "pagerConfig": {
      "pageSize": 100,
      "pageSizes": [
        30,
        50,
        100
      ]
    },
    "formConfig": {
      "titleWidth": 60,
      "titleAlign": "left",
      "items": [
        {
          "field": "brand_name",
          "title": "品牌",
          "titleWidth": "85px",
          "span": 8,
          "itemRender": {
            "name": "$input",
            "props": {
              "placeholder": "请输入品牌"
            }
          }
        },
        {
          "field": "fitType",
          "title": "类型",
          "titleWidth": "85px",
          "span": 8,
          "itemRender": {
            "name": "$select",
            "props": {
              "placeholder": "请选择类型",
              "clearable": true,
              "transfer": false,
              "options": [
                {
                  "label": "主材",
                  "value": 1
                },
                {
                  "label": "基材",
                  "value": 2
                }
              ]
            }
          }
        },
        {
          "field": "user_name",
          "title": "协作者",
          "titleWidth": "85px",
          "span": 8,
          "itemRender": {
            "name": "$input",
            "props": {
              "placeholder": "请输入协作者姓名"
            }
          }
        },

        {
          "field": "companyId",
          "title": "公司",
          "span": 8,
          "itemRender": {
            "name": "$select",
            "props": {
              "placeholder": "请选择公司",
              "transfer": false,
              "clearable": true,
              "option-props": {
                "value": "value",
                "label": "title"
              },
              "flowId": 216
            }
          }
        },
        {
          "span": 24,
          "align": "center",
          "itemRender": {
            "name": "$buttons",
            "children": [
              {
                "props": {
                  "type": "submit",
                  "content": "筛选",
                  "status": "primary"
                }
              },
              {
                "props": {
                  "type": "reset",
                  "content": "重置",
                  "status": "primary"
                }
              }
            ]
          }
        }
      ]
    }
  }
}

// type 表示了这是一个form组组件，在使用的时候去通过定义 pageId： 215，调用这个form组件。
{
  "runOnSaveId": 215,
  "name": "选择材料信息",
  "updateTime": "2024-03-14 16:27:23",
  "id": 215,
  "type": "form",
  "config": {
    "formConfig": {
      "style": {
        "padding": "20px"
      },
      "itemStyle": {
        "margin-bottom": "8px"
      },
      "textProps": {
        "clearable": true
      }
    },
    "formItems": [
      {
        "key": "companyId",
        "value": "",
        "requestFlowId": "216",
        "watched": true,
        "type": "select",
        "handleChange": "initItemOptions",
        "handleChangeParams": {
          "initKeys": [
            "brandId",
            "user"
          ]
        },
        "rules": [
          {
            "type": "required",
            "name": "公司"
          }
        ],
        "props": {
          "label": "公司",
          "variant": "solo-filled"
        }
      },
      {
        "key": "user",
        "type": "autocomplete",
        "requestFlowId": "241",
        "requestParams": {
          "companyId": "{{companyId}}"
        },
        "watched": true,
        "rules": [
          {
            "type": "required",
            "name": "员工手机号"
          }
        ],
        "props": {
          "label": "员工手机号",
          "placeholder": "选择材料专员飞书所绑定的手机号",
          "variant": "solo-filled"
        }
      },
      {
        "key": "materialType",
        "value": "",
        "type": "select",
        "watched": true,
        "rules": [
          {
            "type": "required",
            "name": "类型"
          }
        ],
        "props": {
          "label": "类型",
          "variant": "solo-filled",
          "items": [
            {
              "title": "主材",
              "value": 1
            },
            {
              "title": "基材",
              "value": 2
            }
          ]
        }
      },
      {
        "key": "brandId",
        "value": "",
        "type": "autocomplete",
        "requestFlowId": "217",
        "requestParams": {
          "companyId": "{{companyId}}"
        },
        "watched": true,
        "rules": [
          {
            "type": "required",
            "name": "品牌ID"
          }
        ],
        "props": {
          "label": "品牌",
          "variant": "solo-filled"
        }
      }
    ]
  }
}