0812需求更新

src/views/archivesMIOD/miodRecord/index.vue

@@ -29,7 +29,6 @@
             </el-select>
           </el-input>
         </el-tooltip>
-
         <div style="display: flex; justify-content: flex-start; align-items: center;">
           <p style="margin-right: 10px; font-size: 14px;">借阅时间</p>
           <date-range-picker v-model="blurryTimeStart" class="date-item" />
@@ -41,6 +40,10 @@
         <el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="crud.toQuery">搜索</el-button>
         <el-button class="filter-item  filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery()">重置</el-button>
       </div>
+      <el-button :loading="crud.downloadLoading" :disabled="crud.page.total === 0" size="mini" @click="doExport()">
+        <i class="iconfont icon-daochu" />
+        导出
+      </el-button>
     </div>
     <div class="container-wrap">
       <span class="right-top-line" />
@@ -52,7 +55,7 @@
         class="archives-table"
         :data="crud.data"
         style="width: 100%;"
-        height="calc(100vh - 288px)"
+        height="calc(100vh - 340px)"
         @cell-dblclick="tableDoubleClick"
       >
         <el-table-column prop="reg_no" label="收文号" width="120" />
@@ -118,6 +121,9 @@ import pagination from '@crud/Pagination'
 import DateRangePicker from '@/components/DateRangePicker'
 import MidoArchivesInfo from '@/views/archivesMIOD/miodLibrary/module/detail'
 // import { parseTime } from '@/utils/index'
+import { exportFile } from '@/utils/index'
+import qs from 'qs'
+import { mapGetters } from 'vuex'
 
 export default {
   name: 'MiodRecord',
@@ -157,6 +163,11 @@ export default {
       returnBtnLoading: []
     }
   },
+  computed: {
+    ...mapGetters([
+      'baseApi'
+    ])
+  },
   watch: {
   },
   created() {
@@ -274,6 +285,34 @@ export default {
       })
     },
     handleCloseDialog(done) {
+    },
+    doExport() {
+      console.log('doExport', this.crud.page.total)
+      if (this.crud.page.total > 10000) {
+        this.handleExport('导出数据大于10000条，时间可能较长')
+      } else {
+        this.handleExport('此操作将导出所有数据')
+      }
+    },
+    handleExport(message) {
+      this.$confirm(message + '<span>你是否还要继续？</span>', '提示', {
+        confirmButtonText: '继续',
+        cancelButtonText: '取消',
+        type: 'warning',
+        dangerouslyUseHTMLString: true
+      }).then(() => {
+        const params = {
+          'search': this.crud.query.search,
+          'readType': this.crud.query.readType,
+          'borrowStartTime': this.crud.query.borrowStartTime,
+          'borrowEndTime': this.crud.query.borrowEndTime,
+          'lastStartTime': this.crud.query.lastStartTime,
+          'lastEndTime': this.crud.query.lastEndTime
+        }
+        exportFile(this.baseApi + '/api/documentArchives/downloadBorrowLog?' + qs.stringify(params, { indices: false }))
+      }).catch(() => {
+        console.log('取消')
+      })
     }
   }
 }

src/views/home.vue

@@ -9,7 +9,10 @@
             <span class="left-bottom-line" />
             <h3 class="home-item-title">
               公文传阅
-              <span v-if="miodTableData.length !== 0" style="position: absolute; right: 20px; top: 0; display: block; line-height: 54px; font-weight: normal; color: rgb(153, 153, 153);"><i class="el-icon-receiving" style="margin-right: 6px;" />{{ miodTableData.length }}</span>
+              <div style="position: absolute; right: 20px; top: 0; display: flex; justify-content: flex-end; align-items: center;">
+                <el-checkbox v-model="isOriginal" @change="handleOriginalChange">仅显示原件</el-checkbox>
+                <span v-if="miodTableData.length !== 0" style=" display: block; line-height: 54px; font-weight: normal; color: rgb(153, 153, 153); margin-left: 10px;"><i class="el-icon-receiving" style="margin-right: 6px;" />{{ miodTableData.length }}</span>
+              </div>
             </h3>
             <div class="home-flowable" style="height: calc(100% - 54px); overflow-x: hidden;">
               <!-- <div class="home-tab">
@@ -194,7 +197,8 @@ export default {
       },
       remindData: [],
       parentInfo: null,
-      pageType: 'miodRecord'
+      pageType: 'miodRecord',
+      isOriginal: true
     }
   },
   computed: {
@@ -239,8 +243,15 @@ export default {
     // }, 3000)
   },
   methods: {
+    handleOriginalChange() {
+      this.getHomeBorrowLog()
+    },
     getHomeBorrowLog() {
-      FetchHomeBorrowLog().then(res => {
+      // detailsType  null全部 1.原件 2.复印件
+      const param = {
+        'detailsType': this.isOriginal ? 1 : null
+      }
+      FetchHomeBorrowLog(param).then(res => {
         console.log('FetchHomeBorrowLog', res)
         this.miodTableData = res
       })