qgb-process 0.2.3 → 0.2.7

package/src/formBuilder/components/app-main/components/components/twoColumns.vue

@@ -1,52 +1,52 @@
-<!--
- * @Author: Yxj
- * @LastEditors: Yxj
- * @Date: 2020-09-25 11:36:41
- * @LastEditTime: 2021-06-04 19:17:52
- * @Description: file content
- * @FilePath: \src\formBuilder\components\app-main\components\components\twoColumns.vue
--->
-<template>
-  <column
-    :class="desc.class"
-    :style="desc.style"
-    class="ele-form-columns"
-    v-bind="attrs"
-    v-model="newValue"
-    v-on="onEvents"
-    :desc="desc"
-    :edit="edit"
-  >
-  </column>
-</template>
-
-<script>
-import column from "./columns";
-import vueEle from "vue-ele-form";
-
-export default {
-  name: "Columns",
-  mixins: [vueEle.formMixin],
-  components: { column },
-  props: {
-    edit: Boolean
-  },
-  data() {
-    return {};
-  },
-  methods: {
-    // validate () {
-    //   return new Promise((resolve, reject) => {})
-    // }
-  }
-};
-</script>
-<style lang='scss' scoped>
-.ele-form-columns {
-  /deep/ .el-input {
-    position: absolute;
-    top: 50% !important;
-    transform: translateY(-50%) !important;
-  }
-}
-</style>
+<!--
+ * @Author: Yxj
+ * @LastEditors: Yxj
+ * @Date: 2020-09-25 11:36:41
+ * @LastEditTime: 2021-06-04 19:17:52
+ * @Description: file content
+ * @FilePath: \src\formBuilder\components\app-main\components\components\twoColumns.vue
+-->
+<template>
+  <column
+    :class="desc.class"
+    :style="desc.style"
+    class="ele-form-columns"
+    v-bind="attrs"
+    v-model="newValue"
+    v-on="onEvents"
+    :desc="desc"
+    :edit="edit"
+  >
+  </column>
+</template>
+
+<script>
+import column from "./columns";
+import vueEle from "vue-ele-form";
+
+export default {
+  name: "Columns",
+  mixins: [vueEle.formMixin],
+  components: { column },
+  props: {
+    edit: Boolean
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    // validate () {
+    //   return new Promise((resolve, reject) => {})
+    // }
+  }
+};
+</script>
+<style lang='scss' scoped>
+.ele-form-columns {
+  /deep/ .el-input {
+    position: absolute;
+    top: 50% !important;
+    transform: translateY(-50%) !important;
+  }
+}
+</style>

package/src/formBuilder/components/app-main/components/main-center.vue

@@ -1,187 +1,187 @@
-<template>
-  <div
-    class="app-main-center"
-    ref='AppMainCenter'
-  >
-    <!-- <div id="components" class="component-container">
-      <component :is="apps" :isEdit="true" :businessType="businessType" @setType="typeChange"></component>
-    </div> -->
-    <builder
-      @setType="(val)=>businessType = val"
-      ref='builder'
-    ></builder>
-  </div>
-</template>
-
-<script>
-import Vue from "vue";
-import bankFormHeard from "./components/bankFormHeard";
-import builder from "./components/builder";
-import { getMenuRouter } from "@/formBuilder/menuConfig";
-import {
-  goods,
-  Lease,
-  subpack,
-  team
-} from "@/formBuilder/component/components/data";
-import { mapMutations } from "vuex";
-import itemOptionVue from "./components/itemOption.vue";
-
-export default {
-  name: "AppMainCenter",
-  components: {
-    bankFormHeard,
-    builder
-  },
-  computed: {
-    formType: function() {
-      return this.$store.state.formBuilder.type;
-    },
-    list() {
-      const list = this.$store.state.list;
-      const name = this.$store.state.activeFormName;
-      return list[name] ? list[name] : [];
-    }
-  },
-  watch: {
-    formType: {
-      immediate: true,
-      deep: true,
-      handler: function(newValue, oldValue) {
-        if (newValue == "blank") {
-          this.apps = "bankFormHeard";
-        } else {
-          const route = getMenuRouter(this.$store.state.formBuilder.menuId);
-        //   this.apps = require("@/" + route + ".vue").default;
-        }
-      }
-    }
-  },
-  data() {
-    return {
-      apps: "bankFormHeard",
-      businessType: "1"
-    };
-  },
-  mounted() {},
-  methods: {
-    ...mapMutations(["updateList"]),
-    typeChange(val) {
-      const type = [goods, Lease, subpack, team];
-      this.businessType = val;
-      this.list.forEach(item => {
-        if (item.field == "business") {
-          item.business = val;
-          item.attrs.columns = type[val - 1] ? type[val - 1] : [];
-        }
-      });
-      const name = this.$store.state.activeFormName;
-      this.updateList({ name: name, newList: this.list });
-    }
-  }
-};
-</script>
-
-<style>
-.app-main-center {
-  /* padding: 0 10px 0 10px; */
-}
-.component-container {
-  /* padding: 0 10px 0; */
-  position: relative;
-}
-/* .component-container .el-form-item__label {
-  width: 30% !important;
-}
-.component-container .el-input {
-  width: 70% !important;
-}
-.component-container .el-form-item {
-  position: relative;
-}
-.component-container .el-autocomplete {
-  width: 80% !important;
-}
-.component-container .el-select {
-  width: 70% !important;
-} */
-.component-container .el-form-item::after {
-  content: " ";
-  display: block;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  position: absolute;
-  z-index: 2;
-}
-.component-container .section-form-submit {
-  display: none;
-}
-.component-container .form-area {
-  margin: -20px;
-}
-.border-1 {
-  height: 1px;
-  background-color: #dcdfe6;
-  margin: 0 10px 10px;
-  box-sizing: border-box;
-}
-
-/* 表单项 */
-.form-item {
-  background: white;
-  cursor: move;
-  position: relative;
-  z-index: 1;
-  padding: 0 20px;
-  border: 1px dashed rgba(0, 0, 0, 0);
-}
-
-.form-item-active {
-   border: 1px dashed #409eff !important;
-    background-color: rgba(2, 134, 223, 0.06)  !important;
-    position: relative;
-}
-
-/* 遮挡区(遮挡住) */
-.form-item::after {
-  content: " ";
-  display: block;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  position: absolute;
-  z-index: 2;
-}
-/deep/ .el-icon-delete {
-    font-size: 17px !important;
-  }
-  /deep/ .el-icon-document-copy {
-    font-size: 17px !important;
-  }
-  .form-item-delete-btn {
-    background-color: #ff0000;
-    border-color: #ff0000;
-    height: 30px;
-    width: 30px;
-    border-radius: 100% !important;
-    position: absolute;
-    right: 10px;
-    top: -15px;
-    z-index: 3;
-    padding: 4px 6px;
-  }
-  .form-item-copy-btn {
-    position: absolute;
-    height: 30px;
-    width: 30px;
-    border-radius: 100% !important;
-    right: 37px;
-    top: -15px;
-    z-index: 3;
-    margin-right: 10px;
-    padding: 4px 6px;
-  }
-</style>
+<template>
+  <div
+    class="app-main-center"
+    ref='AppMainCenter'
+  >
+    <!-- <div id="components" class="component-container">
+      <component :is="apps" :isEdit="true" :businessType="businessType" @setType="typeChange"></component>
+    </div> -->
+    <builder
+      @setType="(val)=>businessType = val"
+      ref='builder'
+    ></builder>
+  </div>
+</template>
+
+<script>
+import Vue from "vue";
+import bankFormHeard from "./components/bankFormHeard";
+import builder from "./components/builder";
+import { getMenuRouter } from "@/formBuilder/menuConfig";
+import {
+  goods,
+  Lease,
+  subpack,
+  team
+} from "@/formBuilder/component/components/data";
+import { mapMutations } from "vuex";
+import itemOptionVue from "./components/itemOption.vue";
+
+export default {
+  name: "AppMainCenter",
+  components: {
+    bankFormHeard,
+    builder
+  },
+  computed: {
+    formType: function() {
+      return this.$store.state.formBuilder.type;
+    },
+    list() {
+      const list = this.$store.state.list;
+      const name = this.$store.state.activeFormName;
+      return list[name] ? list[name] : [];
+    }
+  },
+  watch: {
+    formType: {
+      immediate: true,
+      deep: true,
+      handler: function(newValue, oldValue) {
+        if (newValue == "blank") {
+          this.apps = "bankFormHeard";
+        } else {
+          const route = getMenuRouter(this.$store.state.formBuilder.menuId);
+        //   this.apps = require("@/" + route + ".vue").default;
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      apps: "bankFormHeard",
+      businessType: "1"
+    };
+  },
+  mounted() {},
+  methods: {
+    ...mapMutations(["updateList"]),
+    typeChange(val) {
+      const type = [goods, Lease, subpack, team];
+      this.businessType = val;
+      this.list.forEach(item => {
+        if (item.field == "business") {
+          item.business = val;
+          item.attrs.columns = type[val - 1] ? type[val - 1] : [];
+        }
+      });
+      const name = this.$store.state.activeFormName;
+      this.updateList({ name: name, newList: this.list });
+    }
+  }
+};
+</script>
+
+<style>
+.app-main-center {
+  /* padding: 0 10px 0 10px; */
+}
+.component-container {
+  /* padding: 0 10px 0; */
+  position: relative;
+}
+/* .component-container .el-form-item__label {
+  width: 30% !important;
+}
+.component-container .el-input {
+  width: 70% !important;
+}
+.component-container .el-form-item {
+  position: relative;
+}
+.component-container .el-autocomplete {
+  width: 80% !important;
+}
+.component-container .el-select {
+  width: 70% !important;
+} */
+.component-container .el-form-item::after {
+  content: " ";
+  display: block;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  position: absolute;
+  z-index: 2;
+}
+.component-container .section-form-submit {
+  display: none;
+}
+.component-container .form-area {
+  margin: -20px;
+}
+.border-1 {
+  height: 1px;
+  background-color: #dcdfe6;
+  margin: 0 10px 10px;
+  box-sizing: border-box;
+}
+
+/* 表单项 */
+.form-item {
+  background: white;
+  cursor: move;
+  position: relative;
+  z-index: 1;
+  padding: 0 20px;
+  border: 1px dashed rgba(0, 0, 0, 0);
+}
+
+.form-item-active {
+   border: 1px dashed #409eff !important;
+    background-color: rgba(2, 134, 223, 0.06)  !important;
+    position: relative;
+}
+
+/* 遮挡区(遮挡住) */
+.form-item::after {
+  content: " ";
+  display: block;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  position: absolute;
+  z-index: 2;
+}
+/deep/ .el-icon-delete {
+    font-size: 17px !important;
+  }
+  /deep/ .el-icon-document-copy {
+    font-size: 17px !important;
+  }
+  .form-item-delete-btn {
+    background-color: #ff0000;
+    border-color: #ff0000;
+    height: 30px;
+    width: 30px;
+    border-radius: 100% !important;
+    position: absolute;
+    right: 10px;
+    top: -15px;
+    z-index: 3;
+    padding: 4px 6px;
+  }
+  .form-item-copy-btn {
+    position: absolute;
+    height: 30px;
+    width: 30px;
+    border-radius: 100% !important;
+    right: 37px;
+    top: -15px;
+    z-index: 3;
+    margin-right: 10px;
+    padding: 4px 6px;
+  }
+</style>