table不随屏幕改变尺寸问题

manager/src/views/order/after-order/afterSale.vue

@@ -10,18 +10,16 @@
                   <Row class="operation" style="margin-bottom: 10px">
                     <Button @click="add"  type="primary" >添加</Button>
                   </Row>
-                  <Row>
-                    <Table
-                      :loading="loading"
-                      border
-                      :columns="columns"
-                      :data="data"
-                      ref="table"
-                      sortable="custom"
-                      @on-sort-change="changeSort"
-                      @on-selection-change="changeSelect"
-                    ></Table>
-                  </Row>
+                  <Table
+                    :loading="loading"
+                    border
+                    :columns="columns"
+                    :data="data"
+                    ref="table"
+                    sortable="custom"
+                    @on-sort-change="changeSort"
+                    @on-selection-change="changeSelect"
+                  ></Table>
                   <Row type="flex" justify="end" class="page">
                     <Page
                       :current="searchForm.pageNumber"
@@ -45,18 +43,16 @@
                   <Row class="operation" style="margin-bottom: 10px">
                     <Button @click="add" type="primary" icon="md-add">添加</Button>
                   </Row>
-                  <Row>
-                    <Table
-                      :loading="loading"
-                      border
-                      :columns="columns"
-                      :data="data"
-                      ref="table"
-                      sortable="custom"
-                      @on-sort-change="changeSort"
-                      @on-selection-change="changeSelect"
-                    ></Table>
-                  </Row>
+                  <Table
+                    :loading="loading"
+                    border
+                    :columns="columns"
+                    :data="data"
+                    ref="table"
+                    sortable="custom"
+                    @on-sort-change="changeSort"
+                    @on-selection-change="changeSelect"
+                  ></Table>
                   <Row type="flex" justify="end" class="page">
                     <Page
                       :current="searchForm.pageNumber"
@@ -80,18 +76,16 @@
                   <Row class="operation" style="margin-bottom: 10px">
                     <Button @click="add" type="primary" icon="md-add">添加</Button>
                   </Row>
-                  <Row>
-                    <Table
-                      :loading="loading"
-                      border
-                      :columns="columns"
-                      :data="data"
-                      ref="table"
-                      sortable="custom"
-                      @on-sort-change="changeSort"
-                      @on-selection-change="changeSelect"
-                    ></Table>
-                  </Row>
+                  <Table
+                    :loading="loading"
+                    border
+                    :columns="columns"
+                    :data="data"
+                    ref="table"
+                    sortable="custom"
+                    @on-sort-change="changeSort"
+                    @on-selection-change="changeSelect"
+                  ></Table>
                   <Row type="flex" justify="end" class="page">
                     <Page
                       :current="searchForm.pageNumber"
@@ -116,18 +110,16 @@
                     <Button @click="add" type="primary" icon="md-add">添加</Button>
                     <Button @click="getDataList" icon="md-refresh">刷新</Button>
                   </Row>
-                  <Row>
-                    <Table
-                      :loading="loading"
-                      border
-                      :columns="columns"
-                      :data="data"
-                      ref="table"
-                      sortable="custom"
-                      @on-sort-change="changeSort"
-                      @on-selection-change="changeSelect"
-                    ></Table>
-                  </Row>
+                  <Table
+                    :loading="loading"
+                    border
+                    :columns="columns"
+                    :data="data"
+                    ref="table"
+                    sortable="custom"
+                    @on-sort-change="changeSort"
+                    @on-selection-change="changeSelect"
+                  ></Table>
                   <Row type="flex" justify="end" class="page">
                     <Page
                       :current="searchForm.pageNumber"

manager/src/views/order/after-order/afterSaleOrder.vue

@@ -73,40 +73,38 @@
               <Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
             </Form>
           </Row>
-          <Row class="padding-row">
-            <Table
-              :loading="loading"
-              border
-              :columns="columns"
-              :data="data"
-              ref="table"
-              sortable="custom"
-              @on-sort-change="changeSort"
-              @on-selection-change="changeSelect"
-            >
-              <!-- 商品栏目格式化 -->
-              <template slot="goodsSlot" slot-scope="{row}">
-                <div style="margin-top: 5px;height: 80px; display: flex;">
-                  <div style="">
-                    <img :src="row.goodsImage" style="height: 60px;margin-top: 3px">
-                  </div>
-
-                  <div style="margin-left: 13px;">
-                    <div class="div-zoom">
-                      <a @click="linkTo(row.goodsId,row.skuId)">{{row.goodsName}}</a>
-                    </div>
-                    <Poptip trigger="hover" title="扫码在手机中查看" transfer>
-                      <div slot="content">
-                        <vue-qr :text="wapLinkTo(row.goodsId,row.skuId)"  :margin="0" colorDark="#000" colorLight="#fff" :size="150"></vue-qr>
-                      </div>
-                      <img src="../../../assets/qrcode.svg" class="hover-pointer" width="20" height="20" alt="">
-                    </Poptip>
-                  </div>
+          <Table
+            :loading="loading"
+            border
+            :columns="columns"
+            :data="data"
+            ref="table"
+            sortable="custom"
+            @on-sort-change="changeSort"
+            @on-selection-change="changeSelect"
+          >
+            <!-- 商品栏目格式化 -->
+            <template slot="goodsSlot" slot-scope="{row}">
+              <div style="margin-top: 5px;height: 80px; display: flex;">
+                <div style="">
+                  <img :src="row.goodsImage" style="height: 60px;margin-top: 3px">
                 </div>
 
-              </template>
-            </Table>
-          </Row>
+                <div style="margin-left: 13px;">
+                  <div class="div-zoom">
+                    <a @click="linkTo(row.goodsId,row.skuId)">{{row.goodsName}}</a>
+                  </div>
+                  <Poptip trigger="hover" title="扫码在手机中查看" transfer>
+                    <div slot="content">
+                      <vue-qr :text="wapLinkTo(row.goodsId,row.skuId)"  :margin="0" colorDark="#000" colorLight="#fff" :size="150"></vue-qr>
+                    </div>
+                    <img src="../../../assets/qrcode.svg" class="hover-pointer" width="20" height="20" alt="">
+                  </Poptip>
+                </div>
+              </div>
+
+            </template>
+          </Table>
           <Row type="flex" justify="end" class="page">
             <Page
               :current="searchForm.pageNumber"

manager/src/views/order/after-order/orderComplaint.vue

@@ -1,81 +1,74 @@
 <template>
   <div class="search">
-    <Row>
-      <Col>
-        <Card>
-          <Row @keydown.enter.native="handleSearch">
-            <Form ref="searchForm" :model="searchForm" inline :label-width="70" class="search-form">
-              <Form-item label="订单编号" prop="orderSn">
-                <Input
-                  type="text"
-                  v-model="searchForm.orderSn"
-                  placeholder="请输入订单编号"
-                  clearable
-                  style="width: 200px"
-                />
-              </Form-item>
-              <Form-item label="会员名称" prop="memberName">
-                <Input
-                  type="text"
-                  v-model="searchForm.memberName"
-                  placeholder="请输入会员名称"
-                  clearable
-                  style="width: 200px"
-                />
-              </Form-item>
-              <Form-item label="状态" prop="status">
-                <Select v-model="searchForm.status" placeholder="请选择" clearable style="width: 200px">
-                  <Option value="NEW">新投诉</Option>
-                  <Option value="CANCEL">已撤销</Option>
-                  <Option value="WAIT_APPEAL">待申诉</Option>
-                  <Option value="COMMUNICATION">对话中</Option>
-                  <Option value="WAIT_ARBITRATION">等待仲裁</Option>
-                  <Option value="COMPLETE">已完成</Option>
-                </Select>
-              </Form-item>
-              <Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
-            </Form>
-          </Row>
-
-          <Row class="padding-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="goodsName">
-                <a class="mr_10" @click="linkTo(row.goodsId,row.skuId)">{{row.goodsName}}</a>
-                <Poptip trigger="hover" title="扫码在手机中查看" transfer>
-                  <div slot="content">
-                    <vue-qr :text="wapLinkTo(row.goodsId,row.skuId)"  :margin="0" colorDark="#000" colorLight="#fff" :size="150"></vue-qr>
-                  </div>
-                  <img src="../../../assets/qrcode.svg" style="vertical-align:bottom;" class="hover-pointer" width="20" height="20" alt="">
-                </Poptip>
-              </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]"
-              size="small"
-              show-total
-              show-elevator
-              show-sizer
-            ></Page>
-          </Row>
-        </Card>
-      </Col>
-    </Row>
+    <Card>
+      <Row @keydown.enter.native="handleSearch">
+        <Form ref="searchForm" :model="searchForm" inline :label-width="70" class="search-form">
+          <Form-item label="订单编号" prop="orderSn">
+            <Input
+              type="text"
+              v-model="searchForm.orderSn"
+              placeholder="请输入订单编号"
+              clearable
+              style="width: 200px"
+            />
+          </Form-item>
+          <Form-item label="会员名称" prop="memberName">
+            <Input
+              type="text"
+              v-model="searchForm.memberName"
+              placeholder="请输入会员名称"
+              clearable
+              style="width: 200px"
+            />
+          </Form-item>
+          <Form-item label="状态" prop="status">
+            <Select v-model="searchForm.status" placeholder="请选择" clearable style="width: 200px">
+              <Option value="NEW">新投诉</Option>
+              <Option value="CANCEL">已撤销</Option>
+              <Option value="WAIT_APPEAL">待申诉</Option>
+              <Option value="COMMUNICATION">对话中</Option>
+              <Option value="WAIT_ARBITRATION">等待仲裁</Option>
+              <Option value="COMPLETE">已完成</Option>
+            </Select>
+          </Form-item>
+          <Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
+        </Form>
+      </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="goodsName">
+          <a class="mr_10" @click="linkTo(row.goodsId,row.skuId)">{{row.goodsName}}</a>
+          <Poptip trigger="hover" title="扫码在手机中查看" transfer>
+            <div slot="content">
+              <vue-qr :text="wapLinkTo(row.goodsId,row.skuId)"  :margin="0" colorDark="#000" colorLight="#fff" :size="150"></vue-qr>
+            </div>
+            <img src="../../../assets/qrcode.svg" style="vertical-align:bottom;" class="hover-pointer" width="20" height="20" alt="">
+          </Poptip>
+        </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>
     <Modal
       :title="modalTitle"
       v-model="modalVisible"