health.applet/miniprogram/module/order/pages/goods-evaluate/goods-evaluate.ts

import PageContainerBehavior from "../../../../core/behavior/page-container.behavior";

Page({
  behaviors: [PageContainerBehavior],
  data: {
    orderId: "",
    product: {} as { name: string; image: string; description?: string },
    score: 0,
    rateColor: "#F7BA2A",
    content: "",
    mediaList: [] as { path: string; type: "image" | "video" }[],
    canPublish: false,
    videoFullscreen: false,
  },
  onLoad(options: Record<string, string>) {
    console.log(options, "options===");
    // const orderId = options.orderId || options.id || "";
    let product: { name: string; image: string; description?: string } = {
      name: "",
      image: "",
      description: "",
    };
    if (options.goodsInfo) {
        const goods = JSON.parse(decodeURIComponent(options.goodsInfo));
        product = {
          name: goods.name || "",
          image: goods.image || "",
          description: goods.description || "",
        };
    }
    this.setData({
      // orderId,
      product,
      canPublish: this._checkCanPublish(0, ""),
    });
  },
  _checkCanPublish(score: number, _content: string): boolean {
    return score > 0;
  },
  onScoreChange(e: WechatMiniprogram.CustomEvent<{ value: number }>) {
    const score = e.detail?.value ?? 0;
    this.setData({
      score,
      canPublish: this._checkCanPublish(score, this.data.content),
    });
  },
  onContentInput(e: WechatMiniprogram.Input) {
    const content = e.detail?.value ?? "";
    this.setData({
      content,
      canPublish: this._checkCanPublish(this.data.score, content),
    });
  },
  onChooseMedia() {
    const current = this.data.mediaList.length;
    if (current >= 9) {
      wx.showToast({ title: "图片和视频总数不能超过9个", icon: "none" });
      return;
    }
    const remain = 9 - current;
    wx.chooseMedia({
      count: remain,
      mediaType: ["image", "video"],
      sourceType: ["album", "camera"],
      maxDuration: 30,
      camera: "back",
      success: (res) => {
        const list = res.tempFiles.map((f) => ({
          path: f.tempFilePath,
          type: (f.fileType === "video" ? "video" : "image") as "image" | "video",
        }));
        const next = [...this.data.mediaList, ...list].slice(0, 9);
        this.setData({ mediaList: next });
      },
    });
  },
  onRemoveMedia(e: WechatMiniprogram.TouchEvent) {
    const index = e.currentTarget.dataset.index as number;
    const mediaList = this.data.mediaList.filter((_, i) => i !== index);
    this.setData({ mediaList });
  },
  onPreviewImage(e: WechatMiniprogram.TouchEvent) {
    const url = e.currentTarget.dataset.url as string;
    const urls = this.data.mediaList.filter((m) => m.type === "image").map((m) => m.path);
    if (url && urls.length) {
      wx.previewImage({ current: url, urls });
    }
  },
  onPreviewVideo(e: WechatMiniprogram.TouchEvent) {
    const index = e.currentTarget.dataset.index as number;
    const videoContext = wx.createVideoContext("goods-video-" + index, this);
    videoContext.requestFullScreen({});
  },
  onVideoFullscreenChange(e: WechatMiniprogram.VideoFullScreenChange) {
    const fullScreen = !!(e.detail && e.detail.fullScreen);
    this.setData({ videoFullscreen: fullScreen });
  },
  onRemoveProduct() {
    this.setData({
      product: { name: "", image: "", description: "" },
    });
  },
  onPublish() {
    if (!this.data.canPublish) {
      wx.showToast({ title: "请先完成评分", icon: "none" });
      return;
    }
    const { orderId } = this.data;
    // TODO: 调用评价提交接口，将 this.data.score、content、mediaList 上传
    wx.showLoading({ title: "发布中..." });
    setTimeout(() => {
      wx.hideLoading();
      wx.showToast({ title: "发布成功", icon: "success" });
      if (orderId) {
        wx.redirectTo({
          url: `/module/order/pages/other-detail/other-detail?id=${orderId}`,
        });
      } else {
        wx.navigateBack();
      }
    }, 500);
  },
});