qgb-process 0.2.3 → 0.2.7

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

@@ -1,914 +1,914 @@
-<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>
+<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>