cnhis-design-vue 2.1.58 → 2.1.59

package/packages/big-table/src/components/edit-form/EditForm.vue

@@ -1,509 +1,509 @@
-<template>
-  <div class="editForm-page">
-    <a-form-model ref="editForm" :model="editForm" :rules="editRules">
-      <a-form-model-item
-        v-for="(item, index) in editForm.formFieldList"
-        :key="index"
-        label=""
-        :prop="`formFieldList.${index}.useFormValue`"
-        :rules="handleGetRules(item)"
-        :class="'editeForm-item-' + item.html_type"
-      >
-        <component
-          :key="item.RandomId"
-          v-if="item.isShowComponent"
-          v-on="$listeners"
-          v-bind:is="item.com_name"
-          :class="item.html_type"
-          :ref="item.html_type + item.val_key"
-          :item="item"
-          :mainForm="this"
-          :defaultValue="defaultValue"
-          :form="curForm"
-          :editFormApiConfig="editFormApiConfig"
-          @valueOnChange="getValueChange"
-        />
-      </a-form-model-item>
-    </a-form-model>
-  </div>
-</template>
-<script>
-const NOCHECKLIST = ['LINE_BREAKS', 'LINEBAR', 'BUTTON', 'PLUGIN', 'TEXT', 'PAGE_LAYOUT'];
-import registerCom from './edit-component/register-com.js';
-import { formCommom } from './edit-mixins/index';
-import validateRules from './edit-item/validate-rules';
-import vexutils from '@/utils/vexutils';
-import { FormModel } from "ant-design-vue";
-
-export default {
-  name: 'EditForm',
-  components: {
-    [FormModel.name]: FormModel,
-    [FormModel.Item.name]: FormModel.Item,
-  },
-  mixins: [formCommom, registerCom, validateRules],
-  props: {
-    defaultForm: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    isPure: Boolean,
-    cacheUniqueKey: {
-      type: Object,
-      default: () => ({})
-    },
-    banRequest: {
-      type: Boolean,
-      default: false
-    },
-    // 表单是否去掉右上角设置（齿轮按钮）
-    propsDelSetting: {
-      type: Boolean,
-      default: false
-    },
-    // 去掉表单按钮footer
-    propsFormBtn: {
-      type: Boolean,
-      default: false
-    },
-    // 组合组件的配置
-    parentConfig: {
-      type: Object,
-      default: () => ({})
-    },
-    // 配置 userInfo
-    configuration: {
-      type: Object,
-      default: () => ({})
-    },
-    // 是否开启快捷键切换,默认开启
-    isOpenShortcut: {
-      type: Boolean,
-      default: true
-    },
-    formPrimaryKey: [Number, String],
-    editFormApiConfig: Object, // 编辑表格api
-    btnList: { type: Array, default: () => [] },
-  },
-  provide() {
-    return {
-      mainForm: this
-    };
-  },
-  data() {
-    return {
-      defaultValue: {},
-      editForm: {
-        formFieldList: []
-      },
-      editRules: {},
-      formFieldList: [],
-      theUniqueKeyListObj: {},
-      formType: null,
-      defaultFieldList: [],
-      dbParams: {},
-      searchObj: {}, // 存下来搜索框数据
-      searchAddObj: {},
-      multipleSelected: {}, // 已选的多选值
-      formFieldObj: {}, // 表单数据
-      selectedDefValueObj: {}
-    };
-  },
-
-  computed: {
-    userInfo() {
-      const { userInfo } = this.configuration || {};
-      return userInfo || {};
-    },
-    showLable() {
-      return !this.isPure;
-    },
-    curForm() {
-      return this.$refs.editForm;
-    }
-  },
-  watch: {
-    defaultForm: {
-      deep: true,
-      immediate: true,
-      handler(val) {
-        if (!val || !Object.keys(val).length) return;
-        // 行编辑 formmat 触发多次 深拷贝 避免引用地址
-        let tempVal = JSON.parse(JSON.stringify(val));
-        this.initForm(tempVal);
-      }
-    }
-  },
-  // 生命周期
-  beforeCreate() {},
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    initForm(m = {}) {
-      let { defaultCombinationForm = {}, fieldList = {} } = m;
-      let tempForm = {};
-      if (Object.keys(defaultCombinationForm).length) {
-        tempForm = { ...defaultCombinationForm };
-      }
-      let transmitParams = this.handleConvertData(tempForm);
-      this.defaultValue = { ...transmitParams };
-      // console.log(this.defaultValue, "---defaultValue");
-      this.hanlderInitFieldList(fieldList);
-    },
-    hanlderInitFieldList(fieldList = []) {
-      if (!fieldList.length) return;
-      this.handleGetformType(fieldList);
-      this.getSelecteddefValueObj();
-
-      let fieldTypeList = [];
-      for (let index = 0; index < fieldList.length; index++) {
-        const element = fieldList[index];
-        element.isPure = this.isPure;
-        // 获取组件名称
-        let RandomId = this.RandomId();
-        let com_name = this.getComName(element);
-        // console.log(element.name, com_name, element.html_type);
-        this.$set(element, 'com_name', com_name);
-        this.$set(element, 'RandomId', RandomId);
-        let useFormValue = this.handleGetdef(element);
-        // console.log(useFormValue, "---useFormValue");
-        this.$set(element, 'useFormValue', useFormValue);
-        this.$set(element, 'isVisible', false);
-        // 如果中台设置（mid_is_edit）有值那就去中台的，没有取后台（is_edit）的；
-        let mid_is_edit = [0, 1, '0', '1'].includes(element.mid_is_edit) ? element.mid_is_edit : element.is_edit;
-        element.is_edit = mid_is_edit;
-
-        if (element.html_type.includes('CHECKBOX')) {
-          this.$set(element, 'indeterminate', false);
-          this.$set(element, 'checkAll', false);
-        }
-
-        // 兼容处理，
-        if (element.html_type.includes('CHECKBOX') || element.html_type.includes('RADIO')) {
-          let imgFlag = element?.option?.some(v => v.imageBase64);
-          element.is_contain_images = imgFlag ? 1 : 0;
-        }
-
-        fieldTypeList.push({
-          columnName: element.val_key,
-          fieldType: 'TEXT'
-        });
-        this.$set(element, 'isShowComponent', true);
-      }
-
-      this.defaultFieldList = Object.freeze(fieldList);
-      this.fieldTypeList = fieldTypeList;
-      this.$set(this.editForm, 'formFieldList', fieldList);
-      // console.log("---分割线---");
-    },
-    handleGetformType(list) {
-      this.theUniqueKeyListObj = {};
-      let myformType = {};
-      let mySearchObj = {};
-      let searchAddObj = {};
-      this.formType = null;
-
-      let fieldObj = Object.create(null);
-      let defaList = Object.keys(this.defaultValue);
-
-      list?.forEach(item => {
-        myformType[item.val_key] = item;
-        let curKey = `${item.val_key}_${item.name}`;
-        let NOWORDBOOK = item.wordbook && (item?.wordbook?.type || '') != 'WORDBOOK';
-        item.selectOptions = [];
-        item.popoverVisible = false;
-        item.otherval = '';
-        item.otherFlag = false;
-        if (item.html_type == 'SEARCH') {
-          mySearchObj[curKey] = [];
-          searchAddObj[curKey] = false;
-          if (defaList.includes(item.name)) {
-            mySearchObj[curKey] = [
-              {
-                [item.wordbook.value_key]: this.defaultValue[item.name]
-              }
-            ];
-          }
-        } else if (item.html_type == 'SEARCH_MORE') {
-          mySearchObj[curKey] = [];
-          searchAddObj[curKey] = false;
-          if (!this.multipleSelected.curKey) {
-            this.$set(this.multipleSelected, curKey, []);
-          }
-        } else {
-          const { validate } = item;
-          let n = this.defaultValue[item.name] || item.default_val;
-          // 身份证
-          if (n && validate && validate.obj_type == 'id_card') {
-            setTimeout(() => {
-              this.handlerSetIdCarInfo(item, true);
-            }, 300);
-          }
-        }
-        if (item.val_key) {
-          fieldObj[item.val_key] = {
-            ...item
-          };
-        }
-      });
-      this.formType = myformType;
-      this.searchObj = mySearchObj;
-      this.searchAddObj = searchAddObj;
-      this.formFieldObj = fieldObj;
-    },
-    // 设置身份证的信息
-    handlerSetIdCarInfo(data = {}, init = false) {},
-    hanldegetUniqueKey(id) {
-      return this.cacheUniqueKey && this.cacheUniqueKey[id];
-    },
-    getValueChange(v, i) {
-      // SEARCH_CASCADE SEARCH_MORE LABEL
-      let cacheKey = `${i.val_key}_${i.name}`;
-      if (i.html_type == 'SEARCH_MORE') {
-        this.$set(this.multipleSelected, cacheKey, [...v]);
-      }
-      this.getSelecteddefValueObj();
-    },
-    getSelecteddefValueObj() {
-      let obj = {
-        multipleSelected: {
-          ...this.multipleSelected
-        }
-      };
-      this.$set(this, 'selectedDefValueObj', obj);
-    },
-    // 默认值转换
-    handleConvertData(target) {
-      let transmitParams = {};
-      let transmitKeys = Object.keys(target || {});
-      if (transmitKeys && transmitKeys.length) {
-        transmitKeys.forEach(v => {
-          if (typeof target[v] == 'object') {
-            transmitParams[v] = JSON.stringify(target[v]);
-          } else {
-            transmitParams[v] = target[v];
-          }
-          if (vexutils.isString(target[v])) {
-            if (target[v] && target[v].includes('###{')) {
-              let temp = JSON.parse(target[v].replace('###', ''));
-              transmitParams[v] = temp.value;
-            }
-          }
-        });
-      }
-
-      return transmitParams;
-    },
-    handleSubmitForm() {
-      this.$refs.editForm.validate((valid, err) => {
-        if (valid) {
-          let submData = {};
-          this.editForm.formFieldList.forEach(item => {
-            submData[item.val_key] = item.useFormValue;
-          });
-          submData = this.handleFormatSubmit(submData);
-          if (submData) {
-            submData = JSON.parse(JSON.stringify(submData));
-          }
-          let formObj = {
-            rowKey: this.formPrimaryKey,
-            formData: submData
-          };
-          console.log(this.formPrimaryKey, "--", submData);
-          this.$emit('handleSubmit', formObj);
-        } else {
-          // console.log(this.formPrimaryKey, "--", "banSubmit");
-          this.$emit('banSubmit', {
-            rowKey: this.formPrimaryKey
-          });
-          let message = '';
-          for (let key in err) {
-            let value = err[key];
-            message = value && value[0].message;
-          }
-          message && this.$message.error(message);
-        }
-      });
-    },
-    handleFormatSubmit(copy) {
-      // Moment 对象不能用 JSON 方式复制
-      // let formdata = JSON.parse(JSON.stringify(copy));
-      let formdata = vexutils.clone(copy, true);
-      console.log(formdata, '--formdata');
-
-      // 表格数据格式化符合接口
-      Object.keys(formdata).forEach(item => {
-        switch (this.formType[item] && this.formType[item].html_type) {
-          case 'INPUT':
-          case 'TEXTAREA':
-            if (this.formType[item] && this.formType[item].delete_before_after_spaces == 1) {
-              formdata[item] = vexutils.handleClearStrBlank(formdata[item]);
-            }
-            break;
-          case 'DIGITAL':
-          case 'SELECT':
-          case 'RADIO':
-          case 'RADIO_BLOCK':
-            break;
-          case 'SEARCH':
-            formdata[item] = typeof formdata[item] === 'string' ? formdata[item].split('>>>')[0] : formdata[item] && formdata[item].label && formdata[item].label.trim();
-            break;
-          case 'SEARCH_MORE':
-            formdata[item] = this.handleGetSearMoreSubmit(item, formdata);
-            break;
-          case 'CHECKBOX':
-          case 'CHECKBOX_BLOCK':
-            formdata[item] = Array.isArray(formdata[item]) ? formdata[item].join(',') : formdata[item];
-            break;
-          case 'DATETIME-INPUT':
-          case 'DATE-INPUT':
-          case 'TIME-INPUT':
-          case 'DATE':
-            if (typeof formdata[item] == 'string') {
-              formdata[item] = formdata[item] || null;
-            } else {
-              formdata[item] = formdata[item] ? formdata[item].format(this.handlerGetDateType(this.formType[item])) : null;
-            }
-            break;
-          case 'SWITCH_COMPONENT':
-            formdata[item] = this.handleSwitchCom(item, formdata[item])
-            break;
-          default:
-            break;
-        }
-      });
-      return formdata;
-    },
-    handleGetSearMoreSubmit(item, formdata) {
-      const { formType, multipleSelected } = this;
-      const curItem = formType[item];
-      const defaultVal = JSON.stringify({ objs: [], objStr: '' });
-      var valueList = [];
-      var showList = [];
-      var keyName = `${curItem.val_key}_${curItem.name}`;
-      if (!curItem.wordbook) return defaultVal;
-      var value_key = curItem.wordbook.value_key;
-      var render_key = curItem.wordbook.render_key || [];
-      let defVal = this.defaultValue[curItem.name] || curItem.default_val;
-      // 修改时没有改变值，直接提交回填的值；
-      if (curItem.isOnchange !== '00' && defVal) {
-        defVal = curItem.filtration_val || this.handleSysParams(defVal);
-        defVal = this.getObjs(defVal);
-        return defVal || defaultVal;
-      }
-      const targetList = JSON.parse(JSON.stringify(multipleSelected[keyName] || []));
-      if (Array.isArray(formdata[item]) && formdata[item].length) {
-        formdata[item].forEach(ele => {
-          targetList.forEach(v => {
-            let [curValue_key] = typeof ele.key === 'string' ? ele.key.split('-') : [''];
-            if (`${v[value_key]}-${v['myUniqueKey']}` == ele.key || curValue_key == v[value_key]) {
-              // 删除 前端添加的关联信息
-              delete v.setting;
-              delete v.showLabel;
-              // v.myUniqueLabel != "theUniqueKey"
-
-              if (v['myUniqueKey'] && v.myUniqueLabel) {
-                var item = {
-                  [v.myUniqueLabel]: v['myUniqueKey'],
-                  [value_key]: v[value_key]
-                };
-                render_key.forEach(k => {
-                  item[k] = v[k];
-                });
-                valueList.push(item);
-              } else {
-                let { myUniqueKey, myUniqueLabel, ...rest } = v;
-                valueList.push(rest);
-              }
-              showList.push(v[value_key]);
-            }
-          });
-        });
-      }
-      return JSON.stringify({
-        objs: valueList,
-        objStr: showList.join(',')
-      });
-    },
-    handleSwitchCom(key, value){
-      let item = this.formType[key] || {}
-      let {close = {}, open = {}} = item;
-      return value ? open.value : close.value;
-    },
-    getObjs(str) {
-      /**
-       * 处理：{type: "jsonb", value: ""}
-       *  */
-      let resObj = null;
-      if (vexutils.isJSON(str)) {
-        resObj = JSON.parse(str);
-        if (resObj.type === 'jsonb') {
-          resObj = resObj.value;
-          if (resObj.includes('jsonb')) {
-            resObj = this.getObjs(resObj);
-          }
-          return resObj;
-        } else {
-          return str;
-        }
-      } else {
-        return str;
-      }
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.editForm-page {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  .ant-form {
-    width: 100%;
-  }
-  /deep/.has-error .ant-input-group-addon {
-    color: rgba(0, 0, 0, 0.65);
-  }
-  /deep/ .ant-form-item-control.has-error {
-    line-height: 1;
-    .ant-form-explain {
-      line-height: 1.1;
-      min-height: unset;
-    }
-  }
-  /deep/ .ant-form-item-control.has-error {
-    .formItem-select-multiple {
-      padding: 0;
-    }
-  }
-  /deep/.editeForm-item-TEXTAREA {
-    .ant-form-item-control {
-      &.has-error {
-        padding-top: 0;
-        span.ant-form-item-children {
-          height: unset;
-          display: unset;
-          align-items: unset;
-        }
-      }
-      span.ant-form-item-children {
-        height: 40px;
-        display: inline-flex;
-        align-items: center;
-      }
-      span.TEXTAREA {
-        vertical-align: top;
-      }
-    }
-  }
-  /deep/.ant-input-affix-wrapper .ant-input-prefix,
-  /deep/.ant-input-affix-wrapper .ant-input-suffix {
-    z-index: 1;
-  }
-}
-</style>
+<template>
+  <div class="editForm-page">
+    <a-form-model ref="editForm" :model="editForm" :rules="editRules">
+      <a-form-model-item
+        v-for="(item, index) in editForm.formFieldList"
+        :key="index"
+        label=""
+        :prop="`formFieldList.${index}.useFormValue`"
+        :rules="handleGetRules(item)"
+        :class="'editeForm-item-' + item.html_type"
+      >
+        <component
+          :key="item.RandomId"
+          v-if="item.isShowComponent"
+          v-on="$listeners"
+          v-bind:is="item.com_name"
+          :class="item.html_type"
+          :ref="item.html_type + item.val_key"
+          :item="item"
+          :mainForm="this"
+          :defaultValue="defaultValue"
+          :form="curForm"
+          :editFormApiConfig="editFormApiConfig"
+          @valueOnChange="getValueChange"
+        />
+      </a-form-model-item>
+    </a-form-model>
+  </div>
+</template>
+<script>
+const NOCHECKLIST = ['LINE_BREAKS', 'LINEBAR', 'BUTTON', 'PLUGIN', 'TEXT', 'PAGE_LAYOUT'];
+import registerCom from './edit-component/register-com.js';
+import { formCommom } from './edit-mixins/index';
+import validateRules from './edit-item/validate-rules';
+import vexutils from '@/utils/vexutils';
+import { FormModel } from "ant-design-vue";
+
+export default {
+  name: 'EditForm',
+  components: {
+    [FormModel.name]: FormModel,
+    [FormModel.Item.name]: FormModel.Item,
+  },
+  mixins: [formCommom, registerCom, validateRules],
+  props: {
+    defaultForm: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    isPure: Boolean,
+    cacheUniqueKey: {
+      type: Object,
+      default: () => ({})
+    },
+    banRequest: {
+      type: Boolean,
+      default: false
+    },
+    // 表单是否去掉右上角设置（齿轮按钮）
+    propsDelSetting: {
+      type: Boolean,
+      default: false
+    },
+    // 去掉表单按钮footer
+    propsFormBtn: {
+      type: Boolean,
+      default: false
+    },
+    // 组合组件的配置
+    parentConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    // 配置 userInfo
+    configuration: {
+      type: Object,
+      default: () => ({})
+    },
+    // 是否开启快捷键切换,默认开启
+    isOpenShortcut: {
+      type: Boolean,
+      default: true
+    },
+    formPrimaryKey: [Number, String],
+    editFormApiConfig: Object, // 编辑表格api
+    btnList: { type: Array, default: () => [] },
+  },
+  provide() {
+    return {
+      mainForm: this
+    };
+  },
+  data() {
+    return {
+      defaultValue: {},
+      editForm: {
+        formFieldList: []
+      },
+      editRules: {},
+      formFieldList: [],
+      theUniqueKeyListObj: {},
+      formType: null,
+      defaultFieldList: [],
+      dbParams: {},
+      searchObj: {}, // 存下来搜索框数据
+      searchAddObj: {},
+      multipleSelected: {}, // 已选的多选值
+      formFieldObj: {}, // 表单数据
+      selectedDefValueObj: {}
+    };
+  },
+
+  computed: {
+    userInfo() {
+      const { userInfo } = this.configuration || {};
+      return userInfo || {};
+    },
+    showLable() {
+      return !this.isPure;
+    },
+    curForm() {
+      return this.$refs.editForm;
+    }
+  },
+  watch: {
+    defaultForm: {
+      deep: true,
+      immediate: true,
+      handler(val) {
+        if (!val || !Object.keys(val).length) return;
+        // 行编辑 formmat 触发多次 深拷贝 避免引用地址
+        let tempVal = JSON.parse(JSON.stringify(val));
+        this.initForm(tempVal);
+      }
+    }
+  },
+  // 生命周期
+  beforeCreate() {},
+  created() {},
+  mounted() {},
+
+  // 方法
+  methods: {
+    initForm(m = {}) {
+      let { defaultCombinationForm = {}, fieldList = {} } = m;
+      let tempForm = {};
+      if (Object.keys(defaultCombinationForm).length) {
+        tempForm = { ...defaultCombinationForm };
+      }
+      let transmitParams = this.handleConvertData(tempForm);
+      this.defaultValue = { ...transmitParams };
+      // console.log(this.defaultValue, "---defaultValue");
+      this.hanlderInitFieldList(fieldList);
+    },
+    hanlderInitFieldList(fieldList = []) {
+      if (!fieldList.length) return;
+      this.handleGetformType(fieldList);
+      this.getSelecteddefValueObj();
+
+      let fieldTypeList = [];
+      for (let index = 0; index < fieldList.length; index++) {
+        const element = fieldList[index];
+        element.isPure = this.isPure;
+        // 获取组件名称
+        let RandomId = this.RandomId();
+        let com_name = this.getComName(element);
+        // console.log(element.name, com_name, element.html_type);
+        this.$set(element, 'com_name', com_name);
+        this.$set(element, 'RandomId', RandomId);
+        let useFormValue = this.handleGetdef(element);
+        // console.log(useFormValue, "---useFormValue");
+        this.$set(element, 'useFormValue', useFormValue);
+        this.$set(element, 'isVisible', false);
+        // 如果中台设置（mid_is_edit）有值那就去中台的，没有取后台（is_edit）的；
+        let mid_is_edit = [0, 1, '0', '1'].includes(element.mid_is_edit) ? element.mid_is_edit : element.is_edit;
+        element.is_edit = mid_is_edit;
+
+        if (element.html_type.includes('CHECKBOX')) {
+          this.$set(element, 'indeterminate', false);
+          this.$set(element, 'checkAll', false);
+        }
+
+        // 兼容处理，
+        if (element.html_type.includes('CHECKBOX') || element.html_type.includes('RADIO')) {
+          let imgFlag = element?.option?.some(v => v.imageBase64);
+          element.is_contain_images = imgFlag ? 1 : 0;
+        }
+
+        fieldTypeList.push({
+          columnName: element.val_key,
+          fieldType: 'TEXT'
+        });
+        this.$set(element, 'isShowComponent', true);
+      }
+
+      this.defaultFieldList = Object.freeze(fieldList);
+      this.fieldTypeList = fieldTypeList;
+      this.$set(this.editForm, 'formFieldList', fieldList);
+      // console.log("---分割线---");
+    },
+    handleGetformType(list) {
+      this.theUniqueKeyListObj = {};
+      let myformType = {};
+      let mySearchObj = {};
+      let searchAddObj = {};
+      this.formType = null;
+
+      let fieldObj = Object.create(null);
+      let defaList = Object.keys(this.defaultValue);
+
+      list?.forEach(item => {
+        myformType[item.val_key] = item;
+        let curKey = `${item.val_key}_${item.name}`;
+        let NOWORDBOOK = item.wordbook && (item?.wordbook?.type || '') != 'WORDBOOK';
+        item.selectOptions = [];
+        item.popoverVisible = false;
+        item.otherval = '';
+        item.otherFlag = false;
+        if (item.html_type == 'SEARCH') {
+          mySearchObj[curKey] = [];
+          searchAddObj[curKey] = false;
+          if (defaList.includes(item.name)) {
+            mySearchObj[curKey] = [
+              {
+                [item.wordbook.value_key]: this.defaultValue[item.name]
+              }
+            ];
+          }
+        } else if (item.html_type == 'SEARCH_MORE') {
+          mySearchObj[curKey] = [];
+          searchAddObj[curKey] = false;
+          if (!this.multipleSelected.curKey) {
+            this.$set(this.multipleSelected, curKey, []);
+          }
+        } else {
+          const { validate } = item;
+          let n = this.defaultValue[item.name] || item.default_val;
+          // 身份证
+          if (n && validate && validate.obj_type == 'id_card') {
+            setTimeout(() => {
+              this.handlerSetIdCarInfo(item, true);
+            }, 300);
+          }
+        }
+        if (item.val_key) {
+          fieldObj[item.val_key] = {
+            ...item
+          };
+        }
+      });
+      this.formType = myformType;
+      this.searchObj = mySearchObj;
+      this.searchAddObj = searchAddObj;
+      this.formFieldObj = fieldObj;
+    },
+    // 设置身份证的信息
+    handlerSetIdCarInfo(data = {}, init = false) {},
+    hanldegetUniqueKey(id) {
+      return this.cacheUniqueKey && this.cacheUniqueKey[id];
+    },
+    getValueChange(v, i) {
+      // SEARCH_CASCADE SEARCH_MORE LABEL
+      let cacheKey = `${i.val_key}_${i.name}`;
+      if (i.html_type == 'SEARCH_MORE') {
+        this.$set(this.multipleSelected, cacheKey, [...v]);
+      }
+      this.getSelecteddefValueObj();
+    },
+    getSelecteddefValueObj() {
+      let obj = {
+        multipleSelected: {
+          ...this.multipleSelected
+        }
+      };
+      this.$set(this, 'selectedDefValueObj', obj);
+    },
+    // 默认值转换
+    handleConvertData(target) {
+      let transmitParams = {};
+      let transmitKeys = Object.keys(target || {});
+      if (transmitKeys && transmitKeys.length) {
+        transmitKeys.forEach(v => {
+          if (typeof target[v] == 'object') {
+            transmitParams[v] = JSON.stringify(target[v]);
+          } else {
+            transmitParams[v] = target[v];
+          }
+          if (vexutils.isString(target[v])) {
+            if (target[v] && target[v].includes('###{')) {
+              let temp = JSON.parse(target[v].replace('###', ''));
+              transmitParams[v] = temp.value;
+            }
+          }
+        });
+      }
+
+      return transmitParams;
+    },
+    handleSubmitForm() {
+      this.$refs.editForm.validate((valid, err) => {
+        if (valid) {
+          let submData = {};
+          this.editForm.formFieldList.forEach(item => {
+            submData[item.val_key] = item.useFormValue;
+          });
+          submData = this.handleFormatSubmit(submData);
+          if (submData) {
+            submData = JSON.parse(JSON.stringify(submData));
+          }
+          let formObj = {
+            rowKey: this.formPrimaryKey,
+            formData: submData
+          };
+          console.log(this.formPrimaryKey, "--", submData);
+          this.$emit('handleSubmit', formObj);
+        } else {
+          // console.log(this.formPrimaryKey, "--", "banSubmit");
+          this.$emit('banSubmit', {
+            rowKey: this.formPrimaryKey
+          });
+          let message = '';
+          for (let key in err) {
+            let value = err[key];
+            message = value && value[0].message;
+          }
+          message && this.$message.error(message);
+        }
+      });
+    },
+    handleFormatSubmit(copy) {
+      // Moment 对象不能用 JSON 方式复制
+      // let formdata = JSON.parse(JSON.stringify(copy));
+      let formdata = vexutils.clone(copy, true);
+      console.log(formdata, '--formdata');
+
+      // 表格数据格式化符合接口
+      Object.keys(formdata).forEach(item => {
+        switch (this.formType[item] && this.formType[item].html_type) {
+          case 'INPUT':
+          case 'TEXTAREA':
+            if (this.formType[item] && this.formType[item].delete_before_after_spaces == 1) {
+              formdata[item] = vexutils.handleClearStrBlank(formdata[item]);
+            }
+            break;
+          case 'DIGITAL':
+          case 'SELECT':
+          case 'RADIO':
+          case 'RADIO_BLOCK':
+            break;
+          case 'SEARCH':
+            formdata[item] = typeof formdata[item] === 'string' ? formdata[item].split('>>>')[0] : formdata[item] && formdata[item].label && formdata[item].label.trim();
+            break;
+          case 'SEARCH_MORE':
+            formdata[item] = this.handleGetSearMoreSubmit(item, formdata);
+            break;
+          case 'CHECKBOX':
+          case 'CHECKBOX_BLOCK':
+            formdata[item] = Array.isArray(formdata[item]) ? formdata[item].join(',') : formdata[item];
+            break;
+          case 'DATETIME-INPUT':
+          case 'DATE-INPUT':
+          case 'TIME-INPUT':
+          case 'DATE':
+            if (typeof formdata[item] == 'string') {
+              formdata[item] = formdata[item] || null;
+            } else {
+              formdata[item] = formdata[item] ? formdata[item].format(this.handlerGetDateType(this.formType[item])) : null;
+            }
+            break;
+          case 'SWITCH_COMPONENT':
+            formdata[item] = this.handleSwitchCom(item, formdata[item])
+            break;
+          default:
+            break;
+        }
+      });
+      return formdata;
+    },
+    handleGetSearMoreSubmit(item, formdata) {
+      const { formType, multipleSelected } = this;
+      const curItem = formType[item];
+      const defaultVal = JSON.stringify({ objs: [], objStr: '' });
+      var valueList = [];
+      var showList = [];
+      var keyName = `${curItem.val_key}_${curItem.name}`;
+      if (!curItem.wordbook) return defaultVal;
+      var value_key = curItem.wordbook.value_key;
+      var render_key = curItem.wordbook.render_key || [];
+      let defVal = this.defaultValue[curItem.name] || curItem.default_val;
+      // 修改时没有改变值，直接提交回填的值；
+      if (curItem.isOnchange !== '00' && defVal) {
+        defVal = curItem.filtration_val || this.handleSysParams(defVal);
+        defVal = this.getObjs(defVal);
+        return defVal || defaultVal;
+      }
+      const targetList = JSON.parse(JSON.stringify(multipleSelected[keyName] || []));
+      if (Array.isArray(formdata[item]) && formdata[item].length) {
+        formdata[item].forEach(ele => {
+          targetList.forEach(v => {
+            let [curValue_key] = typeof ele.key === 'string' ? ele.key.split('-') : [''];
+            if (`${v[value_key]}-${v['myUniqueKey']}` == ele.key || curValue_key == v[value_key]) {
+              // 删除 前端添加的关联信息
+              delete v.setting;
+              delete v.showLabel;
+              // v.myUniqueLabel != "theUniqueKey"
+
+              if (v['myUniqueKey'] && v.myUniqueLabel) {
+                var item = {
+                  [v.myUniqueLabel]: v['myUniqueKey'],
+                  [value_key]: v[value_key]
+                };
+                render_key.forEach(k => {
+                  item[k] = v[k];
+                });
+                valueList.push(item);
+              } else {
+                let { myUniqueKey, myUniqueLabel, ...rest } = v;
+                valueList.push(rest);
+              }
+              showList.push(v[value_key]);
+            }
+          });
+        });
+      }
+      return JSON.stringify({
+        objs: valueList,
+        objStr: showList.join(',')
+      });
+    },
+    handleSwitchCom(key, value){
+      let item = this.formType[key] || {}
+      let {close = {}, open = {}} = item;
+      return value ? open.value : close.value;
+    },
+    getObjs(str) {
+      /**
+       * 处理：{type: "jsonb", value: ""}
+       *  */
+      let resObj = null;
+      if (vexutils.isJSON(str)) {
+        resObj = JSON.parse(str);
+        if (resObj.type === 'jsonb') {
+          resObj = resObj.value;
+          if (resObj.includes('jsonb')) {
+            resObj = this.getObjs(resObj);
+          }
+          return resObj;
+        } else {
+          return str;
+        }
+      } else {
+        return str;
+      }
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+.editForm-page {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  .ant-form {
+    width: 100%;
+  }
+  /deep/.has-error .ant-input-group-addon {
+    color: rgba(0, 0, 0, 0.65);
+  }
+  /deep/ .ant-form-item-control.has-error {
+    line-height: 1;
+    .ant-form-explain {
+      line-height: 1.1;
+      min-height: unset;
+    }
+  }
+  /deep/ .ant-form-item-control.has-error {
+    .formItem-select-multiple {
+      padding: 0;
+    }
+  }
+  /deep/.editeForm-item-TEXTAREA {
+    .ant-form-item-control {
+      &.has-error {
+        padding-top: 0;
+        span.ant-form-item-children {
+          height: unset;
+          display: unset;
+          align-items: unset;
+        }
+      }
+      span.ant-form-item-children {
+        height: 40px;
+        display: inline-flex;
+        align-items: center;
+      }
+      span.TEXTAREA {
+        vertical-align: top;
+      }
+    }
+  }
+  /deep/.ant-input-affix-wrapper .ant-input-prefix,
+  /deep/.ant-input-affix-wrapper .ant-input-suffix {
+    z-index: 1;
+  }
+}
+</style>