"use strict";
const common_vendor = require("../../common/vendor.js");
const api_index = require("../../api/index.js");
if (!Array) {
  const _easycom_section_header_1 = common_vendor.resolveComponent("section-header");
  _easycom_section_header_1();
}
const _easycom_section_header = () => "../../components/section-header/section-header.js";
if (!Math) {
  _easycom_section_header();
}
class ServiceType extends UTS.UTSType {
  static get$UTSMetadata$() {
    return {
      kind: 2,
      get fields() {
        return {
          id: { type: String, optional: false },
          name: { type: String, optional: false },
          desc: { type: String, optional: false },
          emoji: { type: String, optional: false }
        };
      },
      name: "ServiceType"
    };
  }
  constructor(options, metadata = ServiceType.get$UTSMetadata$(), isJSONParse = false) {
    super();
    this.__props__ = UTS.UTSType.initProps(options, metadata, isJSONParse);
    this.id = this.__props__.id;
    this.name = this.__props__.name;
    this.desc = this.__props__.desc;
    this.emoji = this.__props__.emoji;
    delete this.__props__;
  }
}
class ProcessItem extends UTS.UTSType {
  static get$UTSMetadata$() {
    return {
      kind: 2,
      get fields() {
        return {
          step: { type: Number, optional: false },
          title: { type: String, optional: false },
          description: { type: String, optional: false }
        };
      },
      name: "ProcessItem"
    };
  }
  constructor(options, metadata = ProcessItem.get$UTSMetadata$(), isJSONParse = false) {
    super();
    this.__props__ = UTS.UTSType.initProps(options, metadata, isJSONParse);
    this.step = this.__props__.step;
    this.title = this.__props__.title;
    this.description = this.__props__.description;
    delete this.__props__;
  }
}
class MaterialItem extends UTS.UTSType {
  static get$UTSMetadata$() {
    return {
      kind: 2,
      get fields() {
        return {
          name: { type: String, optional: false },
          price: { type: String, optional: false },
          desc: { type: String, optional: false },
          tags: { type: UTS.UTSType.withGenerics(Array, [String]), optional: false }
        };
      },
      name: "MaterialItem"
    };
  }
  constructor(options, metadata = MaterialItem.get$UTSMetadata$(), isJSONParse = false) {
    super();
    this.__props__ = UTS.UTSType.initProps(options, metadata, isJSONParse);
    this.name = this.__props__.name;
    this.price = this.__props__.price;
    this.desc = this.__props__.desc;
    this.tags = this.__props__.tags;
    delete this.__props__;
  }
}
class FaqItem extends UTS.UTSType {
  static get$UTSMetadata$() {
    return {
      kind: 2,
      get fields() {
        return {
          question: { type: String, optional: false },
          answer: { type: String, optional: false },
          expanded: { type: Boolean, optional: false }
        };
      },
      name: "FaqItem"
    };
  }
  constructor(options, metadata = FaqItem.get$UTSMetadata$(), isJSONParse = false) {
    super();
    this.__props__ = UTS.UTSType.initProps(options, metadata, isJSONParse);
    this.question = this.__props__.question;
    this.answer = this.__props__.answer;
    this.expanded = this.__props__.expanded;
    delete this.__props__;
  }
}
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
  __name: "index",
  setup(__props) {
    const serviceTypes = common_vendor.ref([
      new ServiceType({ id: "repair", name: "局部修复", desc: "破损、划痕修复", emoji: "🔧" }),
      new ServiceType({ id: "recolor", name: "改色翻新", desc: "皮面改色换新", emoji: "🎨" }),
      new ServiceType({ id: "refurbish", name: "整体翻新", desc: "全面翻新升级", emoji: "✨" }),
      new ServiceType({ id: "custom", name: "定制换皮", desc: "个性化定制", emoji: "💎" })
    ]);
    const processList = common_vendor.ref([]);
    const materials = common_vendor.ref([
      new MaterialItem({
        name: "头层牛皮",
        price: "¥800-1500/平",
        desc: "采用进口头层牛皮，质地柔软，透气性好，使用寿命长",
        tags: ["进口原料", "透气舒适", "耐用耐磨"]
      }),
      new MaterialItem({
        name: "二层牛皮",
        price: "¥400-800/平",
        desc: "经济实惠的选择，经过特殊处理后外观与头层相近",
        tags: ["性价比高", "外观精美", "易打理"]
      }),
      new MaterialItem({
        name: "科技布",
        price: "¥200-500/平",
        desc: "新型环保面料，防水防污，清洁方便，触感舒适",
        tags: ["防水防污", "易清洁", "环保健康"]
      }),
      new MaterialItem({
        name: "棉麻布艺",
        price: "¥150-400/平",
        desc: "天然面料，透气舒适，适合追求自然风格的客户",
        tags: ["天然环保", "透气清爽", "风格多样"]
      })
    ]);
    const faqList = common_vendor.ref([
      new FaqItem({
        question: "翻新需要多长时间？",
        answer: "根据沙发的大小和翻新程度不同，一般需要3-10个工作日。局部修复1-3天，整体翻新5-10天。",
        expanded: false
      }),
      new FaqItem({
        question: "翻新后能保证多久？",
        answer: "我们提供2年质保服务，质保期内如有非人为损坏，免费维修。头层牛皮正常使用可达10年以上。",
        expanded: false
      }),
      new FaqItem({
        question: "可以上门取送吗？",
        answer: "是的，我们提供免费上门取送服务（市区范围内），郊区会收取少量运输费用。",
        expanded: false
      }),
      new FaqItem({
        question: "如何报价？",
        answer: "我们提供免费上门评估服务，师傅会根据沙发的实际情况给出详细报价，价格透明无隐形消费。",
        expanded: false
      }),
      new FaqItem({
        question: "定金和尾款如何支付？",
        answer: "确认订单后支付30%定金，翻新完成验收满意后支付尾款。支持微信、支付宝、银行转账等多种方式。",
        expanded: false
      })
    ]);
    const fetchServiceProcess = () => {
      return common_vendor.__awaiter(this, void 0, void 0, function* () {
        try {
          const res = yield api_index.getServiceProcess();
          const data = res.data;
          processList.value = data.map((item) => {
            return new ProcessItem({
              step: item["step"],
              title: item["title"],
              description: item["description"]
            });
          });
        } catch (e) {
          common_vendor.index.__f__("error", "at pages/service/index.uvue:217", "获取服务流程失败", e);
        }
      });
    };
    const toggleFaq = (index) => {
      faqList.value[index].expanded = !faqList.value[index].expanded;
    };
    const handleServiceClick = (item) => {
      common_vendor.index.navigateTo({
        url: "/pages/booking/index"
      });
    };
    const goToBooking = () => {
      common_vendor.index.navigateTo({
        url: "/pages/booking/index"
      });
    };
    common_vendor.onLoad(() => {
      fetchServiceProcess();
    });
    return (_ctx, _cache) => {
      "raw js";
      const __returned__ = {
        a: common_vendor.p({
          title: "服务类型"
        }),
        b: common_vendor.f(common_vendor.unref(serviceTypes), (item, k0, i0) => {
          return {
            a: common_vendor.t(item.emoji),
            b: common_vendor.t(item.name),
            c: common_vendor.t(item.desc),
            d: item.id,
            e: common_vendor.o(($event) => {
              return handleServiceClick();
            }, item.id)
          };
        }),
        c: common_vendor.p({
          title: "服务流程"
        }),
        d: common_vendor.f(common_vendor.unref(processList), (item, index, i0) => {
          return common_vendor.e({
            a: common_vendor.t(item.step),
            b: common_vendor.t(item.title),
            c: common_vendor.t(item.description),
            d: index < common_vendor.unref(processList).length - 1
          }, index < common_vendor.unref(processList).length - 1 ? {} : {}, {
            e: item.step
          });
        }),
        e: common_vendor.p({
          title: "材质说明"
        }),
        f: common_vendor.f(common_vendor.unref(materials), (item, k0, i0) => {
          return {
            a: common_vendor.t(item.name),
            b: common_vendor.t(item.price),
            c: common_vendor.t(item.desc),
            d: common_vendor.f(item.tags, (tag, k1, i1) => {
              return {
                a: common_vendor.t(tag),
                b: tag
              };
            }),
            e: item.name
          };
        }),
        g: common_vendor.p({
          title: "常见问题"
        }),
        h: common_vendor.f(common_vendor.unref(faqList), (item, index, i0) => {
          return common_vendor.e({
            a: common_vendor.t(item.question),
            b: common_vendor.t(item.expanded ? "−" : "+"),
            c: item.expanded
          }, item.expanded ? {
            d: common_vendor.t(item.answer)
          } : {}, {
            e: index,
            f: common_vendor.o(($event) => {
              return toggleFaq(index);
            }, index)
          });
        }),
        i: common_vendor.o(goToBooking),
        j: common_vendor.sei(common_vendor.gei(_ctx, ""), "view")
      };
      return __returned__;
    };
  }
});
wx.createPage(_sfc_main);
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/service/index.js.map