<template>
  <view class="aboutUs-container">
    <view class="company-info">
      <view class="company-info-content">
        <view class="company-name">小发同城商家版APP</view>
        <view class="company-tips">
          {{ companyInfo.site_meta_description }}
        </view>
      </view>
      <view class="company-logo"></view>
    </view>
    <view class="company-content">
      <view class="company-item">
        <view class="company-title">备案号</view>
        <view class="company-box" @click="skipRecords">
          桂ICP备2024040484号-1
          <u-icon name="arrow-right"></u-icon>
        </view>
      </view>
      <view class="company-item">
        <view class="company-title">公司简介</view>
        <view class="company-box">{{ companyInfo.promotion }}</view>
      </view>
      <view class="company-item">
        <view class="company-title">公司名称</view>
        <view class="company-box">{{ companyInfo.site_company_name }}</view>
      </view>
      <view class="company-item">
        <view class="company-title">联系电话</view>
        <view class="company-box">{{ companyInfo.site_tel }}</view>
      </view>
      <view class="company-item">
        <view class="company-title">公司地址</view>
        <view class="company-box">{{ companyInfo.site_address }}</view>
      </view>
    </view>
  </view>
</template>

<script>
import { GetPlatformInfo } from "../../../api/platform";
export default {
  data() {
    return {
      companyInfo: {
        promotion: "",
        site_meta_description: "",
        site_company_name: "",
        site_tel: "",
        site_address: "",
        copyright: "",
      },
    };
  },
  onShow() {
    this.getPlatformInfo();
  },
  methods: {
    async getPlatformInfo() {
      let params = {
        action: "intro",
      };
      let res = await GetPlatformInfo(params);
      if (res && res.status == 200) {
        this.companyInfo = res.data;
      }
    },
    skipRecords() {
      uni.navigateTo({
        url: "/pages/my/aboutUs/records",
      });
    },
  },
};
</script>

<style lang="scss">
.aboutUs-container {
  background-image: url(../../../static/store-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 430rpx;
  .company-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40rpx;
    color: #fff;
    height: 400rpx;

    .company-name {
      font-size: 40rpx;
      font-weight: bold;
    }

    .company-tips {
      margin-top: 20rpx;
      font-size: 24rpx;
    }

    .company-logo {
      margin-left: 20rpx;
      width: 200rpx;
      height: 160rpx;
      background-image: url("../../../static/logo.jpg");
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }
  }

  .company-content {
    padding: 0 40rpx;
    border-top-left-radius: 36rpx;
    border-top-right-radius: 36rpx;
    background: #fff;

    .company-item {
      padding: 40rpx 0;
      border-bottom: 1px solid #f7f7f7;

      .company-title {
        font-weight: bold;
        font-size: 40rpx;
        margin-bottom: 24rpx;
      }
      .company-box {
        display: flex;
        justify-content: space-between;
        color: #9a9a9a;
        font-size: 32rpx;
      }
    }
  }
}
</style>
