客户供应商编辑

src/main/vue/src/components/DockingEdit.vue

@@ -11,16 +11,16 @@
         class="input1"
     >
         <el-form-item prop="name" label="姓名">
-            <el-input v-model="formData.name" placeholder="请输入"></el-input>
+            <el-input @change="changeForm" v-model="formData.name" placeholder="请输入"></el-input>
         </el-form-item>
         <el-form-item prop="jobTitle" label="职务">
-            <el-input v-model="formData.jobTitle" placeholder="请输入"></el-input>
+            <el-input @change="changeForm" v-model="formData.jobTitle" placeholder="请输入"></el-input>
         </el-form-item>
         <el-form-item prop="phone" label="电话">
-            <el-input v-model="formData.phone" placeholder="请输入"></el-input>
+            <el-input @change="changeForm" v-model="formData.phone" placeholder="请输入"></el-input>
         </el-form-item>
         <el-form-item prop="email" label="邮箱">
-            <el-input v-model="formData.email" placeholder="请输入"></el-input>
+            <el-input @change="changeForm" v-model="formData.email" placeholder="请输入"></el-input>
         </el-form-item>
     </el-form>
 </template>
@@ -57,8 +57,10 @@ export default {
             }
         };
     },
-    created() {
-        this.form = { ...this.info };
+    mounted() {
+        this.$nextTick(() => {
+            this.formData = { ...this.info };
+        });
     },
     methods: {
         onSave() {
@@ -102,6 +104,10 @@ export default {
                         this.$message.error((e || {}).error || '删除失败');
                     }
                 });
+        },
+        changeForm() {
+            console.log(this.formData);
+            this.$emit('update:info', this.formData);
         }
     }
 };

src/main/vue/src/views/PartnerEdit.vue

@@ -1,12 +1,6 @@
 <template>
     <div class="edit-view">
-        <page-title :name="pageName">
-            <el-button @click="$router.go(-1)">取消</el-button>
-            <el-button @click="del" :loading="$store.state.fetchingData" type="danger" v-if="formData.id">
-                删除
-            </el-button>
-            <el-button @click="onSave" :loading="$store.state.fetchingData" type="primary">保存</el-button>
-        </page-title>
+        <page-title :name="pageName"></page-title>
         <div class="edit-view__content-wrapper">
             <div class="edit-view__content-section">
                 <divider />
@@ -237,6 +231,23 @@ export default {
             this.$http
                 .post('/partner/save', data, { body: 'json' })
                 .then(res => {
+                    let dockings = [...this.dockings];
+                    dockings = dockings.map(item => {
+                        return {
+                            ...item,
+                            partnerId: res.id
+                        };
+                    });
+
+                    if (dockings.length > 0) {
+                        return this.$http.post('/docking/batchSave', {
+                            dockings: JSON.stringify(dockings)
+                        });
+                    } else {
+                        return Promise.resolve();
+                    }
+                })
+                .then(() => {
                     this.saving = false;
                     this.$message.success('成功');
                     this.$router.go(-1);
@@ -280,6 +291,7 @@ export default {
             if (this.formData.id) {
                 docking.partnerId = this.formData.id;
             }
+            console.log(docking);
             this.dockings.push(docking);
         },
         delDocking(index) {
@@ -287,7 +299,7 @@ export default {
             this.$alert('删除将无法恢复，确认要删除么？', '警告', { type: 'error' })
                 .then(() => {
                     if (dockings[index].id) {
-                        dockings[index] = { ...info, del: true };
+                        dockings[index] = { ...dockings[index], del: true };
                     } else {
                         dockings.splice(index, 1);
                     }