新增页面引入

src/views/modules/base/smartExcel/cpts/excel-add.vue

@@ -1,21 +1,63 @@
 <template>
-   <!-- 新建任务 -->
-    <div class=''></div>
+    <!-- 新建任务 -->
+    <div class=''>
+        <el-upload ref="upload" class="upload-demo" :action="uploadUlr" :limit="1" :on-change="handleFileChange"
+            :auto-upload="false" accept=".xlsx">
+            <template #trigger>
+                <el-button type="primary">上传报表模板</el-button>
+            </template>
+        </el-upload>
+    </div>
 </template>
 
 <script>
 export default {
     data() {
-        return {};
+        return {
+            uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
+        };
     },
-    created() {},
-    methods: {},
-    components:{},
-    computed:{},
+    created() { },
+    methods: {
+        handleFileChange(file, newFileList) {
+            const selectedFile = file.raw;
+            if (!(selectedFile instanceof File)) {
+                console.error('传入了非文件对象');
+                return;
+            }
+
+            if (selectedFile.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') {
+                console.log('文件是xlsx类型');
+            } else {
+                console.error('不是xlsx文件');
+                return;
+            }
+        },
+        beforeImgUpload(file) {
+            console.log(file);
+            const isLt1M = file.size / 1024 / 1024 < 10;
+            const srcType = file.type;
+            const format = file.name.split(".").pop();
+            if (!isLt1M) {
+                this.$message.error("上传文件大小不能超过 10MB!");
+                return false;
+            }
+            if (
+                srcType.indexOf("image") == -1 &&
+                srcType.indexOf("video") == -1 &&
+                ["doc", "docx", "xls", "xlsx", "ppt", "pptx", "pdf"].indexOf(format) ==
+                -1
+            ) {
+                this.$message.error("仅限图片、word和pdf文件!");
+                return false;
+            }
+            return true;
+        },
+    },
+    components: {},
+    computed: {},
     watch: {},
 }
 </script>
 
-<style lang='scss' scoped>
-
-</style>
+<style lang='scss' scoped></style>

src/views/modules/base/smartExcel/cpts/excel-template-confirmation.vue

@@ -0,0 +1,26 @@
+<template>
+    <!-- 确认模板 -->
+     <div class=''>
+        
+     </div>
+ </template>
+ 
+ <script>
+ export default {
+     data() {
+         return {};
+     },
+     created() {},
+     methods: {
+         
+     },
+     components:{},
+     computed:{},
+     watch: {},
+ }
+ </script>
+ 
+ <style lang='scss' scoped>
+ 
+ </style>
+ 

src/views/modules/base/smartExcel/cpts/excel-view.vue

@@ -10,6 +10,7 @@
             <el-button type="primary">上传报表模板</el-button>
           </template>
         </el-upload> -->
+        
         <div :class="{ 'menu_item': true, 'active': menuActive === index }" v-for="(item, index) in menuList"
           :key="index" @click="handleClickMenu(index)">
           <span>{{ item.name }}</span>
@@ -205,12 +206,16 @@ export default {
       hook: {
         cellEditBefore: this.handleCellEditBefore,
         // cellUpdateBefore: this.handleCellUpdateBefore,
+        sheetCreateAfter:this.handleSheetCreateAfter
       },
     });
 
   },
 
   methods: {
+    handleSheetCreateAfter(e){
+      console.log('setsheet',e);
+    },
     initSocket() {
       this.socket = new WebSocket('');
       this.socket.addEventListener('open', () => {

src/views/modules/base/smartExcel/index.vue

@@ -99,6 +99,9 @@
     <div v-if="pageType == 'info'">
       <excel-info></excel-info>
     </div>
+    <div v-if="pageType == 'add'">
+      <excel-add></excel-add>
+    </div>
   </div>
 </template>
 
@@ -107,9 +110,10 @@ import { requestPost } from "@/js/dai/request";
 import nextTick from "dai-js/tools/nextTick";
 import { mapGetters } from "vuex";
 import excelInfo from "./cpts/excel-info";
+import excelAdd from "./cpts/excel-add";
 
 export default {
-  components: { excelInfo, },
+  components: { excelInfo,excelAdd },
 
   data() {
     let endDisabledDate = (time) => {
@@ -193,6 +197,7 @@ export default {
   methods: {
     handleAdd() {
       this.pageType = 'add';
+      console.log(this.pageType);
     },
     handleInfo() {
       this.pageType = 'info'