初步完成藏品总账操作记录模块

src/views/holding/holding3_look.vue

@@ -404,7 +404,7 @@
           @size-change="sizeChange"
           background
           layout="prev, pager, next,sizes,jumper"
-          :total="30"
+          :total="total"
         >
         </el-pagination>
       </div>
@@ -434,6 +434,7 @@ export default {
   data () {
     // 这里存放数据
     return {
+      total: 0,
       myData: {
         goodsId: null,
         pageNum: 1,
@@ -474,10 +475,10 @@ export default {
   },
   // 方法集合
   methods: {
-    // 点击操作记录
-    async record () {
-      const res = await getRecord(this.myData)
-      // console.log(999, res)
+    // 封装获取列表接口方法
+    async getlist (data) {
+      const res = await getRecord(data)
+      this.total = res.data.total
       this.gridData = res.data.list
       this.gridData.forEach(v => {
         if (v.moduleType === 'register') v.tempType = '藏品登记'
@@ -487,11 +488,23 @@ export default {
         else if (v.moduleType === 'ledgerEdit') v.tempType = '藏品修改'
         // else if (v.moduleType === 'collectEdit') v.tempType = '征集品修改'
       })
+    },
+    // 点击操作记录
+    record () {
+      this.getlist(this.myData)
       this.dialogTableVisible = true
     },
     // 分页器方法
-    currentChange (val) {},
-    sizeChange (val) {},
+    currentChange (val) {
+      // 点击页面1 2 3
+      this.myData.pageNum = val
+      this.getlist(this.myData)
+    },
+    sizeChange (val) {
+      // 点击条数 10 20 30
+      this.myData.pageSize = val
+      this.getlist(this.myData)
+    },
     // 点击操作记录里面的查看
     async lookRZ (val) {
       const res = await getRecordDetail(val.moduleType, val.moduleId)
@@ -625,6 +638,10 @@ body .el-table::before {
 }
 //@import url(); 引入公共css类
 .holding3_look {
+  /deep/.el-table__body-wrapper{
+    max-height: 500px;
+    overflow-y: auto;
+  }
   .bigImg {
     display: flex;
     justify-content: center;

src/views/home/index.vue

@@ -24,22 +24,22 @@
               indicator-position="none"
             >
               <el-carousel-item>
-                <ul class="info">
-                  <li v-for="item in info1" :key="item.imgUrl" @click="skip(item)">
+                <ul class="info" @mouseleave='myInd=null'>
+                  <li v-for="(item,index) in info1" :key="item.inoc" @click="skip(item)" @mouseenter='myInd=index'>
                     <div class="ico">
-                      <i :class="item.inoc"></i>
-                      <!-- <img src="../../assets/img/object01.png" alt="" /> -->
+          <img :src="require('@/assets/inco/'+item.inoc+'ac.png')" alt="" v-if="myInd===index">
+          <img :src="require('@/assets/inco/'+item.inoc+'.png')" alt="" v-else>
                     </div>
                     <p>{{ item.name }}</p>
                   </li>
                 </ul>
               </el-carousel-item>
               <el-carousel-item>
-                <ul class="info">
-                  <li v-for="item in info2" :key="item.imgUrl" @click="skip(item)">
+                <ul class="info" @mouseleave='myInd=null'>
+                  <li v-for="(item,index) in info2" :key="item.inoc" @click="skip(item)" @mouseenter='myInd=index'>
                     <div class="ico">
-                      <i :class="item.inoc"></i>
-                      <!-- <img src="../../assets/img/object01.png" alt="" /> -->
+          <img :src="require('@/assets/inco/'+item.inoc+'ac.png')" alt="" v-if="myInd===index">
+          <img :src="require('@/assets/inco/'+item.inoc+'.png')" alt="" v-else>
                     </div>
                     <p>{{ item.name }}</p>
                   </li>
@@ -97,19 +97,20 @@ export default {
   components: {},
   data () {
     return {
+      myInd: null,
       // 用户信息
       userData: {},
       info1: [
-        { name: '藏品登记', inoc: 'el-icon-s-claim', push: '/layout/holding0' },
-        { name: '藏品总账', inoc: 'el-icon-s-order', push: '/layout/holding3' },
-        { name: '入库管理', inoc: 'el-icon-caret-right', push: '/layout/holding1' },
-        { name: '出库管理', inoc: 'el-icon-caret-left', push: '/layout/holding2' }
+        { name: '藏品登记', inoc: 'holding0', push: '/layout/holding0' },
+        { name: '藏品总账', inoc: 'holding3', push: '/layout/holding3' },
+        { name: '入库管理', inoc: 'holding1', push: '/layout/holding1' },
+        { name: '出库管理', inoc: 'holding2', push: '/layout/holding2' }
       ],
       info2: [
-        { name: '藏品注销', inoc: 'el-icon-delete-solid', push: '/layout/holding5' },
-        { name: '征集品总账', inoc: 'el-icon-s-order', push: '/layout/collect0' },
-        { name: '征集品提用', inoc: 'el-icon-caret-left', push: '/layout/collect1' },
-        { name: '征集品注销', inoc: 'el-icon-delete-solid', push: '/layout/collect2' }
+        { name: '藏品注销', inoc: 'holding5', push: '/layout/holding5' },
+        { name: '征集品总账', inoc: 'collect0', push: '/layout/collect0' },
+        { name: '征集品提用', inoc: 'collect1', push: '/layout/collect1' },
+        { name: '征集品注销', inoc: 'collect2', push: '/layout/collect2' }
       ],
       dingdong: [
         { name: '藏品登记', inoc: 0, push: '/layout/holding0' },
@@ -299,7 +300,6 @@ export default {
               align-items: center;
               width: 78px;
               height: 56px;
-              border: 1px solid #666;
               border-radius: 5px;
               &>i {
                 color: black;