<template>
  <div class="content">
    <div class="row">
      <div class="item" style="flex: 1;">
        <div class="label">项目名称：</div>
        <div class="item-input">{{ props.renewalInfo.name }}</div>
      </div>
      
    </div>
    <div class="row">
      <div class="item" style="flex: 1;">
        <div class="label">项目结束日期：</div>
        <div class="item-input"><a-date-picker v-model:value="props.renewalInfo.time"/></div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { defineProps, onMounted, ref } from "vue"
const props = defineProps(['renewalInfo','renewalTime'])

</script>
<style lang="scss" scoped>
.content{
  padding: 20px;
  .row{
    display: flex;
    margin-bottom: 25px;
    .item{
      display: flex;
      .label{
        width: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .item-input{
        flex: 1,
      }
    }
  }
}
:deep(.ant-image){
  margin-right: 10px;
  margin-bottom: 10px;
}
.video-delete-btn {
  position: absolute;
  top: 0px;
  right: 10px;
  width: 30px;
  height: 30px;
  border-bottom-left-radius: 80%;
  background: rgb(0 0 0 / 20%);
  color: #fff;
  line-height: 30px;
  text-align: center;
  z-index: 999;
}
</style>
