一张表架子搭建

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

@@ -0,0 +1,21 @@
+<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-info.vue

@@ -0,0 +1,40 @@
+<template>
+    <!-- 任务详情 -->
+    <div class='' >
+        <div style="width: 100%;height: 100%;border: 1px solid red;" v-show="!showSummary">
+            <el-button @click="handelClickShowSummary" type="text">查看文件汇总按钮</el-button>
+        </div>
+        <div v-if="showSummary">
+            <excel-summary @close="closeSummary"></excel-summary>
+        </div>
+    </div>
+</template>
+
+<script>
+import excelSummary from "./excel-summary.vue";
+export default {
+    data() {
+        return {
+            showSummary:false
+        };
+    },
+    created() {},
+    methods: {
+        handelClickShowSummary(){
+            this.showSummary = true
+        },
+        closeSummary(){
+            this.showSummary = false;
+        }
+    },
+    components:{
+        excelSummary
+    },
+    computed:{},
+    watch: {},
+}
+</script>
+
+<style lang='scss' scoped>
+
+</style>

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

@@ -0,0 +1,39 @@
+<template>
+    <!-- 文件汇总 -->
+    <div class=''>
+        <div v-show="!showView">
+            <div>文件汇总</div>
+            <el-button type="primary" round @click="showView = true">去数据</el-button>
+            <el-button type="primary" round @click="handelClickBack">返回</el-button>
+        </div>
+        <div v-if="showView">
+            <excel-view @close="close"></excel-view>
+        </div>
+    </div>
+</template>
+
+<script>
+import excelView from "./excel-view.vue";
+
+export default {
+    data() {
+        return {
+            showView:false
+        };
+    },
+    created() { },
+    methods: {
+        close(){
+            this.showView = false
+        },
+        handelClickBack(){
+            this.$emit('close')
+        }
+    },
+    components: { excelView },
+    computed: {},
+    watch: {},
+}
+</script>
+
+<style lang='scss' scoped></style>

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

@@ -0,0 +1,29 @@
+<template>
+    <!-- 文件查看 -->
+    <div class=''>
+        文件查看
+        <el-button type="primary" round @click="handelClickBack">返回</el-button>
+        
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {};
+    },
+    created() {},
+    methods: {
+        handelClickBack(){
+            this.$emit('close')
+        },
+    },
+    components:{},
+    computed:{},
+    watch: {},
+}
+</script>
+
+<style lang='scss' scoped>
+
+</style>

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

@@ -79,11 +79,11 @@
 
           <el-table-column fixed="right" label="操作" align="center" width="200px">
             <template slot-scope="scope">
-              <el-button @click="handleWatch(scope.row)" type="text" size="small">查看</el-button>
+              <el-button @click=" handleInfo(scope.row)" type="text" size="small">查看</el-button>
               <!-- 取消操作需要做密码校验 -->
               <el-button @click="handleCancel(scope.row)" type="text" size="small" class="">取消</el-button>
               <!-- 取消后可进行删除 -->
-              <el-button @click="handleDel(scope.row)" type="text" size="small" class="">取消</el-button>
+              <el-button @click="handleDel(scope.row)" type="text" size="small" class="">删除</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -97,11 +97,8 @@
       </div>
     </div>
     <div v-if="pageType == 'info'">
-
+      <excel-info></excel-info>
     </div>
-
-
-
   </div>
 </template>
 
@@ -109,8 +106,10 @@
 import { requestPost } from "@/js/dai/request";
 import nextTick from "dai-js/tools/nextTick";
 import { mapGetters } from "vuex";
+import excelInfo from "./cpts/excel-info";
+
 export default {
-  components: {},
+  components: { excelInfo, },
 
   data() {
     let endDisabledDate = (time) => {
@@ -193,7 +192,9 @@ export default {
   methods: {
     handleAdd() {
       this.pageType = 'add';
-
+    },
+    handleInfo() {
+      this.pageType = 'info'
     },
     handleChangeAgency(val) {
       this.sarr = []