prsx-crm/components/Yl_field/index.js

const verify = require('../../utils/deleteMark');
const _Http = getApp().globalData.http;
Component({
  externalClasses: [],
  properties: {
    form: {
      type: Array
    },
    showAll: {
      type: Boolean,
      value: true
    }, //不显示必填项
    onConfirm: {
      type: Function
    },
    interrupt: {
      type: Function
    }, //打断处理,用于条件判断 把form返回到上个页面处理重新传入
  },
  lifetimes: {
    attached: function () {
      getApp().globalData.Language.getLanguagePackage(this)
      this.setData({
        languagecode: wx.getStorageSync('languagecode')
      })
    },
  },
  data: {
    temporary: null, //route选择暂存选中项
    voiceIndex: null,
    seconds: 60,
    popupShow: false,
    hrList: []
  },
  options: {
    multipleSlots: true, //允许使用多个slot
    addGlobalClass: true
  },
  methods: {
    onVoiceInput(e) {
      this.setData({
        [`form[${e.currentTarget.dataset.index}].value`]: e.detail
      });
      this.confirm();
    },
    toOptions(e) {
      const {
        item
      } = e.currentTarget.dataset;
      wx.navigateTo({
        url: '/prsx/select/options/index?data=' + JSON.stringify(item),
      })


    },
    route(e) {

      const {
        item
      } = e.currentTarget.dataset;
      if (item.disabled) return;
      getApp().globalData.handleSelect = this.handleRoute.bind(this);
      let result = (item.query && !item.query.indexOf("radio=true") && item.value[1]) ? `` : `&result=${JSON.stringify(item.value[1])}`
      wx.navigateTo({
        url: item.url + '?params=' + JSON.stringify(item.params) + (item.query || '') + result + `&value=${JSON.stringify(item.value)}`,
        fail(err) {
          console.log(err)
        }
      });
      this.setData({
        temporary: {
          item: item,
          index: this.data.form.findIndex(v => v.valueName == item.valueName)
        }
      })
    },
    /* 处理路由返回结果 */
    handleRoute(data) {
      let temporary = this.data.temporary;
      if (temporary.item.interrupt) {
        this.triggerEvent("interrupt", {
          data,
          form: this.data.form,
          temporary
        });
      } else {
        wx.navigateBack();
        this.setData({
          [`form[${temporary.index}].value`]: data.value
        });
        this.confirm()
      };
      this.data.temporary = null;
    },
    onBlur(e) {
      let item = e.target.dataset.item,
        index = this.data.form.findIndex(v => v.valueName === item.valueName);
      if (item.interrupt) this.triggerEvent("interrupt", {
        data: this.data.form[index],
        form: this.data.form,
        temporary: {
          item,
          index
        }
      });
    },
    /* 改变值 */
    inputChange(e) {
      let item = e.target.dataset.item,
        index = this.data.form.findIndex(v => v.valueName === item.valueName),
        value = e.detail;
      //校验规则 不填:不校验 "base":默认校验 "phone":手机号 "mail":邮箱 "telephone":固定电话 "正则表达式"：以自定义内容为校验标准
      if (item.checking) {
        let reg = item.checking;
        switch (item.checking) {
          case 'base':
            value = verify.queryStr(value);
            break;
          case 'phone':
            reg = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/;
            this.setData({
              [`form[${index}].errMsg`]: !reg.test(value) ? getApp().globalData.Language.getMapText('号码格式错误') || '请输入正确的11位手机号码!' : ''
            });
            break;
          case "telephone":
            let i = e.target.dataset.i;
            value = item.value;
            value[i] = e.detail.value;
            let result = value[0] + "-" + value[1];
            reg = /^0\d{2,3}-[1-9]\d{6,7}$/
            this.setData({
              [`form[${index}].errMsg`]: !reg.test(result) ? getApp().globalData.Language.getMapText('号码格式错误') || '请填写正确的座机电话' : '',
              [`form[${index}].result`]: result,
            });
            break;
          case 'mail':
            reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
            this.setData({
              [`form[${index}].errMsg`]: !reg.test(value) ? getApp().globalData.Language.getMapText('请输入正确的邮箱格式') : ''
            });
            break;
          case 'twoDecimalPlaces':
            reg = /^(\d+(?:\.\d{0,2})?)?$/;
            this.setData({
              [`form[${index}].errMsg`]: !reg.test(value) ? '仅允许保留2位小数' : ''
            });
            break;

          default:
            reg = new RegExp(reg);
            this.setData({
              [`form[${index}].errMsg`]: !reg.test(value) ? item.hint || getApp().globalData.Language.getMapText('输入文本不符合条件!') || '输入文本不符合条件!' : ''
            });
            break;
        };
      };
      this.setData({
        [`form[${index}].value`]: value,
        [`form[${index}].error`]: false,
      });
      if (!item.required && value == '') this.setData({
        [`form[${index}].errMsg`]: "",
      });
      this.confirm();
    },
    /* 单列选择器 */
    bindSelectorChange(e) {
      let {
        item,
        index
      } = e.target.dataset,
        value = e.detail.value;
      this.setData({
        [`form[${index}].value`]: item.range[value][item.selectKey || item.rangeKey],
        [`form[${index}].rangeIndex`]: value,
        [`form[${index}].error`]: false,
      });
      if (item.interrupt) this.triggerEvent("interrupt", {
        data: this.data.form[index],
        form: this.data.form,
        temporary: {
          item,
          index
        }
      });
      this.confirm();
    },
    /* 多列选择器 */
    bindMultiSelectorChange(e) {
      let {
        item,
        index
      } = e.target.dataset,
        value = e.detail.value;
      this.setData({
        [`form[${index}].value`]: item.range[value[0]][value[1]].subarea[0][item.selectKey || item.rangeKey],
        [`form[${index}].rangeIndex`]: value,
        [`form[${index}].error`]: false,
      });
      if (item.interrupt) this.triggerEvent("interrupt", {
        data: this.data.form[index],
        form: this.data.form,
        temporary: {
          item,
          index
        }
      });
      this.confirm();
    },
    bindcolumnchange(e) {
      console.log(e, '切换列')
      let {
        item,
        index
      } = e.target.dataset,
        value = e.detail.value;
      console.log(item, index, value)
    },
    /* 日期,时间 选择器 */
    bindDateChange(e) {
      let item = e.target.dataset.item,
        index = this.data.form.findIndex(v => v.valueName === item.valueName),
        value = e.detail.value;
      this.setData({
        [`form[${index}].value`]: value,
        [`form[${index}].error`]: false,
      });
      if (item.interrupt) this.triggerEvent("interrupt", {
        data: this.data.form[index],
        form: this.data.form,
        temporary: {
          item,
          index
        }
      });
      this.confirm();
    },
    /* 时间范围选择器 */
    rangeDateChange(e) {
      let item = e.target.dataset.item,
        i = e.target.dataset.index,
        index = this.data.form.findIndex(v => v.valueName === item.valueName),
        value = e.detail.value;
      this.setData({
        [`form[${index}].value[${i}]`]: value,
        [`form[${index}].error`]: false,
      });
      this.confirm();
    },
    /* 省市县 */
    bindRegionChange(e) {
      let item = e.currentTarget.dataset.item,
        index = this.data.form.findIndex(v => v.valueName === item.valueName),
        value = e.detail.value;
      this.setData({
        [`form[${index}].value`]: value,
        [`form[${index}].error`]: false,
      });
      this.confirm();
    },
    /* 自定义选项 */
    setOption(item) {
      let i = this.data.form.findIndex(v => v.valueName == item.valueName);
      this.setData({
        [`form[${i}].value`]: item.value
      });
      this.confirm();
      if (item.interrupt) this.triggerEvent("interrupt", {
        data: this.data.form[i],
        form: this.data.form,
        temporary: {
          item,
          index: i
        }
      });
    },
    /* 是否完成必填项 */
    confirm() {
      this.triggerEvent("onConfirm", this.data.form.some(v => {
        if (v.type == "dateRange" && v.required) {
          return v.value[0] == "" || v.value[1] == "";
        } else {
          return v.required && v.value == '';
        }
      }))
    },
    /* 性别 */
    sexChange(e) {
      let item = e.currentTarget.dataset.item,
        index = this.data.form.findIndex(v => v.valueName === item.valueName);
      this.setData({
        [`form[${index}].value`]: e.detail,
        [`form[${index}].error`]: false,
      });
      this.confirm();
    },
    /* 单选 选择器改变 */
    radioChange(e) {
      let item = e.currentTarget.dataset.item,
        index = this.data.form.findIndex(v => v.valueName == item.valueName);
        
      if (this.data.form[index].value == e.detail) return;
      this.setData({
        [`form[${index}].value`]: e.detail,
        [`form[${index}].error`]: false,
      });
      
      if (item.interrupt) this.triggerEvent("interrupt", {
        data: this.data.form[index],
        form: this.data.form,
        temporary: {
          item,
          index
        }
      });
      this.confirm();
      
    },
    /* 提交 */
    submit() {
      let obj = {},
        isPass = false;
      this.data.form.forEach((v, i) => {
        obj[v.valueName] = v.value;
        // permit 无视errMsg 允许通过
        if (!v.permit && v.errMsg != '') {
          this.setData({
            [`form[${i}].error`]: true
          });
          isPass = true;
        }
      });
      if (isPass) {
        wx.showToast({
          title: getApp().globalData.Language.getMapText('请检查表单内容'),
          icon: "none"
        })
      } else {
        return obj;
      }
    },
    /* 查询结果 不验证是否必填 */
    query() {
      let obj = {};
      this.data.form.forEach(v => obj[v.valueName] = v.value);
      return obj;
    },
    clearItem(e) {
      const {
        index
      } = e.currentTarget.dataset;
      console.log(index)
      this.setData({
        [`form[${index}].value`]: ""
      })
    }
  }
})