table不随屏幕改变尺寸问题

manager/src/views/promotion/coupon/coupon.vue

@@ -42,46 +42,37 @@
         <Button @click="delAll">批量下架</Button>
         <!-- <Button @click="upAll" >批量上架</Button> -->
       </Row>
-      <Row>
-        <Table
-          :loading="loading"
-          border
-          :columns="columns"
-          :data="data"
-          ref="table"
-          sortable="custom"
-          @on-sort-change="changeSort"
-          @on-selection-change="changeSelect"
-        >
-          <template slot-scope="{ row }" slot="action">
-            <!-- <Button
-              type="info"
-              size="small"
-              style="margin-right: 10px"
-              @click="receiveInfo(row)"
-              >查看</Button
-            > -->
-            <Button
-              v-if="row.promotionStatus === 'NEW' || row.promotionStatus === 'CLOSE'"
-              type="primary"
-              size="small"
-              style="margin-right: 10px"
-              @click="edit(row)"
-            >编辑
-            </Button
-            >
-            <Button
-              v-if="row.promotionStatus === 'START' || row.promotionStatus === 'NEW'"
-              type="error"
-              size="small"
-              style="margin-right: 10px"
-              @click="remove(row)"
-            >下架
-            </Button
-            >
-          </template>
-        </Table>
-      </Row>
+      <Table
+        :loading="loading"
+        border
+        :columns="columns"
+        :data="data"
+        ref="table"
+        sortable="custom"
+        @on-sort-change="changeSort"
+        @on-selection-change="changeSelect"
+      >
+        <template slot-scope="{ row }" slot="action">
+          <Button
+            v-if="row.promotionStatus === 'NEW' || row.promotionStatus === 'CLOSE'"
+            type="primary"
+            size="small"
+            style="margin-right: 10px"
+            @click="edit(row)"
+          >编辑
+          </Button
+          >
+          <Button
+            v-if="row.promotionStatus === 'START' || row.promotionStatus === 'NEW'"
+            type="error"
+            size="small"
+            style="margin-right: 10px"
+            @click="remove(row)"
+          >下架
+          </Button
+          >
+        </template>
+      </Table>
       <Row type="flex" justify="end" class="page">
         <Page
           :current="searchForm.pageNumber + 1"

manager/src/views/promotion/coupon/couponInfo.vue

@@ -72,9 +72,7 @@
           </div>
           <h4>适用品类范围</h4>
           <div>
-            <Row>
-              <Table :loading="loading" border :columns="columns1" :data="data1" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect"></Table>
-            </Row>
+            <Table :loading="loading" border :columns="columns1" :data="data1" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect"></Table>
             <Row type="flex" justify="end" class="page">
               <Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage" @on-page-size-change="changePageSize" :page-size-opts="[10, 20, 50]"
                 size="small" show-total show-elevator show-sizer></Page>

manager/src/views/promotion/coupon/memberReceiveCoupon.vue

@@ -1,51 +1,45 @@
 <template>
   <div class="search">
-    <Row>
-      <Col>
-        <Card>
-          <Row>
-            <Table
-              :loading="loading"
-              border
-              :columns="columns"
-              :data="data"
-              ref="table"
-              sortable="custom"
-              @on-sort-change="changeSort"
-              @on-selection-change="changeSelect"
-            >
-              <template slot-scope="{ row }" slot="rangeTime">
-                <div>{{ row.startTime }} ~ {{ row.endTime }}</div>
-              </template>
-              <template slot-scope="{ row }" slot="action">
-                <Button
-                  type="error"
-                  ghost
-                  size="small"
-                  :disabled="row.memberCouponStatus != 'NEW'"
-                  @click="remove(row)"
-                  >作废</Button
-                >
-              </template>
-            </Table>
-          </Row>
-          <Row type="flex" justify="end" class="page">
-            <Page
-              :current="searchForm.pageNumber"
-              :total="total"
-              :page-size="searchForm.pageSize"
-              @on-change="changePage"
-              @on-page-size-change="changePageSize"
-              :page-size-opts="[10, 20, 50]"
+    <Card>
+        <Table
+          :loading="loading"
+          border
+          :columns="columns"
+          :data="data"
+          ref="table"
+          sortable="custom"
+          @on-sort-change="changeSort"
+          @on-selection-change="changeSelect"
+        >
+          <template slot-scope="{ row }" slot="rangeTime">
+            <div>{{ row.startTime }} ~ {{ row.endTime }}</div>
+          </template>
+          <template slot-scope="{ row }" slot="action">
+            <Button
+              type="error"
+              ghost
               size="small"
-              show-total
-              show-elevator
-              show-sizer
-            ></Page>
-          </Row>
-        </Card>
-      </Col>
-    </Row>
+              :disabled="row.memberCouponStatus != 'NEW'"
+              @click="remove(row)"
+              >作废</Button
+            >
+          </template>
+        </Table>
+      <Row type="flex" justify="end" class="page">
+        <Page
+          :current="searchForm.pageNumber"
+          :total="total"
+          :page-size="searchForm.pageSize"
+          @on-change="changePage"
+          @on-page-size-change="changePageSize"
+          :page-size-opts="[10, 20, 50]"
+          size="small"
+          show-total
+          show-elevator
+          show-sizer
+        ></Page>
+      </Row>
+    </Card>
   </div>
 </template>