feat: 当前任务和历史任务分页传参改成地址后传参

chenyao

2025-04-14 3a8d7ebd8475106965081c1dde022ea3642e9d93

 src/views/Home/EventOverviewDetail/EventOverviewDetailRight.vue

@@ -68,13 +68,7 @@
            <div class="eventListItem" v-for="item in list">
               <img
                  class="eventListItemImg"
                  :src="
                     item.photo_url
                        ? item.photo_url.substring(0, item.photo_url.lastIndexOf('.')) +
                          '_small' +
                          item.photo_url.substring(item.photo_url.lastIndexOf('.'))
                        : ''
                  "
                  :src="getSmallImg(item.photo_url)"
                  alt=""
               />
               <div class="eventListItemPosition" :title="item.address" @click="positioning(item)">
@@ -90,6 +84,7 @@

         <div class="pagination">
            <el-pagination
               class="ztzf-pagination"
               background
               v-model:current-page="params.current"
               v-model:page-size="params.size"
@@ -137,6 +132,10 @@
   current: 1,
   size: 8,
})

const getSmallImg = (url) => {
   return url ? url.substring(0, url.lastIndexOf('.')) + '_small' + url.substring(url.lastIndexOf('.')) : ''
}

const isMore = ref(false)
const leftArrowFun = () => {
@@ -196,7 +195,6 @@
         }
      })
      statusList.value[0].active = true
      console.log(statusList.value)
   })
}

@@ -234,7 +232,7 @@
   }
   getEventPage(params.value, pageParams).then(res => {
      const resData = res.data.data
      list.value = resData?.records || []
      list.value = (resData?.records || [])
      total.value = resData.total
   })
}
@@ -280,7 +278,7 @@

      .leftArrow {
         position: absolute;
         left: 0;
         left: -11px;
         top: 50%;
         transform: translateY(-50%);
         cursor: pointer;
@@ -450,13 +448,5 @@
   width: 100%;
   display: flex;
   justify-content: center;

   .el-pagination {
      --el-color-primary: #173da7;
      --el-pagination-button-bg-color: #131c35;
      --el-pagination-button-color: #ecf1ff;
      --el-disabled-bg-color: #131c35;
      --el-text-color-regular: #ecf1ff;
   }
}
</style>