完成首页数据收集

src/components/tabLeft.vue

@@ -39,7 +39,7 @@ export default {
       this.$nextTick(() => {
         setTimeout(() => {
           if (this.ind !== index && index === 3) location.reload(true)
-        }, 100)
+        }, 200)
       })
     }
   }

src/components/tabLeft2.vue

@@ -36,7 +36,7 @@ export default {
       this.$nextTick(() => {
         setTimeout(() => {
           if (this.ind !== index && index === 0) location.reload(true)
-        }, 100)
+        }, 200)
       })
     }
   }

src/views/home/index.vue

@@ -25,7 +25,7 @@
             >
               <el-carousel-item>
                 <ul class="info">
-                  <li v-for="item in info1" :key="item.imgUrl" @click="$router.push(item.push)">
+                  <li v-for="item in info1" :key="item.imgUrl" @click="skip(item)">
                     <div class="ico">
                       <i :class="item.inoc"></i>
                       <!-- <img src="../../assets/img/object01.png" alt="" /> -->
@@ -36,7 +36,7 @@
               </el-carousel-item>
               <el-carousel-item>
                 <ul class="info">
-                  <li v-for="item in info2" :key="item.imgUrl" @click="$router.push(item.push)">
+                  <li v-for="item in info2" :key="item.imgUrl" @click="skip(item)">
                     <div class="ico">
                       <i :class="item.inoc"></i>
                       <!-- <img src="../../assets/img/object01.png" alt="" /> -->
@@ -52,7 +52,7 @@
     </div>
     <div class="conten">
       <div class="letf letfHome"></div>
-      <div class="right rightHome"></div>
+      <!-- <div class="right rightHome"></div> -->
       <div class="letf" v-if="0">
         <div class="title">
           <h3>最新动态</h3>
@@ -68,40 +68,27 @@
           </li>
         </ul>
       </div>
-      <div class="right"  v-if="0">
+      <div class="right"  >
         <div class="title">
-          <h3>待办事项</h3>
-          <el-button @click="$router.push('homeNews/2')">查看更多</el-button>
-        </div>
-        <div class="none" v-if="0">暂无数据</div>
-        <div class="table" v-else>
-          <el-table
-            :header-cell-style="{ background: '#eef1f6', color: '#606266' }"
-            :data="tableData"
-            border
-            style="width: 100%"
-          >
-            <el-table-column prop="date" label="事项" width="135">
-            </el-table-column>
-            <el-table-column prop="name" label="状态" width="135">
-            </el-table-column>
-            <el-table-column label="操作">
-              <template #default>
-                <span class="examine"> 查看 </span>
-              </template>
-            </el-table-column>
-          </el-table>
-        <div class="paging">
-          <el-pagination background layout="prev, pager, next" :total="50">
-          </el-pagination>
+          <h3>待办提醒</h3>
         </div>
+        <div class="dingdong" v-for="(item,index) in dingdong" :key="index" @click="skip(item)">
+            <p>{{item.name}}</p>
+            <span>共有 <i> {{item.inoc}} </i> 代办事项</span>
         </div>
+
       </div>
     </div>
   </div>
 </template>
 
 <script>
+import { getList as collect2 } from '@/apis/collect2'
+import { getList as collect1 } from '@/apis/collect1'
+import { getList as getList5 } from '@/apis/holding5'
+import { getList as getList2 } from '@/apis/holding2'
+import { getList as getList1 } from '@/apis/holding1'
+import { getList } from '@/apis/holding'
 export default {
   name: 'Home',
   components: {},
@@ -121,27 +108,14 @@ export default {
         { name: '征集品提用', inoc: 'el-icon-caret-left', push: '/layout/collect1' },
         { name: '征集品注销', inoc: 'el-icon-delete-solid', push: '/layout/collect2' }
       ],
-      tableData: [
-        {
-          date: '藏品征集',
-          name: '待审核'
-        },
-        {
-          date: '藏品征集',
-          name: '待审核'
-        },
-        {
-          date: '藏品征集',
-          name: '待审核'
-        },
-        {
-          date: '藏品征集',
-          name: '待审核'
-        },
-        {
-          date: '藏品征集',
-          name: '待审核'
-        }
+      dingdong: [
+        { name: '藏品登记', inoc: 0, push: '/layout/holding0' },
+        { name: '入库管理', inoc: 0, push: '/layout/holding1' },
+        { name: '出库管理', inoc: 0, push: '/layout/holding2' },
+        { name: '藏品注销', inoc: 0, push: '/layout/holding5' },
+        { name: '征集品提用', inoc: 0, push: '/layout/collect1' },
+        { name: '征集品注销', inoc: 0, push: '/layout/collect2' }
+
       ]
     }
   },
@@ -151,15 +125,57 @@ export default {
   watch: {},
   // 方法集合
   methods: {
-
+    // 快速跳转
+    skip (val) {
+      this.$router.push(val.push)
+      if (val.name === '藏品总账' || val.name === '征集品总账') {
+        this.$nextTick(() => {
+          setTimeout(() => {
+            location.reload(true)
+          }, 200)
+        })
+      }
+    }
   },
   // 生命周期 - 创建完成（可以访问当前this实例）
-  created () {},
+  created () {
+
+  },
   // 生命周期 - 挂载完成（可以访问DOM元素）
-  mounted () {
+  async mounted () {
     // 进来显示用户信息
     const userData = localStorage.getItem('daliCK')
     this.userData = JSON.parse(userData).user
+    // 进页面拿数据--藏品登记
+    const res = await getList({ pageNum: 1, pageSize: 99999 })
+    res.data.list.forEach(v => {
+      if (v.status === 1 || v.status === 0) this.dingdong[0].inoc++
+    })
+    // 进页面拿数据--入库管理
+    const res1 = await getList1({ pageNum: 1, pageSize: 99999 })
+    res1.data.list.forEach(v => {
+      if (v.status === 1 || v.status === 0) this.dingdong[1].inoc++
+    })
+    // 进页面拿数据--出库管理
+    const res2 = await getList2({ pageNum: 1, pageSize: 99999 })
+    res2.data.list.forEach(v => {
+      if (v.status === 1 || v.status === 0) this.dingdong[2].inoc++
+    })
+    // 进页面拿数据--藏品注销
+    const res5 = await getList5({ pageNum: 1, pageSize: 99999 })
+    res5.data.list.forEach(v => {
+      if (v.status === 1 || v.status === 0) this.dingdong[3].inoc++
+    })
+    // 进页面拿数据--征集品提用
+    const col1 = await collect1({ pageNum: 1, pageSize: 99999 })
+    col1.data.list.forEach(v => {
+      if (v.status === 1 || v.status === 0) this.dingdong[4].inoc++
+    })
+    // 进页面拿数据--征集品注销
+    const col2 = await collect2({ pageNum: 1, pageSize: 99999 })
+    col2.data.list.forEach(v => {
+      if (v.status === 1 || v.status === 0) this.dingdong[5].inoc++
+    })
   },
   beforeCreate () {}, // 生命周期 - 创建之前
   beforeMount () {}, // 生命周期 - 挂载之前
@@ -272,7 +288,7 @@ export default {
       .title {
         padding: 0 20px;
         height: 90px;
-        border-bottom: 1px solid #666;
+        // border-bottom: 1px solid #ccc;
         display: flex;
         justify-content: space-between;
         align-items: center;
@@ -331,6 +347,29 @@ export default {
         display: flex;
         justify-content: center;
       }
+      .dingdong{
+        cursor: pointer;
+        &>p{
+          margin-bottom: 10px;
+        }
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        height: 100px;
+        float: left;
+        width: 50%;
+        border: 1px solid #ccc;
+        &>span {
+          font-size: 20px;
+          &>i {
+            font-size: 28px;
+            color: #0000ff;
+            font-style:normal
+          }
+          color: black;
+        }
+      }
     }
   }
 }

src/views/layout/index.vue

@@ -223,7 +223,7 @@ export default {
       this.$nextTick(() => {
         setTimeout(() => {
           if (name === '藏品总账' || name === '征集品总账') location.reload(true)
-        }, 100)
+        }, 200)
       })
     },
     toHome (index) {