添加：商户列表添加招商员信息

src/views/merchant/list/index.vue

@@ -106,19 +106,11 @@
         </div>
         <el-button size="small" type="primary" @click="onAdd">添加商户</el-button>
       </div>
-      <el-table
+      <el-table v-loading="listLoading" :data="tableData.data" style="width: 100%" size="small" highlight-current-row class="switchTable">
-        v-loading="listLoading"
+        <el-table-column prop="mer_id" label="ID" min-width="60" align="center"/>
-        :data="tableData.data"
+        <el-table-column prop="mer_name" label="商户名称" min-width="150" align="center"/>
-        style="width: 100%"
+        <el-table-column prop="real_name" label="商户姓名" min-width="150" align="center"/>
-        size="small"
+        <el-table-column prop="status" label="推荐" min-width="100" align="center">
-        highlight-current-row
-        class="switchTable"
-      >
-        <el-table-column prop="mer_id" label="ID" min-width="60" />
-        <el-table-column prop="mer_name" label="商户名称" min-width="150" />
-        <el-table-column prop="real_name" label="商户姓名" min-width="150" />
-
-        <el-table-column prop="status" label="推荐" min-width="100">
           <template slot-scope="scope">
             <el-switch
               v-model="scope.row.is_best"
@@ -131,7 +123,7 @@
             />
           </template>
         </el-table-column>
-         <el-table-column prop="status" label="开启/关闭" min-width="100">
+         <el-table-column prop="status" label="开启/关闭" min-width="100" align="center">
           <template slot-scope="scope">
             <el-switch
               v-model="scope.row.status"
@@ -144,16 +136,28 @@
             />
           </template>
         </el-table-column>
-        <el-table-column prop="create_time" label="创建时间" min-width="150" />
+        <el-table-column prop="create_time" label="创建时间" min-width="150" align="center"/>
-        <el-table-column prop="margin" label="保证金" min-width="150">
+        <el-table-column prop="margin" label="保证金" min-width="150" align="center">
           <template slot-scope="scope">
             <span>{{scope.row.is_margin == 1 ? '未支付' : scope.row.is_margin == 0 ? '无' : '已支付'}}</span>
 
           </template>
         </el-table-column>
-        <el-table-column prop="sort" label="排序" min-width="100" />
+        <el-table-column prop="sort" label="排序" min-width="100" align="center"/>
-        <el-table-column prop="mark" label="备注" min-width="200" />
+        <el-table-column prop="mark" label="备注" min-width="200" align="center"/>
-
+        <el-table-column label="招商员" prop="nickname" min-width="280" align="center">
+          <template slot-scope="scope">
+            <div class="user-content" v-if="scope.row.spread">
+              <div class="user-avatar" v-if="scope.row.spread.avatar">
+                <img :src="scope.row.spread.avatar" />
+              </div>
+              <div class="user-info">
+                <div class="nickname">{{ scope.row.spread.nickname }}</div>
+                <div class="user-id">ID：{{ scope.row.spread.uid }}</div>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
         <el-table-column label="操作" min-width="150" fixed="right" align="center">
           <template slot-scope="scope">
             <!-- <router-link
@@ -429,4 +433,46 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.user-content{
+  --user-content-height-: 80px;
+
+  height: var(--user-content-height-);
+  width: 100%;
+  display: inline-flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+  .user-avatar{
+    height: var(--user-content-height-);
+    width: var(--user-content-height-);
+    display: inline-flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+    img{
+      height: 80%!important;
+      width: 80%!important;
+      border-radius: 50% !important;
+    }
+  }
+  .user-info{
+    height: var(--user-content-height-);
+    display: inline-flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: flex-start;
+    .nickname{
+      font-size: 15px;
+      font-weight: bold;
+      line-height: calc(var(--user-content-height- * 65%));
+    }
+    .user-id{
+      font-size: 13px;
+      line-height: calc(var(--user-content-height- * 35%));
+    }
+  }
+}
 </style>