页面修改

src/components/Index.vue

@@ -90,8 +90,9 @@
               <el-table-column prop="name" label="商城名称" width="155">
                 <template slot-scope="scope">
                   <p style="color:#409EFF">{{scope.row.MallName}}</p>
-                  <p>{{scope.row.MallBaseId}}
-                    <span style="color:rgb(144, 147, 153)">{{scope.row.MallBaseId}}</span>
+                  <p>账号:{{scope.row.Account}}</p>
+                  <p>
+                    手机:<span style="color:rgb(144, 147, 153)">{{scope.row.MobilePhone}}</span>
                   </p>
                 </template>
               </el-table-column>
@@ -129,18 +130,25 @@
             </div>
             <div style="padding: 15px 20px;">
               <el-table :data="tableData" border style="width: 100%;margin-bottom:20px">
-                <el-table-column prop="ID" label="ID" width="60">
-                </el-table-column>
-                <el-table-column prop="address" label="账户" width="155">
-                </el-table-column>
-                <el-table-column prop="name" label="商城名称" width="320">
-                </el-table-column>
+                <el-table-column prop="MallBaseId" label="编号" width="60">
+              </el-table-column>
+              <el-table-column prop="name" label="商城名称" width="155">
+                <template slot-scope="scope">
+                  <p style="color:#409EFF">{{scope.row.MallName}}</p>
+                  <p>账号:{{scope.row.Account}}</p>
+                  <p>
+                    手机:<span style="color:rgb(144, 147, 153)">{{scope.row.MobilePhone}}</span>
+                  </p>
+                </template>
+              </el-table-column>
+              <el-table-column prop="address" label="数据统计" show-overflow-tooltip :render-header="renderHeader"
+                width="155">
+              </el-table-column>
+              <el-table-column prop="EffectiveDateStr" label="有效期" width="170">
+              </el-table-column>
                 <el-table-column prop="address" label="操作">
                   <template>
-                    <el-button size="mini" type="info" plain>编辑</el-button>
-                    <el-button size="mini" type="info" plain>回收</el-button>
-                    <el-button size="mini" type="info" plain>版权</el-button>
-                    <el-button size="mini" type="info" plain>禁用</el-button>
+                    <el-button size="mini" type="info" plain>恢复</el-button>
                   </template>
                 </el-table-column>
               </el-table>