十一节后工作日记

1
import { requestClient } from "#/api/request"
2

3
const ROOT = "/manager/banner"
4

5
export function addAppBanner(data: AppBannerForm) {
6
  return requestClient.post<void>(ROOT, data)
7
}
8

9
export function updateAppBanner(data: AppBannerForm) {
10
  return requestClient.put<void>(ROOT, data)
11
}
12

13
export function getAppBanner(id: number | string) {
14
  return requestClient.get<AppBanner>(`${ROOT}/${id}`)
15
}
16

17
export function removeAppBanners(ids: Array<number | string>) {
18
  return requestClient.delete<void>(`${ROOT}/${ids.join(",")}`)
19
}
20

21
export function getAppBannerPage(params: AppBannerQuery) {
22
  return requestClient.get<AppBannerPage>(`${ROOT}/page`, { params })
23
}

1
const toggleStatus = async (item: CarouselItem) => {
2
  if (!item.enabled) {
3
    const enabledItems = await getAppBannerList({ status: "1" })
4
    if (enabledItems.length >= MAX_ENABLED_IMAGES) {
5
      message.warning("最多可以启用6张图片")
6
      return
7
    }
8
  }
9

10
  const enabled = !item.enabled
11
  await updateAppBanner(
12
    toBannerForm({
13
      ...item,
14
      enabled,
15
      enabledAt: enabled ? dayjs().format("YYYY-MM-DD HH:mm:ss") : "",
16
    }),
17
  )
18
}

1
const mapBanner = async (item: AppBanner): Promise<CarouselItem> => {
2
  let imageUrl = ""
3

4
  if (item.fileId !== null && item.fileId !== undefined) {
5
    const files = await fileData({ bizId: item.fileId })
6
    imageUrl = files.rows?.[0]?.url || ""
7
  }
8

9
  return {
10
    id: String(item.id),
11
    title: item.title || "",
12
    fileId: item.fileId ? String(item.fileId) : "",
13
    imageUrl,
14
    enabled: item.status === "1",
15
    enabledAt:
16
      item.status === "1" && item.enableTime
17
        ? String(item.enableTime)
18
        : "",
19
    jumpType: item.jumpType === "2" ? "link" : "none",
20
    link: item.jumpUrl || "",
21
  }
22
}

1
import request from "@/utils/request"
2

3
export function queryEnabledBanners(params = {}) {
4
  return request({
5
    url: "/manager/banner/page",
6
    method: "get",
7
    params: {
8
      pageNum: 1,
9
      pageSize: 6,
10
      status: "1",
11
      orderByColumn: "enableTime",
12
      isAsc: "desc",
13
      ...params,
14
    },
15
  })
16
}
17

18
export function queryBannerFiles(bizId) {
19
  return request({
20
    url: "/manager/fileData/list",
21
    method: "get",
22
    params: { bizId },
23
  })
24
}

1
const fetchBannerList = async () => {
2
  const { rows = [] } = await queryEnabledBanners()
3
  const enabledBanners = rows
4
    .filter(item => item.status === "1" && item.fileId)
5
    .slice(0, 6)
6

7
  const resolvedBanners = await Promise.all(
8
    enabledBanners.map(async item => {
9
      const { rows: files = [] } = await queryBannerFiles(item.fileId)
10
      const ossId = files[0]?.ossId
11

12
      return ossId
13
        ? {
14
            ...item,
15
            imageUrl: `${apiURL}/resource/oss/preview/${ossId}`,
16
          }
17
        : null
18
    }),
19
  )
20

21
  bannerList.value = resolvedBanners.filter(Boolean)
22
}

1
<van-swipe
2
  v-if="bannerList.length"
3
  class="home-banner"
4
  :autoplay="6000"
5
  :show-indicators="bannerList.length > 1"
6
  indicator-color="#ffffff"
7
>
8
  <van-swipe-item v-for="item in bannerList" :key="item.id">
9
    <van-image
10
      width="100%"
11
      height="180"
12
      fit="cover"
13
      :src="item.imageUrl"
14
      :alt="item.title"
15
      @error="handleBannerImageError(item)"
16
      @click="handleBannerClick(item)"
17
    />
18
  </van-swipe-item>
19
</van-swipe>