processBack

pages/import/process.vue

 <template>
-<div class="content">
+<div class="table-content">
     <TablePaste hide-table :input-props="inputProps" @on-success="handleSuccess" @on-error="handleError" v-show="showTablePaste" />
-    <DataGrid border :height="tdHeightExcel" :columns="columnsImport" :data="excelData" :page="false" :set="false">
-        <template slot="easySearch">
+    <div class="table-tools">
+        <div class="table-search">
             <Form inline>
                 <FormItem>
                     <span>导入到</span>
@@ -16,13 +16,6 @@
                 <FormItem>
                     <Button type="primary" @click="openInfoModal">导入</Button>
                 </FormItem>
-            </Form>
-        </template>
-        <template slot="buttons">
-            <Form inline>
-                <FormItem>
-                    <Button @click="downFile">下载原始文件</Button>
-                </FormItem>
                 <FormItem>
                     <div style="height:34px;overflow: hidden;padding:0">
                         <Upload action :before-upload="beforeUpload" ref="uploadfile" :format="formatList">
@@ -30,15 +23,33 @@
                         </Upload>
                     </div>
                 </FormItem>
+            </Form>
+        </div>
+
+        <div class="btns">
+            <Form inline>
+                <FormItem>
+                    原文件：<a @click="downFile">{{entity.file}}</a>
+                </FormItem>
+                <FormItem>
+                    <a class="ml10 mr10" @click="resetTable">刷新</a>
+                </FormItem>
                 <FormItem>
                     <Button @click="openPaste" :type="btnType" :ghost="ghostStatus">{{btnTxt}}</Button>
                 </FormItem>
                 <FormItem>
-                    <Button @click="resetTable">还原到原始文件</Button>
+                    <RadioGroup value="large" type="button">
+                        <Radio label="large">数据展示</Radio>
+                        <Radio label="default">粘贴Excel</Radio>
+                    </RadioGroup>
                 </FormItem>
             </Form>
-        </template>
-    </DataGrid>
+        </div>
+    </div>
+    <div class="table-main" ref="main">
+        <Table border="true" :columns="columnsImport" :data="excelData" :height="tdHeightExcel" ref="table" class="tableCommon"></Table>
+    </div>
+
     <FooterToolbar v-if="sheetNames.length>1">
         <Form inline>
             <FormItem>
@@ -551,10 +562,10 @@ export default {
         pageChange(val) {
             switch (val) {
                 case 0:
-                    this.loadColum(this.columns0);
+                    //this.loadColum(this.columns0);
                     break;
                 case 1:
-                    this.loadColum(this.columns1);
+                    //this.loadColum(this.columns1);
                     break;
                 case undefined:
                     if (this.dataType == 0) {
@@ -564,7 +575,7 @@ export default {
                     }
                     break;
                 default:
-                    this.loadColum(this.columns1);
+                    //this.loadColum(this.columns1);
             }
         },
         handleClose() {
@@ -720,7 +731,54 @@ export default {
 </script>
 
 <style lang="less">
-.content {
+.table-content {
+    position: relative;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
+    .tip {
+        display: inline;
+    }
+
+    form {
+        display: inline-block;
+
+        .ivu-form-item {
+            margin: 0;
+            vertical-align: middle;
+        }
+    }
+
+    .table-main {
+        width: 100%;
+        text-align: left;
+        padding: 0;
+        display: block;
+        overflow-y: auto;
+        flex-grow: 1;
+
+        tr td .ivu-table-cell {
+            padding: 0 5px;
+        }
+
+        overflow-x: hidden;
+    }
+
+    .table-tools {
+        display: flex;
+        line-height: 50px;
+
+        .table-search {
+            flex-grow: 1;
+        }
+
+        .btns {
+            min-width: 200px;
+            text-align: right;
+        }
+    }
+
     .table-footer {
         line-height: 45px;
         background: #f5f5f5;
@@ -728,6 +786,7 @@ export default {
 
     .ivu-footer-toolbar {
         text-align: left;
+        background: #f5f5f5;
 
         .ivu-footer-toolbar-right {
             float: left;