<script>
export default {
  props: {
//    经营信用分
    creditScore: {
      type: Number | String,
      default: 0
    },
//    经营性承诺数量
    commitmentNum: {
      type: Number | String,
      default: 0
    },
    //承诺项目提醒数
    commitmentRemindNum: {
      type: Number | String,
      default: 0
    },
  }
}
</script>

<template>
  <view class="box">
    <!--经营信用分-->
      <view class="box-item">
        <view class="box-item-content" style="color: #FF6B00">{{creditScore  === null || creditScore === undefined ? '待评估' : creditScore}}</view>
        <view class="box-item-title">经营信用分</view>
      </view>
    <!--经营性承诺数量-->
      <view class="box-item">
        <view class="box-item-content" style="color: #FF1492FF">{{commitmentNum  === null || commitmentNum === undefined ? '待评估' : commitmentNum}}</view>
        <view class="box-item-title">经营性承诺数量</view>
      </view>
    <!--承诺项目提醒数-->
      <view class="box-item">
        <view class="box-item-content" style="color: #d30302">{{ commitmentRemindNum  === null || commitmentRemindNum === undefined ? '待评估' : commitmentRemindNum}}</view>
        <view class="box-item-title">承诺项目提醒数</view>
      </view>
  </view>
</template>

<style scoped lang="scss">
.box {
  height: 89px;
  background: #FFFFFF;
  box-shadow: 0 1px 20px 0 #e0e0e080;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  .box-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    .box-item-content {
      font-size: 20px;
      font-weight: bold;
    }
    .box-item-title {
      font-size: 12px;
      color: #999999;
    }
  }
}

</style>