import { observable, action, toJS } from "mobx";
import { WeaForm } from "comsMobx";
import { WeaTableNew } from "comsMobx";
import { Modal, message } from "antd";
import { i18n } from "../public/i18n";
import * as API from "../apis/officeManage";
import _ from "lodash";

const { TableStore } = WeaTableNew;

export class OfficeManageStore {
  @observable tableStore = new TableStore();
  @observable topMenu = []; //顶部菜单
  @observable rightMenu = []; //右侧更多菜单
  @observable condition = [];
  @observable searchCondition = [];
  @observable isEdit = true;
  @observable isNew = true;
  @observable isPanelShow = false; //高级搜索面板
  @observable form2 = new WeaForm();
  @observable form = new WeaForm(); //新增编辑渲染的表单
  @observable form1 = new WeaForm();
  @observable schemeName = "";
  @observable conditionNum = 2;
  @observable ids = ""; //选择行id
  @observable searchConditionLoading = false;
  @observable nEdialogTitle = "";
  @observable visible = false;
  @observable dialogLoading = false;
  @observable schemeId = "";
  @observable date = "";

  @action
  getHasRight() {
    API.getHasRight().then((res) => {
      const { code, data, msg } = res;
      if (code === 200) {
        const { rightMenu, topMenu } = data;
        this.topMenu = topMenu;
        this.rightMenu = rightMenu;
      } else {
        message.error(msg);
      }
    });
  }

  @action("高级搜索表单渲染")
  getSearchCondition() {
    this.setScLoadingStatus(true);
    API.getSearchCondition().then((res) => {
      this.setScLoadingStatus(false);
      const { code, data, msg } = res;
      if (code === 200) {
        res.data.conditions && this.setSearchCondition(res.data.conditions);
        res.data.conditions && this.form2.initFormFields(res.data.conditions);
      } else {
        message.error(res.msg);
      }
    });
  }

  @action("获取新增/编辑表单")
  getPostInfoForm(id) {
    // this.setDialogLoadingStatus(true);
    API.getPostInfoForm({ id }).then((res) => {
      // this.setDialogLoadingStatus(false);
      const { code, data, msg } = res;
      if (code === 200) {
        data.condition && this.setCondition(data.condition);
        data.condition && this.form.initFormFields(data.condition);
      } else {
        message.error(res.msg);
      }
    });
  }

  @action("展开关闭搜索面板")
  setPanelStatus(bool) {
    this.isPanelShow = bool;
    bool && this.getSearchCondition();
    if (!bool) {
      this.searchConditionLoading = false;
    }
  }

  setScLoadingStatus(bool) {
    this.searchConditionLoading = bool;
  }

  setSearchCondition(condition) {
    this.searchCondition = condition;
  }

  setVisible(bool) {
    this.visible = bool;
    this.formReset();
    if (!bool) this.setDialogLoadingStatus(false);
  }

  setDialogLoadingStatus(bool) {
    this.dialogLoading = bool;
  }

  setCondition(condition) {
    this.condition = condition;
  }
  
  updateFields(val) {
    this.form2.updateFields({
      schemeName: {
        value: val,
      },
    });
  }

  formReset() {
    this.form = new WeaForm();
  }
}