智能排产

pages/import/detailExcel.vue

+<template>
+<div class="h100">
+    <Tabs type="card" width="100">
+        <TabPane label="excel数据">
+            <TablePaste hide-table :input-props="inputProps" @on-success="handleSuccess" @on-error="handleError" />
+        </TabPane>
+        <TabPane label="预览">
+            <Table border="true" :columns="columnsImport" :data="excelData" :height="tableHeight" ref="tableExcel" class="tableCommon"></Table>
+        </TabPane>
+    </Tabs>
+
+</div>
+</template>
+
+<script>
+import Api from "./api";
+export default {
+    name: "detailExcel",
+    data() {
+        return {
+            entity: {},
+            downUrl: fileUrlDown,
+            fileUrlPath: "",
+            excelRows: 100,
+            tableHeight: '',
+            inputProps: {
+                rows: 10,
+                placeholder: "请从Excel复制一段表格数据，粘贴在这里",
+            },
+
+        };
+    },
+    props: {
+        eid: Number,
+    },
+    created() {
+        this.excelRows = parseInt((window.innerHeight - 231) / 21) + 1;
+        this.inputProps.rows = this.excelRows
+        this.tableHeight = window.innerHeight - 200
+    },
+    mounted() {
+        window.onresize = () => {
+            ///浏览器窗口大小变化
+            return (() => {
+                window.screenHeight = window.innerHeight;
+                this.excelRows = parseInt((window.screenHeight - 231) / 21) + 1;
+                this.inputProps.rows = this.excelRows
+                this.tableHeight = window.innerHeight - 200
+
+            })();
+        };
+    },
+    methods: {
+        load(v) {
+            Api.get({
+                id: v,
+            }).then((r) => {
+                this.entity = r.result;
+                this.$emit("on-load");
+            });
+        },
+        handleClose() {
+            this.$emit("on-close");
+        },
+        downFile(path) {
+            //alert(path)
+            let truePath = path;
+            if (truePath.length > 2) {
+                if (
+                    truePath.substring(0, 7).toLowerCase() == "http://" ||
+                    truePath.substring(0, 8).toLowerCase() == "https://"
+                ) {
+                    window.open(truePath, "_blank");
+                } else {
+                    this.fileUrlPath = this.downUrl + path;
+                    window.open(this.fileUrlPath, "_blank");
+                }
+            }
+        },
+        l(key) {
+            key = "import_center" + "." + key;
+            return this.$t(key);
+        },
+    },
+    watch: {
+        eid(v) {
+            if (v > 0) {
+                this.load(v);
+            }
+        },
+    },
+};
+</script>

pages/import/process.vue

@@ -29,28 +29,37 @@
         <div class="btns">
             <Form inline>
                 <FormItem>
-                    原文件：<a @click="downFile">{{entity.file}}</a>
+                    <a @click="downFile">
+                        <Icon type="md-download" />{{entity.file}}
+                    </a>
                 </FormItem>
                 <FormItem>
-                    <a class="ml10 mr10" @click="resetTable">刷新</a>
+                    <a class="ml10 mr10" @click="resetTable">
+                        <Icon type="md-eye" />预览
+                    </a>
                 </FormItem>
                 <FormItem v-if="show">
                     <Button @click="openPaste" :type="btnType" :ghost="ghostStatus">{{btnTxt}}</Button>
                 </FormItem>
                 <FormItem>
-                    <RadioGroup value="large" type="button">
-                        <Radio label="large">数据列表</Radio>
-                        <Radio label="default">粘贴Excel</Radio>
+                    <RadioGroup value="0" type="button" @on-change="changeExcel">
+                        <Radio label="0">
+                            <Icon type="md-list" />列表
+                        </Radio>
+                        <Radio label="1">
+                            <Icon type="md-clipboard" />Excel
+                        </Radio>
                     </RadioGroup>
                 </FormItem>
             </Form>
         </div>
     </div>
     <div class="table-main" ref="main">
-        <Table border="true" :columns="columnsImport" :data="excelData" :height="tdHeightExcel" ref="table" class="tableCommon"></Table>
+        <Table border="true" :columns="columnsImport" :data="excelData" :height="tdHeightExcel" ref="table" class="tableCommon" v-if="tableImport"></Table>
+        <component :is="detailExcel" />
     </div>
 
-    <FooterToolbar v-if="sheetNames.length>1">
+    <FooterToolbar v-if="sheetNames.length>1&&tableImport">
         <Form inline>
             <FormItem>
                 <Tabs :animated="false" :value="0" @on-click="sheetClick">
@@ -82,6 +91,8 @@ export default {
             downUrl: fileUrlDown,
             fileUrlPath: "",
             disabled: false,
+            detailExcel: null,
+            tableImport: true,
             columns0: [{
                     key: "userName",
                     title: this.l("userName"),
@@ -715,6 +726,16 @@ export default {
                 }
             });
         },
+        changeExcel(val) {
+            if (val == 1) {
+                this.tableImport = false
+                this.detailExcel = () => import("./detailExcel");
+            } else {
+
+                this.detailExcel = null;
+                this.tableImport = true
+            }
+        },
         l(key) {
             key = "user" + "." + key;
             return this.$t(key);