YXGJ/store/budget/result.vue

<template>
  <view>
    <view class="box">
      <view class="title"> 您的装修报价是： </view>

      <view class="price-box">
        <view class="price">
          {{ CNY(price.min, "") }}
        </view>
        <view class="link"> ~ </view>
        <view class="price">
          {{ CNY(price.max, "") }}
        </view>
        <view class="unit"> 元 </view>
      </view>
    </view>
    <bottomForm
      submitType="品质服务"
      :extrajson="extrajson"
      :shareuserid="shareUserid"
      typemx="装修预算"
      type="装修预算"
    />
  </view>
</template>

<script>
import { winTheCustomer } from "../../utils/share";
export default {
  data() {
    return {
      extrajson: {},
      price: {
        min: 0,
        max: 0,
      },
      sa_storeid: 0,
      shareUserid: 0,
    };
  },
  onLoad(options) {
    console.log("options", options);
    let data = JSON.parse(options.data);
    this.extrajson = data;
    uni.setNavigationBarTitle({
      title: "装修预算",
    });
    this.isInitializeLogin(render.bind(this));
    function render() {
      this.calculate(
        options.sa_storeid || uni.getStorageSync("shop").sa_storeid
      );
      this.shareUserid = winTheCustomer(options.shareUserid || 0, "装修预算", {
        ownertable: "sa_store",
        ownerid: this.sa_storeid,
      });
    }
  },
  methods: {
    calculate(sa_storeid) {
      this.$Http
        .basic({
          id: 20240515131702,
          content: {
            sa_storeid,
          },
        })
        .then((res) => {
          console.log("获取门店装修预算", res);
          if (this.cutoff(res.msg)) return;
          let extrajson = this.extrajson;
          let obj = {
            min: 0,
            max: 0,
          };
          res.data.forEach((v) => {
            switch (v.type) {
              case "厨房":
                obj.min += v.min_price * 6 * extrajson.bathroom[0];
                obj.max += v.max_price * 6 * extrajson.bathroom[0];
                break;
              case "卫浴":
                let num = extrajson.bathroom[2];
                if (num == ">") num = 4;
                obj.min += v.min_price * 4 * num;
                obj.max += v.max_price * 4 * num;
                break;
              case "背景墙":
                let bjq = extrajson.wall[0];
                if (bjq == ">") bjq = 4;
                obj.min += v.min_price * 4 * bjq;
                obj.max += v.max_price * 4 * bjq;
                break;
            }
          });
          this.price = obj;
          this.sa_storeid = sa_storeid;
          console.log(obj);
        });
    },
    getSheraDate() {
      return {
        title: "您的装修报价是:", // 标题
        path:
          "/store/budget/result?data=" +
          JSON.stringify(this.extrajson) +
          "&sa_storeid=" +
          this.sa_storeid +
          "&shareUserid=" +
          this.shareUserid, // 分享路径
        imageUrl: "", // 分享图
      };
    },
  },
  onShareAppMessage(res) {
    return this.getSheraDate();
  },
  onShareTimeline() {
    return this.getSheraDate();
  },
};
</script>

<style lang="scss" scoped>
.box {
  width: 100vw;
  padding: 30px 20px;
  box-sizing: border-box;
  background: radial-gradient(100% 0% at 50% 50%, #7e7e7e 0%, #787878 100%);

  .title {
    line-height: 22px;
    font-family: PingFang SC, PingFang SC;
    font-size: 16px;
    color: #ffffff;
  }

  .price-box {
    display: flex;
    width: 100%;
    margin-top: 15px;
    align-items: center;

    .price {
      width: 146px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      box-sizing: border-box;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 2px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      font-family: Source Han Sans SC, Source Han Sans SC;
      font-weight: bold;
      font-size: 24px;
      color: #ffffff;
    }

    .link {
      width: 14px;
      text-align: center;
      font-family: Source Han Sans SC, Source Han Sans SC;
      font-weight: bold;
      font-size: 24px;
      color: #ffffff;
      margin: 0 4px;
      margin-right: 6px;
    }

    .unit {
      font-family: PingFang SC, PingFang SC;
      font-size: 14px;
      color: #ffffff;
      margin-left: 10px;
    }
  }
}
</style>