qgb-process 0.1.52 → 0.1.53

package/src/formBuilder/components/app-main/components/main-right/components/components/calculateDialog.vue

@@ -1,914 +0,0 @@
-<template>
-  <div class="calculate">
-    <el-dialog
-      title="计算公式"
-      :visible.sync="dialogVisible"
-      width="50%"
-      :modal="false"
-      :before-close="handleClose"
-    >
-      <div class="cal-content">
-        <div class="cal-desc">
-          <h4>当前表单</h4>
-          <ul v-if="desc && desc.length > 0">
-            <template v-for="(item,index) in desc">
-              <li
-                :key="index"
-                v-if="item.field != currentFormItem.field && item.field!='business' && item.type!='custom-table'"
-                @click="addNotes(item)"
-              >{{item.label}}</li>
-              <template v-if="item.type=='custom-table' && item.treeData">
-                <el-tree
-                  :data="item.treeData"
-                  :props="defaultProps"
-                  @node-click="handleNodeClick2"
-                ></el-tree>
-              </template>
-            </template>
-          </ul>
-        </div>
-        <div class="cal-desc">
-          <h4>运算符/布尔值</h4>
-          <el-tree
-            :data="treeData"
-            :props="defaultProps"
-            @node-click="handleNodeClick"
-          ></el-tree>
-        </div>
-        <div class="cal-mode">
-          <!-- <h4>{{currentFormItem && currentFormItem.label ? currentFormItem.label : ''}}控件的值=</h4> -->
-          <h4>公式=</h4>
-          <div class="text-area">
-            <curTextArea
-              id="textArea"
-              ref="textArea"
-              v-model="notes"
-              @blurFunc="blurHighLight"
-            ></curTextArea>
-            <!-- <div class="btn">
-              <el-button
-                size="mini"
-                @click="addNotes(false)"
-              >插入计算符</el-button>
-              <el-button size="mini">插入函数</el-button>
-            </div> -->
-          </div>
-          <div class="notes">
-            <p>• 请从左侧面板选择字段或选项</p>
-            <!-- <p>• 可根据业务需要选择运算符（+、-、*、/、>、<、==、!=、<=、>=）及函数</p> -->
-            <p>• 参考场景：</p>
-            <p class="text-indet">根据输入的数量和单价，自动计算出金额，则可将计算公式设置为：数量*单价</p>
-          </div>
-        </div>
-      </div>
-      <div
-        style="display:none"
-        ref="container"
-      ></div>
-      <span
-        slot="footer"
-        class="dialog-footer"
-      >
-        <el-button @click="handleClose">取 消</el-button>
-        <el-button
-          type="primary"
-          @click="setCustomValue"
-        >确 定</el-button>
-      </span>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { mapGetters, mapMutations } from "vuex";
-import html2Canvas from "html2canvas";
-import { chi2Eng, isLeaglBrackets } from "@/fnc/arr.js";
-import _ from "lodash-es";
-
-const strReg = new RegExp(
-  /(\{key_[0-9]+\}|[\+\-\*/]+)|\>\=|\=\=|\!\=|\<\=|\>|\<|AND|OR|NOT|\(|\)|TRUE|FALSE/g
-);
-const strRegNoG = new RegExp(
-  /(\{key_[0-9]+\}|[\+\-\*/]+)|\>\=|\=\=|\!\=|\<\=|\>|\<|AND|OR|NOT|\(|\)|TRUE|FALSE/
-);
-const strReg1 = new RegExp(/\{key_[0-9]+\}/g);
-const strReg2 = new RegExp(/^\{key_[0-9]+\}$/);
-const engReg = new RegExp(/^[a-zA-Z]+$/);
-const cnReg = new RegExp(/^[\u4e00-\u9fa5]+$/);
-const strReg3 = new RegExp(
-  /(\{key_[0-9]+\}[\+\-\*\/]|\>\=|\=\=|\!\=|\<\=|\>|\<|\)|AND|OR|NOT)|(\(|\>\=|\=\=|\!\=|\<\=|\>|\<|AND|OR|NOT\{key_[0-9]+\})/
-);
-const mackReg = new RegExp(
-  /[\+\-\*\/]|[<=]+|[>=]+|[!=]+|[==]+|AND|OR|NOT|\(|\)|TRUE|FALSE/g
-);
-const mackReg1 = new RegExp(
-  /[\+\-\*\/\(\)]+|[<=]+|[>=]+|[!=]+|[==]+|AND|OR|NOT|TRUE|FALSE/
-);
-const mackReg1_$ = new RegExp(/(^\+$|^\-$|^\*$|^\/$|^\($|^\)$)/);
-const mackReg1_count = new RegExp(
-  /\{key_[0-9]+\}|[<=]+|[>=]+|[!=]+|[==]+|AND|OR|NOT|TRUE|FALSE/
-);
-const mackReg2 = /\>\=|\=\=|\!\=|\<\=|\>|\</;
-const mackReg3 = /AND|OR|NOT/;
-const logicReg = new RegExp(/(AND|OR|NOT)*/g);
-const mackReg4 = /\=\=|\!\=/;
-const flagReg = new RegExp(/[\{\}]/g);
-const dotReg = new RegExp(/\'(.*)\'/g);
-const dotReg2 = new RegExp(/\'[\s\S]*\' | \"[\s\S]*\"/g); // 匹配字符串
-const numReg = new RegExp(/^([0-9]{1,})$|^([0-9]{1,}[.][0-9]*)$/);
-export default {
-  name: "",
-  mixins: [],
-  extends: {},
-  components: {
-    curTextArea: () => import("./curTextArea")
-  },
-  props: {
-    dialogVisible: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      notes: "",
-      //   calMark: ["+", "-", "*", "/", ">", "<", "==", "!=", "<=", ">="]
-      calMark: ["+", "-", "*", "/"],
-      defaultProps: {
-        children: "children",
-        label: "label"
-      },
-      treeData: [
-        {
-          label: "算术运算符",
-          children: [
-            {
-              label: "+",
-              value: "+"
-            },
-            {
-              label: "-",
-              value: "-"
-            },
-            {
-              label: "*",
-              value: "*"
-            },
-            {
-              label: "/",
-              value: "/"
-            },
-            {
-              label: "(",
-              value: "("
-            },
-            {
-              label: ")",
-              value: ")"
-            }
-          ]
-        },
-        {
-          label: "逻辑运算符",
-          children: [
-            {
-              label: "AND",
-              value: "AND"
-            },
-            {
-              label: "OR",
-              value: "OR"
-            }
-            // {
-            //   label: "NOT",
-            //   value: "NOT"
-            // }
-          ]
-        },
-        {
-          label: "比较运算符",
-          children: [
-            {
-              label: ">",
-              value: ">"
-            },
-            {
-              label: ">=",
-              value: ">="
-            },
-            {
-              label: "<",
-              value: "<"
-            },
-            {
-              label: "<=",
-              value: "<="
-            },
-            {
-              label: "==",
-              value: "=="
-            },
-            {
-              label: "!=",
-              value: "!="
-            }
-          ]
-        },
-        {
-          label: "布尔值",
-          children: [
-            {
-              label: "TRUE",
-              value: true
-            },
-            {
-              label: "FALSE",
-              value: false
-            }
-          ]
-        }
-      ]
-    };
-  },
-  watch: {
-    currentFormItem: {
-      immediate: true,
-      deep: true,
-      handler: function(newVal) {
-        if (newVal && newVal.customValue) {
-          this.setNotes(newVal.customValue, newVal);
-        }
-      }
-    }
-  },
-  computed: {
-    ...mapGetters(["currentFormItem"]),
-    desc: function() {
-      const vm = this;
-      const active = vm.$store.state.activeFormName;
-      const curItem = vm.currentFormItem.field;
-      const curSonItem = vm.currentFormItem.pid;
-      const arr = vm.$store.state.list[active].map((e, i) => {
-        const treeData = [];
-        if (e.type == "custom-table" && e.field == curSonItem) {
-          for (let i2 = 0; i2 < e.attrs.columns.length; i2++) {
-            const e2 = e.attrs.columns[i2];
-            if (e2.type != "index" && !e2.content.pid) {
-              e2.content["pid"] = e.field;
-            }
-            if (
-              e2.type != "index" &&
-              e2.prop != curItem &&
-              e.field == e2.content.pid
-            ) {
-              e2.label = e2.content.label;
-              treeData.push(e2);
-            }
-          }
-          return {
-            attrs: e.attrs,
-            treeData: [
-              {
-                label: e.label,
-                children: treeData
-              }
-            ],
-            default: e.default,
-            error: e.error,
-            field: e.field,
-            label: e.label,
-            rules: e.rules,
-            type: e.type
-          };
-        } if (e.type == "columns" && e.field == curSonItem) {
-          const obj = {}
-          for (let i3 = 0; i3 < e.attrs.columns.length; i3++) {
-
-            const e2 = e.attrs.columns[i3];
-            obj["attrs"] = e2.attrs
-            obj["error"] = false
-            obj["default"] = []
-            obj["field"] = e2.field
-            obj["label"] = e2.label
-            obj["rules"] = e2.rules
-            obj["type"] = e2.type
-          }
-          return obj;
-        } else {
-          return e;
-        }
-      });
-      const arr1 = arr.filter((e, i) => {
-        var falg = _.find(vm.$store.state.list[active], function(o) { return o.field == curSonItem })?.type;
-        if (curSonItem && falg == "custom-table") {
-          return e.type == "custom-table";
-        }
-        return (
-          e.type != "datetimerange" &&
-          e.type != "columns" &&
-          e.type != "upload-file" &&
-          e.type != "image-uploader" &&
-          e.type != "select" &&
-          e.type != "datetime"
-        );
-      });
-      debugger;
-      return arr1;
-    }
-  },
-  methods: {
-    handleNodeClick2(item, e) {
-      if (!item.children) {
-        this.$refs.textArea.addNotes(item, "custom", e.parent.data.label);
-      }
-    },
-    handleNodeClick(item) {
-      if (!item.children) {
-        this.$refs.textArea.addNotes(item, "cal");
-      }
-    },
-    handleClose() {
-      this.notes = "";
-      this.$emit("close");
-    },
-    addNotes(item) {
-      this.$refs.textArea.addNotes(item);
-    },
-    blurHighLight(data) {},
-    setCustomValue() {
-      this.analyzeComAndStr();
-    },
-    async setNotes(customValue, curItem) {
-      const _this = this;
-      // const mackReg = new RegExp(/([+\-*/\>\<])|((?<!=)\==(?!=))|((?<!=)\!=(?!=))|((?<!=)\>=(?!=))|((?<!=)\<=(?!=))/g);
-      //   const mackReg1 = new RegExp(/{(?<!=)==(?!=)}/g | /{(?<!=)==(?!=)}/g);
-
-      let arrPromise = customValue.match(strReg1);
-      if (customValue && !arrPromise) {
-        _this.notes = customValue;
-      } else {
-        arrPromise = arrPromise.map((item, index) => {
-          var node = _this.desc.filter((i, j) => item.indexOf(i.field) > -1)[0];
-          var curPlabel = "";
-          if (!node) {
-            // 开始检查存在的子表
-            const customTableArr = _this.desc.filter((e, i) => {
-              return e.type == "custom-table";
-            });
-            customTableArr.map((e, i) => {
-              if (curItem.pid == e.field) {
-                node = _.find(e.attrs.columns, function(o) {
-                  // o.
-                  // 过滤出子表内符合条件的组件
-                  return item.indexOf(o.prop) != -1;
-                }).content;
-                curPlabel = e.label;
-              }
-            });
-            if (node) {
-              return _this.getLabelData(node, item, curPlabel);
-            }
-          }
-
-          return _this.getLabelData(node, item);
-        });
-
-        Promise.all(arrPromise).then(res => {
-          const custom = customValue.replace(strReg1, function(match) {
-            const result = res.filter((i, k) => i[match]);
-            return result[0][match];
-          });
-          console.log(custom, "@@@@@@@@@@@@@");
-          //  TODO: 这里回显计算符下拉
-          //   custom = custom.replace(mackReg, function(match) {
-          //     let str = "";
-
-          //     str = _this.calMark.reduce((total, item, index) => {
-          //       if (match.indexOf(item) > -1) {
-          //         return (
-          //           total +
-          //           `<option selected="selected" value ="${item}">${item}</option>`
-          //         );
-          //       } else {
-          //         return total + `<option value ="${item}">${item}</option>`;
-          //       }
-          //     }, "<select>");
-          //     str += `</select>`;
-          //     return str;
-          //   });
-          _this.notes = custom;
-        });
-      }
-    },
-    getLabelData(node, item, curPlabel) {
-      return new Promise((resolve, reject) => {
-        const dom = document.createElement("span");
-        if (curPlabel) {
-          dom.innerHTML = `${curPlabel}.${node.label}`;
-        } else {
-          dom.innerHTML = node.label;
-        }
-        dom.style.padding = "5px 5px";
-        dom.style.color = "#52C41A";
-        dom.style.fontSize = "12px";
-        dom.style.borderWidth = "1px";
-        dom.style.borderStyle = "solid";
-        dom.style.borderColor = "rgba(183, 235, 143, 1)";
-        dom.style.borderRadius = "4px";
-        dom.style.backgroundColor = "rgba(246, 255, 237, 1)";
-        if (node.type == "switch") {
-          dom.style.color = "rgba(0, 0, 0, 0.647058823529412)";
-          dom.style.borderColor = "rgba(217, 217, 217, 1)";
-          dom.style.backgroundColor = "rgba(245, 245, 245, 1)";
-        } else if (node.attrs.type == "number") {
-          dom.style.color = "#FA541C";
-          dom.style.borderColor = "rgba(255, 187, 150, 1)";
-          dom.style.backgroundColor = "rgba(255, 242, 232, 1)";
-        } else if (node.type == "checkbox") {
-          dom.style.color = "#b653d1";
-          dom.style.borderColor = "#d3adf7";
-          dom.style.backgroundColor = "#f9f0ff";
-        } else if (node.type == "datetime") {
-          dom.style.color = "#13c2c2";
-          dom.style.borderColor = "#87e8de";
-          dom.style.backgroundColor = "#e6fffb";
-        } else if (node.type == "datetimerange") {
-          dom.style.color = "#1890ff";
-          dom.style.borderColor = "#91d5ff";
-          dom.style.backgroundColor = "#e6f7ff";
-        }
-
-        dom.align = "middle";
-        dom.style.verticalAlign = "middle";
-        document.body.appendChild(dom);
-        html2Canvas(dom).then(canvas => {
-          const imageData = canvas.toDataURL("image/png");
-          document.body.removeChild(dom);
-          const res = `<img src="${imageData}" data-field="${node.field}" data-label="${node.label}" style="vertical-align: middle;" align="middle" margin="5px" />`;
-          const json = {};
-          json[item] = res;
-          resolve(json);
-        });
-      });
-    },
-    existSameCom(regRes) {
-      var vm = this;
-      var flag = false;
-      if (!regRes) {
-        return flag;
-      }
-      //   const CurID = "{" + this.currentFormItem.field + "}"
-      var CurID = this.currentFormItem.field;
-      for (var i = 0; i < regRes.length; i++) {
-        // 拿到当前组件中输入的组件ID
-        const e = regRes[i];
-        if (strReg2.test(e)) {
-          for (var i2 = 0; i2 < this.desc.length; i2++) {
-            var e2 = this.desc[i2];
-
-            if (e2.customValue && e2.customValue.includes(CurID)) {
-              if (CurID != e2.field) {
-                flag = true;
-                console.log(e, e2, "找到包含😁😁😁😁");
-                return flag;
-              }
-            }
-            if (
-              e2.customValue &&
-              e2.customValue.includes(e) &&
-              e2.type == "switch"
-            ) {
-              flag = "switch";
-              return flag;
-            }
-            // if (
-            //   e2.customValue &&
-            //   e2.customValue.includes(CurID) &&
-            //   CurID != e2.field
-            // ) {
-            // }
-          }
-        }
-      }
-      return flag;
-      //   return new Promise((resolve, reject) => {
-
-      //   });
-    },
-    analyzeComAndStr() {
-      const vm = this;
-      let isComAndStr = false;
-      let isOnlyCom = false;
-      let str = vm.$refs.textArea.setCustomValue();
-      let StrHandle;
-      const regRes = str.match(strReg);
-      const regRes2 = str.match(strReg2);
-      const strV = str.replace(strReg1, "");
-
-      const strNumber =
-        strV.replace(mackReg, "") == ""
-          ? ""
-          : Number(strV.replace(mackReg, ""));
-      // 进行运算符号过滤 将中文符号转换成英文符号
-      str = chi2Eng(str);
-      //   str = str.replace(/“|”/g, "'");
-      str = str.replace(/"/g, "'");
-      // 校验组件间的公式是否互相调用
-      if (vm.existSameCom(regRes)) {
-        vm.$message.error(
-          "计算公式不能设置相互赋值，例组件A=组件B，组件B=组件A"
-        );
-        return;
-      }
-
-      const flag = isLeaglBrackets(str);
-      if (strReg1.test(str) && str.replace(strReg1, "") !== "") {
-        isComAndStr = true;
-      } else if (str.replace(strReg1, "") == "") {
-        isOnlyCom = true;
-      }
-      //   if (str.replace(strReg1, "")) {
-      // isComAndStr = true;
-      //   }
-
-      if (str === false) return;
-      if (!flag) {
-        vm.$message.error("小括号使用不合法");
-        return;
-      }
-      if (dotReg.test(str) && str.replace(dotReg, "") == "") {
-        // 输入了字符串文本 例：“我我我”
-        //   str = str.replace("'", "");
-        if (vm.currentFormItem.attrs.type == "number") {
-          if (typeof str != "number") {
-            vm.$message.error("公式返回数据类型不匹配");
-            return;
-          }
-        }
-      } else if (regRes2 && isOnlyCom) {
-        // 输入框只有组件
-      } else if (regRes && isComAndStr) {
-        // 输入框不仅有组件 还有其它字符
-        // 检查组件前后是否有运算符
-        const arr = str.split(mackReg1);
-        const arr1 = _.compact(arr);
-        let notAllNumberFlag = false;
-        let curCom = "";
-        const elementArr = [];
-        const elementArr2 = [];
-        const elementArr3 = [];
-        // 检查是否使用了不同组件进行比较
-        for (let i3 = 0; i3 < this.desc.length; i3++) {
-          const e3 = this.desc[i3];
-          // 先把所有组件的类型push进数组
-          for (let i = 0; i < arr1.length; i++) {
-            const regResE = arr1[i];
-            var currentF2 = regResE.replace(flagReg, "");
-            curCom = regResE;
-            if (e3.field == currentF2) {
-              if (mackReg2.test(str)) {
-                elementArr.push(e3.attrs.type);
-              }
-              if (mackReg3.test(str)) {
-                elementArr2.push(e3.type);
-              }
-              if (mackReg4.test(str)) {
-                elementArr3.push(e3.type);
-              }
-            }
-          }
-        }
-        // 开始比较elementArr
-        for (let i1 = 0; i1 < elementArr.length; i1++) {
-          const e1 = elementArr[i1];
-          if (elementArr[i1 + 1] && e1 != elementArr[i1 + 1]) {
-            // 如果有不同的 说明类型不一样 直接报错
-            vm.$message.error("公式不满足组件类型要求");
-            return;
-          }
-          //   if (i == elementArr.length - 1) {
-          //     vm.$set(vm.currentFormItem, "customValue", str);
-          //     vm.handleClose();
-          //     return;
-          //   }
-        }
-        // 开始比较 elementArr2
-        for (let i2 = 0; i2 < elementArr2.length; i2++) {
-          const e2 = elementArr2[i2];
-          if (e2 != "switch") {
-            // 如果有不同的 说明类型不一样 直接报错
-            vm.$message.error("公式不满足组件类型要求");
-            return;
-          }
-        }
-        // 开始比较 elementArr3
-        for (let i3 = 0; i3 < elementArr3.length; i3++) {
-          const e3 = elementArr3[i3];
-          if (elementArr3[i3 + 1] && e3 != elementArr3[i3 + 1]) {
-            // 如果有不同的 说明类型不一样 直接报错
-            vm.$message.error("公式不满足组件类型要求");
-            return;
-          }
-          //   if (i == elementArr3.length - 1) {
-          //     vm.$set(vm.currentFormItem, "customValue", str);
-          //     vm.handleClose();
-          //     return;
-          //   }
-        }
-        // 这里用运算符分割数组 检查每个元素是否符合规范
-        for (let i = 0; i < arr1.length; i++) {
-          const e = arr1[i];
-
-          if (numReg.test(e)) {
-            continue;
-          } else {
-            if (!strReg2.test(e)) {
-              notAllNumberFlag = true;
-            }
-          }
-          if (vm.currentFormItem.attrs.type == "number") {
-            if (notAllNumberFlag) {
-              vm.$message.error("公式返回数据类型不匹配");
-              return;
-            }
-            if (strReg2.test(e)) {
-              for (let i2 = 0; i2 < vm.desc.length; i2++) {
-                const e2 = vm.desc[i2];
-                var currentF = e.replace(flagReg, "");
-                if (e2.field == currentF && e2.attrs.type !== "number") {
-                  //   vm.$message.error("公式返回数据类型不匹配");
-                  //   return;
-                }
-              }
-            }
-          }
-
-          if (!strReg2.test(e)) {
-            vm.$message.error("公式校验失败，请检查");
-            return;
-          }
-        }
-        // 检查最后一位是否是运算符
-        for (let i = 0; i < regRes.length; i++) {
-          var regResE = regRes[i];
-          if (strReg2.test(regResE)) {
-            curCom = regResE;
-            var currentF = regResE.replace(flagReg, "");
-            for (let i3 = 0; i3 < this.desc.length; i3++) {
-              const e3 = this.desc[i3];
-              if (e3.field == currentF && e3.type == "checkbox") {
-                vm.$message.error("公式中包含多选组件，无法进行计算操作");
-                return;
-              }
-              //   if (e3.field == currentF && e3.type == "switch") {
-              //     vm.$message.error("公式中包含开关组件，无法进行计算操作");
-              //     return;
-              //   }
-            }
-          }
-          if (regResE == "TRUE") {
-            regResE = true;
-            continue;
-          }
-          if (regResE == "FALSE") {
-            regResE = false;
-            continue;
-          }
-
-          strReg1.lastIndex = 0;
-          strReg.lastIndex = 0;
-          if (!mackReg1_count.test(regResE) && !mackReg1_$.test(regResE)) {
-            this.$message.error("多个运算符或组件堆积无意义");
-            return;
-          } else if (regResE == regRes[i + 1]) {
-            this.$message.error("多个运算符或组件堆积无意义");
-            return;
-          }
-
-          if (i == regRes.length - 1) {
-            // 如果最后一位是组件 则什么也不做
-            if (!strReg2.test(regResE)) {
-              if (numReg.test(strNumber) == false) {
-                // 检查如果包含数字之外的字符 则提示公式不合法
-                if (!strNumber) {
-                  this.$message.error("公式校验失败，请检查");
-                  return;
-                }
-                if (mackReg.test(regResE)) {
-                  this.$message.error("运算符后缺少表达式");
-                  return;
-                }
-              }
-            }
-          }
-          if (strReg1.test(regResE)) {
-            if (strV) {
-            }
-            mackReg.lastIndex = 0;
-            var currentF = regResE.replace(flagReg, "");
-            for (let i2 = 0; i2 < vm.desc.length; i2++) {
-              const e2 = vm.desc[i2];
-
-              if (e2.field == currentF) {
-                if (e2.type == "switch") {
-                  continue;
-                }
-
-                if (e2.attrs.type != "number") {
-                  if (mackReg1.test(strV) === false) {
-                    vm.$message.error("公式校验失败，请检查");
-                    return;
-                  }
-                  if (mackReg4.test(strV) && e2.type == "input") {
-                    break;
-                  }
-
-                  vm.$message.error("字符串间做数学运算无意义");
-                  return;
-                }
-              }
-            }
-          }
-          StrHandle = str.replace(logicReg, function(match) {
-            if (match == "AND") {
-              return "&&";
-            } else if (match == "OR") {
-              return "||";
-            } else if (match == "NOT") {
-              return "!==";
-            } else {
-              return "";
-            }
-          });
-          if (str) {
-            try {
-              eval(StrHandle.replace(strReg1, "1"));
-              continue;
-            } catch (error) {
-              this.$message.error("公式校验失败，请检查");
-              return;
-            }
-          }
-        }
-
-        // 开始计算校验
-        const computedStr = StrHandle.replace(strReg1, 1);
-        try {
-          eval(computedStr);
-        } catch (error) {
-          vm.$message.error("公式校验失败，请检查");
-          return;
-        }
-      } else if (!regRes2) {
-        // 输入框纯字符
-
-        try {
-          // 检查组件前后是否有运算符
-          const arr = str.split(mackReg1);
-          const arr1 = _.compact(arr);
-          let notAllNumberFlag = false;
-          const curCom = "";
-          // 这里用运算符分割数组 检查每个元素是否符合规范
-          for (let i = 0; i < arr1.length; i++) {
-            const e = arr1[i];
-            if (numReg.test(e)) {
-              continue;
-            } else {
-              if (!strReg2.test(e)) {
-                notAllNumberFlag = true;
-              }
-            }
-
-            if (vm.currentFormItem.attrs.type == "number" && notAllNumberFlag) {
-              vm.$message.error("公式返回数据类型不匹配");
-              return;
-            }
-            if (!strReg2.test(e)) {
-              vm.$message.error("公式校验失败，请检查");
-              return;
-            }
-          }
-
-          if (/s*/.test(strV) && !mackReg1.test(strV)) {
-            this.$set(this.currentFormItem, "customValue", str);
-            this.handleClose();
-            return;
-          } else {
-            eval(strV);
-          }
-        } catch (error) {
-          vm.$message.error("公式不合法");
-          return;
-        }
-      }
-
-      this.$set(this.currentFormItem, "customValue", str);
-
-      this.handleClose();
-    }
-  },
-  created() {},
-  mounted() {}
-};
-</script>
-<style>
-.calculate .el-dialog__wrapper {
-  background: rgba(0, 0, 0, 0.5);
-}
-.cal-text {
-  padding: 10px;
-  height: 100%;
-  box-sizing: border-box;
-  outline: none;
-  /* display: flex; */
-  align-items: flex-start;
-  flex-wrap: wrap;
-}
-.cal-text img {
-  padding: 0 4px;
-}
-.cal-text select {
-  outline: none;
-  padding: 0 2px;
-}
-.cal-text option {
-  outline: none;
-}
-</style>
-<style lang="scss" scoped>
-.cal-content {
-  display: flex;
-  .cal-desc {
-    width: 180px;
-    padding: 0 0px;
-    height: 400px;
-    border: 1px solid #e1e1e1;
-    margin-right: 10px;
-    border-radius: 6px;
-    overflow-y: auto;
-    h4 {
-      padding: 0 10px;
-      margin: 0;
-      line-height: 32px;
-      border-bottom: 1px solid #e1e1e1;
-    }
-    ul {
-      margin: 0;
-      padding: 0;
-      li {
-        cursor: pointer;
-        padding: 0 0 0 10px;
-        line-height: 30px;
-        &:hover {
-          background-color: #e8f4fe;
-        }
-      }
-    }
-  }
-  .cal-mode {
-    flex: 1;
-    border: 1px solid #e1e1e1;
-    border-radius: 6px;
-    display: flex;
-    flex-direction: column;
-    h4 {
-      margin: 0;
-      line-height: 30px;
-      padding: 0 10px;
-      padding-left: 5px;
-      border-bottom: 1px solid #e1e1e1;
-      //   background: #e8f4fe;
-    }
-    .text-area {
-      height: 258px;
-      flex: 1;
-      position: relative;
-      overflow-y: scroll;
-      .btn {
-        position: absolute;
-        right: 10px;
-        left: 0;
-        bottom: 10px;
-        text-align: right;
-      }
-    }
-    .notes {
-      height: 100px;
-      padding: 0 10px 10px 10px;
-      border-top: 1px solid #e1e1e1;
-      p {
-        margin: 0;
-        line-height: 20px;
-        font-size: 12px;
-        color: #666;
-      }
-      .text-indet {
-        text-indent: 2em;
-      }
-    }
-  }
-}
-/deep/ .el-dialog__body {
-  padding: 10px 20px;
-}
-</style>