::v-deep/借阅导出

src/assets/styles/archives-manage.scss

@@ -26,7 +26,7 @@ $arcCyan: #0FBED9;
     float: right;
   }
 }
-::v-deep.input-prepend{
+::v-deep .input-prepend{
   position: relative;
   z-index: 99;
   .el-input__inner {
@@ -243,7 +243,7 @@ $arcCyan: #0FBED9;
 
 // 上传附件
 .upload-dialog{
-  ::v-deep.el-dialog{
+  ::v-deep .el-dialog{
     width: 940px;
     .el-dialog__body{
       padding: 20px 0 30px 0;
@@ -328,7 +328,7 @@ $arcCyan: #0FBED9;
     }
   }
 }
-::v-deep.hljs{
+::v-deep .hljs{
   padding: 0 30px;
   color: #fff;
   background-color: transparent;
@@ -341,10 +341,10 @@ $arcCyan: #0FBED9;
 
 // 绑定标签
 .bindingDialog{
-  ::v-deep.el-dialog{
+  ::v-deep .el-dialog{
     width: 720px;
   }
-  ::v-deep.el-dialog__body{
+  ::v-deep .el-dialog__body{
     padding: 35px 35px 58px 35px;
   }
 }
@@ -358,7 +358,7 @@ $arcCyan: #0FBED9;
     line-height: 36px;
     color: #3A99FD;
   }
-  ::v-deep.el-input {
+  ::v-deep .el-input {
     .el-input__inner{
       font-size: 14px;
       height: 36px;
@@ -527,7 +527,7 @@ $arcCyan: #0FBED9;
     font-weight: normal;
     color: #fff;
   }
-  ::v-deep.el-table{
+  ::v-deep .el-table{
     overflow-x: hidden;
     overflow-y: auto;
     // background: #02255F;

src/views/archivesManage/archivesList/archivesAnjuan/index.vue

@@ -411,7 +411,7 @@ export default {
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 @import "~@/assets/styles/archives-manage.scss";
-::v-deep.input-prepend{
+::v-deep .input-prepend{
   .el-input__inner {
     padding-left: 106px;
   }

src/views/archivesManage/archivesList/archivesJuannei/index.vue

@@ -266,7 +266,7 @@ export default {
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 @import "~@/assets/styles/archives-manage.scss";
-::v-deep.input-prepend{
+::v-deep .input-prepend{
   .el-input__inner {
     padding-left: 85px;
   }

src/views/archivesManage/archivesList/archivesProject/index.vue

@@ -220,7 +220,7 @@ export default {
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 @import "~@/assets/styles/archives-manage.scss";
-::v-deep.input-prepend{
+::v-deep .input-prepend{
   .el-input__inner {
     padding-left: 94px;
   }

src/views/archivesManage/lendManage/lendConfirm/index.vue

@@ -4,7 +4,7 @@
       <el-button size="mini" class="iconfont icon-jiechu-fanbai" :disabled="!selections.length" @click="handleLendBtn">借出</el-button>
       <el-button size="mini" class="iconfont icon-dengji-fanbai" :disabled="!selections.length" @click="handelReRecord">重新登记</el-button>
       <el-button size="mini" class="iconfont icon-yichu-fanbai" :disabled="!selections.length" @click="handleRemove">移出</el-button>
-      <el-button size="mini" icon="el-icon-download" :disabled="!selections.length" :loading="crud.downloadLoading">导出</el-button>
+      <el-button size="mini" icon="el-icon-download" :disabled="!selections.length" :loading="crud.downloadLoading" @click="downloadApi">导出</el-button>
     </div>
     <!--表格渲染-->
     <!-- height="calc(100vh - 355px)" -->
@@ -155,6 +155,7 @@ export default {
           const params = this.selections.map(item => item.orderNo)
           this.confirmLendOrReturn(0, params, this.selections)
         }
+        this.$refs.table.clearSelection()
         this.$emit('getSelections', null)
       }
     }

src/views/archivesManage/lendManage/lendQuery/index.vue

@@ -2,7 +2,7 @@
   <div class="lend-query">
     <div class="head-container head-archives clearfix">
       <div class="archives-crud">
-        <el-button :loading="crud.downloadLoading" :disabled="!selections.length" size="mini" icon="el-icon-download">导出</el-button>
+        <el-button :loading="crud.downloadLoading" :disabled="!selections.length" size="mini" icon="el-icon-download" @click="downloadApi">导出</el-button>
       </div>
       <div class="head-search">
         <el-select

src/views/archivesManage/lendManage/mixins/lending.js

@@ -1,6 +1,9 @@
 import { FetchInitBorrowRule, FetchBillBorrowConfirm, FetchArchivesReturnConfirm } from '@/api/archivesManage/lendManage'
 import { FetchFindAllSubsetById } from '@/api/archivesConfig/dictDetail'
 import RFID from '@/api/RFID/RFID'
+import qs from 'qs'
+import { exportFile } from '@/utils/index'
+import { mapGetters } from 'vuex'
 export const lendingCrud = {
   filters: {
     borrowStatus(val) {
@@ -28,6 +31,11 @@ export const lendingCrud = {
       }
     }
   },
+  computed: {
+    ...mapGetters([
+      'baseApi'
+    ])
+  },
   // 组件共用属性
   data() {
     return {
@@ -238,6 +246,16 @@ export const lendingCrud = {
           }
         }, 2000)
       }
+    },
+    // 导出接口调用
+    downloadApi() {
+      console.log(this.selections)
+      const ids = this.selections.map(item => { return item.orderNo })
+      const params = {
+        'orderNos': ids
+      }
+      console.log(params)
+      exportFile(this.baseApi + '/api/borrow/exportBorrow?' + qs.stringify(params, { indices: false }))
     }
   }
 }

src/views/archivesManage/lendManage/returnArchives/index.vue

@@ -3,7 +3,7 @@
     <div class="head-container head-archives clearfix">
       <div class="archives-crud">
         <el-button size="mini" class="iconfont icon-guihuan-fanbai" :disabled="!selections.length" @click="handleReturn">归还</el-button>
-        <el-button :loading="crud.downloadLoading" :disabled="!selections.length" size="mini" icon="el-icon-download">导出</el-button>
+        <el-button :loading="crud.downloadLoading" :disabled="!selections.length" size="mini" icon="el-icon-download" @click="downloadApi">导出</el-button>
       </div>
       <div class="head-search">
         <el-input v-model="lendQuery[lendSelect]" clearable size="small" placeholder="请输入关键词" style="width: 200px;" class="input-prepend filter-item" @clear="crud.toQuery" @keyup.enter.native="crud.toQuery">

src/views/category/fieldManage/index.vue

@@ -219,7 +219,7 @@ export default {
 ::v-deep div.el-dialog__footer {
   text-align: center;
 }
-::v-deep.el-table tr .el-table__cell {
+::v-deep .el-table tr .el-table__cell {
   height: 40px;
 }
 </style>

src/views/category/fileNoFormat/index.vue

@@ -170,7 +170,7 @@ export default {
 ::v-deep div.el-dialog__footer {
   text-align: center;
 }
-::v-deep.el-table tr .el-table__cell {
+::v-deep .el-table tr .el-table__cell {
   height: 40px;
 }
 .format-main {

src/views/category/listBrowsing/index.vue

@@ -216,7 +216,7 @@ export default {
 ::v-deep div.el-dialog__footer {
   text-align: center;
 }
-::v-deep.el-table tr .el-table__cell {
+::v-deep .el-table tr .el-table__cell {
   height: 40px;
 }
 .format-main {
@@ -233,7 +233,7 @@ export default {
     flex-grow: 1;
   }
 }
-::v-deep.nowrap-tab .el-table__header .cell {
+::v-deep .nowrap-tab .el-table__header .cell {
   text-overflow: unset !important;
   white-space: nowrap !important;
 }

src/views/category/orderingRule/index.vue

@@ -185,7 +185,7 @@ export default {
 ::v-deep div.el-dialog__footer {
   text-align: center;
 }
-::v-deep.el-table tr .el-table__cell {
+::v-deep .el-table tr .el-table__cell {
   height: 40px;
 }
 .format-main {

src/views/home.vue

@@ -364,7 +364,7 @@ export default {
   justify-content: center;
   & .search-input {
     width: 796px;
-    ::v-deep.el-input-group {
+    ::v-deep .el-input-group {
       height: 42px;
       & > input {
         height: 42px;
@@ -380,7 +380,7 @@ export default {
     // height: 42px;
     // line-height: 42px;
     // color: #fff;
-    & ::v-deep.el-input-group__prepend {
+    & ::v-deep .el-input-group__prepend {
       width: 125px;
       background-color: #339cff;
       border: 1px solid #339cff;
@@ -393,7 +393,7 @@ export default {
         color: #fff;
       }
     }
-    & ::v-deep.el-input-group__append {
+    & ::v-deep .el-input-group__append {
       width: 72px;
       left: -20px;
       text-align: center;
@@ -408,7 +408,7 @@ export default {
     & .el-select .el-input {
       width: 130px;
     }
-    & ::v-deep.input-with-select ::v-deep.el-input-group__prepend {
+    & ::v-deep .input-with-select ::v-deep .el-input-group__prepend {
       background-color: #fff;
     }
   }
@@ -423,7 +423,7 @@ export default {
 .header-container-wrap {
   min-height: 100%;
 }
-.warehose-el-table ::v-deep.el-table__header-wrapper {
+.warehose-el-table ::v-deep .el-table__header-wrapper {
   box-shadow: inset 0px 0px 6px 1px #339cff;
   background: none !important;
 }