import * as mobx from "mobx";
import { action, computed, extendObservable, observable } from "mobx";
import { WeaTableNew } from 'comsMobx';
import { message } from "antd";
import { WeaHelpfulTip } from "ecCom";
import { isEmpty } from "lodash";
import { i18n } from "../public/i18n";
import * as Api from "../apis/columnPermission";
const { TableStore } = WeaTableNew;

const toJS = mobx.toJS;

export class ColumnPermission {
  @observable weaTopTitle = i18n.module.staffCardDisplay();
  @observable tableStore = new TableStore();
  @observable btnMenu = [];
  @observable selectedKey = "0";
  @observable authorized = false;
  @observable loading = true;
  @observable tabOneRelatedData = {
    datas: [], //datas受控
    columns: [],
    loading: true
  };
  @observable tabTwoRelatedData = {
    datas: [], //datas受控
    columns: [],
    loading: true,
    selectedData: {}, //selectedData受控
    authorized: false
  };

  @computed get cardItemsLength() {
    let arr = [];
    for (let i = 0; i < this.tabOneRelatedData.data.length; i++) {
      let cardItemsLength = 0;
      this.tabOneRelatedData.data[i].children.map(s => {
        if (s.children.length > 0) {
          cardItemsLength += s.children.length;
        } else {
          cardItemsLength += 1;
        }
      });
      arr.push(cardItemsLength);
    }
    return arr;
  }

  @computed get menu() {
    let topMenu = [];
    let rightMenu = [];
    this.btnMenu.map(item => {
      (item.isTop == "1" || item.isBatch == "1") && topMenu.push(item);
      !item.isBatch && rightMenu.push(item);
    });
    return {
      topMenu,
      rightMenu
    };
  }

  @computed get checkedItems() {
    let arr = [];
    toJS(this.tabOneRelatedData.data).map(f => {
      let fArr = [];
      if (f.value) {
        fArr.push(f.id);
        f.children.map(s => {
          if (s.value) {
            fArr.push(
              s.id
            );
            s.children.map(t => {
              t.value && fArr.push(
                t.id
              );
            });
          }
        });
        arr.push(fArr.toString());
      }
    });
    return arr.toString();
  }

  @computed get tabTwoSaveParams() {
    let datas = this.tabTwoRelatedData.datas;
    let selectedData = this.tabTwoRelatedData.selectedData.isused;

    let params = this.arrToJson(toJS(datas), toJS(selectedData));
    params.rownum = datas.length;

    return params;
  }

  @action
  getRight() {
    Api.hasRight().then(res => {
      let { code, data, msg } = res;
      const { hasRight } = data;
      if (code === 200) {
        this.setRight(hasRight);
      } else {
        message.error(msg);
      }
    }).catch(error => {
      message.error(error);
    });
  }

  loadTabOneRelatedData() {
    this.tabOneRelatedData.loading = true;
    Promise.all(
      [
        Api.getTable()
      ]
    ).then(([res]) => {
      if (res.code === 200) {
        res.data.datas && this.tableStore.getDatas(res.data.datas, 1);
      } else {
        message.warning(res.msg);
      }
    }).catch(error => {
      message.error(error);
    });
  }

  loadTabTwoRelatedData() {
    this.tabTwoRelatedData.loading = true;
    Promise.all(
      [
        Api.getTableEdit()
      ]
    ).then(res => {
      res.map((rs, index) => {
        if (index == 0) {
          let {
            api_status,
            datas,
            columns,
            selectedData
          } = rs;

          if (api_status) {
            if (!columns || !datas) {
              this.tabTwoRelatedData.authorized = false;
              return;
            }
            this.tabTwoRelatedData.authorized = true;
            columns.map((c, index) => {
              if (c.key === "itemurl") {
                c.title = <span>
					                        <span>{c.title}</span>
					                        <span style={{ marginLeft: 10 }}>
						                        <WeaHelpfulTip
                                                  ecId={`${this && this.props && this.props.ecId || ""}_WeaHelpfulTip@4vdvfp@${index}`}
                                                  title="自定义页面链接地址可以为外网地址，如：http://www.baidu.com
								            		也可以是内部地址，如：/test.jsp，可以带上参数传参，像这样：/test.jsp?a=1&b=2
								            		也可以写占位符{#id}传人员id，像这样：/test.jsp?a=1&b={#id}&mypara2={#id}
								            		即使不写占位符，默认也会收到1个固定的参数：hrmResourceID=人员id"/>
								            </span>
							            </span>;
              } else if (c.key === "itemnum") {
                c.title = <span>
					                        <span>{c.title}</span>
					                        <span style={{ marginLeft: 10 }}>
						                        <WeaHelpfulTip
                                                  ecId={`${this && this.props && this.props.ecId || ""}_WeaHelpfulTip@wotuuk@${index}`}
                                                  title="填写类的全路径例如：com.engine.hrm.cmd.hrmcarditem.GetTabNumDemoCmd,类中包含execute方法返回int型数据。
								            		填写不正确的路径并启用，对应tab页title将会出现（error）字样。"/>
								            </span>
							           </span>;
              }
            });

            extendObservable(this.tabTwoRelatedData, {
              datas: datas,
              columns: columns
            });

            selectedData && extendObservable(this.tabTwoRelatedData, {
              selectedData: selectedData
            });
            extendObservable(this.tabTwoRelatedData, {
              loading: false
            });
          } else {
            message.error(rs.message);
          }
        }
      });
    }).catch(error => {
      message.error(error);
    });
  }

  columnPermissionSave() {
    let params = {
      data: toJS(this.checkedItems)
    };
    Api.cardItemsSettingSave(params).then(res => {
      let {
        api_status,
        sign
      } = res;

      if (api_status) {
        if (sign == "1") {
          res.message && message.success(res.message);
        } else {
          res.message && message.warning(res.message);
        }
      } else {
        message.error(res.message);
      }
    }).catch(error => {
      message.error(error);
    });
  }

  userDefineCardItemSave() {
    if (!this.verify(toJS(this.tabTwoRelatedData.datas))) return;
    let params = this.tabTwoSaveParams;

    Api.userDefineCardItemSave(params).then(res => {
      let {
        api_status,
        sign
      } = res;

      if (api_status) {
        if (sign == "1") {
          res.message && message.success(res.message);
        } else {
          res.message && message.warning(res.message);
        }
      } else {
        message.error(res.message);
      }
    }).catch(error => {
      message.error(error);
    });
  }

  arrToJson(arr, rows) {
    let json = {};

    const _rows = isEmpty(arr) ? [] : rows;

    _rows && _rows.map(index => {
      arr[index].isused = "1";
    });
    arr.map((item, index) => {
      if (!item.isused) item.isused = "0";
      for (let key in item) {
        json[key + "_" + index] = item[key];
      }
    });

    return json;
  }

  verify(arr) {
    for (let i = 0; i < arr.length; i++) {
      if (!arr[i].itemname || !arr[i].itemurl) {
        const temp = i18n.message.requiredInfoIsNotFull().replace("{param}", i + 1);
        message.warning(temp);
        return false;
      }
    }
    return true;
  }

  setRight(right) {
    this.authorized = right;
  }

  setBtnMenu(btnMenu) {
    this.btnMenu = btnMenu;
  }

  setSelectedKey(key) {
    this.selectedKey = key;
  }

  setCardItemsData(data) {
    this.data = data;
  }

  setEnableRows(e) {
    extendObservable(this.tabTwoRelatedData, {
      selectedData: {
        isused: e
      }
    });
  }

  setTableEditDatas(e) {
    e.map(item => {
      for (let key in item) {
        if (key == "undefined") {
          delete item[key];
        }
        if (!item["isused"]) {
          item["isused"] = "";
        }
      }
    });
    extendObservable(this.tabTwoRelatedData, {
      datas: e
    });
  }

  mobxDataReset() {
    this.selectedKey = "0";
    extendObservable(this.tabOneRelatedData, {
      loading: true
    });
  }
}