借阅管理 bug修正 借还状态关联样式更改

src/views/archivesManage/lendManage/components/delConfirm.vue

@@ -43,7 +43,8 @@ export default {
       })
     },
     handleClose() {
-      console.log('handleClose')
+      // console.log('handleClose')
+      this.deleteVisible = false
     }
   }
 }

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

@@ -82,7 +82,7 @@ import pagination from '@crud/Pagination'
 import rrOperation from '@crud/RR.operation'
 import crudOperation from '@crud/CRUD.operation'
 import data3 from '../data3.json'
-import archiveDetail from './module/archiveDetail.vue'
+import archiveDetail from '../returnArchives/module/archiveDetail.vue'
 export default {
   components: { headSlot, pagination, rrOperation, crudOperation, archiveDetail },
   mixins: [presenter()],
@@ -148,9 +148,16 @@ export default {
     // 档案详情
     handleDbClick(row) {
       this.$refs.table.clearSelection()
-      this.$refs.archiveDetailDom.detailVisible = true
+      const archiveDetailDom = this.$refs.archiveDetailDom
+      archiveDetailDom.detailVisible = true
       const arr = data3.rows.filter(item => item.docNum === row.docNum)
-      this.$refs.archiveDetailDom.rowData = arr
+      archiveDetailDom.rowData = arr
+      // 借阅状态样式类名
+      if (arr[0].lendStatus === '待还') {
+        archiveDetailDom.classLend = 'have-lend'
+      } else if (arr[0].lendStatus === '逾期') {
+        archiveDetailDom.classLend = 'no-lend'
+      }
     }
   }
 }

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

@@ -72,7 +72,7 @@ import headSlot from '../components/headSlot.vue'
 import pagination from '@crud/Pagination'
 import CRUD, { presenter } from '@crud/crud'
 import crudOperation from '@crud/CRUD.operation'
-import data1 from '../data1.json'
+import data3 from '../data3.json'
 import archiveDetail from './module/archiveDetail.vue'
 
 export default {
@@ -105,7 +105,7 @@ export default {
   },
   methods: {
     getData() {
-      this.tableData = data1.rows
+      this.tableData = data3.rows
     },
     selectionChangeHandler(val) {
       this.selections = val
@@ -122,9 +122,9 @@ export default {
       this.returnAgainVisible = false
     },
     cell({ row, columnIndex }) {
-      if (row.lendStatus === '待借' && columnIndex === 11) {
+      if (row.lendStatus === '逾期' && columnIndex === 11) {
         return 'no-lend'
-      } else if (row.lendStatus === '已借' && columnIndex === 11) {
+      } else if (row.lendStatus === '待还' && columnIndex === 11) {
         return 'have-lend'
       } else if (row.lendStatus === '' && columnIndex === 11) {
         return 'other-lend'
@@ -133,9 +133,17 @@ export default {
     // 档案详情
     handleDbClick(row) {
       this.$refs.table.clearSelection()
-      this.$refs.archiveDetailDom.detailVisible = true
-      const arr = data1.rows.filter(item => item.docNum === row.docNum)
-      this.$refs.archiveDetailDom.rowData = arr
+      const archiveDetailDom = this.$refs.archiveDetailDom
+      archiveDetailDom.detailVisible = true
+      const arr = data3.rows.filter(item => item.docNum === row.docNum)
+      archiveDetailDom.rowData = arr
+      // 借阅状态样式类名
+      if (arr[0].lendStatus === '待还') {
+        archiveDetailDom.classLend = 'have-lend'
+      } else if (arr[0].lendStatus === '逾期') {
+        archiveDetailDom.classLend = 'no-lend'
+      }
+      console.log(archiveDetailDom.classLend)
     }
   }
 }

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

@@ -22,7 +22,7 @@
           <p class="right"><span class="color-blue">借阅目的:</span><span class="color-white">{{ rowData[0].borrowGoal }}</span></p>
         </div>
         <div class="dpflex">
-          <p class="left"><span class="color-blue">借阅状态:</span><span class="color-white">{{ rowData[0].lendStatus }}</span></p>
+          <p class="left" :class="classLend"><span class="color-blue">借阅状态:</span><span class="color-white cell-lend">{{ rowData[0].lendStatus }}</span></p>
           <p class="right"><span class="color-blue">操作时间:</span><span class="color-white">{{ rowData[0].operationTime }}</span></p>
         </div>
         <div class="dpflex">
@@ -44,13 +44,15 @@ export default {
   data() {
     return {
       detailVisible: false,
-      rowData: []
+      rowData: [],
+      classLend: ''
     }
   }
 }
 </script>
 
 <style lang="scss" scoped>
+@import '~@/assets/styles/lend-manage.scss';
 ::v-deep .el-dialog__body{
   padding: 60px 40px 80px 40px;
 }
@@ -81,4 +83,7 @@ p{
     width: 300px;
   }
 }
+.cell-lend{
+  margin-left: 20px;
+}
 </style>