联系人表格

src/views/ecw/customer/index.vue

@@ -103,7 +103,7 @@
                 @pagination="getList"/>
 
     <!-- 对话框(添加 / 修改) -->
-    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="150px">
         <el-row :gutter="10">
           <el-col :span="12">
@@ -258,6 +258,76 @@
         <el-form-item label="部门" prop="department">
           <el-input v-model="form.department" placeholder="请输入部门" />
         </el-form-item>
+
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span>联系人</span>
+            <el-button style="float: right;" size="small" type="primary">+</el-button>
+          </div>
+          <el-table
+            :data="form.customerContacts"
+            style="width: 100%"
+          >
+            <el-table-column
+              prop="department"
+              label="部门"
+              width=""
+            >
+            </el-table-column>
+            <el-table-column
+              prop="position"
+              label="职位"
+              width=""
+            >
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="联系人"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="areaCode"
+              label="区号"
+            >
+            </el-table-column>
+            <el-table-column
+              prop=""
+              label="联系方式"
+            >
+            </el-table-column>
+            <el-table-column
+              prop=""
+              label="关联账号"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="social"
+              label="社交软件"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="socialNumber"
+              label="社交软件号码"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="email"
+              label="邮箱"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="isDefault"
+              label="设为默认"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="操作"
+            >
+            </el-table-column>
+          </el-table>
+        </el-card>
+
         <el-form-item label="发票抬头" prop="invoiceTitle">
           <el-input v-model="form.invoiceTitle" placeholder="请输入发票抬头" />
         </el-form-item>
@@ -335,7 +405,9 @@ export default {
         department: null,
       },
       // 表单参数
-      form: {},
+      form: {
+        customerContacts: []
+      },
       // 表单校验
       rules: {
         name: [{ required: true, message: "客户名称不能为空", trigger: "blur" }],