123

channel-access/src/views/fqembed/comapnylist.vue

@@ -100,11 +100,10 @@
             <el-table-column prop="zip" label="注册城市" width></el-table-column>
             <el-table-column prop="zip" label="方案状态">
               <template slot-scope="scope">
-                <el-button
-                  @click.native.prevent="deleteRow(scope.$index, companyData)"
-                  type="text"
-                  size="small"
-                >移除</el-button>
+                <div class="payment">
+                  <div :class="dotColor(1)"></div>
+                  <div>{{scope.row.date}}</div>
+                </div>
               </template>
             </el-table-column>
             <el-table-column fixed="right" label="操作">
@@ -119,6 +118,16 @@
             </el-table-column>
           </el-table>
         </div>
+        <div class="block">
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="currentPage3"
+            :page-size="100"
+            layout="prev, pager, next, jumper"
+            :total="1000"
+          ></el-pagination>
+        </div>
       </el-tab-pane>
       <el-tab-pane label="云上公司注册" name="2">
         <el-dialog title="云上公司注册方案" :visible.sync="cloudCompanyAddDialog" width="60%" center>
@@ -214,7 +223,14 @@
             <el-table-column prop="province" label="注册园区" width></el-table-column>
             <el-table-column prop="city" label="产品类型" width></el-table-column>
             <el-table-column prop="address" label="注册类型" width></el-table-column>
-            <el-table-column prop="zip" label="方案状态" width></el-table-column>
+            <el-table-column prop="zip" label="方案状态" width>
+              <template slot-scope="scope">
+                <div class="payment">
+                  <div :class="dotColor(1)"></div>
+                  <div>{{scope.row.date}}</div>
+                </div>
+              </template>
+            </el-table-column>
             <el-table-column fixed="right" label="操作" width>
               <template slot-scope="scope">
                 <div class="handle">
@@ -227,6 +243,16 @@
             </el-table-column>
           </el-table>
         </div>
+        <div class="block">
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="currentPage3"
+            :page-size="100"
+            layout="prev, pager, next, jumper"
+            :total="1000"
+          ></el-pagination>
+        </div>
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -321,7 +347,12 @@ export default {
         {
           date: 123
         }
-      ]
+      ],
+      // 云*******************
+      currentPage1: 5,
+      currentPage2: 5,
+      currentPage3: 5,
+      currentPage4: 4
     };
   },
   methods: {
@@ -347,6 +378,25 @@ export default {
     },
     toDetails(idx, row) {
       console.log(row);
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+    },
+    dotColor(status) {
+      switch (status) {
+        case 1:
+          return `hold`;
+          break;
+        case 2:
+          return `done`;
+          break;
+        case 3:
+          return `cancellation`;
+          break;
+      }
     }
   }
 };
@@ -451,5 +501,21 @@ export default {
       cursor: pointer;
     }
   }
+  .block {
+    text-align: center;
+  }
+  .payment {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .hold {
+      display: block;
+      width: 6px;
+      height: 6px;
+      background: rgba(255, 189, 46, 1);
+      border-radius: 6px;
+      transform: translate(-1px, 1px);
+    }
+  }
 }
 </style>
\ No newline at end of file