首检巡检

展杰

2023-11-09 c0fe59c6cf05c22a6507c8e34d7f51550acfec10

 pages/index/index.vue

@@ -1,7 +1,7 @@
<template>
   <view>
      <u-grid :col="3" @click="gotoPage" border>
         <u-grid-item v-for="item in grid" :index="item[0]">
         <u-grid-item v-for="item in grid" :index="item[0]" class="grid-box">
            <u-icon name="play-right-fill" :size="46" color="#FF8000"></u-icon>
            <view class="grid-text">{{item.name}}</view>
         </u-grid-item>
@@ -20,11 +20,23 @@
      data() {
         return {
            grid: [],
            filter: [{
               name: '巡检检验',
               src: '/pages/inspection/inspectionList',
               icon:''
            }]
            filter: [
               {
                  name: '巡检检验',
                  src: '/pages/inspection/inspectionList',
                  icon:''
               },
               {
                  name: '首检检验',
                  src: '/pages/inspection/firstInspectionList',
                  icon:''
               },
               {
                  name :'机台报工',
                  src:'/pages/work_reporting/work_reporting',
                  icon:''
               },
            ]
         }
      },
      onLoad() {
@@ -42,6 +54,7 @@
                  this.grid.push(item)
               }
            }
            console.log(this.grid);
         })
      },
      methods: {
@@ -69,4 +82,10 @@
</script>

<style>
   .grid-box{
      border-bottom: 1upx solid #dadbde;
      border-right: 1upx solid #dadbde;
      background-color: #f1f2f4;
      height: 100upx;
   }
</style>