<template>
  <view class="bill_record">
    <view class="item_btn" @click="toPage('/BILL/record/urge_payment/index')">
      <up-icon name="clock" size="18" color="#666" /> <text>催费记录</text>
    </view>
    <view class="item_btn" @click="toPage('/BILL/record/payment/index')">
      <up-icon name="rmb-circle" size="18" color="#666" /> <text>缴费记录</text>
    </view>
  </view>
</template>

<script setup lang="ts">
import useModel from '../model'
const toPage = (url: string) => {
  uni.navigateTo({
    url: `${url}?asset_houses_id=${useModel?.formData?.value?.asset_houses_id}&total_pending_amount=${useModel?.showData?.value?.total_pending_amount}`
  })
}
</script>

<style lang="scss" scoped>
.bill_record {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333;
  padding: 20rpx 30rpx 0 30rpx;
  font-size: 28rpx;
  .item_btn {
    border: 1rpx solid #eee;
    border-radius: 4rpx;
    width: 300rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22rpx 0;
    text {
      padding-left: 5rpx;
    }
  }
}
</style>
