From 23d80c1b64f23ede237ab8e89ebc2ee2aaf43f26 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期三, 19 七月 2023 19:32:10 +0800
Subject: [PATCH] 销售模块接口联调

---
 src/views/sales/contractManage/AddContractManageDialog.vue |  168 ++++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 120 insertions(+), 48 deletions(-)

diff --git a/src/views/sales/contractManage/AddContractManageDialog.vue b/src/views/sales/contractManage/AddContractManageDialog.vue
index 0e6bdb0..a1e40fc 100644
--- a/src/views/sales/contractManage/AddContractManageDialog.vue
+++ b/src/views/sales/contractManage/AddContractManageDialog.vue
@@ -21,39 +21,52 @@
           <div class="basic-info-view">
             <el-row>
               <el-col :span="12">
-                <el-form-item label="瀹㈡埛鍚嶇О" prop="customName">
+                <el-form-item label="瀹㈡埛鍚嶇О" prop="client_id">
                   <div class="custom-name">
-                    <el-input v-model="editConfig.infomation.customName"></el-input>
+                    <el-input v-model="editConfig.infomation.client_id"></el-input>
                     <div class="common-select-btn"><i class="el-icon-circle-plus-outline" title="閫夋嫨"></i></div>
                     <div class="common-select-btn"><i class="el-icon-edit" title="缂栬緫"></i></div>
                   </div>
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item label="鍗曟嵁缂栧彿" prop="documentNumber">
-                  <el-input v-model="editConfig.infomation.documentNumber"></el-input>
+                <el-form-item label="鍗曟嵁缂栧彿" prop="number">
+                  <el-input v-model="editConfig.infomation.number"></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item label="璐熻矗浜�" prop="owner">
-                  <el-select v-model="editConfig.infomation.owner" placeholder="璇烽�夋嫨" size="mini" style="width: 63%">
-                    <el-option v-for="item in ownerOptions" :key="item.value" :label="item.label" :value="item.value">
+                <el-form-item label="璐熻矗浜�" prop="member_id">
+                  <el-select
+                    v-model="editConfig.infomation.member_id"
+                    placeholder="璇烽�夋嫨"
+                    size="mini"
+                    style="width: 63%"
+                  >
+                    <el-option v-for="item in memberOptions" :key="item.value" :label="item.label" :value="item.value">
                     </el-option>
                   </el-select>
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item label="鍚堝悓鐘舵��" prop="contractStatus">
-                  <CommonSelectView
-                    :common-value="editConfig.infomation.contractStatus"
-                    :common-options="contractStatusOptions"
-                  />
+                <el-form-item label="鍚堝悓鐘舵��" prop="status_id">
+                  <div class="common-select">
+                    <el-select
+                      v-model="editConfig.infomation.status_id"
+                      placeholder="璇烽�夋嫨"
+                      class="common-select-sel"
+                      size="mini"
+                    >
+                      <el-option v-for="item in statusOptions" :key="item.id" :label="item.name" :value="item.id">
+                      </el-option>
+                    </el-select>
+                    <div class="common-select-btn"><i class="el-icon-setting"></i></div>
+                  </div>
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item label="閿�鍞姤浠峰崟" prop="salesQuotation">
+                <el-form-item label="閿�鍞姤浠峰崟" prop="quotation_id">
                   <div class="custom-name">
-                    <el-input v-model="editConfig.infomation.salesQuotation"></el-input>
+                    <el-input v-model="editConfig.infomation.quotation_id"></el-input>
                     <div class="common-select-btn"><i class="el-icon-circle-plus-outline" title="閫夋嫨"></i></div>
                     <div class="common-select-btn"><i class="el-icon-edit" title="缂栬緫"></i></div>
                   </div>
@@ -95,7 +108,7 @@
             <div v-else><i class="el-icon-arrow-down"></i></div>
           </div>
           <!-- 閫夋嫨瀹℃壒娴佺▼ -->
-          <div class="basic-info-title">閫夋嫨瀹℃壒娴佺▼</div>
+          <!-- <div class="basic-info-title">閫夋嫨瀹℃壒娴佺▼</div>
           <div class="basic-info-view">
             <el-row>
               <el-col :span="20">
@@ -132,11 +145,11 @@
                 </el-form-item>
               </el-col>
             </el-row>
-          </div>
+          </div> -->
         </div>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" size="small" @click="editConfig.visible = false">淇濆苟鎻愪氦瀹℃壒</el-button>
+        <!-- <el-button type="primary" size="small" @click="editConfig.visible = false">淇濆苟鎻愪氦瀹℃壒</el-button> -->
         <el-button type="primary" size="small" @click="editConfig.visible = false">淇濆瓨</el-button>
         <el-button size="small" @click="editConfig.visible = false">鍙栨秷</el-button>
       </div>
@@ -145,7 +158,8 @@
 </template>
 
 <script>
-import CommonSelectView from "@/components/makepager/CommonSelectView"
+import { getAllData } from "@/api/client/client"
+import { getAddContract, getUpdateContract } from "@/api/sales/contractManage"
 export default {
   name: "AddContractManageDialog",
   props: {
@@ -155,42 +169,23 @@
         return {
           visible: false,
           title: "鏂板缓",
-          infomation: {
-            customName: "",
-            documentNumber: "TKD20230521-12",
-            owner: "",
-            contractStatus: "",
-            salesQuotation: "",
-            approvalWorkflow: "",
-            approvalSteps: "",
-            approvalPerson: "",
-            approvalOpinion: ""
-          }
+          infomation: {}
         }
       }
     }
   },
-  components: { CommonSelectView },
+  components: {},
   computed: {},
   data() {
     return {
       dialogWidth: "80%",
       editConfig: this.editCommonConfig,
       rules: {
-        documentNumber: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-        owner: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }]
+        number: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+        member_id: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }]
       },
-      ownerOptions: [
-        // 璐熻矗浜�
-        { value: "1", label: "BOSS" },
-        { value: "2", label: "Mia" },
-        { value: "3", label: "璐㈠姟" },
-        { value: "4", label: "甯傚満" },
-        { value: "5", label: "绯荤粺绠$悊鍛�" },
-        { value: "6", label: "閿�鍞�" },
-        { value: "7", label: "閿�鍞�荤洃" }
-      ],
-      contractStatusOptions: [
+      memberOptions: [],
+      statusOptions: [
         { value: "1", label: "寰呭鎵�" },
         { value: "2", label: "瀹℃壒涓�" },
         { value: "3", label: "宸插鎵�" },
@@ -201,8 +196,78 @@
       isUnflod: true
     }
   },
-  created() {},
+  created() {
+    this.getCommonData()
+  },
   methods: {
+    getCommonData() {
+      getAllData()
+        .then((res) => {
+          this.memberOptions = res.data.member
+        })
+        .catch((err) => {
+          console.log(err)
+        })
+    },
+    // 淇濆瓨
+    saveClick(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          console.log(this.editConfig.infomation)
+          const params = this.saveParams()
+          console.log(params)
+          if (this.editConfig.title === "鏂板缓") {
+            getAddContract(params)
+              .then((res) => {
+                console.log(res)
+                this.editConfig.visible = false
+                if (res.code === 200) {
+                  this.$message({
+                    message: "娣诲姞鎴愬姛",
+                    type: "success"
+                  })
+                  this.$parent.getData()
+                }
+              })
+              .catch((err) => {
+                console.log(err)
+              })
+          } else {
+            getUpdateContract(params)
+              .then((res) => {
+                console.log(res)
+                this.editConfig.visible = false
+                if (res.code === 200) {
+                  this.$message({
+                    message: "缂栬緫鎴愬姛",
+                    type: "success"
+                  })
+                  this.$parent.getData()
+                }
+              })
+              .catch((err) => {
+                console.log(err)
+              })
+          }
+        } else {
+          console.log("error submit")
+          return false
+        }
+      })
+    },
+    saveParams() {
+      let data = this.editConfig.infomation
+      let params = {
+        id: this.editConfig.title === "鏂板缓" ? 0 : data.id,
+        client_id: data.client_id || 0,
+        file: data.file || "",
+        member_id: data.member_id || 0,
+        number: data.number || "",
+        quotation_id: data.quotation_id || 0,
+        status_id: data.status_id || 0
+      }
+      return params
+    },
     handleClose() {
       this.editConfig.visible = false
     },
@@ -247,10 +312,17 @@
           font-size: 18px;
         }
       }
-    }
-    .address-view {
-      margin-top: 10px;
-      padding-right: 40px;
+      .common-select {
+        display: flex;
+        .common-select-sel {
+          width: 270px;
+        }
+        .common-select-btn {
+          margin-left: 5px;
+          font-size: 16px;
+          cursor: pointer;
+        }
+      }
     }
     .annex-view {
       display: flex;

--
Gitblit v1.8.0