// import React, { Component } from 'react';
// import {
//   WeaTableEditable,
//   WeaLocaleProvider,
//   WeaCheckbox,
//   WeaHelpfulTip,
//   WeaTools,
// } from "ecCom";
// import './index.less';

// const {getLabel} = WeaLocaleProvider;

// export default class CustomClient extends Component {
//   constructor(props) {
//     super(props);
//     props.getInstance && props.getInstance(this);
//     this.state = {
//       titles: [],
//       datas: props.datas || [],
//       tableInfo: {
//         rowKey: "fileid",
//         title: ["CUSTOMPAGE"],
//         showTitle: true,
//         showCopy: false,
//         showCollapse: true,
//         buttonsType: "inline",
//         showCollapse: true,
//         showAdd: false,
//         showDelete: false
//       },
//       viewColumns: [{
//         title: getLabel(0, "名称"),
//         width: "20%",
//         dataIndex: "name",
//         com: [
//           {
//             type: "INPUT",
//             key: "name",
//             viewAttr: 1
//           }
//         ]
//       }, {
//         title: <span>
//             {getLabel(0, "导入类型")}
//             <WeaHelpfulTip style={{marginLeft: 10}} title={getLabel(0, "请选择需要更新的路径，确保两个路径类型的id、表单id一致或两个路径存在导入导出的关联关系，否则系统不允许更新（支持路径新增版本导入）")} />
//         </span>,
//         width: "15%",
//         dataIndex: "importtype",
//         com: [
//           {
//             type: "SELECT",
//             key: "importtype",
//             viewAttr: 1,
//             options: [
//               { key: "0", showname: getLabel(0, "新增") },
//               { key: "1", showname: getLabel(0, "更新") }
//             ]
//           }
//         ]
//       }, {
//         title: getLabel(0, "是否创建表单"),
//         width: "10%",
//         dataIndex: "createForm",
//         com: [
//           {
//             type: "CHECKBOX",
//             key: "createForm",
//             display: "switch", 
//             viewAttr: 1,
//             defaultValue: "0",
//             helpfulTip: getLabel(507312, '使用系统中原有对应表单新增路径')+"，"+getLabel(509522, '只对自定义表单生效'),
//           }
//         ]
//       }, {
//         title: getLabel(509448, "需要更新的路径"),
//         width: "25%",
//         dataIndex: "workflowid",
//         com: [
//           {
//             type: "BROWSER",
//             key: "workflowid",
//             browserConditionParam: { type: -99991 },
//             viewAttr: 1,
//           }
//         ]
//       }, {
//         title: <span>
//             {getLabel(0, "导入基础数据")}
//             <WeaHelpfulTip style={{marginLeft: 10}} title={getLabel(0, "提示信息")} />
//         </span>,
//         width: "10%",
//         dataIndex: "importBase",
//         com: [
//           { 
//             type: "CHECKBOX", 
//             key: "importBase", 
//             display: "switch", 
//             defaultValue: "0",
//             viewAttr: 1,
//           }
//         ]
//       }, {
//         title: <span>
//             {getLabel(0, "导入集成数据")}
//             <WeaHelpfulTip style={{marginLeft: 10}} title={getLabel(0, "提示信息")} />
//         </span>,
//         dataIndex: "importIntegration",
//         width: "10%",
//         com: [
//           { 
//             type: "checkbox", 
//             key: "importIntegration",
//             display: "switch", 
//             viewAttr: 1,
//             defaultValue: "0"
//           }
//         ]
//       }],
//       columns: [{
//         title: getLabel(0, "名称"),
//         width: "20%",
//         dataIndex: "name",
//         com: [
//           {
//             type: "INPUT",
//             key: "name",
//             viewAttr: 1
//           }
//         ]
//       }, {
//         title: <span>
//             {getLabel(0, "导入类型")}
//             <WeaHelpfulTip style={{marginLeft: 10}} title={getLabel(0, "提示信息")} />
//         </span>,
//         width: "15%",
//         dataIndex: "importtype",
//         com: [
//           {
//             type: "SELECT",
//             key: "importtype",
//             options: [
//               { key: "0", showname: getLabel(0, "新增") },
//               { key: "1", showname: getLabel(0, "更新") }
//             ]
//           }
//         ]
//       }, {
//         title: getLabel(0, "是否创建表单"),
//         width: "10%",
//         dataIndex: "createForm",
//         com: [
//           {
//             type: "CHECKBOX",
//             key: "createForm",
//             display: "switch", 
//             defaultValue: "0",
//           }
//         ]
//       }, {
//         title: getLabel(509448, "需要更新的路径"),
//         width: "25%",
//         dataIndex: "workflowid",
//         com: [
//           {
//             type: "BROWSER",
//             key: "workflowid",
//             browserConditionParam: { type: -99991 },
//             viewAttr: 1,
//           }
//         ]
//       }, {
//         title: <span>
//             {getLabel(0, "导入基础数据")}
//             <WeaHelpfulTip style={{marginLeft: 10}} title={getLabel(0, "提示信息")} />
//         </span>,
//         width: "10%",
//         dataIndex: "importBase",
//         com: [
//           { 
//             type: "CHECKBOX", 
//             key: "importBase", 
//             display: "switch", 
//             defaultValue: "0" 
//           }
//         ]
//       }, {
//         title: <span>
//             {getLabel(0, "导入集成数据")}
//             <WeaHelpfulTip style={{marginLeft: 10}} title={getLabel(0, "提示信息")} />
//         </span>,
//         dataIndex: "importIntegration",
//         width: "10%",
//         com: [
//           { 
//             type: "checkbox", 
//             key: "importIntegration",
//             display: "switch", 
//             defaultValue: "0"
//           }
//         ]
//       }],
//       selectedRowKeys: [],
//       createFormRead: {
//         workflowid: {
//           com: [{
//             type: "BROWSER",
//             key: "workflowid",
//             browserConditionParam: { type: -99991 },
//             viewAttr: 2
//           }]
//         },
//         createForm: {
//           com: [{
//               type: "CHECKBOX",
//               key: "createForm",
//               display: "switch", 
//               defaultValue: "0",
//               viewAttr: 1,
//               helpfulTip: getLabel(507312, '使用系统中原有对应表单新增路径')+"，"+getLabel(509522, '只对自定义表单生效')
//           }]
//         }
//       },
//     }
//   }

//   componentDidMount() {
//     WeaTools.callApi('/api/workflow/workflowImport/getImportNewForm', 'POST').then(result => {
//       if(result.titles) {
//         this.setState({
//           titles: result.titles || [],
//           viewColumns: [{
//             title: getLabel(0, "名称"),
//             width: "20%",
//             dataIndex: "name",
//             com: [
//               {
//                 type: "INPUT",
//                 key: "name",
//                 viewAttr: 1
//               }
//             ]
//           }, {
//             title: <span>
//                 {getLabel(0, "导入类型")}
//                 <WeaHelpfulTip style={{marginLeft: 10}} title={result.titles[13] || ""} />
//             </span>,
//             width: "15%",
//             dataIndex: "importtype",
//             com: [
//               {
//                 type: "SELECT",
//                 key: "importtype",
//                 viewAttr: 1,
//                 options: [
//                   { key: "0", showname: getLabel(0, "新增") },
//                   { key: "1", showname: getLabel(0, "更新") }
//                 ]
//               }
//             ]
//           }, {
//             title: getLabel(0, "是否创建表单"),
//             width: "10%",
//             dataIndex: "createForm",
//             com: [
//               {
//                 type: "CHECKBOX",
//                 key: "createForm",
//                 display: "switch", 
//                 viewAttr: 1,
//                 defaultValue: "0",
//                 helpfulTip: getLabel(507312, '使用系统中原有对应表单新增路径')+"，"+getLabel(509522, '只对自定义表单生效'),
//               }
//             ]
//           }, {
//             title: getLabel(509448, "需要更新的路径"),
//             width: "25%",
//             dataIndex: "workflowid",
//             com: [
//               {
//                 type: "BROWSER",
//                 key: "workflowid",
//                 browserConditionParam: { type: -99991 },
//                 viewAttr: 1,
//               }
//             ]
//           }, {
//             title: <span>
//                 {getLabel(0, "导入基础数据")}
//                 <WeaHelpfulTip style={{marginLeft: 10}} title={result.titles[2]} />
//             </span>,
//             width: "10%",
//             dataIndex: "importBase",
//             com: [
//               { 
//                 type: "CHECKBOX", 
//                 key: "importBase", 
//                 display: "switch", 
//                 defaultValue: "0",
//                 viewAttr: 1,
//               }
//             ]
//           }, {
//             title: <span>
//                 {getLabel(0, "导入集成数据")}
//                 <WeaHelpfulTip style={{marginLeft: 10}} title={result.titles[16]} />
//             </span>,
//             dataIndex: "importIntegration",
//             width: "10%",
//             com: [
//               { 
//                 type: "checkbox", 
//                 key: "importIntegration",
//                 display: "switch", 
//                 viewAttr: 1,
//                 defaultValue: "0"
//               }
//             ]
//           }],
//           columns: [{
//             title: getLabel(0, "名称"),
//             width: "20%",
//             dataIndex: "name",
//             com: [
//               {
//                 type: "INPUT",
//                 key: "name",
//                 viewAttr: 1
//               }
//             ]
//           }, {
//             title: <span>
//                 {getLabel(0, "导入类型")}
//                 <WeaHelpfulTip style={{marginLeft: 10}} title={result.titles[13] || ""} />
//             </span>,
//             width: "15%",
//             dataIndex: "importtype",
//             com: [
//               {
//                 type: "SELECT",
//                 key: "importtype",
//                 options: [
//                   { key: "0", showname: getLabel(0, "新增") },
//                   { key: "1", showname: getLabel(0, "更新") }
//                 ]
//               }
//             ]
//           }, {
//             title: getLabel(0, "是否创建表单"),
//             width: "10%",
//             dataIndex: "createForm",
//             com: [
//               {
//                 type: "CHECKBOX",
//                 key: "createForm",
//                 display: "switch", 
//                 defaultValue: "0",
//               }
//             ]
//           }, {
//             title: getLabel(509448, "需要更新的路径"),
//             width: "25%",
//             dataIndex: "workflowid",
//             com: [
//               {
//                 type: "BROWSER",
//                 key: "workflowid",
//                 browserConditionParam: { type: -99991 },
//                 viewAttr: 1,
//               }
//             ]
//           }, {
//             title: <span>
//                 {getLabel(0, "导入基础数据")}
//                 <WeaHelpfulTip style={{marginLeft: 10}} title={result.titles[2]} />
//             </span>,
//             width: "10%",
//             dataIndex: "importBase",
//             com: [
//               { 
//                 type: "CHECKBOX", 
//                 key: "importBase", 
//                 display: "switch", 
//                 defaultValue: "0" 
//               }
//             ]
//           }, {
//             title: <span>
//                 {getLabel(0, "导入集成数据")}
//                 <WeaHelpfulTip style={{marginLeft: 10}} title={result.titles[16]} />
//             </span>,
//             dataIndex: "importIntegration",
//             width: "10%",
//             com: [
//               { 
//                 type: "checkbox", 
//                 key: "importIntegration",
//                 display: "switch", 
//                 defaultValue: "0"
//               }
//             ]
//           }],
//         })
//       }
//     })
//   }
  
//   componentWillReceiveProps(nextProps) {
//     this.setState({
//       datas: nextProps.datas,
//       selectedRowKeys: []
//     })
//   };
  
//   onSave = () => {
//     const {
//       datas,
//       tableInfo,
//       selectedRowKeys=[]
//     } = this.state, {
//       rowKey
//     } = tableInfo;

//     let saveDatas = [];
//     datas && datas.forEach(data => {
//       if(selectedRowKeys.includes(data[rowKey])) {
//         saveDatas.push(data);
//       }
//     })
//     return {
//       datas: saveDatas,
//     }
//   }

//   getColumns = (columns=[]) => {
//     columns && columns.forEach((column, index) => {
//       if(column.dataIndex === "createForm") {
//         columns[index].com = [{
//           type: 'CUSTOM',
//           key: column.dataIndex,
//           render: (text, record, index, onEdit) => {
//             return <div>
//               <WeaCheckbox 
//                 value={record[column.dataIndex]}
//                 display="switch" 
//                 onChange={(value) => onEdit({ record, index, key: column.dataIndex, value })} 
//               />
//               {
//                 record[column.dataIndex] != '1'
//                   ? <WeaHelpfulTip
//                       title={getLabel(507312, '使用系统中原有对应表单新增路径')+"，"+getLabel(509522, '只对自定义表单生效')}
//                     />
//                   : null
//               }
//             </div>;
//           }
//         }];
//       }
//     })
//     return columns;
//   }

//   getCells = (datas=[]) => {
//     const {
//       createFormRead,
//     } = this.state;

//     let cells = [];

//     datas && datas.forEach(data => {
//       if(data.importtype == '1') {
//         cells.push({
//           fileid: data.fileid,
//           ...createFormRead
//         })
//       }
//     })
//     return cells;
//   }

//   willEdit = (datas=[], editData) => {
//     const {
//       key, 
//       value,
//       index,
//     } = editData;

//     if(key === "importtype") {
//       if(value == '0') {
//         datas[index] = {
//           ...datas[index],
//           workflowid: "",
//           updatePathInput: ""   //需要到时候看传递的数据格式怎么约定
//         }
//       }else if(value == '1') {
//         datas[index] = {
//           ...datas[index],
//           createForm: "0"
//         }
//       }
//     }else if(key === "workflowid") {
//       const {browserDatas=[]} = editData;
//       if(browserDatas && browserDatas.length) {
//         const {id="", name=""} = browserDatas[0];
//         datas[index] = {
//           ...datas[index],
//           updatePathInput: name,
//           workflowid: id
//         }
//       }
//     }
//     this.setState({datas});
//   }

//   // 重新渲染数据
//   renderDatas = (datas=[]) => {
//     return datas && datas.map(data => {
//       return {
//         ...data,
//         workflowidspan: data.updatePathInput
//       }
//     })
//   }

//   render() {
//     const {
//       datas,
//       columns,
//       viewColumns
//     } = this.state;

//     return (
//       <WeaTableEditable
//         {...this.state.tableInfo}
//         className="inte-type-custom-page"
//         columns={this.props.viewAttr == 1 ? viewColumns : this.getColumns(columns)}
//         datas={this.renderDatas(datas)}
//         cells={this.props.viewAttr == 1 ? [] : this.getCells(datas)}
//         willEdit={(datas, editData) => this.willEdit(datas, editData)}
//         onRowSelect={selectedRowKeys => {
//           this.setState({selectedRowKeys});
//         }}
//         getRowSelection={v => {
//           if(this.props.viewAttr == 1) {
//             return false;
//           }
//         }}
//         onChange={(datas) => {
//           this.setState({
//             datas
//           });
//         }}
//       />
//     )
//   }
// }
