[CODE]:商品修改回显主从表数据

src/views/basicdata/corps/index.vue

@@ -95,13 +95,6 @@
         </el-date-picker>
       </el-form-item>
       <el-form-item label="状态" prop="fStatus">
-        <!--<el-input
-          v-model="queryParams.fStatus"
-          placeholder="请选择状态"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />-->
         <el-select
           v-model="queryParams.fStatus"
           placeholder="客户状态"
@@ -459,34 +452,81 @@
           <el-input v-model="form.remark" style="width: 200px" placeholder="请输入备注" />
         </el-form-item>
       </el-form>
+      <div >
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button
+              type="primary"
+              icon="el-icon-plus"
+              size="mini"
+              @click="addRow(contactList)"
+            >添加</el-button>
+          </el-col>
+        </el-row>
+      </div>
       <el-table v-loading="loading" :data="contactList" @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
-        <el-table-column label="状态" align="center" prop="tId" />
-        <el-table-column label="编号" align="center" prop="fNo" />
-        <el-table-column label="名称" align="center" prop="fName" />
-        <el-table-column label="英文名称" align="center" prop="fEname" />
-        <el-table-column label="电话" align="center" prop="fTel" />
-        <el-table-column label="状态" align="center" prop="fStatus" />
-        <el-table-column label="备注" align="center" prop="remark" />
+
+        <el-table-column label="编号" align="center" prop="fNo" >
+          <template scope="scope">
+            <el-input v-model="scope.row.fNo"  placeholder="编号" />
+          </template>
+        </el-table-column>
+
+        <el-table-column label="名称" align="center" prop="fName" >
+          <template scope="scope">
+            <el-input v-model="scope.row.fName"  placeholder="名称" />
+          </template>
+        </el-table-column>
+
+        <el-table-column label="英文名称" align="center" prop="fEname">
+          <template scope="scope">
+            <el-input v-model="scope.row.fEname"  placeholder="英文名称" />
+          </template>
+        </el-table-column>
+
+        <el-table-column label="电话" align="center" prop="fTel" >
+          <template scope="scope">
+            <el-input v-model="scope.row.fTel"  placeholder="电话" />
+          </template>
+        </el-table-column>
+
+        <el-table-column label="状态" align="center" prop="fStatus" >
+          <template scope="scope">
+            <el-select
+              v-model="scope.row.fStatus"
+              placeholder="状态"
+              clearable
+              size="small"
+            >
+              <el-option
+                v-for="dict in statusOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              />
+            </el-select>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="备注" align="center" prop="remark" >
+          <template scope="scope">
+            <el-input v-model="scope.row.remark"  placeholder="备注" />
+          </template>
+        </el-table-column>
+
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
           <template slot-scope="scope">
             <el-button
               size="mini"
               type="text"
-              icon="el-icon-edit"
-              @click="handleUpdate(scope.row)"
-              v-hasPermi="['basicdata:contact:edit']"
-            >修改</el-button>
-            <el-button
-              size="mini"
-              type="text"
               icon="el-icon-delete"
-              @click="handleDelete(scope.row)"
-              v-hasPermi="['basicdata:contact:remove']"
+              @click.native.prevent="deleteRow(scope.$index, contactList)"
             >删除</el-button>
           </template>
         </el-table-column>
+
       </el-table>
+
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
@@ -531,8 +571,6 @@
         fStltypeidOptions: [],
         // 删除状态字典
         delFlagOptions: [],
-        // 从表数据
-        dataList: [],
         // 查询参数
         queryParams: {
           pageNum: 1,
@@ -597,6 +635,16 @@
       });
     },
     methods: {
+      // 添加行
+      addRow(tableData,event){
+        var obj = {}
+         tableData.push(obj)
+      },
+      //删除行
+      deleteRow(index, rows) {
+        rows.splice(index, 1);
+      },
+
       /** 查询客户详情列表 */
       getList() {
         this.loading = true;
@@ -705,9 +753,10 @@
         this.reset();
         const fId = row.fId || this.ids
         getCorps(fId).then(response => {
-          this.form = response.data;
+          this.form = response.data["corp"];
           this.open = true;
           this.title = "修改客户详情";
+          this.contactList=response.data["customerContact"];
         });
       },
       /** 提交按钮 */
@@ -723,7 +772,7 @@
             } else {
               let formDate= new FormData()
               formDate.append('corps',JSON.stringify(this.form));
-              formDate.append('customerContacts',JSON.stringify(this.dataList));
+              formDate.append('customerContacts',JSON.stringify(this.contactList));
               addCorps(formDate).then(response => {
                 this.msgSuccess("新增成功");
                 this.open = false;