iboss_wx_app/components/dkbase/dk-form/dk-form.js

/*******************************************************************************
 * Copyright(c) 2024 dongke All rights reserved. / Confidential
 * 类的信息：
 *		1.程序名称：
 *		2.功能描述：表单-（基础数据）
 * 编辑履历：
 *		作者				日期					版本				修改内容
 *		周兴		  	2024-1-30    1.00		   	  新建
 *******************************************************************************/
const common = require('@/utils/common');
const Constants = require('@/utils/Constants');
const util = require('@/utils/util.js')
const chooseLocation = requirePlugin('chooseLocation');
const config = require('@/config/config.js');
const app = getApp();
Component({
  //class暴露 方便外部修改内部样式   -2024/06/11 于继渤
  // externalClasses: ['dk-card-class','dk-card-outer-class'],
  /**
   * 组件的属性列表
   */
  properties: {
    allowZero: {
      type: Boolean,
      value: false
    },
    // 区域
    cardList: {
      type: Array,
      value: []
    },
    transparentStyle: {
      type: Boolean,
      value: false
    },
    isCroppingFlag: { //是否开启裁剪功能
      type: Boolean,
      value: true
    },
    uploaderMAX: {
      type: Number,
      value: 5
    },
    // 表名，用于上传附件
    table: {
      type: String,
    },
    // 内容
    contentObj: {
      type: Object,
    },
    // 结果集
    value: {
      type: String,
      observer: function (newVal) {
        if (newVal) {
          this.setData({
            form: JSON.parse(newVal) || {}
          })
        } else {
          this.setData({
            form: {}
          })
        }
      }
    },
    routeObjName: {
      type: String,
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    // 是否显示pop
    show: false,
    mutishow: false,
    showDate: false,
    showDateDay: false,
    showDateTime: false,
    currentDate: new Date().getTime(),
    $t: app.globalData.lang,
    routeUrl: app.globalData['routeUrl'],
    item: null,
    index: null,
    card: null,
    // 下拉类型
    dropType: null,
    dropCode: null,
    dropName: null,
    // 根据值控制组件的显示隐藏
    changeObj: null,
    form: {},
    maxSize: Constants.uploadFileConfig.maxSize,
    checked: false
  },
  lifetimes: {
    attached: function () {},
    detached: function () {
      // 在组件实例被从页面节点树移除时执行
      // 清空地址信息
      chooseLocation.setLocation(null);
    },
  },
  pageLifetimes: {
    /**
     * @desc :  生命周期函数--监听页面显示
     * @author : 周兴
     * @date : 2024/2/19 12:16
     */
    show: function () {
      const location = chooseLocation.getLocation();
      let form = this.data.form
      if (location) {
        form['address'] = location;
        form['addressName'] = location.name;
        form['addressFull'] = form['addressFull'] ? form['addressFull'] : location.address + location.name;
        form['addressGcj02'] = {
          latitude: location.latitude,
          longitude: location.longitude
        };
        form['addressArea'] = {
          province: location.province,
          city: location.city,
          district: location.district == undefined || !location.district ? location.city : location.district
        }
        // 如果有校验信息就清除掉
        let card = this.data.card;
        let index = this.data.index;
        let contentObj = this.data.contentObj;
        if (card && contentObj[card][index]?.errMsg) {
          contentObj[card][index].errMsg = undefined;
          this.setData({
            contentObj: contentObj
          })
        }
      }
      this.setData({
        value: JSON.stringify(form),
        form: form
      })
    }
  },
  /**
   * 组件的方法列表
   */
  methods: {
    /**
     * @desc   : 显示tip
     * @author : 周兴
     * @date   : 2024/4/25 11:46
     */
    showTip(e) {
      let item = e.currentTarget.dataset.item
      if (item.tip) {
        util.showToast(item.tip);
      }
    },
    /**
     * @desc   : 外漏str的点击事件
     * @author : 周兴
     * @date   : 2024/1/26 11:46
     */
    openStr(e) {
      let item = e.currentTarget.dataset;
      this.triggerEvent("openStr", {
        code: item.key,
        readonly: item.item.readonly
      })
    },
    /**
     * @desc : 关闭tip
     * @date : 2024/5/24 15:49
     * @author : 王英杰
     */
    handleTap() {
      let contentObj = this.data.contentObj
      Object.keys(contentObj).forEach(key => {
        // key 是对象的键名  
        let array = contentObj[key];
        // 检查它是否真的是一个数组  
        if (Array.isArray(array)) {
          array.forEach(item => {
            if (item.tip && this.selectComponent('#' + item.code)) {
              this.selectComponent('#' + item.code).setShowTipFlag(false)
            }
          });
        }
      });
    },
    /**
     * @desc : tip点击事件
     * @date : 2024/5/24 15:49
     * @author : 王英杰
     */
    clickTip() {
      this.handleTap()
      // this.triggerEvent("clickTip", {})
    },
    /**
     * @desc   : 打开下拉
     * @author : 周兴
     * @date   : 2024/1/26 11:46
     */
    open(e) {
      let item = e.currentTarget.dataset;
      if (item.item.readonly) {
        return
      }
      this.setData({
        dropCode: item.key,
        dropName: item.name,
        dropType: item.type,
        index: item.index,
        card: item.card
      })
      // 单选
      if (item.item.type == 'drop') {
        this.setData({
          show: true,
          changeObj: item.item.changeObj,
        })
        // 多选
      } else if (item.item.type == 'mutidrop') {
        this.setData({
          mutishow: true
        })
      } else if (item.item.type == 'choose' || item.item.type == 'chooseAndStr') {
        let that = this
        that.setData({
          changeObj: item.item.changeObj,
        })
        // 跳转链接
        if (item.item.urlKey) {
          let route = this.data.routeUrl[this.data.routeObjName][item.item.urlKey]
          let url = route.url
          // TODO
          // url = '/package-base-select/pages/select-customers/select-customers'
          if (url) {
            wx.navigateTo({
              url: url,
              events: {
                // 回调后
                bindData: function (data) {
                  let contentObj = that.data.contentObj
                  // 是否根据值进行控制其他组件显示、隐藏
                  let changeObj = that.data.changeObj
                  let key = data.data ? data.data.id : null;
                  let card = that.data.card;
                  if (changeObj && changeObj[key]) {
                    // 显示
                    if (changeObj[key]['visible']) {
                      changeObj[key]['visible'].forEach(it => {
                        let index = contentObj[card].findIndex(t => t.code == it)
                        if (contentObj[card][index]) {
                          contentObj[card][index].hide = false
                        }
                      })
                    }
                    // 隐藏
                    if (changeObj[key]['hide']) {
                      changeObj[key]['hide'].forEach(it => {
                        let index = contentObj[card].findIndex(t => t.code == it)
                        if (contentObj[card][index]) {
                          contentObj[card][index].hide = true
                        }
                      })
                    }
                  }

                  that.setData({
                    contentObj: contentObj
                  })


                  that.triggerEvent("chooseData", {
                    code: item.key,
                    data: data
                  })
                }
              },
              success: function (res) {
                let data = {
                  item: {
                    data: item.item.datalist || []
                  },
                  route: route,
                  formMode: item.item.formMode,
                  id: that.data.form[item.item.idKey],
                  chooseType: item.item.chooseType
                }
                if (that.data.form[item.item.code]) {
                  data[item.item.code] = that.data.form[item.item.code]
                }
                // 通过eventChannel向被打开页面传送数据
                // that.data.form.formMode = item.item.formMode
                // that.data.form.id = that.data.form[item.item.idKey]
                // that.data.form.chooseType = item.item.chooseType
                res.eventChannel.emit('params', data)
              }
            })
          }
        }
      }
    },
    /**
     * @desc   : 非空校验
     * @author : 周兴
     * @date   : 2024/2/20 11:46
     */
    validData() {
      let flag = true;
      let cardList = this.data.cardList;
      if (!cardList || cardList.length == 0) {
        return flag;
      }
      let form = this.data.form;
      let contentObj = this.data.contentObj;
      cardList.forEach(card => {
        if (contentObj[card]) {
          contentObj[card].forEach(item => {
            let title = this.$t(item.title ? item.title : item.code)

            if (item.required) {
              // 如果不允许0值且当前值为0，则设置错误消息  
              if (!this.data.allowZero && form[item.code] === 0) {
                item.errMsg = title + '不能为0';
                flag = false;
              } else if (form[item.code] === undefined || form[item.code] === null || form[item.code] === '') {
                // 如果不允许为空且当前值为空（或假值，但不包括特别处理的0）  
                item.errMsg = title + '不为空';
                flag = false;
              } else {
                // 其他情况，包括0（如果allowZero为true），清空错误消息  
                item.errMsg = undefined;
              }
            } else {
              // 如果该项不是必填项，则无需检查，直接清空错误消息  
              item.errMsg = undefined;
            }
            // 电话校验
            if (item.type == 'phone' && item.required && form[item.code]) {
              // 联系电话格式错误
              var myreg = Constants.Mobile_Phone_Number_Regular_Expression
              if (!myreg.test(form[item.code])) {
                item.errMsg = title + '格式错误'
                flag = false;
              }
            }
            // 邮箱
            if (item.type == 'email' && item.required && form[item.code]) {
              //验证一个字符串是否为有效的邮箱地址
              var myreg = Constants.Emai_Regular_Expression
              if (!myreg.test(form[item.code])) {
                item.errMsg = title + '格式错误'
                flag = false;
              }
            }
          })
        }
      })
      this.setData({
        contentObj: contentObj
      })
      return flag;
    },
 
    /**
     * @desc   : 默认隐藏或者显示列 四个参数（1.contentObj 要改变的对象列表    2. 对象列表需要改变的块名 3.改变块 里的 changeObj 改变规则 4.规则里的 规则名）
     * @author : 周兴
     * @date   : 2024/1/26 11:46
     */
    defaultvisibleOrHide(contentObj, card, changeObj, key) {
      // 是否根据值进行控制其他组件显示、隐藏 
      if (changeObj && changeObj[key]) {
        // 显示
        if (changeObj[key]['visible']) {
          changeObj[key]['visible'].forEach(it => {
            let index = contentObj[card].findIndex(t => t.code == it)
            if (contentObj[card][index]) {
              contentObj[card][index].hide = false
            }
          })
        }
        // 隐藏
        if (changeObj[key]['hide']) {
          changeObj[key]['hide'].forEach(it => {
            let index = contentObj[card].findIndex(t => t.code == it)
            if (contentObj[card][index]) {
              contentObj[card][index].hide = true
            }
          })
        }
      }
      this.setData({
        contentObj: contentObj
      })
    },
    /**
     * @desc   : 选择数据
     * @author : 周兴
     * @date   : 2024/1/26 11:46
     */
    chooseData(e) {
      let contentObj = this.data.contentObj;
      let form = this.data.form
      if (e.detail.ids) {
        form[this.data.dropCode + 's'] = e.detail.ids;
        form[this.data.dropName + 's'] = e.detail.names;
      } else {
        form[this.data.dropCode] = e.detail.value;
        form[this.data.dropName] = e.detail.text;
      }
      let card = this.data.card;
      // 选择后清空校验提示信息
      if (card && contentObj[card][this.data.index]?.errMsg && e.detail) {
        contentObj[card][this.data.index].errMsg = undefined;
      }
      this.setData({
        value: JSON.stringify(form),
        form: form,
        contentObj: contentObj
      })
      // 是否根据值进行控制其他组件显示、隐藏
      let changeObj = this.data.changeObj
      let key = e.detail.value //util.getKeyByValue(Constants.kindCode, e.detail.value);
      if (changeObj && changeObj[key]) {
        // 显示
        if (changeObj[key]['visible']) {
          changeObj[key]['visible'].forEach(it => {
            let index = contentObj[card].findIndex(t => t.code == it)
            if (contentObj[card][index]) {
              contentObj[card][index].hide = false
            }
          })
        }
        // 隐藏
        if (changeObj[key]['hide']) {
          changeObj[key]['hide'].forEach(it => {
            let index = contentObj[card].findIndex(t => t.code == it)
            if (contentObj[card][index]) {
              contentObj[card][index].hide = true
            }
          })
        }
      }

      this.setData({
        contentObj: contentObj
      })
      // 如果处理id，name还需要赋值其他，需要在页面事件中自行处理
      this.triggerEvent("chooseData", {
        code: this.data.dropCode,
        //初始欠款的为空
        list: e.detail.list ? e.detail.list : e.detail.item
      })
    },
    /**
     * @desc   : 打开日期pop
     * @author : 周兴
     * @date   : 2024/1/26 11:46
     */
    openDatePop(e) {
      let item = e.currentTarget.dataset;
      if (item.item.readonly) {
        return
      }
      this.setData({
        showDate: true,
        index: item.index,
        key: item.key,
        card: item.card
      })
    },


    openDatePopDay(e) {
      let item = e.currentTarget.dataset;

      if (item.item.readonly) {
        return
      }
      this.setData({
        showDateDay: true,
        index: item.index,
        key: item.key,
        card: item.card,
        dropDateCode: e.currentTarget.dataset.key
      })
    },
    /**
     * @desc : 选择筛选中的日期
     * @author : 周兴
     * @date : 2024/1/29 08:59
     */
    pickDateCommit(e) {
      let form = this.data.form

      let date = e.detail.date[0] + '~' + e.detail.date[1]
      form[this.data.dropDateCode] = date
      form[this.data.dropDateCode + 'Start'] = e.detail.date[0];
      form[this.data.dropDateCode + 'End'] = e.detail.date[1];
      this.setData({
        form: form,
        value: JSON.stringify(form)
      })
    },
    /**
     * @desc   : 关闭日期pop
     * @author : 周兴
     * @date   : 2024/1/26 11:46
     */
    cancelDatePop() {
      this.setData({
        showDate: false
      })
    },
    /**
     * @desc   : 选择日期
     * @author : 周兴
     * @date   : 2024/1/26 11:46
     */
    chooseDate(e) {
      let form = this.data.form;
      let index = this.data.index;
      let card = this.data.card;
      let code = this.data.key;
      form[code + '_time'] = e.detail
      form[code] = util.toDateStr(e.detail);
      let contentObj = this.data.contentObj;
      if (card && contentObj[card][index]?.errMsg && e.detail) {
        contentObj[card][index].errMsg = undefined;
      }
      this.setData({
        value: JSON.stringify(form),
        form: form,
        contentObj: contentObj,
        showDate: false
      })
    },
    /**
     * @desc   : 修改输入框的值
     * @author : 周兴
     * @date   : 2024/2/2 11:46
     */
    changeField(e) {
      let ds = e.currentTarget.dataset
      let key = ds.key
      let item = ds.item
      let form = this.data.form
      if (e.detail) {
        form[key] = e.detail;
      } else {
        form[key] = ''
      }
      let contentObj = this.data.contentObj;
      // 输入值后清空校验提示信息
      if (item.errMsg && e.detail) {
        contentObj[ds.card][ds.index].errMsg = undefined;
      }
      this.setData({
        form: form,
        contentObj: contentObj
      })
    },
    /**
     * @desc   : 失去焦点，把值传出
     * @author : 周兴
     * @date   : 2024/2/2 11:46
     */
    blurField(e) {
      this.setData({
        value: JSON.stringify(this.data.form)
      })
    },
    /**
     * @desc   : 清空输入框的值
     * @author : 周兴
     * @date   : 2024/2/2 11:46
     */
    clearField(e) {
      let ds = e.currentTarget.dataset
      let key = ds.key
      let form = this.data.form
      form[key] = undefined
      this.setData({
        value: JSON.stringify(form),
        form: form
      })
      // 如果要清除其他值，需要调用
      this.triggerEvent("clear", {
        code: ds.key
      })
    },

    /**
     * @desc   : 备注换行按钮监听
     * @author : 王英杰
     * @date   : 2024/2/2 11:46
     */
    wrapClick(e){
      let ds = e.currentTarget.dataset
      let key = ds.key
      let item = ds.item
      let form = this.data.form
      form[key] = form[key]? (form[key] +  item.addStr):item.addStr
      this.setData({
        form: form, 
        value: JSON.stringify(form),
      })
    },

    /**
     * @desc   : 清空选单的值
     * @author : 周兴
     * @date   : 2024/2/2 11:46
     */
    clearChoose(e) {
      let ds = e.currentTarget.dataset
      let key = ds.key
      let name = ds.name
      let form = this.data.form
      if (ds.item.readonly) {
        return
      }
      form[key] = undefined
      form[name] = undefined
      this.setData({
        value: JSON.stringify(form),
        form: form
      })
      // 如果要清除其他值，需要调用
      this.triggerEvent("clear", {
        code: ds.key
      })
    },
    /**
     * @desc   : 清空地址的值
     * @author : 周兴
     * @date   : 2024/2/2 11:46
     */
    clearAddress(e) {
      let form = this.data.form
      delete form['address']
      delete form['addressName'];
      delete form['addressFull'];
      delete form['addressGcj02'];
      delete form['addressArea'];
      this.setData({
        value: JSON.stringify(form),
        form: form
      })
      // 如果要清除其他值，需要调用
      this.triggerEvent("clear", {
        code: ds.key
      })
    },
    /**
     * @desc   : 清空日期的值
     * @author : 周兴
     * @date   : 2024/2/2 11:46
     */
    clearDate(e) {
      let ds = e.currentTarget.dataset
      if (ds.item.readonly) {
        return
      }
      let key = ds.key
      let form = this.data.form
      form[key] = undefined
      form[key + '_time'] = undefined
      this.setData({
        value: JSON.stringify(form),
        form: form
      })
    },
    /**
     * @desc   : 修改数值输入框的值
     * @author : 周兴
     * @date   : 2024/2/2 11:46
     */
    changeNumberField(e) {
      let ds = e.currentTarget.dataset
      let key = ds.key
      let item = ds.item
      let form = this.data.form
      form[key] = e.detail.value
      let contentObj = this.data.contentObj;
      // 输入值后清空校验提示信息
      if (item.errMsg && e.detail) {
        contentObj[ds.card][ds.index].errMsg = undefined;
      }
      this.setData({
        value: JSON.stringify(form),
        form: form,
        contentObj: contentObj
      })
      // 如果要清除其他值，需要调用
      this.triggerEvent("changeNumberField", {
        code: ds.key
      })
    },
    /**
     * @desc   : 修改数值离开焦点 输入框的值
     * @author : 周兴
     * @date   : 2024/2/2 11:46
     */
    triggerBindBlur(e) {
      let ds = e.currentTarget.dataset
      // 如果要清除其他值，需要调用
      this.triggerEvent("triggerBindBlur", {
        code: ds.key
      })
    },
    /**
     * @desc   : 修改电话的值
     * @author : 周兴
     * @date   : 2024/2/2 11:46
     */
    changePhone(e) {
      let ds = e.currentTarget.dataset;
      let key = ds.key;
      let index = ds.index;
      let card = ds.card;
      let form = this.data.form
      form[key] = e.detail.detail
      let contentObj = this.data.contentObj;
      if (card && contentObj[card][index]?.errMsg && e.detail.detail) {
        contentObj[card][index].errMsg = undefined;
      }
      this.setData({
        value: JSON.stringify(form),
        form: form,
        contentObj: contentObj
      })
    },
    /**
     * @desc   : 给电话赋值错误信息
     * @author : 周兴
     * @date   : 2024/2/20 11:46
     */
    changePhoneblur(e) {
      let ds = e.currentTarget.dataset
      let errMsg = e.detail.errMsg;
      let card = ds.card;
      let index = ds.index;
      let contentObj = this.data.contentObj;
      if (errMsg && card && contentObj[card][index]) {
        contentObj[card][index].errMsg = errMsg;
        this.setData({
          errMsg: errMsg
        })
      }
      this.triggerEvent('changePhoneblur', e)
    },
    /**
     * @desc : 小程序地图调用
     * @author : 周兴
     * @date : 2024/2/18 18:16
     */
    onClickWxchartAddress(e) {
      let dataset = e.currentTarget.dataset;
      if(dataset.item.readonly){
         return
      }
      // 跳转新建地图实例
      common.onClickWxchartAddress();
      let item = e.currentTarget.dataset;
      this.setData({
        index: item.index,
        card: item.card
      })
    },
    /**
     * @desc   : 改变选择框内容
     * @author : 周兴
     * @date   : 2024/1/26 11:46
     */
    onChange(e) {
      let key = e.currentTarget.dataset.key
      let item = e.currentTarget.dataset.item
      let checkFlag = e.currentTarget.dataset.value
      let form = this.data.form
      if (item && item.readonly) {
        return
      }
      form[key] = !checkFlag
      this.setData({
        value: JSON.stringify(form),
        form: form
      })
      this.triggerEvent("onSwitchChange", {
        code: key,
        checkFlag: checkFlag
      })
    },
    /**
     * @desc   : 改变选择框内容
     * @author : 周兴
     * @date   : 2024/1/26 11:46
     */
    changeTabs(e) {
      let key = e.currentTarget.dataset.key
      let id = e.detail.id
      let form = this.data.form
      form[key] = id
      this.setData({
        value: JSON.stringify(form),
        form: form
      })
      this.triggerEvent("changeTab", {
        code: key,
        id: id
      })
    },

    /**
     * @desc   : 打开日期pop
     * @author : 周兴
     * @date   : 2024/1/26 11:46
     */
    openDatePopTime(e) {
      let item = e.currentTarget.dataset;
      this.setData({
        showDateTime: true,
        index: item.index,
        key: item.key,
        card: item.card
      })
    },
    /**
     * @desc   : 消息订阅
     * @author : 刘尧
     * @date   : 2024/1/26 11:46
     */
    openRemindDatePopTime(e) {
      const that = this
      const tmplIds = Constants.miniMessageModelIds
      wx.requestSubscribeMessage({
        tmplIds: tmplIds,
        success(res) {
          console.log(res,"success");
          that.openDatePopTime(e)
        },
        fail(res) {
          console.log(res,"fail");
          that.openDatePopTime(e)
        }
      })
      // 获取微信基础配置
      // wx.getSetting({
      //   withSubscriptions: true,
      //   success(res) {
      //     let bol = false
      //     // 适配存在多个订阅消息模板的情况
      //     if (res.subscriptionsSetting.itemSettings) {
      //       const obj = res.subscriptionsSetting.itemSettings
      //       Object.keys(obj).forEach((key) => {
      //         if (obj[key] !== 'accept') {
      //           bol = true
      //         }
      //       })
      //     } else {
      //       bol = true
      //     }
      //     if (bol) {
      //       // 如果配置中用户未订阅消息 则弹窗
      //       wx.requestSubscribeMessage({
      //         tmplIds: tmplIds,
      //         success(res) {
      //           that.openDatePopTime(e)
      //         },
      //         fail(res) {
      //           that.openDatePopTime(e)
      //         }
      //       })
      //     } else {
      //       that.openDatePopTime(e)
      //     }
      //   },
      //   fail(res) {
      //     that.openDatePopTime(e)
      //   }
      // })
    },
    /**
     * @desc   : 关闭日期pop
     * @author : 周兴
     * @date   : 2024/1/26 11:46
     */
    cancelDatePopTime() {
      this.setData({
        showDateTime: false
      })
    },
    /**
     * @desc   : 选择日期
     * @author : 周兴
     * @date   : 2024/1/26 11:46
     */
    chooseDateTime(e) {
      let form = this.data.form;
      let index = this.data.index;
      let card = this.data.card;
      let code = this.data.key;
      form[code + '_time'] = e.detail
      form[code] = util.formatDataTime(new Date(e.detail));
      let contentObj = this.data.contentObj;
      if (card && contentObj[card][index]?.errMsg && e.detail) {
        contentObj[card][index].errMsg = undefined;
      }
      this.setData({
        value: JSON.stringify(form),
        form: form,
        contentObj: contentObj,
        showDateTime: false
      })
    },
    /**
     * @desc   : 是点击事件
     * @author : 于继渤
     * @date   : 2024/1/26 11:46
     */
    onChangeCheckedBoxYes(e) {
      let form = this.data.form;
      let code = e.currentTarget.dataset.key;
      form[code] = e.detail
      this.setData({
        value: JSON.stringify(form),
        form: form,
      })
    },
    /**
     * @desc   : 否点击事件
     * @author : 于继渤
     * @date   : 2024/1/26 11:46
     */
    onChangeCheckedBoxNo(e) {
      let form = this.data.form;
      let code = e.currentTarget.dataset.key;
      form[code] = !e.detail
      this.setData({
        value: JSON.stringify(form),
        form: form,
      })
    },
    /**
     * @desc : 上传附件超出大小
     * @author : 周兴
     * @date : 2024/3/27 16:16
     */
    overSize(e) {
      util.showToast('文件超出' + Constants.uploadFileConfig.maxSizeMB);
    },
    /**
     * @desc : 删除图片
     * @author : 周兴
     * @date : 2024/4/29 18:16
     */
    deleteImg(e) {
      let form = this.data.form;
      let index = e.detail.index;
      let arr = form['annexPaths']
      arr.splice(index, 1);
      this.setData({
        form: form,
        value: JSON.stringify(form)
      })
    },
    /**
     * @desc : 点击上传附件
     * @author : 周兴
     * @date : 2024/6/24
     */
    clickAttach(e) {
      this.triggerEvent("clickAttach", {})
    },
    /**
     * @desc : 点击预览附件
     * @author : 周兴
     * @date : 2024/6/24
     */
    clickPreview(e) {
      this.triggerEvent("clickPreview", {})
    },
    /**
     * @desc : 点击上传附件(取消)
     * @author : 周兴
     * @date : 2024/6/24
     */
    uploadError(e) {
      this.triggerEvent("uploadError", {})
    },
    /**
     * @desc : 上传附件
     * @author : 周兴
     * @date : 2024/3/27 16:16
     */
    afterRead(e) {
      const _this = this;
      if (this.data.isCroppingFlag) { //开启裁剪功能 
        //  获取裁剪图片资源后，给data添加src属性及其值
        wx.navigateTo({
          url: '/package-base-select/pages/cropper/cropper',
          events: {
            // 回调后
            bindData: function (data) {
              const {
                file
              } = {
                file: [{
                  path: data
                }]
              };
              // 配置存放的文件夹 公司code - 表名 - 年月 -- 日
              let folder = app.globalData.company.cpCode + '/' + _this.data.table + '/' + new Date().toYearMonth2() + '/' + new Date().toDay()
              let url = config.upload_url;
              url = url.replace('mdm-server', 'mdm-server' + '-' + app.globalData.company.svcCode.replace('_', '-'))
              file.forEach((res, index) => {
                // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
                wx.uploadFile({
                  url: url,
                  filePath: res.path,
                  name: 'file',
                  formData: {
                    'folder': folder
                  },
                  header: {
                    'Authorization': 'Bearer ' + app.globalData.token
                  },
                  success(res) {
                    let data = JSON.parse(res.data)
                    if (data.code === 200) {
                      let form = _this.data.form
                      let annexPaths = form['annexPaths'] || []
                      data.data.url = config.image_url + data.data.path
                      annexPaths.push(data.data)
                      form.annexPaths = annexPaths;
                      _this.setData({
                        form: form,
                        value: JSON.stringify(form)
                      })
                      // 如果是最后一条
                      if (index == file.length - 1) {
                        _this.triggerEvent("uploadSucess", {})
                      }
                    }
                  },
                })
              })
            }
          },
          success: function (res) {
            // 通过eventChannel向被打开页面传送数据
            res.eventChannel.emit('params', {
              src: e.detail.file[0].path,
            })
          }
        })
      } else {
        const {
          file
        } = e.detail;
        // 配置存放的文件夹 公司code - 表名 - 年月 -- 日
        let folder = app.globalData.company.cpCode + '/' + this.data.table + '/' + new Date().toYearMonth2() + '/' + new Date().toDay()
        let url = config.upload_url;
        url = url.replace('mdm-server', 'mdm-server' + '-' + app.globalData.company.svcCode.replace('_', '-'))
        file.forEach((res, index) => {
          // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
          wx.uploadFile({
            url: url,
            filePath: res.path,
            name: 'file',
            formData: {
              'folder': folder
            },
            header: {
              'Authorization': 'Bearer ' + app.globalData.token
            },
            success(res) {
              let data = JSON.parse(res.data)
              if (data.code === 200) {
                let form = _this.data.form
                let annexPaths = form['annexPaths'] || []
                data.data.url = config.image_url + data.data.path
                annexPaths.push(data.data)
                form.annexPaths = annexPaths;
                _this.setData({
                  form: form,
                  value: JSON.stringify(form)
                })
                // 如果是最后一条
                if (index == file.length - 1) {
                  _this.triggerEvent("uploadSucess", {})
                }
              }
            },
          })
        })
      }



    },
    /**
     * @desc : 获取语言的方法
     * @author : 周兴
     * @date : 2024/1/19
     */
    $t(name) {
      if (this.data.$t[name]) {
        return this.data.$t[name];
      } else {
        return name;
      }
    },
  },
})