qgb-process 0.2.3 → 0.2.7

package/src/views/formBuilder/formGeneration.vue

@@ -1,904 +1,904 @@
-<template>
-  <div
-    class="form-generation"
-    v-loading="isLoading"
-  >
-    <!-- <h4>{{title}}</h4> -->
-    <el-row
-      type="flex"
-      justify="center"
-    >
-      <el-col :span="21">
-        <bank-form-heard
-          ref="bank"
-          :data="infoData"
-          :id="id"
-        ></bank-form-heard>
-      </el-col>
-    </el-row>
-    <ele-form
-      :formDesc="formDesc"
-      v-model="formData"
-      :isLoading="isLoading"
-      :formError="formError"
-      :span="21"
-      @request="handleRequest"
-      @back="goBack"
-      v-bind="formAttr"
-      title=''
-    >
-
-      <template v-slot:form-content="{formData,  formDesc, formErrorObj }">
-        <template v-for="(formItem, field, index) of formDesc">
-          <component
-            :key='index'
-            v-if="formItem.type == 'groupSummary'"
-            :is="formItem._type"
-            :titleStr="formItem.label"
-          />
-          <el-form-item
-            :key='index'
-             v-else-if="formItem.type !== 'groupTitle'&& formItem.type !== 'groupSummary'"
-            :error="formErrorObj ? formErrorObj[field] : null"
-            :label="
-                    (formAttr.isShowLabel === false || formItem.isShowLabel === false) ? null : formItem.label
-                  "
-            :prop="field"
-            :label-width="formItem._type.indexOf('columns') == -1  ? formAttr.labelWidth+'px' : '0px'"
-          >
-            <el-tooltip
-              v-if='formItem.attrs && formItem.attrs.summary'
-              class="item"
-              effect="dark"
-              :content="formItem.attrs && formItem.attrs.summary"
-              placement="top"
-            >
-              <i class="el-icon-warning-outline isSummary"></i>
-            </el-tooltip>
-
-            <component
-              v-if="formItem.business !== '888'&& formItem._type !=='custom-table' && formItem.type !== 'groupSummary'
-
-             && formItem._type !=='columns' && formItem.type !=='formDep'  && formItem.type !=='person' && formItem.type !=='linkForm'
-             &&(formItem._type =='ele-form-input' && formItem.attrs && formItem.attrs.type !=='number')"
-              :disabled="formAttr.disabled || formItem._disabled"
-              :desc="formItem"
-              :is="formItem._type"
-              :options="formItem._options"
-              :ref="field"
-              :field="field"
-              @onChange='onChange'
-              v-model="formData[field]"
-            />
-            <component
-              v-else-if=" formItem.type =='upload-file' || formItem.type =='image-uploader'|| formItem.type =='quill-editor'|| formItem.type =='switch'"
-              :disabled="formAttr.disabled || formItem._disabled"
-              :desc="formItem"
-              :is="formItem._type"
-              :options="formItem._options"
-              :ref="field"
-              :field="field"
-              @onChange='onChange'
-              v-model="formData[field]"
-            />
-            <!-- ele-form-radio
-ele-form-checkbox
-ele-form-datetime
-ele-form-datetimerange -->
-            <component
-              v-if="formItem.type=='radio'||formItem.type=='checkbox'||formItem.type=='datetime'||formItem.type=='datetimerange'"
-              :disabled="formAttr.disabled || formItem._disabled"
-              :desc="formItem"
-              :is="formItem._type"
-              :options="formItem._options"
-              :ref="field"
-              :field="field"
-              @onChange='onChange'
-              v-model="formData[field]"
-            />
-            <component
-              v-if="formItem.attrs&& formItem.attrs.type =='number'"
-              :disabled="formAttr.disabled || formItem._disabled"
-              :desc="formItem"
-              :is="formItem._type"
-              :options="formItem._options"
-              :ref="field"
-              :field="field"
-              @input="(res)=>{formatNumbers(res,formItem.attrs.numbers,formItem,field)}"
-              v-model="formData[field]"
-            />
-            <component
-              v-if="formItem._type =='custom-table'"
-              :disabled="formAttr.disabled || formItem._disabled"
-              :desc="formItem"
-              :is="formItem._type"
-              :options="formItem._options"
-              :ref="field"
-              :field="field"
-              @input="(res)=>{inputChange(res,formItem.attrs.numbers,formItem,field)}"
-              v-model="formData[field]"
-            />
-            <component
-              v-if="formItem._type =='columns'"
-              :disabled="formAttr.disabled || formItem._disabled"
-              :desc="formItem"
-              :is="formItem._type"
-              :options="formItem._options"
-              :ref="field"
-              :field="field"
-              @input="(res)=>{inputChange(res,formItem.attrs.numbers,formItem,field)}"
-              v-model="formData[field]"
-            />
-            <component
-              v-if="formItem.type =='formDep'"
-              :disabled="formAttr.disabled || formItem._disabled"
-              :desc="formItem"
-              :is="formItem._type"
-              :options="formItem._options"
-              :ref="field"
-              :field="field"
-              :defaultArr="formData[field]"
-              :isMultiple='formItem.attrs?formItem.attrs.multiple:false'
-              @input="(res)=>{inputChange(res,formItem.attrs,formItem,field)}"
-              @dep="(res)=>{dep(res,formItem.attrs,formItem,field)}"
-              v-model="formData[field+'Str']"
-            />
-            <component
-              v-if="formItem.type =='person'"
-              :disabled="formAttr.disabled || formItem._disabled"
-              :desc="formItem"
-              :is="formItem._type"
-              :options="formItem._options"
-              :ref="field"
-              :field="field"
-              :isMultiple='formItem.attrs?formItem.attrs.multiple:false'
-              :defaultArr="formData[field]"
-              @input="(res)=>{inputChange(res,formItem.attrs,formItem,field)}"
-              @dep="(res)=>{dep(res,formItem.attrs,formItem,field)}"
-              v-model="formData[field+'Str']"
-            />
-            <component
-              v-if="formItem.type =='linkForm'"
-              :disabled="formAttr.disabled || formItem._disabled"
-              :desc="formItem"
-              :is="formItem._type"
-              :options="formItem._options"
-              :ref="field"
-              :field="field"
-              :defaultArr1="formData[field]"
-              :menuId='formItem.attrs?formItem.attrs.formLink:""'
-              :isMultiple='formItem.attrs?formItem.attrs.multiple:false'
-              @input="(res)=>{inputChange(res,formItem.attrs,formItem,field)}"
-              @dep="(res)=>{dep(res,formItem.attrs,formItem,field)}"
-              @getcurrentTitle="(res)=>{formCurrentTitle(res,formItem.attrs,formItem,field)}"
-              v-model="formData[field+'Str']"
-            />
-            <span
-              :key='index'
-              v-else-if="$route.name!='formGeneration' && (formItem.type == 'postman'|| formItem.type == 'handleCode')"
-              :ref="field"
-            >系统自动生成</span>
-
-            <div
-              class="ele-form-tip"
-              v-if="formItem.tip"
-              v-html="formItem.tip"
-            >
-            </div>
-          </el-form-item>
-          <component
-            :key='index'
-            v-else-if="formItem.type == 'groupTitle'"
-            :is="formItem._type"
-            :ref="field"
-            :titleStr="formItem.label"
-          />
-
-        </template>
-
-      </template>
-
-      <!-- <template v-slot:form-content="{ formData, formDesc, formErrorObj }">
-
-        <template v-for="(formItem, field, index) of formDesc">
-
-          <el-form-item :key='index' :error="formErrorObj ? formErrorObj[field] : null" :label="
-                    (formAttr.isShowLabel === false || formItem.isShowLabel === false) ? null : formItem.label
-                  " :prop="field"
-            :label-width="formItem._type.indexOf('columns') == -1  ? formAttr.labelWidth+'px' : '0px'">
-            <component v-if="formItem.business !== '888'"
-              :disabled="formAttr.disabled || formItem._disabled" :desc="formItem"
-              :is="formItem._type" :options="formItem._options" :ref="field" :field="field"
-              v-model="formItem.default" />
-
-            <div class="ele-form-tip" v-if="formItem.tip" v-html="formItem.tip">
-
-            </div>
-
-          </el-form-item>
-          <div id="components" :key='index'  class="component-container" v-if="formItem.business == '888'">
-            <bank-form-heard  ref="bank" :data="infoData" :id="id" ></bank-form-heard>
-          </div>
-        </template>
-      </template> -->
-
-    </ele-form>
-  </div>
-</template>
-
-<script>
-import _ from "lodash-es";
-import { mapState } from "vuex";
-import * as api from "@/api/apiFormBuilder/menu";
-import formAttrDefault from "@/store/formBuilder/formAttrDefault";
-import bankFormHeard from "@/formBuilder/components/app-main/components/components/bankFormHeard";
-import { queryProcessByType, applyProcessCustomForm } from "@/api/apiProcess";
-import GroupTitle from "@/formBuilder/components/app-main/components/components/GroupTitle.vue";
-import GroupSummary from "@/formBuilder/components/app-main/components/components/GroupSummary.vue";
-import { StrHandle } from "@/fnc/arr";
-import handleCode from "@/formBuilder/components/app-main/components/components/handleCode";
-import postman from "@/formBuilder/components/app-main/components/components/postman";
-import formDep from "@/formBuilder/components/app-main/components/components/formDep";
-import person from "@/formBuilder/components/app-main/components/components/person";
-import linkForm from "@/formBuilder/components/app-main/components/components/linkForm";
-
-export default {
-  name: "FormGeneration",
-  components: {
-    bankFormHeard,
-    GroupTitle,
-    GroupSummary,
-    postman,
-    handleCode,
-    formDep,
-    person,
-    linkForm
-  },
-  data() {
-    return {
-      apps: "bankFormHeard",
-      formData: {},
-      curIndex: null,
-      curFIndex: null,
-      formDesc: {},
-      formAttr: {},
-      isLoading: false,
-      formError: {},
-      formId: "",
-      id: "",
-      menuId: "",
-      infoData: {
-        departmentCompanyNo: "",
-        departmentNo: "",
-        staffNo: "",
-        charger: ""
-      },
-      processId: "",
-      processName: ""
-    };
-  },
-  computed: {
-    ...mapState(["user"]),
-    // title() {
-    //   return this.$store.state.formBuilder.name;
-    // },
-    getStrArr() {
-      return function(formData, field) {
-        return this.arr[index].username.match(this.name) !== null;
-      };
-    }
-  },
-  watch: {
-    $route(to, from) {
-      this.getFormDes();
-      this.getFormDataById();
-    },
-    list: {
-      deep: true,
-      handler: function(newVal, oldVal) {
-        const _this = this;
-        if (newVal && _this.isLink) {
-        }
-      }
-    },
-    formDesc: {
-      deep: true,
-      handler: function(newVal, oldVal) {
-        const _this = this;
-        _this.$delete(_this.formDesc, "business");
-      }
-    },
-    formData: {
-      deep: true,
-      immediate: true,
-      handler: function(newVal, oldVal) {
-        const _this = this;
-        if (newVal) {
-          for (const name in _this.formDesc) {
-            if (
-              _this.formDesc[name].attrs &&
-              _this.formDesc[name].attrs.columns
-            ) {
-              _this.formDesc[name].attrs.columns.forEach(e => {
-                if (
-                  _this.formDesc[name].type == "custom-table" &&
-                  e.type != "index"
-                ) {
-                  if (e.content.customMode == 1 && e.content.customValue) {
-                    const func = this.formatFunc(
-                      e.content.customValue,
-                      newVal,
-                      _this.formDesc,
-                      name
-                    );
-                    var exp = null;
-                    if (exp == _this.$store.state.curCusTableIndex) {
-                    } else {
-                      if (_this.formData[name].length == 0) {
-                        _this.formData[name].push({
-                          [e.prop]: func
-                        });
-                      }
-                      _this.$set(
-                        _this.formData[name][
-                          _this.$store.state.curCusTableIndex
-                        ],
-                        e.prop,
-                        func
-                      );
-                    }
-
-                    //   if (!strReg.test(_this.formDesc[name].customValue)) {
-                    //     _this.formData[name] = _this.formDesc[name].customValue;
-                    //   }
-                  }
-                } else if (e.customMode == 1 && e.customValue) {
-                  const func = this.formatFunc(
-                    e.customValue,
-                    newVal,
-                    _this.formDesc
-                  );
-                  //   _this.formData[name][e.field] = func;
-
-                  _this.$set(_this.formData[name], e.field, func);
-                  //   if (!strReg.test(_this.formDesc[name].customValue)) {
-                  //     _this.formData[name] = _this.formDesc[name].customValue;
-                  //   }
-                }
-              });
-            }
-            if (
-              _this.formDesc[name].customMode == 1 &&
-              _this.formDesc[name].customValue
-            ) {
-              const func = this.formatFunc(
-                _this.formDesc[name].customValue,
-                newVal,
-                _this.formDesc
-              );
-              //   _this.formData[name] = func;
-              _this.$set(_this.formData, name, func);
-              //   if (!strReg.test(_this.formDesc[name].customValue)) {
-              //     _this.formData[name] = _this.formDesc[name].customValue;
-              //   }
-            }
-          }
-          _this.$delete(_this.formData, "business");
-        }
-      }
-    }
-  },
-  methods: {
-    formCurrentTitle(res, attrs, formItem, field) {
-      const vm = this;
-      vm.$set(vm.formData, [field], res.title);
-      vm.$set(vm.formData, [field + "Arr"], attrs.dataRules);
-      vm.getcurrentRule(res, attrs, formItem, field);
-    },
-    getcurrentRule(res, attrs, formItem, field) {
-      const vm = this;
-      // 对端表单数据
-      const remoteData = res.data[res.index].content;
-
-      const newObj = {};
-      attrs.dataRules.forEach((e, i) => {
-        if (_.has(remoteData, e.itemRemote)) {
-          vm.$set(vm.formData, [e.itemSource], remoteData[e.itemRemote]);
-        }
-      });
-    },
-    onChange(res) {
-      console.log(res);
-    },
-    inputChange(res, numbers, formItem, field) {
-      const vm = this;
-      vm.$set(vm.formData, field, res);
-    },
-    dep(res, numbers, formItem, field) {
-      const vm = this;
-
-      vm.$set(vm.formData, [field + "Str"], res);
-    },
-    formatNumbers(res, numbers, formItem, field) {
-      const vm = this
-      // 控制小数位
-      this.$nextTick(() => {
-        formItem.default = Number(res).toFixed(Number(numbers));
-        var s = 1 / Math.pow(10, Number(numbers));
-        this.$refs[field][0].attrs.step = s;
-      });
-      vm.$set(vm.formData, field, res);
-    },
-    getFormDataRes() {
-      const vm = this;
-      for (const key in vm.formDesc) {
-        if (key !== "bank-form-heard") {
-          //   vm.formData[key] = vm.formDesc[key].default;
-          vm.$set(vm.formData, key, vm.formDesc[key].default);
-        }
-      }
-      return vm.formData;
-    },
-    // 获取表单配置信息
-    async getFormDes() {
-      const id = this.$route.params.id;
-      if (!id) {
-        return;
-      }
-      this.menuId = id;
-      const { data } = await api.queryFormByMenu({
-        menuId: id,
-        companyNo: this.user.cno
-      });
-      if (data.state == "ok" && JSON.stringify(data.data) == "{}") {
-        this.formId = data.data.id;
-      } else if (data.state == "ok" && data.data) {
-        this.formId = data.data.id;
-        const formDesc = Object.entries(data.data.content.formDesc).map(
-          ([key, val]) => {
-            if (val.type == "image-uploader" || val.type == "quill-editor") {
-              val.attrs.responseFn = function(response, file) {
-                return response.data;
-              };
-            }
-            if (val.type == "upload-file") {
-              val.attrs.responseFn = function(response, file) {
-                return { name: file.name, url: response.data };
-              };
-            }
-            if (val.type == "columns") {
-              val.attrs.columns.forEach((i, index) => {
-                if (i.type == "image-uploader" || i.type == "quill-editor") {
-                  i.attrs.responseFn = function(response, file) {
-                    return response.data;
-                  };
-                }
-                if (i.type == "upload-file") {
-                  i.attrs.responseFn = function(response, file) {
-                    return { name: file.name, url: response.data };
-                  };
-                }
-              });
-            }
-            if (val.attrs && val.attrs.type && val.attrs.type == "number") {
-              //   if (val.attrs.numbers) {
-
-              //   }
-              val.attrs.min = 0;
-              val.attrs.max = 99999999999999999;
-              //   val.attrs.step = "0.0001";
-            }
-            // 处理正则pattern
-            if (val.rules) {
-              val.rules.map(one => {
-                one.pattern = eval(one.pattern);
-              });
-            }
-          }
-        );
-        this.formDesc = data.data.content.formDesc;
-        data.data.content.formAttr.isShowBackBtn = true;
-        data.data.content.formAttr.isShowSubmitBtn = true;
-        this.formAttr = Object.assign(
-          _.cloneDeep(formAttrDefault),
-          data.data.content.formAttr
-        );
-      } else {
-        this.$message.error(data.msg ? data.msg : "获取信息失败");
-      }
-      this.formId && this.queryProcessByType();
-    },
-    async handleRequest(data) {
-      // 修复取值问题bug
-      //    if (!this.formData.business) {
-
-      //     }
-      //   data = data.business ? data : this.getFormDataRes();
-      data = data || this.getFormDataRes();
-      const _this = this;
-      if (this.isLoading) return;
-      this.isLoading = true; // 更改状态
-
-      const infoData = this.$refs.bank.getFormData();
-      if (!infoData) {
-        this.isLoading = false;
-        return;
-      }
-      try {
-        this.isLoading = true; // 更改状态
-        // 布局组件处理
-        const fields = Object.keys(this.formDesc).filter(
-          key => this.formDesc[key].type.indexOf("columns") > -1
-        );
-
-        if (fields.length > 0) {
-          fields.forEach(item => {
-            data = Object.assign(data, data[item]);
-          });
-        }
-        const parse = Object.assign({}, data, {
-          companyNo: infoData.departmentCompanyNo,
-          departmentNo: infoData.departmentNo,
-          staffNo: infoData.staffNo,
-          operator: infoData.charger,
-          companyStr: infoData.companyStr,
-          departmentStr: infoData.departmentStr,
-          staffStr: infoData.staffStr,
-          menuId: this.menuId
-        });
-        this.toApply(parse);
-      } catch (error) {
-        this.formError = { message: "保存失败" };
-        this.isLoading = false;
-      } finally {
-        // this.isLoading = false
-      }
-    },
-    async saveData(parse, auditId) {
-      const par = Object.assign(parse, { auditId: auditId });
-      const content = JSON.stringify(par);
-      const params = {
-        formId: this.formId,
-        companyNo: this.user.cno,
-        userNo: this.user.no,
-        content: content
-      };
-      let response;
-      if (this.id) {
-        params.id = this.id;
-        response = await api.updateFormData(params); // 发送请求
-      } else {
-        response = await api.saveFormData(params); // 发送请求
-      }
-      // 成功处理  this.toApply(parse, response.data.data)
-
-      if (response.data.state == "ok") {
-        this.$message.success("添加成功");
-        this.formData = {};
-        this.$removeTag("/designListPage/" + this.menuId);
-      } else {
-        this.$message.error(response.data.msg);
-        this.isLoading = false;
-      }
-    },
-    goBack() {
-    //  this.$router.push({
-    //    name: "formDataDetail",
-    //    params: { id: this.menuId }
-    //  });
-      // this.$removeTag("/designListPage/" + this.menuId);
-    },
-    async getFormDataById() {
-      const objId = this.$route.query.dataId;
-      if (!objId) {
-        return;
-      }
-      const res = await api.queryFormData({ id: objId });
-
-      if (res.data.state == "ok") {
-        this.formData = Object.assign({}, this.formData, res.data.data.content);
-
-        this.id = res.data.data._id;
-        this.infoData.departmentCompanyNo = res.data.data.content.companyNo;
-        this.infoData.departmentNo = res.data.data.content.departmentNo;
-        this.infoData.staffNo = res.data.data.content.staffNo;
-        this.infoData.charger = res.data.data.content.operator;
-      }
-    },
-    // 判断是不是有关联值
-    isLink() {
-      let flg = false;
-      const _this = this;
-      if (this.formDesc) {
-        for (const name in _this.formDesc) {
-          if (
-            _this.formDesc[name].customMode == 1 &&
-            _this.formDesc[name].customValue
-          ) {
-            flg = true;
-          }
-        }
-      }
-      return flg;
-    },
-    // 根据value转化成function
-    formatFunc(customValue, newVal, formDesc, parentFiled) {
-      const vm = this;
-      const strReg = new RegExp(/\{key_[0-9]+\}/g);
-
-      const mackReg = new RegExp(
-        /[\+\-\*\/]|[<=]+|[>=]+|[!=]+|[==]+|AND|OR|NOT|\(|\)|TRUE|FALSE/g
-      );
-      const logicReg = new RegExp(/(AND|OR|NOT)*/g);
-      const logicReg2 = new RegExp(/(\&\&+|\|\|+|[!=]+|[==]+)/g);
-      const flagReg = new RegExp(/[\{\}]/g);
-      const brackets = new RegExp(/[\(|\)]/g);
-      const arr = [];
-      var currentFiled = "";
-      //   const str2 = customValue.replace(/\{key_[0-9]+\}/g, "")
-      //   console.log(str2, "@@@");
-      let str = customValue.replace(/\{key_[0-9]+\}/g, function(match) {
-        const filed = (currentFiled = match.substring(1, match.length - 1));
-        if (parentFiled) {
-          var ss;
-          var curkey = "";
-          if (!newVal[parentFiled]) {
-            newVal[parentFiled] = [];
-          }
-          var curIndex = _.findIndex(newVal[parentFiled], function(o) {
-            for (var key in o) {
-              if (Object.hasOwnProperty.call(o, key)) {
-                const element = o[key];
-                if (o.type != "index") {
-                  if (key == filed) {
-                    curkey = key;
-                    return o[key] == element;
-                  }
-                }
-              }
-            }
-          });
-
-          vm.curIndex = curIndex;
-          var curFIndex = _.findIndex(
-            formDesc[parentFiled]?.attrs?.columns,
-            function(o) {
-              if (o.type != "index") {
-                return customValue.indexOf(o.prop) > -1;
-              }
-            }
-          );
-          vm.curFIndex = curFIndex;
-
-          var cv =
-            !newVal[parentFiled][vm.$store.state.curCusTableIndex] &&
-            newVal[parentFiled]?.length == 0
-              ? ""
-              : vm.$store.state.curCusTableIndex == null
-                ? newVal[parentFiled][newVal[parentFiled]?.length - 1][filed]
-                : newVal[parentFiled][vm.$store.state.curCusTableIndex][filed];
-          var curCustomV = _.find(
-            formDesc[parentFiled]?.attrs?.columns,
-            function(o) {
-              if (o.type != "index") {
-                return o.content.customValue == customValue;
-              }
-            }
-          ).content.customValue;
-          ss = cv || "";
-          //   ss = cv || curCustomV || "";
-        } else {
-          var ss = newVal[filed]
-            ? newVal[filed]
-            : formDesc[filed].customValue
-              ? formDesc[filed].customValue
-              : "";
-        }
-        if (typeof newVal[filed] === "boolean" || typeof cv === "boolean") {
-          ss = newVal[filed].toString();
-        }
-        if (
-          formDesc[currentFiled]._type == "ele-form-checkbox" ||
-          formDesc[parentFiled]?.attrs?.columns[curFIndex]?.content?.type ==
-            "ele-form-checkbox"
-        ) {
-          if (Array.isArray(ss)) {
-            ss.forEach((e, i) => {
-              const ss2 = _.find(formDesc[currentFiled].options, function(o) {
-                return o.value == e;
-              });
-              arr.push(ss2.text);
-            });
-          }
-          return arr;
-        }
-        if (
-          formDesc[currentFiled]._type == "ele-form-radio" ||
-          formDesc[parentFiled]?.attrs?.columns[curFIndex]?.content?.type ==
-            "ele-form-radio"
-        ) {
-          const ss2 = _.find(formDesc[currentFiled].options, function(o) {
-            return o.value == ss;
-          });
-          return ss2 ? ss2.text : "";
-        }
-        // arr.push(ss2);
-        return ss;
-      });
-
-      //   const resArr = str.match(logicReg);
-      str = str.replace(logicReg, function(match) {
-        if (match == "AND") {
-          return "&&";
-        } else if (match == "OR") {
-          return "||";
-        } else if (match == "NOT") {
-          return "!==";
-        } else {
-          return "";
-        }
-      });
-      //   str = str.replace(mackReg, function(match) {
-      //     return " " + match.substring(1, match.length - 1) + " ";
-      //   });
-      // 判断计算相关节点是不是都是''
-
-      const flg = arr.filter((item, index) => {
-        return !!item;
-      });
-      // 取type
-      var flag2 = _.get(
-        formDesc[currentFiled] ||
-          formDesc[parentFiled]?.attrs?.columns[vm.curFIndex]?.content,
-        "_type",
-        false
-      );
-      // 是否纯文字
-      if (flg.length > 0 && flag2 !== "ele-form-checkbox") {
-        if (typeof new Function("return " + "" + str + "")() === "boolean") {
-          // 判断是否布尔值 是布尔值则做转换
-          return new Function("return " + "" + str + "")().toString();
-          //   return "aaa"
-        } else {
-          //   return eval(`(${str})`)
-          if (mackReg.test(str) && !str.includes(/[a-zA-Z]/)) {
-            str = StrHandle(str, mackReg);
-            str.includes("NaN") ? (str = "") : null;
-          }
-          return new Function("return " + "" + str + "")();
-          //   return "aaa";
-        }
-      } else if (flag2 == "ele-form-checkbox") {
-        return str.toString();
-      } else if (!strReg.test(str)) {
-        const eXstr = "";
-        if (/'(.*)'/.test(str)) {
-          str = str.replace(/'/g, "");
-          return str;
-        }
-        if (mackReg.test(str) && !/[a-zA-Z]/.test(str)) {
-          if (brackets.test(str)) {
-            // 如果包含括号
-            if (
-              typeof new Function("return " + "" + str + "")() === "boolean"
-            ) {
-              // 判断是否布尔值 是布尔值则做转换
-              return new Function("return " + "" + str + "")().toString();
-              //   return "aaa"
-            } else {
-              return new Function("return " + "" + str + "")();
-            }
-          } else {
-            // 如果不包含括号
-            str = StrHandle(str, mackReg);
-            str.includes("NaN") ? (str = "") : null;
-            if (
-              typeof new Function("return " + "" + str + "")() === "boolean"
-            ) {
-              // 判断是否布尔值 是布尔值则做转换
-              return new Function("return " + "" + str + "")().toString();
-              //   return "aaa"
-            } else {
-              return new Function("return " + "" + str + "")();
-            }
-          }
-        }
-        if (logicReg2.test(str)) {
-          return new Function("return " + "" + str + "")().toString();
-        }
-        return str;
-        //   return "aaa";
-      } else {
-        return "";
-      }
-    },
-    // 审批
-    async toApply(content) {
-      const type = "customForm_" + this.formId;
-      const applierName = this.$store.state.user.realName
-        ? this.$store.state.user.realName
-        : this.$store.state.user.accountName;
-      const businessName = applierName + "的" + this.processName;
-      const param = {
-        ...content,
-        id: this.processId,
-        objId: "1",
-        companyId: this.user.cno,
-        userId: this.user.no,
-        applyType: type,
-        businessName: businessName,
-        applierName: applierName
-      };
-      const data = { content: JSON.stringify(param) };
-      const res = await applyProcessCustomForm(data);
-      //   if (res.data.state === "ok") {
-
-      if (res.data.state === "ok") {
-        this.saveData(content, res.data.data);
-      } else {
-        this.$message.error(res.data.msg);
-        this.isLoading = false;
-      }
-    },
-    // 查询表单审批流程
-    async queryProcessByType() {
-      const type = "customForm_" + this.formId;
-      const res = await queryProcessByType({
-        companyId: this.$store.state.user.cno,
-        type: type
-      });
-      if (res.data.state == "ok" && res.data.data) {
-        this.processId = res.data.data ? res.data.data._id : "";
-        const content =
-          res.data.data && res.data.data.content
-            ? JSON.parse(res.data.data.content)
-            : {};
-        this.processName = content.name.substring(0, content.name.length - 2);
-      }
-    }
-  },
-  created() {
-    this.getFormDes();
-    this.getFormDataById();
-  },
-  mounted() {}
-};
-</script>
-<style lang="scss" scoped>
-h4 {
-  margin-top: 0;
-  padding: 15px 10px 10px 15px;
-  display: block;
-  border-bottom: 1px solid #ccc;
-}
-/deep/ .ele-form-btns {
-  /deep/ .el-button--default {
-    color: #409eff;
-    border-color: #c6e2ff;
-    // background-color: #ecf5ff;
-  }
-}
-.quill-editor /deep/ .ql-editor {
-  height: 200px;
-}
-.isSummary {
-  z-index: 2004;
-  cursor: pointer;
-  position: absolute;
-  left: -17px;
-  top: 14px;
-  //   transform: translateY(-50%);
-}
-.form-generation {
-  padding: 30px 0 0;
-}
-/deep/ .ele-form-upload-file .el-link--inner img {
-  visibility: hidden;
-}
-/deep/ .ele-form .el-form-item .el-form-item__label {
-  padding: 0 20px 0 0;
-}
-/deep/ .ele-form-btns {
-  text-align: center;
-}
-</style>
+<template>
+  <div
+    class="form-generation"
+    v-loading="isLoading"
+  >
+    <!-- <h4>{{title}}</h4> -->
+    <el-row
+      type="flex"
+      justify="center"
+    >
+      <el-col :span="21">
+        <bank-form-heard
+          ref="bank"
+          :data="infoData"
+          :id="id"
+        ></bank-form-heard>
+      </el-col>
+    </el-row>
+    <ele-form
+      :formDesc="formDesc"
+      v-model="formData"
+      :isLoading="isLoading"
+      :formError="formError"
+      :span="21"
+      @request="handleRequest"
+      @back="goBack"
+      v-bind="formAttr"
+      title=''
+    >
+
+      <template v-slot:form-content="{formData,  formDesc, formErrorObj }">
+        <template v-for="(formItem, field, index) of formDesc">
+          <component
+            :key='index'
+            v-if="formItem.type == 'groupSummary'"
+            :is="formItem._type"
+            :titleStr="formItem.label"
+          />
+          <el-form-item
+            :key='index'
+             v-else-if="formItem.type !== 'groupTitle'&& formItem.type !== 'groupSummary'"
+            :error="formErrorObj ? formErrorObj[field] : null"
+            :label="
+                    (formAttr.isShowLabel === false || formItem.isShowLabel === false) ? null : formItem.label
+                  "
+            :prop="field"
+            :label-width="formItem._type.indexOf('columns') == -1  ? formAttr.labelWidth+'px' : '0px'"
+          >
+            <el-tooltip
+              v-if='formItem.attrs && formItem.attrs.summary'
+              class="item"
+              effect="dark"
+              :content="formItem.attrs && formItem.attrs.summary"
+              placement="top"
+            >
+              <i class="el-icon-warning-outline isSummary"></i>
+            </el-tooltip>
+
+            <component
+              v-if="formItem.business !== '888'&& formItem._type !=='custom-table' && formItem.type !== 'groupSummary'
+
+             && formItem._type !=='columns' && formItem.type !=='formDep'  && formItem.type !=='person' && formItem.type !=='linkForm'
+             &&(formItem._type =='ele-form-input' && formItem.attrs && formItem.attrs.type !=='number')"
+              :disabled="formAttr.disabled || formItem._disabled"
+              :desc="formItem"
+              :is="formItem._type"
+              :options="formItem._options"
+              :ref="field"
+              :field="field"
+              @onChange='onChange'
+              v-model="formData[field]"
+            />
+            <component
+              v-else-if=" formItem.type =='upload-file' || formItem.type =='image-uploader'|| formItem.type =='quill-editor'|| formItem.type =='switch'"
+              :disabled="formAttr.disabled || formItem._disabled"
+              :desc="formItem"
+              :is="formItem._type"
+              :options="formItem._options"
+              :ref="field"
+              :field="field"
+              @onChange='onChange'
+              v-model="formData[field]"
+            />
+            <!-- ele-form-radio
+ele-form-checkbox
+ele-form-datetime
+ele-form-datetimerange -->
+            <component
+              v-if="formItem.type=='radio'||formItem.type=='checkbox'||formItem.type=='datetime'||formItem.type=='datetimerange'"
+              :disabled="formAttr.disabled || formItem._disabled"
+              :desc="formItem"
+              :is="formItem._type"
+              :options="formItem._options"
+              :ref="field"
+              :field="field"
+              @onChange='onChange'
+              v-model="formData[field]"
+            />
+            <component
+              v-if="formItem.attrs&& formItem.attrs.type =='number'"
+              :disabled="formAttr.disabled || formItem._disabled"
+              :desc="formItem"
+              :is="formItem._type"
+              :options="formItem._options"
+              :ref="field"
+              :field="field"
+              @input="(res)=>{formatNumbers(res,formItem.attrs.numbers,formItem,field)}"
+              v-model="formData[field]"
+            />
+            <component
+              v-if="formItem._type =='custom-table'"
+              :disabled="formAttr.disabled || formItem._disabled"
+              :desc="formItem"
+              :is="formItem._type"
+              :options="formItem._options"
+              :ref="field"
+              :field="field"
+              @input="(res)=>{inputChange(res,formItem.attrs.numbers,formItem,field)}"
+              v-model="formData[field]"
+            />
+            <component
+              v-if="formItem._type =='columns'"
+              :disabled="formAttr.disabled || formItem._disabled"
+              :desc="formItem"
+              :is="formItem._type"
+              :options="formItem._options"
+              :ref="field"
+              :field="field"
+              @input="(res)=>{inputChange(res,formItem.attrs.numbers,formItem,field)}"
+              v-model="formData[field]"
+            />
+            <component
+              v-if="formItem.type =='formDep'"
+              :disabled="formAttr.disabled || formItem._disabled"
+              :desc="formItem"
+              :is="formItem._type"
+              :options="formItem._options"
+              :ref="field"
+              :field="field"
+              :defaultArr="formData[field]"
+              :isMultiple='formItem.attrs?formItem.attrs.multiple:false'
+              @input="(res)=>{inputChange(res,formItem.attrs,formItem,field)}"
+              @dep="(res)=>{dep(res,formItem.attrs,formItem,field)}"
+              v-model="formData[field+'Str']"
+            />
+            <component
+              v-if="formItem.type =='person'"
+              :disabled="formAttr.disabled || formItem._disabled"
+              :desc="formItem"
+              :is="formItem._type"
+              :options="formItem._options"
+              :ref="field"
+              :field="field"
+              :isMultiple='formItem.attrs?formItem.attrs.multiple:false'
+              :defaultArr="formData[field]"
+              @input="(res)=>{inputChange(res,formItem.attrs,formItem,field)}"
+              @dep="(res)=>{dep(res,formItem.attrs,formItem,field)}"
+              v-model="formData[field+'Str']"
+            />
+            <component
+              v-if="formItem.type =='linkForm'"
+              :disabled="formAttr.disabled || formItem._disabled"
+              :desc="formItem"
+              :is="formItem._type"
+              :options="formItem._options"
+              :ref="field"
+              :field="field"
+              :defaultArr1="formData[field]"
+              :menuId='formItem.attrs?formItem.attrs.formLink:""'
+              :isMultiple='formItem.attrs?formItem.attrs.multiple:false'
+              @input="(res)=>{inputChange(res,formItem.attrs,formItem,field)}"
+              @dep="(res)=>{dep(res,formItem.attrs,formItem,field)}"
+              @getcurrentTitle="(res)=>{formCurrentTitle(res,formItem.attrs,formItem,field)}"
+              v-model="formData[field+'Str']"
+            />
+            <span
+              :key='index'
+              v-else-if="$route.name!='formGeneration' && (formItem.type == 'postman'|| formItem.type == 'handleCode')"
+              :ref="field"
+            >系统自动生成</span>
+
+            <div
+              class="ele-form-tip"
+              v-if="formItem.tip"
+              v-html="formItem.tip"
+            >
+            </div>
+          </el-form-item>
+          <component
+            :key='index'
+            v-else-if="formItem.type == 'groupTitle'"
+            :is="formItem._type"
+            :ref="field"
+            :titleStr="formItem.label"
+          />
+
+        </template>
+
+      </template>
+
+      <!-- <template v-slot:form-content="{ formData, formDesc, formErrorObj }">
+
+        <template v-for="(formItem, field, index) of formDesc">
+
+          <el-form-item :key='index' :error="formErrorObj ? formErrorObj[field] : null" :label="
+                    (formAttr.isShowLabel === false || formItem.isShowLabel === false) ? null : formItem.label
+                  " :prop="field"
+            :label-width="formItem._type.indexOf('columns') == -1  ? formAttr.labelWidth+'px' : '0px'">
+            <component v-if="formItem.business !== '888'"
+              :disabled="formAttr.disabled || formItem._disabled" :desc="formItem"
+              :is="formItem._type" :options="formItem._options" :ref="field" :field="field"
+              v-model="formItem.default" />
+
+            <div class="ele-form-tip" v-if="formItem.tip" v-html="formItem.tip">
+
+            </div>
+
+          </el-form-item>
+          <div id="components" :key='index'  class="component-container" v-if="formItem.business == '888'">
+            <bank-form-heard  ref="bank" :data="infoData" :id="id" ></bank-form-heard>
+          </div>
+        </template>
+      </template> -->
+
+    </ele-form>
+  </div>
+</template>
+
+<script>
+import _ from "lodash-es";
+import { mapState } from "vuex";
+import * as api from "@/api/apiFormBuilder/menu";
+import formAttrDefault from "@/store/formBuilder/formAttrDefault";
+import bankFormHeard from "@/formBuilder/components/app-main/components/components/bankFormHeard";
+import { queryProcessByType, applyProcessCustomForm } from "@/api/apiProcess";
+import GroupTitle from "@/formBuilder/components/app-main/components/components/GroupTitle.vue";
+import GroupSummary from "@/formBuilder/components/app-main/components/components/GroupSummary.vue";
+import { StrHandle } from "@/fnc/arr";
+import handleCode from "@/formBuilder/components/app-main/components/components/handleCode";
+import postman from "@/formBuilder/components/app-main/components/components/postman";
+import formDep from "@/formBuilder/components/app-main/components/components/formDep";
+import person from "@/formBuilder/components/app-main/components/components/person";
+import linkForm from "@/formBuilder/components/app-main/components/components/linkForm";
+
+export default {
+  name: "FormGeneration",
+  components: {
+    bankFormHeard,
+    GroupTitle,
+    GroupSummary,
+    postman,
+    handleCode,
+    formDep,
+    person,
+    linkForm
+  },
+  data() {
+    return {
+      apps: "bankFormHeard",
+      formData: {},
+      curIndex: null,
+      curFIndex: null,
+      formDesc: {},
+      formAttr: {},
+      isLoading: false,
+      formError: {},
+      formId: "",
+      id: "",
+      menuId: "",
+      infoData: {
+        departmentCompanyNo: "",
+        departmentNo: "",
+        staffNo: "",
+        charger: ""
+      },
+      processId: "",
+      processName: ""
+    };
+  },
+  computed: {
+    ...mapState(["user"]),
+    // title() {
+    //   return this.$store.state.formBuilder.name;
+    // },
+    getStrArr() {
+      return function(formData, field) {
+        return this.arr[index].username.match(this.name) !== null;
+      };
+    }
+  },
+  watch: {
+    $route(to, from) {
+      this.getFormDes();
+      this.getFormDataById();
+    },
+    list: {
+      deep: true,
+      handler: function(newVal, oldVal) {
+        const _this = this;
+        if (newVal && _this.isLink) {
+        }
+      }
+    },
+    formDesc: {
+      deep: true,
+      handler: function(newVal, oldVal) {
+        const _this = this;
+        _this.$delete(_this.formDesc, "business");
+      }
+    },
+    formData: {
+      deep: true,
+      immediate: true,
+      handler: function(newVal, oldVal) {
+        const _this = this;
+        if (newVal) {
+          for (const name in _this.formDesc) {
+            if (
+              _this.formDesc[name].attrs &&
+              _this.formDesc[name].attrs.columns
+            ) {
+              _this.formDesc[name].attrs.columns.forEach(e => {
+                if (
+                  _this.formDesc[name].type == "custom-table" &&
+                  e.type != "index"
+                ) {
+                  if (e.content.customMode == 1 && e.content.customValue) {
+                    const func = this.formatFunc(
+                      e.content.customValue,
+                      newVal,
+                      _this.formDesc,
+                      name
+                    );
+                    var exp = null;
+                    if (exp == _this.$store.state.curCusTableIndex) {
+                    } else {
+                      if (_this.formData[name].length == 0) {
+                        _this.formData[name].push({
+                          [e.prop]: func
+                        });
+                      }
+                      _this.$set(
+                        _this.formData[name][
+                          _this.$store.state.curCusTableIndex
+                        ],
+                        e.prop,
+                        func
+                      );
+                    }
+
+                    //   if (!strReg.test(_this.formDesc[name].customValue)) {
+                    //     _this.formData[name] = _this.formDesc[name].customValue;
+                    //   }
+                  }
+                } else if (e.customMode == 1 && e.customValue) {
+                  const func = this.formatFunc(
+                    e.customValue,
+                    newVal,
+                    _this.formDesc
+                  );
+                  //   _this.formData[name][e.field] = func;
+
+                  _this.$set(_this.formData[name], e.field, func);
+                  //   if (!strReg.test(_this.formDesc[name].customValue)) {
+                  //     _this.formData[name] = _this.formDesc[name].customValue;
+                  //   }
+                }
+              });
+            }
+            if (
+              _this.formDesc[name].customMode == 1 &&
+              _this.formDesc[name].customValue
+            ) {
+              const func = this.formatFunc(
+                _this.formDesc[name].customValue,
+                newVal,
+                _this.formDesc
+              );
+              //   _this.formData[name] = func;
+              _this.$set(_this.formData, name, func);
+              //   if (!strReg.test(_this.formDesc[name].customValue)) {
+              //     _this.formData[name] = _this.formDesc[name].customValue;
+              //   }
+            }
+          }
+          _this.$delete(_this.formData, "business");
+        }
+      }
+    }
+  },
+  methods: {
+    formCurrentTitle(res, attrs, formItem, field) {
+      const vm = this;
+      vm.$set(vm.formData, [field], res.title);
+      vm.$set(vm.formData, [field + "Arr"], attrs.dataRules);
+      vm.getcurrentRule(res, attrs, formItem, field);
+    },
+    getcurrentRule(res, attrs, formItem, field) {
+      const vm = this;
+      // 对端表单数据
+      const remoteData = res.data[res.index].content;
+
+      const newObj = {};
+      attrs.dataRules.forEach((e, i) => {
+        if (_.has(remoteData, e.itemRemote)) {
+          vm.$set(vm.formData, [e.itemSource], remoteData[e.itemRemote]);
+        }
+      });
+    },
+    onChange(res) {
+      console.log(res);
+    },
+    inputChange(res, numbers, formItem, field) {
+      const vm = this;
+      vm.$set(vm.formData, field, res);
+    },
+    dep(res, numbers, formItem, field) {
+      const vm = this;
+
+      vm.$set(vm.formData, [field + "Str"], res);
+    },
+    formatNumbers(res, numbers, formItem, field) {
+      const vm = this
+      // 控制小数位
+      this.$nextTick(() => {
+        formItem.default = Number(res).toFixed(Number(numbers));
+        var s = 1 / Math.pow(10, Number(numbers));
+        this.$refs[field][0].attrs.step = s;
+      });
+      vm.$set(vm.formData, field, res);
+    },
+    getFormDataRes() {
+      const vm = this;
+      for (const key in vm.formDesc) {
+        if (key !== "bank-form-heard") {
+          //   vm.formData[key] = vm.formDesc[key].default;
+          vm.$set(vm.formData, key, vm.formDesc[key].default);
+        }
+      }
+      return vm.formData;
+    },
+    // 获取表单配置信息
+    async getFormDes() {
+      const id = this.$route.params.id;
+      if (!id) {
+        return;
+      }
+      this.menuId = id;
+      const { data } = await api.queryFormByMenu({
+        menuId: id,
+        companyNo: this.user.cno
+      });
+      if (data.state == "ok" && JSON.stringify(data.data) == "{}") {
+        this.formId = data.data.id;
+      } else if (data.state == "ok" && data.data) {
+        this.formId = data.data.id;
+        const formDesc = Object.entries(data.data.content.formDesc).map(
+          ([key, val]) => {
+            if (val.type == "image-uploader" || val.type == "quill-editor") {
+              val.attrs.responseFn = function(response, file) {
+                return response.data;
+              };
+            }
+            if (val.type == "upload-file") {
+              val.attrs.responseFn = function(response, file) {
+                return { name: file.name, url: response.data };
+              };
+            }
+            if (val.type == "columns") {
+              val.attrs.columns.forEach((i, index) => {
+                if (i.type == "image-uploader" || i.type == "quill-editor") {
+                  i.attrs.responseFn = function(response, file) {
+                    return response.data;
+                  };
+                }
+                if (i.type == "upload-file") {
+                  i.attrs.responseFn = function(response, file) {
+                    return { name: file.name, url: response.data };
+                  };
+                }
+              });
+            }
+            if (val.attrs && val.attrs.type && val.attrs.type == "number") {
+              //   if (val.attrs.numbers) {
+
+              //   }
+              val.attrs.min = 0;
+              val.attrs.max = 99999999999999999;
+              //   val.attrs.step = "0.0001";
+            }
+            // 处理正则pattern
+            if (val.rules) {
+              val.rules.map(one => {
+                one.pattern = eval(one.pattern);
+              });
+            }
+          }
+        );
+        this.formDesc = data.data.content.formDesc;
+        data.data.content.formAttr.isShowBackBtn = true;
+        data.data.content.formAttr.isShowSubmitBtn = true;
+        this.formAttr = Object.assign(
+          _.cloneDeep(formAttrDefault),
+          data.data.content.formAttr
+        );
+      } else {
+        this.$message.error(data.msg ? data.msg : "获取信息失败");
+      }
+      this.formId && this.queryProcessByType();
+    },
+    async handleRequest(data) {
+      // 修复取值问题bug
+      //    if (!this.formData.business) {
+
+      //     }
+      //   data = data.business ? data : this.getFormDataRes();
+      data = data || this.getFormDataRes();
+      const _this = this;
+      if (this.isLoading) return;
+      this.isLoading = true; // 更改状态
+
+      const infoData = this.$refs.bank.getFormData();
+      if (!infoData) {
+        this.isLoading = false;
+        return;
+      }
+      try {
+        this.isLoading = true; // 更改状态
+        // 布局组件处理
+        const fields = Object.keys(this.formDesc).filter(
+          key => this.formDesc[key].type.indexOf("columns") > -1
+        );
+
+        if (fields.length > 0) {
+          fields.forEach(item => {
+            data = Object.assign(data, data[item]);
+          });
+        }
+        const parse = Object.assign({}, data, {
+          companyNo: infoData.departmentCompanyNo,
+          departmentNo: infoData.departmentNo,
+          staffNo: infoData.staffNo,
+          operator: infoData.charger,
+          companyStr: infoData.companyStr,
+          departmentStr: infoData.departmentStr,
+          staffStr: infoData.staffStr,
+          menuId: this.menuId
+        });
+        this.toApply(parse);
+      } catch (error) {
+        this.formError = { message: "保存失败" };
+        this.isLoading = false;
+      } finally {
+        // this.isLoading = false
+      }
+    },
+    async saveData(parse, auditId) {
+      const par = Object.assign(parse, { auditId: auditId });
+      const content = JSON.stringify(par);
+      const params = {
+        formId: this.formId,
+        companyNo: this.user.cno,
+        userNo: this.user.no,
+        content: content
+      };
+      let response;
+      if (this.id) {
+        params.id = this.id;
+        response = await api.updateFormData(params); // 发送请求
+      } else {
+        response = await api.saveFormData(params); // 发送请求
+      }
+      // 成功处理  this.toApply(parse, response.data.data)
+
+      if (response.data.state == "ok") {
+        this.$message.success("添加成功");
+        this.formData = {};
+        this.$removeTag("/designListPage/" + this.menuId);
+      } else {
+        this.$message.error(response.data.msg);
+        this.isLoading = false;
+      }
+    },
+    goBack() {
+    //  this.$router.push({
+    //    name: "formDataDetail",
+    //    params: { id: this.menuId }
+    //  });
+      // this.$removeTag("/designListPage/" + this.menuId);
+    },
+    async getFormDataById() {
+      const objId = this.$route.query.dataId;
+      if (!objId) {
+        return;
+      }
+      const res = await api.queryFormData({ id: objId });
+
+      if (res.data.state == "ok") {
+        this.formData = Object.assign({}, this.formData, res.data.data.content);
+
+        this.id = res.data.data._id;
+        this.infoData.departmentCompanyNo = res.data.data.content.companyNo;
+        this.infoData.departmentNo = res.data.data.content.departmentNo;
+        this.infoData.staffNo = res.data.data.content.staffNo;
+        this.infoData.charger = res.data.data.content.operator;
+      }
+    },
+    // 判断是不是有关联值
+    isLink() {
+      let flg = false;
+      const _this = this;
+      if (this.formDesc) {
+        for (const name in _this.formDesc) {
+          if (
+            _this.formDesc[name].customMode == 1 &&
+            _this.formDesc[name].customValue
+          ) {
+            flg = true;
+          }
+        }
+      }
+      return flg;
+    },
+    // 根据value转化成function
+    formatFunc(customValue, newVal, formDesc, parentFiled) {
+      const vm = this;
+      const strReg = new RegExp(/\{key_[0-9]+\}/g);
+
+      const mackReg = new RegExp(
+        /[\+\-\*\/]|[<=]+|[>=]+|[!=]+|[==]+|AND|OR|NOT|\(|\)|TRUE|FALSE/g
+      );
+      const logicReg = new RegExp(/(AND|OR|NOT)*/g);
+      const logicReg2 = new RegExp(/(\&\&+|\|\|+|[!=]+|[==]+)/g);
+      const flagReg = new RegExp(/[\{\}]/g);
+      const brackets = new RegExp(/[\(|\)]/g);
+      const arr = [];
+      var currentFiled = "";
+      //   const str2 = customValue.replace(/\{key_[0-9]+\}/g, "")
+      //   console.log(str2, "@@@");
+      let str = customValue.replace(/\{key_[0-9]+\}/g, function(match) {
+        const filed = (currentFiled = match.substring(1, match.length - 1));
+        if (parentFiled) {
+          var ss;
+          var curkey = "";
+          if (!newVal[parentFiled]) {
+            newVal[parentFiled] = [];
+          }
+          var curIndex = _.findIndex(newVal[parentFiled], function(o) {
+            for (var key in o) {
+              if (Object.hasOwnProperty.call(o, key)) {
+                const element = o[key];
+                if (o.type != "index") {
+                  if (key == filed) {
+                    curkey = key;
+                    return o[key] == element;
+                  }
+                }
+              }
+            }
+          });
+
+          vm.curIndex = curIndex;
+          var curFIndex = _.findIndex(
+            formDesc[parentFiled]?.attrs?.columns,
+            function(o) {
+              if (o.type != "index") {
+                return customValue.indexOf(o.prop) > -1;
+              }
+            }
+          );
+          vm.curFIndex = curFIndex;
+
+          var cv =
+            !newVal[parentFiled][vm.$store.state.curCusTableIndex] &&
+            newVal[parentFiled]?.length == 0
+              ? ""
+              : vm.$store.state.curCusTableIndex == null
+                ? newVal[parentFiled][newVal[parentFiled]?.length - 1][filed]
+                : newVal[parentFiled][vm.$store.state.curCusTableIndex][filed];
+          var curCustomV = _.find(
+            formDesc[parentFiled]?.attrs?.columns,
+            function(o) {
+              if (o.type != "index") {
+                return o.content.customValue == customValue;
+              }
+            }
+          ).content.customValue;
+          ss = cv || "";
+          //   ss = cv || curCustomV || "";
+        } else {
+          var ss = newVal[filed]
+            ? newVal[filed]
+            : formDesc[filed].customValue
+              ? formDesc[filed].customValue
+              : "";
+        }
+        if (typeof newVal[filed] === "boolean" || typeof cv === "boolean") {
+          ss = newVal[filed].toString();
+        }
+        if (
+          formDesc[currentFiled]._type == "ele-form-checkbox" ||
+          formDesc[parentFiled]?.attrs?.columns[curFIndex]?.content?.type ==
+            "ele-form-checkbox"
+        ) {
+          if (Array.isArray(ss)) {
+            ss.forEach((e, i) => {
+              const ss2 = _.find(formDesc[currentFiled].options, function(o) {
+                return o.value == e;
+              });
+              arr.push(ss2.text);
+            });
+          }
+          return arr;
+        }
+        if (
+          formDesc[currentFiled]._type == "ele-form-radio" ||
+          formDesc[parentFiled]?.attrs?.columns[curFIndex]?.content?.type ==
+            "ele-form-radio"
+        ) {
+          const ss2 = _.find(formDesc[currentFiled].options, function(o) {
+            return o.value == ss;
+          });
+          return ss2 ? ss2.text : "";
+        }
+        // arr.push(ss2);
+        return ss;
+      });
+
+      //   const resArr = str.match(logicReg);
+      str = str.replace(logicReg, function(match) {
+        if (match == "AND") {
+          return "&&";
+        } else if (match == "OR") {
+          return "||";
+        } else if (match == "NOT") {
+          return "!==";
+        } else {
+          return "";
+        }
+      });
+      //   str = str.replace(mackReg, function(match) {
+      //     return " " + match.substring(1, match.length - 1) + " ";
+      //   });
+      // 判断计算相关节点是不是都是''
+
+      const flg = arr.filter((item, index) => {
+        return !!item;
+      });
+      // 取type
+      var flag2 = _.get(
+        formDesc[currentFiled] ||
+          formDesc[parentFiled]?.attrs?.columns[vm.curFIndex]?.content,
+        "_type",
+        false
+      );
+      // 是否纯文字
+      if (flg.length > 0 && flag2 !== "ele-form-checkbox") {
+        if (typeof new Function("return " + "" + str + "")() === "boolean") {
+          // 判断是否布尔值 是布尔值则做转换
+          return new Function("return " + "" + str + "")().toString();
+          //   return "aaa"
+        } else {
+          //   return eval(`(${str})`)
+          if (mackReg.test(str) && !str.includes(/[a-zA-Z]/)) {
+            str = StrHandle(str, mackReg);
+            str.includes("NaN") ? (str = "") : null;
+          }
+          return new Function("return " + "" + str + "")();
+          //   return "aaa";
+        }
+      } else if (flag2 == "ele-form-checkbox") {
+        return str.toString();
+      } else if (!strReg.test(str)) {
+        const eXstr = "";
+        if (/'(.*)'/.test(str)) {
+          str = str.replace(/'/g, "");
+          return str;
+        }
+        if (mackReg.test(str) && !/[a-zA-Z]/.test(str)) {
+          if (brackets.test(str)) {
+            // 如果包含括号
+            if (
+              typeof new Function("return " + "" + str + "")() === "boolean"
+            ) {
+              // 判断是否布尔值 是布尔值则做转换
+              return new Function("return " + "" + str + "")().toString();
+              //   return "aaa"
+            } else {
+              return new Function("return " + "" + str + "")();
+            }
+          } else {
+            // 如果不包含括号
+            str = StrHandle(str, mackReg);
+            str.includes("NaN") ? (str = "") : null;
+            if (
+              typeof new Function("return " + "" + str + "")() === "boolean"
+            ) {
+              // 判断是否布尔值 是布尔值则做转换
+              return new Function("return " + "" + str + "")().toString();
+              //   return "aaa"
+            } else {
+              return new Function("return " + "" + str + "")();
+            }
+          }
+        }
+        if (logicReg2.test(str)) {
+          return new Function("return " + "" + str + "")().toString();
+        }
+        return str;
+        //   return "aaa";
+      } else {
+        return "";
+      }
+    },
+    // 审批
+    async toApply(content) {
+      const type = "customForm_" + this.formId;
+      const applierName = this.$store.state.user.realName
+        ? this.$store.state.user.realName
+        : this.$store.state.user.accountName;
+      const businessName = applierName + "的" + this.processName;
+      const param = {
+        ...content,
+        id: this.processId,
+        objId: "1",
+        companyId: this.user.cno,
+        userId: this.user.no,
+        applyType: type,
+        businessName: businessName,
+        applierName: applierName
+      };
+      const data = { content: JSON.stringify(param) };
+      const res = await applyProcessCustomForm(data);
+      //   if (res.data.state === "ok") {
+
+      if (res.data.state === "ok") {
+        this.saveData(content, res.data.data);
+      } else {
+        this.$message.error(res.data.msg);
+        this.isLoading = false;
+      }
+    },
+    // 查询表单审批流程
+    async queryProcessByType() {
+      const type = "customForm_" + this.formId;
+      const res = await queryProcessByType({
+        companyId: this.$store.state.user.cno,
+        type: type
+      });
+      if (res.data.state == "ok" && res.data.data) {
+        this.processId = res.data.data ? res.data.data._id : "";
+        const content =
+          res.data.data && res.data.data.content
+            ? JSON.parse(res.data.data.content)
+            : {};
+        this.processName = content.name.substring(0, content.name.length - 2);
+      }
+    }
+  },
+  created() {
+    this.getFormDes();
+    this.getFormDataById();
+  },
+  mounted() {}
+};
+</script>
+<style lang="scss" scoped>
+h4 {
+  margin-top: 0;
+  padding: 15px 10px 10px 15px;
+  display: block;
+  border-bottom: 1px solid #ccc;
+}
+/deep/ .ele-form-btns {
+  /deep/ .el-button--default {
+    color: #409eff;
+    border-color: #c6e2ff;
+    // background-color: #ecf5ff;
+  }
+}
+.quill-editor /deep/ .ql-editor {
+  height: 200px;
+}
+.isSummary {
+  z-index: 2004;
+  cursor: pointer;
+  position: absolute;
+  left: -17px;
+  top: 14px;
+  //   transform: translateY(-50%);
+}
+.form-generation {
+  padding: 30px 0 0;
+}
+/deep/ .ele-form-upload-file .el-link--inner img {
+  visibility: hidden;
+}
+/deep/ .ele-form .el-form-item .el-form-item__label {
+  padding: 0 20px 0 0;
+}
+/deep/ .ele-form-btns {
+  text-align: center;
+}
+</style>