qgb-process 0.2.3 → 0.2.7

package/src/formBuilder/component/purchase.vue

@@ -1,35 +1,35 @@
-<template>
-  <purchases
-    :class="desc.class"
-    :style="desc.style"
-    class="ele-form-table-editor"
-    v-bind="attrs"
-    v-model="newValue"
-    v-on="onEvents"
-    :desc="desc"
-    :edit="edit"
-  >
-  </purchases>
-</template>
-
-<script>
-import purchases from "./components/purchaseIndex"
-import vueEle from "vue-ele-form";
-
-export default {
-  name: "Purchase",
-  mixins: [vueEle.formMixin],
-  components: { purchases },
-  props: {
-    edit: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    // validate () {
-    //   return new Promise((resolve, reject) => {})
-    // }
-  }
-}
-</script>
+<template>
+  <purchases
+    :class="desc.class"
+    :style="desc.style"
+    class="ele-form-table-editor"
+    v-bind="attrs"
+    v-model="newValue"
+    v-on="onEvents"
+    :desc="desc"
+    :edit="edit"
+  >
+  </purchases>
+</template>
+
+<script>
+import purchases from "./components/purchaseIndex"
+import vueEle from "vue-ele-form";
+
+export default {
+  name: "Purchase",
+  mixins: [vueEle.formMixin],
+  components: { purchases },
+  props: {
+    edit: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    // validate () {
+    //   return new Promise((resolve, reject) => {})
+    // }
+  }
+}
+</script>

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

@@ -1,33 +1,33 @@
-<!--
- * @Author: Yxj
- * @LastEditors: Yxj
- * @Date: 2021-01-13 11:32:54
- * @LastEditTime: 2021-02-03 12:00:39
- * @Description: file content
- * @FilePath: \src\formBuilder\components\app-main\components\components\GroupSummary.vue
--->
-
-
-<template>
-  <span>
-    {{titleStr || ""}}
-  </span>
-</template>
-
-<script>
-export default {
-  props: {
-    titleStr: {
-      type: String,
-      default: false
-    }
-  }
-};
-</script>
-
-<style lang='scss' scoped>
-span {
-  font-size: 14px;
-  color: rgb(138, 138, 138);
-}
-</style>
+<!--
+ * @Author: Yxj
+ * @LastEditors: Yxj
+ * @Date: 2021-01-13 11:32:54
+ * @LastEditTime: 2021-02-03 12:00:39
+ * @Description: file content
+ * @FilePath: \src\formBuilder\components\app-main\components\components\GroupSummary.vue
+-->
+
+
+<template>
+  <span>
+    {{titleStr || ""}}
+  </span>
+</template>
+
+<script>
+export default {
+  props: {
+    titleStr: {
+      type: String,
+      default: false
+    }
+  }
+};
+</script>
+
+<style lang='scss' scoped>
+span {
+  font-size: 14px;
+  color: rgb(138, 138, 138);
+}
+</style>

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

@@ -1,33 +1,33 @@
-<!--
- * @Author: Yxj
- * @LastEditors: Yxj
- * @Date: 2021-01-13 11:32:54
- * @LastEditTime: 2021-01-19 16:42:10
- * @Description: file content
- * @FilePath: \src\formBuilder\components\app-main\components\components\GroupTitle.vue
--->
-
-
-<template>
-  <h3>
-      {{titleStr || ""}}
-  </h3>
-</template>
-
-<script>
-export default {
-  props: {
-    titleStr: {
-      type: String,
-      default: false
-    }
-  }
-};
-</script>
-
-<style lang='scss'>
- h3{
-    color: black;
-}
-
-</style>
+<!--
+ * @Author: Yxj
+ * @LastEditors: Yxj
+ * @Date: 2021-01-13 11:32:54
+ * @LastEditTime: 2021-01-19 16:42:10
+ * @Description: file content
+ * @FilePath: \src\formBuilder\components\app-main\components\components\GroupTitle.vue
+-->
+
+
+<template>
+  <h3>
+      {{titleStr || ""}}
+  </h3>
+</template>
+
+<script>
+export default {
+  props: {
+    titleStr: {
+      type: String,
+      default: false
+    }
+  }
+};
+</script>
+
+<style lang='scss'>
+ h3{
+    color: black;
+}
+
+</style>

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

@@ -1,226 +1,226 @@
-<template>
-  <el-form ref="form" label-position="left" label-width="100px" :model="formLabelAlign" :rules="rules">
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="申请单位:" prop="departmentCompanyNo">
-          <el-select
-            v-model="formLabelAlign.departmentCompanyNo"
-            placeholder="请选择申请单位"
-            @change="handleOrgChange"
-          >
-            <el-option
-              v-for="item in orgOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="申请部门 :" prop="departmentNo">
-          <el-cascader
-            :show-all-levels="false"
-            :key="cascader"
-            placeholder="请选择申请部门"
-            :disabled="!formLabelAlign.departmentCompanyNo"
-            :options="depOptions"
-            v-model="formLabelAlign.departmentNo"
-            :props="cascaderProps"
-            ref="cascader"
-            @change="handleChange"
-          ></el-cascader>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="申请人:" prop="staffNo">
-          <el-select v-model="formLabelAlign.staffNo" placeholder="请选择" clearable>
-            <el-option v-for="item in staffs" :key="item.id" :label="item.name" :value="item.id"></el-option>
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12" v-if="isEdit">
-        <!-- <el-form-item label="经办人：">
-          <span>{{formLabelAlign.charger}}</span>
-        </el-form-item> -->
-        <!-- <el-form-item label="业务类型：" class="business">
-          <el-select v-model="business">
-            <el-option
-              v-for="item in typeOption"
-              :key="item.value"
-              :label="item.name"
-              :value="item.value">
-            </el-option>
-          </el-select>
-        </el-form-item> -->
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { mapState } from "vuex";
-import apiSystem from "@/api/apiSystem";
-import {
-  getOperationInfo
-} from "@/api/apiSealRecord";
-export default {
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {
-          departmentCompanyNo: "",
-          departmentNo: "",
-          staffNo: "",
-          charger: ""
-        }
-      }
-    },
-    id: {
-      type: String,
-      default: ""
-    },
-    businessType: {
-      type: String,
-      default: "1"
-    },
-    isEdit: {
-      type: Boolean,
-      default: false
-    }
-  },
-  watch: {
-    data: {
-      deep: true,
-      handler: function(newVal, oldVal) {
-        if (newVal) {
-          this.formLabelAlign.departmentCompanyNo = newVal.departmentCompanyNo
-          this.formLabelAlign.departmentNo = newVal.departmentNo
-          this.formLabelAlign.staffNo = newVal.staffNo
-          this.formLabelAlign.charger = newVal.charger
-          this.formLabelAlign.departmentCompanyNo && this.handleOrgChange(this.formLabelAlign.departmentCompanyNo, true);
-          this.formLabelAlign.departmentNo && this.handleChange(this.formLabelAlign.departmentNo, true);
-        }
-      }
-    }
-  },
-  data() {
-    return {
-      formLabelAlign: {
-        departmentCompanyNo: "",
-        departmentNo: "",
-        staffNo: "",
-        charger: "",
-        companyStr: "",
-        departmentStr: "",
-        staffStr: ""
-      },
-      orgOptions: [],
-      depOptions: [],
-      staffs: [],
-      cascaderProps: {
-        checkStrictly: true,
-        value: "id",
-        label: "name",
-        children: "children"
-      },
-      cascader: "",
-      rules: {
-        departmentCompanyNo: [
-          { required: true, message: "请选择申请单位", trigger: "change" }
-        ],
-        departmentNo: [
-          { required: true, message: "请选择使用部门", trigger: "change" }
-        ],
-        staffNo: [
-          { required: true, message: "请选择申请人", trigger: "change" }
-        ]
-      },
-      typeOption: [
-        { value: "1", name: "材料采购" },
-        { value: "2", name: "租赁业务" },
-        { value: "3", name: "工程分包" },
-        { value: "4", name: "专业工队" },
-        { value: "5", name: "自定义" }
-      ]
-    };
-  },
-  computed: {
-    ...mapState(["user"]),
-    business: {
-      get: function() {
-        return this.businessType
-      },
-      set: function(newVal) {
-        this.$emit("setType", newVal)
-      }
-    }
-  },
-  methods: {
-    handleOrgChange(val, flg) {
-      if (!flg) {
-        this.formLabelAlign.departmentNo = ""
-        this.depOptions = []
-      }
-      this.formLabelAlign.departmentCompanyNo = val;
-      this.depList(val);
-    },
-    handleChange(val, flg) {
-      if (!flg) {
-        this.formLabelAlign.staffNo = ""
-        this.formLabelAlign.departmentNo = val[val.length - 1];
-      }
-      if (this.formLabelAlign.departmentNo == "") return
-      this.getStaffsList(this.formLabelAlign.departmentNo);
-    },
-    async getStaffsList(id) {
-      const res = await apiSystem.getUserByParentId(id);
-      if (res.data.code == 200) {
-        this.staffs = res.data.data;
-      }
-    },
-    async depList(data) {
-      this.cascader++
-      const res = await apiSystem.deplist(data);
-      if (res.data.code == 200) {
-        this.depOptions = res.data.data;
-      }
-    },
-    async companyList(data) {
-      const res = await apiSystem.companylist(data);
-      this.orgOptions = res.data.data;
-    },
-    async getUserInfo() {
-      const {
-        data: { data }
-      } = await getOperationInfo();
-      const info = Object.assign({}, data);
-      this.formLabelAlign.charger = info.user
-    },
-    getFormData() {
-      let data = null
-      this.$refs.form.validate((valid) => {
-        if (valid) {
-          const arr = this.staffs.filter((item, index) => (item.id == this.formLabelAlign.staffNo))
-          this.formLabelAlign.staffStr = arr[0] ? arr[0].name : ""
-          this.formLabelAlign.companyStr = this.formLabelAlign.departmentCompanyNo ? this.orgOptions.filter((i, index) => (i.id == this.formLabelAlign.departmentCompanyNo))[0].name : ""
-          this.formLabelAlign.departmentStr = this.$refs.cascader.presentText
-          data = this.formLabelAlign
-        }
-      })
-      return data
-    }
-  },
-  created() {
-    this.companyList();
-    !this.id && this.getUserInfo();
-  }
-};
-</script>
-
-<style>
-.business::after{
-  position: static !important;
-}
-</style>
+<template>
+  <el-form ref="form" label-position="left" label-width="100px" :model="formLabelAlign" :rules="rules">
+    <el-row :gutter="20">
+      <el-col :span="12">
+        <el-form-item label="申请单位:" prop="departmentCompanyNo">
+          <el-select
+            v-model="formLabelAlign.departmentCompanyNo"
+            placeholder="请选择申请单位"
+            @change="handleOrgChange"
+          >
+            <el-option
+              v-for="item in orgOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="申请部门 :" prop="departmentNo">
+          <el-cascader
+            :show-all-levels="false"
+            :key="cascader"
+            placeholder="请选择申请部门"
+            :disabled="!formLabelAlign.departmentCompanyNo"
+            :options="depOptions"
+            v-model="formLabelAlign.departmentNo"
+            :props="cascaderProps"
+            ref="cascader"
+            @change="handleChange"
+          ></el-cascader>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="申请人:" prop="staffNo">
+          <el-select v-model="formLabelAlign.staffNo" placeholder="请选择" clearable>
+            <el-option v-for="item in staffs" :key="item.id" :label="item.name" :value="item.id"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12" v-if="isEdit">
+        <!-- <el-form-item label="经办人：">
+          <span>{{formLabelAlign.charger}}</span>
+        </el-form-item> -->
+        <!-- <el-form-item label="业务类型：" class="business">
+          <el-select v-model="business">
+            <el-option
+              v-for="item in typeOption"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item> -->
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { mapState } from "vuex";
+import apiSystem from "@/api/apiSystem";
+import {
+  getOperationInfo
+} from "@/api/apiSealRecord";
+export default {
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {
+          departmentCompanyNo: "",
+          departmentNo: "",
+          staffNo: "",
+          charger: ""
+        }
+      }
+    },
+    id: {
+      type: String,
+      default: ""
+    },
+    businessType: {
+      type: String,
+      default: "1"
+    },
+    isEdit: {
+      type: Boolean,
+      default: false
+    }
+  },
+  watch: {
+    data: {
+      deep: true,
+      handler: function(newVal, oldVal) {
+        if (newVal) {
+          this.formLabelAlign.departmentCompanyNo = newVal.departmentCompanyNo
+          this.formLabelAlign.departmentNo = newVal.departmentNo
+          this.formLabelAlign.staffNo = newVal.staffNo
+          this.formLabelAlign.charger = newVal.charger
+          this.formLabelAlign.departmentCompanyNo && this.handleOrgChange(this.formLabelAlign.departmentCompanyNo, true);
+          this.formLabelAlign.departmentNo && this.handleChange(this.formLabelAlign.departmentNo, true);
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      formLabelAlign: {
+        departmentCompanyNo: "",
+        departmentNo: "",
+        staffNo: "",
+        charger: "",
+        companyStr: "",
+        departmentStr: "",
+        staffStr: ""
+      },
+      orgOptions: [],
+      depOptions: [],
+      staffs: [],
+      cascaderProps: {
+        checkStrictly: true,
+        value: "id",
+        label: "name",
+        children: "children"
+      },
+      cascader: "",
+      rules: {
+        departmentCompanyNo: [
+          { required: true, message: "请选择申请单位", trigger: "change" }
+        ],
+        departmentNo: [
+          { required: true, message: "请选择使用部门", trigger: "change" }
+        ],
+        staffNo: [
+          { required: true, message: "请选择申请人", trigger: "change" }
+        ]
+      },
+      typeOption: [
+        { value: "1", name: "材料采购" },
+        { value: "2", name: "租赁业务" },
+        { value: "3", name: "工程分包" },
+        { value: "4", name: "专业工队" },
+        { value: "5", name: "自定义" }
+      ]
+    };
+  },
+  computed: {
+    ...mapState(["user"]),
+    business: {
+      get: function() {
+        return this.businessType
+      },
+      set: function(newVal) {
+        this.$emit("setType", newVal)
+      }
+    }
+  },
+  methods: {
+    handleOrgChange(val, flg) {
+      if (!flg) {
+        this.formLabelAlign.departmentNo = ""
+        this.depOptions = []
+      }
+      this.formLabelAlign.departmentCompanyNo = val;
+      this.depList(val);
+    },
+    handleChange(val, flg) {
+      if (!flg) {
+        this.formLabelAlign.staffNo = ""
+        this.formLabelAlign.departmentNo = val[val.length - 1];
+      }
+      if (this.formLabelAlign.departmentNo == "") return
+      this.getStaffsList(this.formLabelAlign.departmentNo);
+    },
+    async getStaffsList(id) {
+      const res = await apiSystem.getUserByParentId(id);
+      if (res.data.code == 200) {
+        this.staffs = res.data.data;
+      }
+    },
+    async depList(data) {
+      this.cascader++
+      const res = await apiSystem.deplist(data);
+      if (res.data.code == 200) {
+        this.depOptions = res.data.data;
+      }
+    },
+    async companyList(data) {
+      const res = await apiSystem.companylist(data);
+      this.orgOptions = res.data.data;
+    },
+    async getUserInfo() {
+      const {
+        data: { data }
+      } = await getOperationInfo();
+      const info = Object.assign({}, data);
+      this.formLabelAlign.charger = info.user
+    },
+    getFormData() {
+      let data = null
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          const arr = this.staffs.filter((item, index) => (item.id == this.formLabelAlign.staffNo))
+          this.formLabelAlign.staffStr = arr[0] ? arr[0].name : ""
+          this.formLabelAlign.companyStr = this.formLabelAlign.departmentCompanyNo ? this.orgOptions.filter((i, index) => (i.id == this.formLabelAlign.departmentCompanyNo))[0].name : ""
+          this.formLabelAlign.departmentStr = this.$refs.cascader.presentText
+          data = this.formLabelAlign
+        }
+      })
+      return data
+    }
+  },
+  created() {
+    this.companyList();
+    !this.id && this.getUserInfo();
+  }
+};
+</script>
+
+<style>
+.business::after{
+  position: static !important;
+}
+</style>