共享空间中的任务文件

src/views/modules/base/smartExcel/cpts/export-shared.vue

@@ -0,0 +1,89 @@
+<template>
+        <div class="">
+          <el-table :data="tableData" border class="m-table-item">
+            <el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
+            <el-table-column prop="taskTitle" label="导出报表" min-width="140" align="center" :show-overflow-tooltip="true" />
+            <el-table-column prop="totalNum" label="操作人" align="center" :show-overflow-tooltip="true" width="100">
+            </el-table-column>
+            <el-table-column prop="agencyName" align="center" label="操作时间" :show-overflow-tooltip="true">
+            </el-table-column>
+          </el-table>
+          <div>
+            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+              :current-page.sync="pageNo" :page-sizes="[20, 50, 100, 200]" :page-size="parseInt(pageSize)"
+              layout="sizes, prev, pager, next, total" :total="total">
+            </el-pagination>
+          </div>
+      
+    </div>
+</template>
+<script>
+import { requestPost, requestGet } from "@/js/dai/request";
+import { mapGetters } from 'vuex'
+export default {
+    data() {
+        return {
+            pageNo: 1,
+            pageSize: window.localStorage.getItem("pageSize") || 20,
+            taskId:"",
+            tableData:[],
+            total: 1,
+        };
+    },
+    created() {},
+    mounted() {
+        this.getTableData()
+    },
+    methods: {
+        handleSizeChange(val) {
+            this.pageSize = val;
+            window.localStorage.setItem("pageSize", val);
+            this.getTableData();
+        },
+        handleCurrentChange(val) {
+            this.pageNo = val;
+            this.getTableData();
+        },
+        async getTableData() {
+            const url = "/actual/base/communityOneTablePublish/page";
+            const { pageSize, pageNo, formData } = this;
+            const { data, code, msg } = await requestGet(url, {
+                pageSize,
+                pageNo,
+                ...formData
+            });
+            if (code === 0) {
+                this.total = data.total || 0;
+                this.tableData = data.list
+                    ? data.list.map((item) => {
+                        return item;
+                    })
+                    : [];
+            } else {
+                this.$message.error(msg);
+            }
+        },
+    },
+    components:{
+    },
+    computed:{
+        tableHeight() {
+            return (this.clientHeight - 140) + 'px'
+
+        },
+        ...mapGetters(['clientHeight', 'resolution']),
+    },
+    props: {
+        taskId: {
+            type: String,
+            default: ""
+        },
+    },
+    watch: {},
+}
+</script>
+
+<style lang='scss' scoped>
+@import "@/assets/scss/pages/resiInfo.scss";
+@import "@/assets/scss/modules/management/list-main.scss";
+</style>

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

@@ -3,18 +3,22 @@
     <div v-show="pageType == 'list'">
       <div class="m-table">
         <div class="flex">
-          <div style="align-items: center;justify-items: center;" class="f-align_item flex" :class="{ active: selectedIndex === index }" v-for="(item, index) in titleList"
+          <div style="align-items: center;justify-items: center;" class="f-align_item flex"
-          :key="item.value" @click="selectItem(index)">
+            :class="{ active: selectedIndex === index }" v-for="(item, index) in titleList" :key="item.value"
+            @click="selectItem(index)">
             <span>{{ item.label }}</span>
           </div>
         </div>
-    
         <el-table  :data="tableData" border class="m-table-item" style="width: 100%" :height="maxTableHeight">
           <el-table-column prop="agencyName" align="center" label="文件名称" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <img style="width: 25px; height: 25px;margin-right: 20px;"
+                :src="require(`@/assets/images/index/Excel.png`)" alt="">
+              <span>{{ scope.row.agencyName
+                }}</span>
+            </template>
           </el-table-column>
           <el-table-column prop="taskTitle" label="所属任务" min-width="140" align="center" :show-overflow-tooltip="true" />
-
-
           <el-table-column prop="taskPeriod" align="center" width="100" label="任务周期" :show-overflow-tooltip="true">
             <template slot-scope="scope">
               {{ scope.row.taskPeriod === 'once' ? '一次性' : scope.row.taskPeriod === 'weekly' ? '每周' :
@@ -29,6 +33,10 @@
             </template>
           </el-table-column>
           <el-table-column prop="totalNum" label="下载人数" align="center" :show-overflow-tooltip="true" width="100">
+            <template slot-scope="scope">
+              <el-button >{{ scope.row.taskStateName
+                }}</el-button>
+            </template>
           </el-table-column>
           <el-table-column prop="agencyName" align="center" label="所属组织" :show-overflow-tooltip="true">
           </el-table-column>
@@ -51,6 +59,11 @@
         </div>
       </div>
     </div>
+    <div v-if="showdownloadRecord">
+      <el-dialog title="下载记录" :visible.sync="showdownloadRecord" width="50%" :close-on-click-modal="false">
+        <export-shared :showType="showdownloadRecord" :taskId="formData.taskId"></export-shared>
+      </el-dialog>
+    </div>
     <div v-if="pageType == 'info'">
       <excel-info @handleShowPage="handleShowPage" :taskId=task></excel-info>
     </div>
@@ -59,16 +72,16 @@
     </div>
   </div>
 </template>
-  
   <script>
   import { requestPost, requestGet } 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";
+  import exportShared from "./cpts/export-shared.vue"
    
   export default {
-    components: { excelInfo, excelAdd },
+    components: { excelInfo, excelAdd,exportShared },
   
     data() {
       let endDisabledDate = (time) => {
@@ -91,6 +104,7 @@
         return time.getTime() > nowData;
       };
       return {
+        showdownloadRecord:false,
         selectedIndex: 0, // 记录选中的项
         titleList:[
           {