<template>
  <view class="container-settle">
    <uv-navbar title="商家入驻" placeholder autoBack></uv-navbar>
    <view class="top ql-editor-box">
      <uv-parse :content="content"></uv-parse>
    </view>
    <view class="footer">
      <view class="u-btn-two btn" @click="jumpSettle()">商家入驻</view>
    </view>
  </view>
</template>

<script setup>
import { protocolInfo, businessApplyApplyInfo } from "@/api/index";
import { ref } from "vue";
import { onLoad } from "@dcloudio/uni-app";

const content = ref("");

const getShopConfig = () => {
  protocolInfo({ code: "partner_protocol" }).then((res) => {
    if (res.code == 200) {
      content.value = res.data.protocolContent;
    }
  });
};

const jumpSettle = () => {
  uni.navigateTo({
    url: `/pages/user/merchant/registerAndAudit`,
  });
  // businessApplyApplyInfo().then((res) => {
  //   if (res && res.code == 200) {

  //   }
  // });
};

onLoad(() => {
  getShopConfig();
});
</script>

<style lang="scss" scoped>
.container-settle {
  box-sizing: border-box;
  .top {
    box-sizing: border-box;
    padding: 30rpx;
    padding-bottom: 180rpx;
    word-break: break-all;

    .content {
      padding: 0 14rpx 26rpx 14rpx;
      font-size: 24rpx;
      color: #666666;
      font-weight: 500;
      line-height: 48rpx;
    }
  }

  .footer {
    box-sizing: border-box;
    width: 100%;
    padding: 30rpx 60rpx;
    position: fixed;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;

    .btn {
      height: 85rpx;
      line-height: 85rpx;
    }

  }
}
</style>
