qgb-process 0.2.3 → 0.2.7

package/src/formBuilder/components/app-main/components/main-right/components/form-item-config.vue

@@ -1,478 +1,478 @@
-
-<template>
-  <div class="config-box">
-    <template v-if="currentFormItem && currentFormItem.business !=='888'">
-      <div class="config-type-span"><span>{{configTypeName}}</span></div>
-      <ele-form
-        :formData="currentFormItem"
-        :formDesc="filterFormDesc"
-        :isShowBackBtn="false"
-        :isShowSubmitBtn="false"
-        :rules="rules"
-        :span="20"
-        labelPosition="top"
-        class="form-reverse"
-        ref='labelForm'
-      >
-        <!-- 插槽内容有el-form-item组件包裹 -->
-        <el-form-item
-          label="默认值"
-          label-position="top"
-          v-if="showDefalut"
-        >
-          <el-select
-            v-model="currentFormItem.customMode"
-            class='calSelect'
-          >
-            <el-option
-              key="1"
-              label="计算公式"
-              value="1"
-            ></el-option>
-            <!-- <el-option key="2" label="数据联动" value="2"></el-option> -->
-          </el-select>
-          <el-input
-            ref="readOnly"
-            style="display: none"
-            v-model="currentFormItem.customValue"
-            @focus="showDialog"
-          ></el-input>
-          <el-button
-            class='calBtn'
-            type="primary"
-            plain
-            ref="readOnly"
-            readonly
-            @click="showDialog"
-          >编辑计算公式
-          </el-button>
-          <el-input
-            ref="readOnly"
-            style="display: none"
-            readonly
-            v-model="customValue"
-            @focus="showDialog"
-          ></el-input>
-        </el-form-item>
-      </ele-form>
-    </template>
-    <calculateDialog
-      v-if="showCalculate"
-      :desc="filterFormDesc"
-      @close="showCalculate = false"
-      :dialogVisible="showCalculate"
-    ></calculateDialog>
-    <!-- <linkageDialog></linkageDialog> -->
-  </div>
-</template>
-
-<script>
-import comps from "@/formBuilder/comps";
-import configList from "@/formBuilder/config";
-import { changeFormLabel } from "@/formBuilder/tool.js";
-import { mapGetters, mapMutations } from "vuex";
-import calculateDialog from "./components/calculateDialog";
-// import linkageDialog from "./components/linkageDialog"
-import SearchMixin from "./components/searchMixin";
-import _ from "lodash-es";
-const serialize = require("serialize-javascript");
-
-export default {
-  name: "AppFormItemConfig",
-  mixins: [SearchMixin],
-  components: {
-    calculateDialog
-    // linkageDialog
-  },
-  computed: {
-    ...mapGetters(["currentFormItem"]),
-    formDesc() {
-      const type =
-        this.currentFormItem.type &&
-        this.currentFormItem.type.indexOf("ele-form-") > -1
-          ? this.currentFormItem.type.replace("ele-form-", "")
-          : this.currentFormItem.type;
-      const types =
-        this.currentFormItem.types &&
-        this.currentFormItem.types.indexOf("ele-form-") > -1
-          ? this.currentFormItem.types.replace("ele-form-", "")
-          : this.currentFormItem.types;
-      let customConfig;
-
-      if (type == "purchase") {
-        this.configTypeName = "业务组件";
-      }
-
-      comps.map(item => {
-        item.comps.forEach(one => {
-          if (one.type == type) {
-            this.configTypeName = one.label;
-          }
-        });
-      });
-      if (this.currentFormItem.attrs.type == "number") {
-        this.configTypeName = "数字输入";
-      }
-      if (types == "goods" && type == "custom-table") {
-        this.configTypeName = "材料/商品";
-      } else if (types == "Mechanics" && type == "custom-table") {
-        this.configTypeName = "机械租赁";
-      } else if (types == "team" && type == "custom-table") {
-        this.configTypeName = "工程工队";
-      } else if (types == "equipment" && type == "custom-table") {
-        this.configTypeName = "设备租赁";
-      } else if (types == "houses" && type == "custom-table") {
-        this.configTypeName = "房产租赁";
-      } else if (types == "subcontract" && type == "custom-table") {
-        this.configTypeName = "工程分包";
-      } else if (types == "cars" && type == "custom-table") {
-        this.configTypeName = "车辆租赁";
-      }
-      if (
-        this.currentFormItem.options &&
-        typeof this.currentFormItem.options == "string"
-      ) {
-        customConfig = {};
-      } else if (
-        this.currentFormItem &&
-        type &&
-        configList[type] &&
-        configList[type].common
-      ) {
-        customConfig = configList[type].common;
-      } else {
-        customConfig = {};
-      }
-      // 如果当前组件是关联表单 把菜单获取到用于显示
-
-      const formDesc = Object.assign({}, this.commonConfig, customConfig);
-
-      return changeFormLabel(formDesc);
-    },
-    desc: function() {
-      const active = this.$store.state.activeFormName;
-      return this.$store.state.list[active];
-    },
-    customValue() {
-      let str = "";
-      const _this = this;
-      if (this.currentFormItem.customValue) {
-        const strReg = new RegExp(/\{key_[0-9]+\}/g);
-        const mackReg = new RegExp(/\{[+,\-,*,/]\}/g);
-        // field 替换成label
-        str = this.currentFormItem.customValue.replace(
-          strReg,
-          function(match) {
-            const customTableArr = _this.desc.filter((e, i) => {
-              return e.type == "custom-table";
-            });
-
-            let label = _this.desc.filter((item, index) => {
-              return match.indexOf(item.field) > -1;
-            })[0];
-            label = _.get(label, "label", false);
-            let curCustomName = "";
-            if (!label) {
-
-              customTableArr.forEach((e, i) => {
-                if (_this.currentFormItem.pid == e.field) {
-                  label = _.find(e.attrs.columns, function(o) {
-                    if (o.content) {
-                      curCustomName = e.label;
-                      return match.indexOf(o.prop) > -1;
-                    }
-                  }).label;
-                }
-              });
-              return `{${curCustomName}.${label}}`;
-            }
-
-            return `{${label}}`;
-          }
-        );
-        str = str.replace(mackReg, function(match) {
-          return " " + match.substring(1, match.length - 1) + " ";
-        });
-      }
-      return str;
-    },
-    showDefalut() {
-      const defaultArr = ["input", "ele-form-input"];
-      return !(defaultArr.indexOf(this.currentFormItem.type) == -1);
-    }
-  },
-  data() {
-    return {
-      configTypeName: "",
-      notDataFlag: false,
-      showCalculate: false,
-      showLinkage: false,
-      // 通用配置
-      commonConfig: {
-        label: {
-          type: "input",
-          label: "标题",
-          attrs: {
-            maxlength: 16
-          }
-        },
-        // layout: {
-        //   type: 'slider',
-        //   label: '宽度',
-        //   attrs: {
-        //     min: 1,
-        //     max: 24,
-        //     'format-tooltip'(val) {
-        //       return `${val} / 24`
-        //     }
-        //   },
-        //   on: {
-        //     input: val => {
-        //       // slider组件, 如果传递的value为null或者undefined, 会赋值为 1, 无法利用到默认值, 所以去掉
-        //       if (val !== 1) {
-        //         this.$set(this.currentFormItem, 'layout', val)
-        //       }
-        //     }
-        //   }
-        // },
-        // default: {
-        //   type: 'select',
-        //   label: '默认值',
-        //   options: [
-        //     { text: '计算公式', value: 1 },
-        //     { text: '数据联动', value: 2 }
-        //   ],
-        //   on: {
-        //     change: labels => {
-        //       console.log(labels)
-        //     }
-        //   }
-        // },
-        // custom: {
-        //   vif: data => data.label,
-        //   children: {
-        //     mode: {
-        //       type: 'select',
-        //       _defaultValue:undefined,
-        //       _disabled:false,
-        //       _type:"ele-form-select",
-        //       _vif:true,
-        //       attrs: {placeholder: ''},
-        //       options: [
-        //         { text: '计算公式', value: 1 },
-        //         { text: '数据联动', value: 2 }
-        //       ],
-        //     },
-        //     province: {
-        //       type: 'input',
-        //       _defaultValue:undefined,
-        //       _disabled:false,
-        //       _type:"ele-form-input",
-        //       attrs: {placeholder: '', disabled:true},
-        //       _vif:true
-        //     }
-        //   }
-        // },
-        // required: {
-        //   type: "yesno",
-        //   label: "校检",
-        //   title: "这是必填项",
-        //   vif: (data) => {
-        //     return data.type !== "text"
-        //   }
-        // },
-        // notRepeat: {
-        //   type: "yesno",
-        //   label: "",
-        //   title: "不允许重复值",
-        //   vif: (data) => {
-        //     return data.type !== "text"
-        //   }
-        // },
-        rules: {
-          type: "select",
-          label: "格式",
-          title: "新增格式",
-          // displayFormatter: val => (val ? serialize(val, { space: 2 }) : ''),
-          attrs: {
-            clearable: true
-          },
-          options: [
-            { value: "plainText", desc: "普通文本" },
-            // { value: "number", desc: "数字" },
-            // { value: "integer", desc: "整数" },
-            // { value: "float", desc: "带小数点的数字" },
-            { value: "mobile", desc: "手机号码" },
-            // { value: "chinese", desc: "中文" },
-            { value: "idCard", desc: "身份证号码" }
-            // { value: "date", desc: "合法的日期，使用 Date 判断" },
-            // { value: "url", desc: "URL" },
-            // { value: "email", desc: "邮箱地址" }
-          ],
-          slots: {
-            default(h, { options }) {
-              const res = options.map(option =>
-                h(
-                  "el-option",
-                  { attrs: { value: option.value, label: option.desc }},
-                  [h("span", { style: { float: "left" }}, option.desc)]
-                )
-              );
-              return res;
-            }
-          },
-          on: {
-            change: labels => {
-              // slider组件, 如果传递的value为null或者undefined, 会赋值为 1, 无法利用到默认值, 所以去掉
-              const res = [];
-              if (this.patternList[labels]) {
-                res.push({
-                  pattern: this.patternList[labels].toString(),
-                  trigger: "change",
-                  message: this.messageList[labels]
-                    ? this.messageList[labels]
-                    : "您输入的格式不正确",
-                  _type: labels
-                });
-              } else if (labels) {
-                res.push({
-                  type: labels,
-                  trigger: "change",
-                  message: "您输入的格式不正确"
-                });
-              }
-              this.$set(this.currentFormItem, "rules", res);
-            }
-          },
-          displayFormatter: labels => {
-            if (labels && labels.length > 0) {
-              let value = "";
-              if (labels[0].type) {
-                value = labels[0].type;
-              } else {
-                value = labels[0]._type;
-              }
-              return value;
-            }
-          },
-          vif: data => {
-            return data.type == "input" && data.attrs.type !== "number";
-          }
-        }
-      },
-      patternList: {
-        mobile: new RegExp(
-          /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/
-        ), // 手机号
-        chinese: new RegExp(/^[\u4e00-\u9fa5\(\)\（\）]+$/), // 中文
-        idCard: new RegExp(
-          /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
-        ),
-        integer: new RegExp(/^[0-9]*$/),
-        float: new RegExp(/^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$/),
-        number: new RegExp(/^(\-|\+)?\d+(\.\d+)?$/),
-        plainText: new RegExp(/^[\u4e00-\u9fa5_a-zA-Z0-9-\\()\\（）\s*]+$/)
-      },
-      messageList: {
-        plainText:
-          "请输入中文、英文字母、数字、左右括号、空格、中划线和下划线的组合",
-        mobile: "手机号格式不正确，请重新输入",
-        idCard: "身份证格式不正确，请重新输入"
-      },
-      rules: {
-        label: {
-          required: true,
-          message: "标题不能为空"
-        }
-      }
-    };
-  },
-  methods: {
-    ...mapMutations(["updateCurrentItem"]),
-    // 编辑rules对象
-    showDialog() {
-      if (this.currentFormItem.customMode == 1) {
-        this.showCalculate = true;
-        this.showLinkage = true;
-      } else {
-        this.$message.error("请选择赋值方式");
-      }
-      this.$refs.readOnly.blur();
-    },
-    handleChangeRules(rules) {
-      try {
-        if (rules) {
-          rules = eval("(" + rules + ")");
-          if (typeof rules !== "object") return;
-        } else {
-          rules = [];
-        }
-        const data = Object.assign({}, this.currentFormItem, { rules: rules });
-        this.updateCurrentItem(data);
-      } catch (error) {
-        // eslint-disable-next-line no-console
-        console.error(error);
-      }
-    },
-    formatValue(val) {
-      return val;
-    },
-    getlabelFormV() {
-      const vm = this;
-      return new Promise((resolve, reject) => {
-        vm.$nextTick(function() {
-          if (vm.$refs.labelForm && vm.$refs.labelForm.validate) {
-            vm.$refs.labelForm
-              .validate(async valid => {})
-              .then(res => {
-                console.log("成功");
-                resolve(1);
-              })
-              .catch(e => {
-                console.log(e, "失败");
-                resolve(0);
-              });
-          }
-        });
-      });
-    }
-  }
-};
-</script>
-<style lang="scss" scoped>
-.config-box {
-  overflow-y: auto;
-  height: 100%;
-  padding-bottom: 25px;
-}
-.calSelect {
-  width: 282px;
-}
-.calBtn {
-  width: 282px;
-  height: 30px;
-  line-height: 5px;
-}
-.option-item {
-  .el-input {
-    margin-bottom: 20px;
-  }
-}
-/deep/ .form-reverse .is-justify-center .el-form {
-  display: flex;
-  flex-direction: column-reverse;
-}
-.config-type-span {
-  font-size: 14px;
-  text-align: right;
-  padding: 0 28px;
-  margin-bottom: -30px;
-  span {
-    display: inline-block;
-    background: #f4f8fc;
-    border-radius: 4px;
-    line-height: 30px;
-    padding: 0 15px;
-  }
-}
-</style>
+
+<template>
+  <div class="config-box">
+    <template v-if="currentFormItem && currentFormItem.business !=='888'">
+      <div class="config-type-span"><span>{{configTypeName}}</span></div>
+      <ele-form
+        :formData="currentFormItem"
+        :formDesc="filterFormDesc"
+        :isShowBackBtn="false"
+        :isShowSubmitBtn="false"
+        :rules="rules"
+        :span="20"
+        labelPosition="top"
+        class="form-reverse"
+        ref='labelForm'
+      >
+        <!-- 插槽内容有el-form-item组件包裹 -->
+        <el-form-item
+          label="默认值"
+          label-position="top"
+          v-if="showDefalut"
+        >
+          <el-select
+            v-model="currentFormItem.customMode"
+            class='calSelect'
+          >
+            <el-option
+              key="1"
+              label="计算公式"
+              value="1"
+            ></el-option>
+            <!-- <el-option key="2" label="数据联动" value="2"></el-option> -->
+          </el-select>
+          <el-input
+            ref="readOnly"
+            style="display: none"
+            v-model="currentFormItem.customValue"
+            @focus="showDialog"
+          ></el-input>
+          <el-button
+            class='calBtn'
+            type="primary"
+            plain
+            ref="readOnly"
+            readonly
+            @click="showDialog"
+          >编辑计算公式
+          </el-button>
+          <el-input
+            ref="readOnly"
+            style="display: none"
+            readonly
+            v-model="customValue"
+            @focus="showDialog"
+          ></el-input>
+        </el-form-item>
+      </ele-form>
+    </template>
+    <calculateDialog
+      v-if="showCalculate"
+      :desc="filterFormDesc"
+      @close="showCalculate = false"
+      :dialogVisible="showCalculate"
+    ></calculateDialog>
+    <!-- <linkageDialog></linkageDialog> -->
+  </div>
+</template>
+
+<script>
+import comps from "@/formBuilder/comps";
+import configList from "@/formBuilder/config";
+import { changeFormLabel } from "@/formBuilder/tool.js";
+import { mapGetters, mapMutations } from "vuex";
+import calculateDialog from "./components/calculateDialog";
+// import linkageDialog from "./components/linkageDialog"
+import SearchMixin from "./components/searchMixin";
+import _ from "lodash-es";
+const serialize = require("serialize-javascript");
+
+export default {
+  name: "AppFormItemConfig",
+  mixins: [SearchMixin],
+  components: {
+    calculateDialog
+    // linkageDialog
+  },
+  computed: {
+    ...mapGetters(["currentFormItem"]),
+    formDesc() {
+      const type =
+        this.currentFormItem.type &&
+        this.currentFormItem.type.indexOf("ele-form-") > -1
+          ? this.currentFormItem.type.replace("ele-form-", "")
+          : this.currentFormItem.type;
+      const types =
+        this.currentFormItem.types &&
+        this.currentFormItem.types.indexOf("ele-form-") > -1
+          ? this.currentFormItem.types.replace("ele-form-", "")
+          : this.currentFormItem.types;
+      let customConfig;
+
+      if (type == "purchase") {
+        this.configTypeName = "业务组件";
+      }
+
+      comps.map(item => {
+        item.comps.forEach(one => {
+          if (one.type == type) {
+            this.configTypeName = one.label;
+          }
+        });
+      });
+      if (this.currentFormItem.attrs.type == "number") {
+        this.configTypeName = "数字输入";
+      }
+      if (types == "goods" && type == "custom-table") {
+        this.configTypeName = "材料/商品";
+      } else if (types == "Mechanics" && type == "custom-table") {
+        this.configTypeName = "机械租赁";
+      } else if (types == "team" && type == "custom-table") {
+        this.configTypeName = "工程工队";
+      } else if (types == "equipment" && type == "custom-table") {
+        this.configTypeName = "设备租赁";
+      } else if (types == "houses" && type == "custom-table") {
+        this.configTypeName = "房产租赁";
+      } else if (types == "subcontract" && type == "custom-table") {
+        this.configTypeName = "工程分包";
+      } else if (types == "cars" && type == "custom-table") {
+        this.configTypeName = "车辆租赁";
+      }
+      if (
+        this.currentFormItem.options &&
+        typeof this.currentFormItem.options == "string"
+      ) {
+        customConfig = {};
+      } else if (
+        this.currentFormItem &&
+        type &&
+        configList[type] &&
+        configList[type].common
+      ) {
+        customConfig = configList[type].common;
+      } else {
+        customConfig = {};
+      }
+      // 如果当前组件是关联表单 把菜单获取到用于显示
+
+      const formDesc = Object.assign({}, this.commonConfig, customConfig);
+
+      return changeFormLabel(formDesc);
+    },
+    desc: function() {
+      const active = this.$store.state.activeFormName;
+      return this.$store.state.list[active];
+    },
+    customValue() {
+      let str = "";
+      const _this = this;
+      if (this.currentFormItem.customValue) {
+        const strReg = new RegExp(/\{key_[0-9]+\}/g);
+        const mackReg = new RegExp(/\{[+,\-,*,/]\}/g);
+        // field 替换成label
+        str = this.currentFormItem.customValue.replace(
+          strReg,
+          function(match) {
+            const customTableArr = _this.desc.filter((e, i) => {
+              return e.type == "custom-table";
+            });
+
+            let label = _this.desc.filter((item, index) => {
+              return match.indexOf(item.field) > -1;
+            })[0];
+            label = _.get(label, "label", false);
+            let curCustomName = "";
+            if (!label) {
+
+              customTableArr.forEach((e, i) => {
+                if (_this.currentFormItem.pid == e.field) {
+                  label = _.find(e.attrs.columns, function(o) {
+                    if (o.content) {
+                      curCustomName = e.label;
+                      return match.indexOf(o.prop) > -1;
+                    }
+                  }).label;
+                }
+              });
+              return `{${curCustomName}.${label}}`;
+            }
+
+            return `{${label}}`;
+          }
+        );
+        str = str.replace(mackReg, function(match) {
+          return " " + match.substring(1, match.length - 1) + " ";
+        });
+      }
+      return str;
+    },
+    showDefalut() {
+      const defaultArr = ["input", "ele-form-input"];
+      return !(defaultArr.indexOf(this.currentFormItem.type) == -1);
+    }
+  },
+  data() {
+    return {
+      configTypeName: "",
+      notDataFlag: false,
+      showCalculate: false,
+      showLinkage: false,
+      // 通用配置
+      commonConfig: {
+        label: {
+          type: "input",
+          label: "标题",
+          attrs: {
+            maxlength: 16
+          }
+        },
+        // layout: {
+        //   type: 'slider',
+        //   label: '宽度',
+        //   attrs: {
+        //     min: 1,
+        //     max: 24,
+        //     'format-tooltip'(val) {
+        //       return `${val} / 24`
+        //     }
+        //   },
+        //   on: {
+        //     input: val => {
+        //       // slider组件, 如果传递的value为null或者undefined, 会赋值为 1, 无法利用到默认值, 所以去掉
+        //       if (val !== 1) {
+        //         this.$set(this.currentFormItem, 'layout', val)
+        //       }
+        //     }
+        //   }
+        // },
+        // default: {
+        //   type: 'select',
+        //   label: '默认值',
+        //   options: [
+        //     { text: '计算公式', value: 1 },
+        //     { text: '数据联动', value: 2 }
+        //   ],
+        //   on: {
+        //     change: labels => {
+        //       console.log(labels)
+        //     }
+        //   }
+        // },
+        // custom: {
+        //   vif: data => data.label,
+        //   children: {
+        //     mode: {
+        //       type: 'select',
+        //       _defaultValue:undefined,
+        //       _disabled:false,
+        //       _type:"ele-form-select",
+        //       _vif:true,
+        //       attrs: {placeholder: ''},
+        //       options: [
+        //         { text: '计算公式', value: 1 },
+        //         { text: '数据联动', value: 2 }
+        //       ],
+        //     },
+        //     province: {
+        //       type: 'input',
+        //       _defaultValue:undefined,
+        //       _disabled:false,
+        //       _type:"ele-form-input",
+        //       attrs: {placeholder: '', disabled:true},
+        //       _vif:true
+        //     }
+        //   }
+        // },
+        // required: {
+        //   type: "yesno",
+        //   label: "校检",
+        //   title: "这是必填项",
+        //   vif: (data) => {
+        //     return data.type !== "text"
+        //   }
+        // },
+        // notRepeat: {
+        //   type: "yesno",
+        //   label: "",
+        //   title: "不允许重复值",
+        //   vif: (data) => {
+        //     return data.type !== "text"
+        //   }
+        // },
+        rules: {
+          type: "select",
+          label: "格式",
+          title: "新增格式",
+          // displayFormatter: val => (val ? serialize(val, { space: 2 }) : ''),
+          attrs: {
+            clearable: true
+          },
+          options: [
+            { value: "plainText", desc: "普通文本" },
+            // { value: "number", desc: "数字" },
+            // { value: "integer", desc: "整数" },
+            // { value: "float", desc: "带小数点的数字" },
+            { value: "mobile", desc: "手机号码" },
+            // { value: "chinese", desc: "中文" },
+            { value: "idCard", desc: "身份证号码" }
+            // { value: "date", desc: "合法的日期，使用 Date 判断" },
+            // { value: "url", desc: "URL" },
+            // { value: "email", desc: "邮箱地址" }
+          ],
+          slots: {
+            default(h, { options }) {
+              const res = options.map(option =>
+                h(
+                  "el-option",
+                  { attrs: { value: option.value, label: option.desc }},
+                  [h("span", { style: { float: "left" }}, option.desc)]
+                )
+              );
+              return res;
+            }
+          },
+          on: {
+            change: labels => {
+              // slider组件, 如果传递的value为null或者undefined, 会赋值为 1, 无法利用到默认值, 所以去掉
+              const res = [];
+              if (this.patternList[labels]) {
+                res.push({
+                  pattern: this.patternList[labels].toString(),
+                  trigger: "change",
+                  message: this.messageList[labels]
+                    ? this.messageList[labels]
+                    : "您输入的格式不正确",
+                  _type: labels
+                });
+              } else if (labels) {
+                res.push({
+                  type: labels,
+                  trigger: "change",
+                  message: "您输入的格式不正确"
+                });
+              }
+              this.$set(this.currentFormItem, "rules", res);
+            }
+          },
+          displayFormatter: labels => {
+            if (labels && labels.length > 0) {
+              let value = "";
+              if (labels[0].type) {
+                value = labels[0].type;
+              } else {
+                value = labels[0]._type;
+              }
+              return value;
+            }
+          },
+          vif: data => {
+            return data.type == "input" && data.attrs.type !== "number";
+          }
+        }
+      },
+      patternList: {
+        mobile: new RegExp(
+          /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/
+        ), // 手机号
+        chinese: new RegExp(/^[\u4e00-\u9fa5\(\)\（\）]+$/), // 中文
+        idCard: new RegExp(
+          /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
+        ),
+        integer: new RegExp(/^[0-9]*$/),
+        float: new RegExp(/^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$/),
+        number: new RegExp(/^(\-|\+)?\d+(\.\d+)?$/),
+        plainText: new RegExp(/^[\u4e00-\u9fa5_a-zA-Z0-9-\\()\\（）\s*]+$/)
+      },
+      messageList: {
+        plainText:
+          "请输入中文、英文字母、数字、左右括号、空格、中划线和下划线的组合",
+        mobile: "手机号格式不正确，请重新输入",
+        idCard: "身份证格式不正确，请重新输入"
+      },
+      rules: {
+        label: {
+          required: true,
+          message: "标题不能为空"
+        }
+      }
+    };
+  },
+  methods: {
+    ...mapMutations(["updateCurrentItem"]),
+    // 编辑rules对象
+    showDialog() {
+      if (this.currentFormItem.customMode == 1) {
+        this.showCalculate = true;
+        this.showLinkage = true;
+      } else {
+        this.$message.error("请选择赋值方式");
+      }
+      this.$refs.readOnly.blur();
+    },
+    handleChangeRules(rules) {
+      try {
+        if (rules) {
+          rules = eval("(" + rules + ")");
+          if (typeof rules !== "object") return;
+        } else {
+          rules = [];
+        }
+        const data = Object.assign({}, this.currentFormItem, { rules: rules });
+        this.updateCurrentItem(data);
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.error(error);
+      }
+    },
+    formatValue(val) {
+      return val;
+    },
+    getlabelFormV() {
+      const vm = this;
+      return new Promise((resolve, reject) => {
+        vm.$nextTick(function() {
+          if (vm.$refs.labelForm && vm.$refs.labelForm.validate) {
+            vm.$refs.labelForm
+              .validate(async valid => {})
+              .then(res => {
+                console.log("成功");
+                resolve(1);
+              })
+              .catch(e => {
+                console.log(e, "失败");
+                resolve(0);
+              });
+          }
+        });
+      });
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.config-box {
+  overflow-y: auto;
+  height: 100%;
+  padding-bottom: 25px;
+}
+.calSelect {
+  width: 282px;
+}
+.calBtn {
+  width: 282px;
+  height: 30px;
+  line-height: 5px;
+}
+.option-item {
+  .el-input {
+    margin-bottom: 20px;
+  }
+}
+/deep/ .form-reverse .is-justify-center .el-form {
+  display: flex;
+  flex-direction: column-reverse;
+}
+.config-type-span {
+  font-size: 14px;
+  text-align: right;
+  padding: 0 28px;
+  margin-bottom: -30px;
+  span {
+    display: inline-block;
+    background: #f4f8fc;
+    border-radius: 4px;
+    line-height: 30px;
+    padding: 0 15px;
+  }
+}
+</style>