页面修改

src/components/tradePavilion/signList.vue

@@ -17,40 +17,77 @@
           <el-button style="float:right;margin-top: -5px;" size="small" type="primary" @click="Export()">导出</el-button>
         </div>
       </div>
-      <el-table :data="tableData" :span-method="objectSpanMethod" v-loading="loading" border
-        style="width: 100%;margin:20px 0">
-        <el-table-column prop="UserName" label="用户名">
-        </el-table-column>
-        <el-table-column prop="CompanyStatusStr" label="状态" width="100">
-        </el-table-column>
-        <el-table-column prop="CompanyName" label="公司">
-        </el-table-column>
-        <el-table-column prop="SignUserList" label="所属国籍/省/市">
-          <template slot-scope="scope">
-            {{scope.row.SignUserList[0].CountryInfo}}
-          </template>
-        </el-table-column>
-        <el-table-column prop="SignUserList" label="联系人">
-          <template slot-scope="scope">
-            {{scope.row.SignUserList[0].LinkMan}}
-          </template>
-        </el-table-column>
-        <el-table-column prop="SignUserList" label="联系电话">
-          <template slot-scope="scope">
-            {{scope.row.SignUserList[0].LinkTel}}
-          </template>
-        </el-table-column>
-        <el-table-column prop="SignUserList" label="性质">
-          <template slot-scope="scope">
-            {{scope.row.SignUserList[0].Nature}}
-          </template>
-        </el-table-column>
-        <el-table-column prop="SignUserList" label="公司职务">
-          <template slot-scope="scope">
-            {{scope.row.SignUserList[0].Post}}
-          </template>
-        </el-table-column>
-      </el-table>
+      <table class="signTable">
+        <thead>
+          <tr>
+            <th>
+              用户昵称
+            </th>
+            <th>
+              认证状态
+            </th>
+            <th>
+              认证公司
+            </th>
+            <th>
+              认证信息
+            </th>
+            <th>
+              公司
+            </th>
+            <th>
+              性质
+            </th>
+            <th>
+              联系人
+            </th>
+            <th>
+              联系电话
+            </th>
+            <th>
+              职务
+            </th>
+            <th>
+              地址
+            </th>
+          </tr>
+        </thead>
+        <tbody v-for="(item,index) in tableData" :key="index">
+          <tr v-for="(sItem,sIndex) in item.SignUserList" :key="sIndex">
+            <td :rowspan="item.SignUserList.length>1?item.SignUserList.length:0" v-if='sIndex==0'>
+              {{item.UserName}}
+            </td>
+            <td :rowspan="item.SignUserList.length>1?item.SignUserList.length:0" v-if='sIndex==0'>
+              {{item.CompanyStatusStr}}
+            </td>
+            <td :rowspan="item.SignUserList.length>1?item.SignUserList.length:0" v-if='sIndex==0'>
+              {{item.CompanyName}}
+            </td>
+            <td :rowspan="item.SignUserList.length>1?item.SignUserList.length:0" v-if='sIndex==0'>
+              {{item.AuthName}}
+            </td>
+            <td>
+              {{sItem.CompanyName}}
+            </td>
+            <td>
+              {{sItem.Nature}}
+            </td>
+            <td>
+              {{sItem.LinkMan}}
+            </td>
+            <td>
+              {{sItem.LinkTel}}
+            </td>
+            <td>
+              {{sItem.Post}}
+            </td>
+            <td>
+              {{sItem.CountryInfo}}
+            </td>
+          </tr>
+        </tbody>
+
+      </table>
       <el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
         :current-page.sync="msg.pageIndex" layout="total,prev, pager, next" :total="total">
       </el-pagination>
@@ -64,17 +101,16 @@
         msg: {
           pageIndex: 1,
           pageSize: 10,
-          ActivityId:0
+          ActivityId: 0
         },
         tableData: [],
         total: 0,
       };
     },
-    created() {
-    },
+    created() {},
     mounted() {
       if (this.$route.query.Id) {
-        this.msg.ActivityId = this.$route.query.Id;
+        //this.msg.ActivityId = this.$route.query.Id;
       }
       this.getList();
     },
@@ -101,36 +137,19 @@
         this.msg.pageIndex = val;
         this.getList();
       },
-      objectSpanMethod({ row,column,rowIndex,columnIndex}) {
-        // console.log(row,'row');
-        // console.log(column,'column');
-        // console.log(rowIndex,'rowIndex');
-        // console.log(columnIndex,'columnIndex');
-        if(columnIndex==0||columnIndex==1||columnIndex==2){
-           return {
-              rowspan: row.RowSpan,
-              colspan: 1
-            };
-        }
-        // if (columnIndex === 0 ||columnIndex === 1||columnIndex === 2) {
-        //   if (rowIndex % 2 === 0) {
-        //     return {
-        //       rowspan: 2,
-        //       colspan: 1
-        //     };
-        //   } else {
-        //     return {
-        //       rowspan: 0,
-        //       colspan: 0
-        //     };
-        //   }
-        // }
     }
-    },
   };
 
 </script>
 <style>
+  .signTable {
+    border-collapse: collapse;
+  }
+
+  .signTable tr td {
+    border: 1px solid grey;
+  }
+
   .signList .remark_name {
     color: #888888;
     font-size: 12px;