借阅管理 页面修改

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

@@ -2,9 +2,9 @@
   <div>
     <div class="head-container">
       <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" @click="handelReRecord">重新登记</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>
-      <crudOperation style="margin-left:10px" />
+      <el-button :disabled="selections.length !== 1" :loading="crud.downloadLoading" size="mini" icon="el-icon-download">导出</el-button>
     </div>
     <!--表格渲染-->
     <el-table
@@ -51,13 +51,13 @@
 <script>
 import pagination from '@crud/Pagination'
 import CRUD, { presenter } from '@crud/crud'
-import crudOperation from '@crud/CRUD.operation'
+// import crudOperation from '@crud/CRUD.operation'
 import delConfirm from '../components/delConfirm.vue'
 import archiveDetail from './module/archiveDetail.vue'
 import lendDialog from './module/lendDialog.vue'
 import data1 from '../data1.json'
 export default {
-  components: { pagination, crudOperation, archiveDetail, delConfirm, lendDialog },
+  components: { pagination, archiveDetail, delConfirm, lendDialog },
   mixins: [presenter()],
   cruds() {
     return CRUD({

src/views/archivesManage/lendManage/lendConfirm/module/archiveDetail.vue

@@ -5,19 +5,16 @@
       <span class="dialog-left-bottom" />
       <div class="setting-dialog">
         <div class="dpflex">
-          <p class="left"><span class="color-blue">借阅人:</span><span class="color-white">{{ rowData.borrowerName }}</span></p>
-          <p class="center"><span class="color-blue">所属部门:</span><span class="color-white">{{ rowData.borrowerDepartment }}</span></p>
-          <p class="right no-lend"><span class="color-blue">借阅状态:</span><span class="cell-lend">待借阅</span></p>
-        </div>
-        <div class="dpflex">
-          <p class="left"><span class="color-blue">证件类型:</span><span class="color-white">{{ rowData.borrowerIdType }}</span></p>
-          <p class="center"><span class="color-blue">证件号码:</span><span class="color-white">{{ rowData.borrowerIdNum }}</span></p>
-          <p class="right"><span class="color-blue">电话号码:</span><span class="color-white">{{ rowData.borrowerTel }}</span></p>
-        </div>
-        <div class="dpflex">
-          <p class="left"><span class="color-blue">借阅目的:</span><span class="color-white">{{ rowData.borrowGoal }}</span></p>
-          <p class="center"><span class="color-blue">借阅日期:</span><span class="color-white">{{ rowData.borrowDays }}</span></p>
-          <p class="right"><span class="color-blue">操作时间:</span><span class="color-white">{{ rowData.operationTime }}</span></p>
+          <p><span class="color-blue">单据号:</span><span class="color-white">{{ rowData.docNum }}</span></p>
+          <p><span class="color-blue">借阅人:</span><span class="color-white">{{ rowData.borrowerName }}</span></p>
+          <p><span class="color-blue">所属部门:</span><span class="color-white">{{ rowData.borrowerDepartment }}</span></p>
+          <p class="no-lend"><span class="color-blue">借阅状态:</span><span class="cell-lend">待借阅</span></p>
+          <p><span class="color-blue">证件类型:</span><span class="color-white">{{ rowData.borrowerIdType }}</span></p>
+          <p><span class="color-blue">证件号码:</span><span class="color-white">{{ rowData.borrowerIdNum }}</span></p>
+          <p><span class="color-blue">电话号码:</span><span class="color-white">{{ rowData.borrowerTel }}</span></p>
+          <p><span class="color-blue">借阅目的:</span><span class="color-white">{{ rowData.borrowGoal }}</span></p>
+          <p><span class="color-blue">借阅日期:</span><span class="color-white">{{ rowData.borrowDays }}</span></p>
+          <p><span class="color-blue">操作时间:</span><span class="color-white">{{ rowData.operationTime }}</span></p>
         </div>
         <el-table :data="tableData" style="margin-top:15px">
           <el-table-column type="index" label="序号" align="center" width="55" />
@@ -48,44 +45,43 @@ export default {
 <style lang="scss" scoped>
 @import '~@/assets/styles/lend-manage.scss';
 ::v-deep .el-dialog__body{
-  padding: 60px 40px 80px 40px;
+  padding: 20px 0 60px 0;
 }
 ::v-deep .el-dialog{
-  width: 1200px;
+  width: 1100px;
 }
 ::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{
     position: absolute;
     right: -283px;
     bottom: -10px;
 }
-p{
-  display: flex;
-  height: 40px;
-  align-items: center;
-  .color-blue{
-    color: #3A99FD;
-    width: 70px;
-    height: 19px;
-    text-align: right;
-  }
-  .color-white{
-    color: white;
-    padding: 0 0 0 20px;
-  }
-}
 .dpflex{
   display: flex;
-  .left{
-    flex: 1;
-  }
-  .center{
-    flex:1;
-  }
-  .right{
-    flex: 1;
-    .cell-lend{
-      margin-left: 20px;
-      width: 76px;
+  flex-wrap: wrap;
+  padding: 0 30px;
+  p{
+    display: flex;
+    align-items: center;
+    width: 33%;
+    height: 40px;
+    line-height: 40px;
+    span{
+      display: block;
+      line-height: 40px;
+      &.color-blue{
+        color: #3A99FD;
+        width: 70px;
+        text-align: right;
+      }
+      &.color-white{
+        color: white;
+        padding: 0 0 0 20px;
+      }
+      &.cell-lend{
+        margin-left: 20px;
+        width: 76px;
+        line-height: 26px;
+      }
     }
   }
 }

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

@@ -1,7 +1,7 @@
 <template>
   <div class="to-lend">
     <div class="head-container">
-      <el-button size="mini" class="iconfont icon-dengji-fanbai" @click="handleRecord">登记</el-button>
+      <el-button size="mini" class="iconfont icon-dengji-fanbai" :disabled="!selections.length" @click="handleRecord">登记</el-button>
       <el-button size="mini" class="iconfont icon-yichu-fanbai" :disabled="!selections.length" @click="handleRemove">移出</el-button>
     </div>