export default {
  created () {
    this.getData();
  },
  beforeDestroy () {
    clearTimeout(this.loadingTimer);
  },
  methods: {
    // 渲染前置处理
    beforeRender(data) {
      return data
    },
    // 渲染后置处理
    afterRender(data) {

    },
    // 提交表单的前置处理
    beforeSubmit(data) {
      return data
    },
    // 提交表单的后置处理, 会阻断默认的回退行为
    afterSubmit(data) {
      this.$router.go(-1);
    },
    // 默认拉取数据
    getData() {
      this.loading = true;
      this.$post(this.urls.currUrl || this.pageInfo.currUrl, this.query)
      .then(({data})=>{
        const res = this.beforeRender(data);
        // 转化枚举类型字段的number值为string
        res.entity = this.util_toString(res.entity, this.toString);
        this.form = Object.assign({}, this.form, res.entity);
        this.dict = Object.assign({}, this.dict, res.dict);
        this.afterRender(res);
      })
      .catch(error=>{
        console.error(error)
        this.$message.error(error.message);
      })
      .then(data=>{
        clearTimeout(this.loadingTimer);
        this.loadingTimer = setTimeout(() => {
          this.loading = false;
        }, 300);
      })
    },
    // 提交表单
    submitForm(ref) {
      const el = ref || this.$refs.form;
      el.validate((valid) => {
        if (!valid) return;
        this.loading = true;
        this.$post( this.urls.saveUrl || this.pageInfo.saveUrl, {
          entity: this.beforeSubmit(this.form),
            ...this.extendFormData
        })
        .then(res=>{
          // 更新数据
          if (res.data.import) {
            this.$message.success(res.msg);
          } else {
            this.$message.success('更新成功');
          }
          this.afterSubmit(res);
        })
        .catch(error=>{
          this.$message.error(error.message);
        })
        .then(data=>{
          clearTimeout(this.loadingTimer);
          this.loadingTimer = setTimeout(() => {
            this.loading = false;
          }, 200);
        })
      });
    },
    // 复制一个数组或对象
    util_copy(data) {
      return JSON.parse(JSON.stringify(data))
    },
    // 工具方法，把数字转化为字符串
    util_toString(data, array) {
      const dataCopy = Object.assign({}, data);
    
      array.forEach(item=>{
        dataCopy[item] = dataCopy[item] === undefined ? '' : dataCopy[item]+'';
      })
      return dataCopy;
    },
    // 从dict字段暴力取值，取不到则返回原值
    util_formatter(key, val) {
      try {
        return this.dict[key][val]
      } catch (error) {
        return val;
      }
    }
  },
  computed: {
    pageInfo() {
      let currUrl = this.$route.path;
      let urlArray = currUrl.split('/');
      let type = urlArray.pop();
      urlArray.push('save');
      let saveUrl = urlArray.join('/');
      return {
        type,
        currUrl,
        saveUrl,
      };
    },
  },
  data() {
    return {
      loadingTimer: null,
      loading: false, // ajax请求状态
      query: this.$route.query, // ajax请求参数
      urls: {}, // 用户自定义的请求地址，内容和pageInfo等同
      form: {}, // 表单数据
      extendFormData: {}, // 额外的表单数据
      rules: {}, // 表单验证规则
      dict: {}, // 数据字典
      toString: [], // 需要把number转化为string的表单字段name数组
    }
  }
}