OfficeApp/subpkg/contractDetail/contractDetail.vue

<template>
  <view class="">
    <company :cid="id" type="contract"></company>
    <!-- <button class="back_btn" @click="naviBack">返回</button> -->
    <!-- <button class="stop_btn">终止合同</button> -->
  </view>
</template>

<script>
  import { contractView } from "@/api/contract.js"
  export default {
    data() {
      return {
        id: '',
      }
    },
    onLoad(options) {
      this.id = options.id
    },
    onShow() {},
    methods: {
      navTo(url) {
        url ?
          uni.navigateTo({
            url: url
          }) : Toast('暂未开放')
      },
      naviBack(){
        uni.navigateBack()
      },
    },
    onPullDownRefresh() {
      uni.stopPullDownRefresh()
    }
  }
</script>

<style lang="scss">
  
  .back_btn {
    width: 694rpx;
    height: 84rpx;
    background: #3274F9;
    border-radius: 42rpx 42rpx 42rpx 42rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 30rpx auto;
  }

  .stop_btn {
    width: 694rpx;
    height: 84rpx;
    border-radius: 42rpx 42rpx 42rpx 42rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3274F9;
    background-color: transparent;
    margin: 30rpx auto;
  }
</style>