import { FinanceItemTypeArr } from '@/utils/config';
import { loginStatusPage, post } from '@/utils/https';
import {
  cloneLite,
  getAuthInfo,
  getDataSet,
  sleep,
  toastError,
  toastSuccess,
  toObject,
} from '@/utils/util';

const defaultParams = { comments: '', item_name: '', item_type: FinanceItemTypeArr[0].value };

Page({
  /**
   * 页面的初始数据
   */
  data: {
    params: cloneLite(defaultParams) as any,
    mode: 'new' as 'new' | 'edit',
    FinanceItemTypeArr: FinanceItemTypeArr,
  },
  handleLogin(e: any) {
    this.setData({ isLogin: e.detail });
    if (e.detail) {
      this.init();
    }
  },
  init() {
    this.setData({ authInfo: getAuthInfo() });
  },
  onChange(e: any) {
    const key = getDataSet(e).key;
    const val = e.detail.value;
    this.data.params[key] = val;
    this.setData({ params: this.data.params });
  },
  onCheckboxChange(e: any) {
    const key = getDataSet(e).key;
    this.data.params[key] = e.detail.checked ? 1 : 2;
    this.setData({ params: this.data.params });
  },
  onSave() {
    // console.log(this.data.params);
    if (this.data.params.item_name) {
      post(
        this.data.mode == 'new' ? 'ErpFinanceItem/add' : 'ErpFinanceItem/edit',
        this.data.params,
      ).then(() => {
        toastSuccess('保存成功');
        sleep(() => {
          wx.navigateBack();
        }, 1000);
      });
    } else {
      toastError('项目名称必填');
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(_options) {
    const eventChannel: any = this.getOpenerEventChannel();
    eventChannel?.on('itemEdit', (e: any) => {
      const data = toObject(e.data);
      // console.log(data);
      wx.setNavigationBarTitle({
        title: data.item_id ? `${data.item_name} 修改` : '新增订单类型',
      });
      data.item_type = data.item_type ? `${data.item_type}` : FinanceItemTypeArr[0].value;
      this.setData({ params: data, mode: data.item_id ? 'edit' : 'new' });
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    loginStatusPage(this);
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {},
});
