客户

src/views/basicdata/corps/index.vue

@@ -417,28 +417,32 @@
               />
             </el-form-item>
           </el-col>
+
           <el-col :span="8">
-            <el-form-item label="英文名称" prop="fEname">
+            <el-form-item label="电话" prop="fTel">
               <el-input
-                v-model="form.fEname"
+                v-model="form.fTel"
                 style="width: 250px"
-                placeholder="请输入英文名称"
+                placeholder="请输入电话"
               />
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="电话" prop="fTel">
-              <el-input
-                v-model="form.fTel"
-                style="width: 250px"
-                placeholder="请输入电话"
+            <el-form-item label="*归属部门" prop="deptId">
+              <treeselect
+                :multiple="true"
+                :options="deptOptions"
+                placeholder="请选择归属部门"
+                v-model="form.deptId"
+                style="width: 250px; line-height: 20px"
               />
             </el-form-item>
+            <!-- <treeselect-value :value="treevalue" /> -->
           </el-col>
         </el-row>
         <el-row>
           <div style="display: flex; justify-content: flex-end">
-            <el-button style="margin:10px" @click="showForm = !showForm"
+            <el-button style="margin: 10px" @click="showForm = !showForm"
               >{{ showForm ? "隐藏" : "更多" }}
             </el-button>
           </div>
@@ -446,11 +450,11 @@
         <div v-if="showForm">
           <el-row>
             <el-col :span="8">
-              <el-form-item label="传真" prop="fFax">
+              <el-form-item label="英文名称" prop="fEname">
                 <el-input
-                  v-model="form.fFax"
+                  v-model="form.fEname"
                   style="width: 250px"
-                  placeholder="请输入传真"
+                  placeholder="请输入英文名称"
                 />
               </el-form-item>
             </el-col>
@@ -476,6 +480,15 @@
 
           <el-row>
             <el-col :span="8">
+              <el-form-item label="传真" prop="fFax">
+                <el-input
+                  v-model="form.fFax"
+                  style="width: 250px"
+                  placeholder="请输入传真"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
               <el-form-item label="地址" prop="fAddr">
                 <el-input
                   v-model="form.fAddr"
@@ -493,6 +506,9 @@
                 />
               </el-form-item>
             </el-col>
+          </el-row>
+
+          <el-row>
             <el-col :span="8">
               <el-form-item label="规模" prop="fScale">
                 <el-input
@@ -502,9 +518,6 @@
                 />
               </el-form-item>
             </el-col>
-          </el-row>
-
-          <el-row>
             <el-col :span="8">
               <el-form-item label="省" prop="fProvince">
                 <el-input
@@ -523,6 +536,9 @@
                 />
               </el-form-item>
             </el-col>
+          </el-row>
+
+          <el-row>
             <el-col :span="8">
               <el-form-item label="结算方式" prop="fStltypeid">
                 <el-select
@@ -539,9 +555,6 @@
                 </el-select>
               </el-form-item>
             </el-col>
-          </el-row>
-
-          <el-row>
             <el-col :span="8">
               <el-form-item label="结费天数" prop="fStldays">
                 <el-input
@@ -552,15 +565,6 @@
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="合同号" prop="fContractno">
-                <el-input
-                  v-model="form.fContractno"
-                  style="width: 250px"
-                  placeholder="请输入合同号"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
               <el-form-item label="税号" prop="fTax">
                 <el-input
                   v-model="form.fTax"
@@ -573,6 +577,15 @@
 
           <el-row>
             <el-col :span="8">
+              <el-form-item label="合同号" prop="fContractno">
+                <el-input
+                  v-model="form.fContractno"
+                  style="width: 250px"
+                  placeholder="请输入合同号"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
               <el-form-item label="合同起" prop="fContractb">
                 <el-date-picker
                   clearable
@@ -600,6 +613,9 @@
                 </el-date-picker>
               </el-form-item>
             </el-col>
+          </el-row>
+
+          <el-row>
             <el-col :span="8">
               <el-form-item label="开票电话" prop="fInvtel">
                 <el-input
@@ -609,9 +625,6 @@
                 />
               </el-form-item>
             </el-col>
-          </el-row>
-
-          <el-row>
             <el-col :span="8">
               <el-form-item label="开票地址" prop="fInvaddr">
                 <el-input
@@ -630,6 +643,9 @@
                 />
               </el-form-item>
             </el-col>
+          </el-row>
+
+          <el-row>
             <el-col :span="8">
               <el-form-item
                 label="本位币银行"
@@ -643,9 +659,6 @@
                 />
               </el-form-item>
             </el-col>
-          </el-row>
-
-          <el-row>
             <el-col :span="8">
               <el-form-item label="外币账号" prop="fUbankno">
                 <el-input
@@ -797,6 +810,9 @@ import { isArray } from "@/utils/validate";
 import { addSet, select, resetModule } from "@/api/system/set";
 import Cookies from "js-cookie";
 import draggable from "vuedraggable";
+import { treeselect } from "@/api/system/dept";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import Vue from "vue";
 Vue.directive("dialogDrag", {
   bind(el, binding, vnode, oldVnode) {
@@ -857,9 +873,11 @@ Vue.directive("dialogDrag", {
 
 export default {
   name: "Corps",
-  components: { draggable },
+  components: { draggable, Treeselect },
   data() {
     return {
+      treevalue: null,
+      deptOptions: null,
       disCorps: false,
       //全屏放大
       dialogFull: false,
@@ -1044,8 +1062,14 @@ export default {
       this.statusOptions = response.data;
     });
     this.getRow();
+    this.getTreeselect();
   },
   methods: {
+    getTreeselect() {
+      treeselect().then((response) => {
+        this.deptOptions = response.data;
+      });
+    },
     //列设置全选
     allChecked() {
       if (this.allCheck == true) {
@@ -1259,7 +1283,11 @@ export default {
       }
       const fId = row.fId || this.ids;
       getCorps(fId).then((response) => {
+        response.data.corp.deptId=response.data.corp.deptId.replace(/\[|]/g, "")
+          .replace(/\"/g, "")
+          .split(",")
         this.form = response.data["corp"];
+        console.log(this.form)
         var contactList1 = response.data["customerContact"];
         this.form.fTypeid = this.form.fTypeid
           .replace(/\[|]/g, "")
@@ -1279,6 +1307,9 @@ export default {
       this.form.fTypename = "";
       this.$refs["form"].validate((valid) => {
         if (valid) {
+          if (!this.form.deptId) {
+            return this.$message.error("归属部门不能为空");
+          }
           if (this.form.fId != null) {
             let formDate = new FormData();
             for (let index in this.fTypeidOptions) {
@@ -1436,4 +1467,7 @@ export default {
   background-color: rgba(0, 0, 0, 0.05);
   height: 100%;
 }
+.el-form-item__content {
+  line-height: 20px !important;
+}
 </style>