qgb-process 0.2.3 → 0.2.7

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

@@ -1,298 +1,298 @@
-<template>
-  <el-form
-    ref="form"
-    label-position="right"
-      :label-width="$store.state.formAttr.labelWidth+'px' || '0px'"
-    :model="formLabelAlign"
-    :rules="rules"
-  >
-    <el-row>
-      <el-col :span="8">
-        <el-form-item
-          label="申请单位"
-          prop="departmentCompanyNo"
-
-
-        >
-          <el-select
-            v-model="formLabelAlign.departmentCompanyNo"
-            placeholder="请选择申请单位"
-            @change="handleOrgChange"
-            :disabled="isDia || isEdit"
-          >
-            <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="8">
-        <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="8">
-        <el-form-item
-          label="申请人"
-          prop="staffNo"
-        >
-          <el-select
-            v-model="formLabelAlign.staffNo"
-            placeholder="请选择"
-            :disabled="isDia || isEdit"
-            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">
-        <!-- <el-form-item label="经办人：">
-          <span>{{formLabelAlign.charger}}</span>
-        </el-form-item> -->
-        <!-- <el-form-item
-          label="业务类型"
-          class="business"
-          label-width='120'
-          v-if="isEdit"
-        >
-          <el-select
-            v-model="business"
-            @click.stop='cs'
-          >
-            <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 formMixin from "vue-ele-form/lib/mixins/formMixin";
-import formAttrDefault from "@/store/formBuilder/formAttrDefault";
-import { getOperationInfo } from "@/api/apiSealRecord";
-export default {
-  name: "BankFormHeard",
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {
-          departmentCompanyNo: "",
-          departmentNo: "",
-          staffNo: "",
-          charger: ""
-        };
-      }
-    },
-    id: {
-      type: String,
-      default: ""
-    },
-    businessType: {
-      type: String,
-      default: "1"
-    },
-    isEdit: {
-      type: Boolean,
-      default: false
-    },
-    isDia: {
-      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: {
-    cs() {
-      console.log("stopStop");
-    },
-    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 lang='scss' scoped>
-
-// /deep/ .el-form-item__content {
-//   width: 80% !important;
-// }
- .el-form-item__label {
-  width: auto !important;
-}
-.el-cascader {
-  width: 60% !important;
-}
-.business {
-  z-index: 999 !important;
-
-  .el-select {
-    width: 80% !important;
-  }
-}
-.business::after {
-  position: static !important;
-}
-</style>
+<template>
+  <el-form
+    ref="form"
+    label-position="right"
+      :label-width="$store.state.formAttr.labelWidth+'px' || '0px'"
+    :model="formLabelAlign"
+    :rules="rules"
+  >
+    <el-row>
+      <el-col :span="8">
+        <el-form-item
+          label="申请单位"
+          prop="departmentCompanyNo"
+
+
+        >
+          <el-select
+            v-model="formLabelAlign.departmentCompanyNo"
+            placeholder="请选择申请单位"
+            @change="handleOrgChange"
+            :disabled="isDia || isEdit"
+          >
+            <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="8">
+        <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="8">
+        <el-form-item
+          label="申请人"
+          prop="staffNo"
+        >
+          <el-select
+            v-model="formLabelAlign.staffNo"
+            placeholder="请选择"
+            :disabled="isDia || isEdit"
+            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">
+        <!-- <el-form-item label="经办人：">
+          <span>{{formLabelAlign.charger}}</span>
+        </el-form-item> -->
+        <!-- <el-form-item
+          label="业务类型"
+          class="business"
+          label-width='120'
+          v-if="isEdit"
+        >
+          <el-select
+            v-model="business"
+            @click.stop='cs'
+          >
+            <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 formMixin from "vue-ele-form/lib/mixins/formMixin";
+import formAttrDefault from "@/store/formBuilder/formAttrDefault";
+import { getOperationInfo } from "@/api/apiSealRecord";
+export default {
+  name: "BankFormHeard",
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {
+          departmentCompanyNo: "",
+          departmentNo: "",
+          staffNo: "",
+          charger: ""
+        };
+      }
+    },
+    id: {
+      type: String,
+      default: ""
+    },
+    businessType: {
+      type: String,
+      default: "1"
+    },
+    isEdit: {
+      type: Boolean,
+      default: false
+    },
+    isDia: {
+      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: {
+    cs() {
+      console.log("stopStop");
+    },
+    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 lang='scss' scoped>
+
+// /deep/ .el-form-item__content {
+//   width: 80% !important;
+// }
+ .el-form-item__label {
+  width: auto !important;
+}
+.el-cascader {
+  width: 60% !important;
+}
+.business {
+  z-index: 999 !important;
+
+  .el-select {
+    width: 80% !important;
+  }
+}
+.business::after {
+  position: static !important;
+}
+</style>