<template>
  <div class="ship-info-form">
    <el-collapse v-model="activeNames">
      <el-collapse-item name="1">
        <template #title="{ isActive }">
          <div class="collapse-title">
            船舶注销信息
          </div>
        </template>
        <div class="mt20">
          粤三水货1223（CN20039027136） 于 2025-04-12 15:23:29因 船舶已转让，受让人为黄维持，联系电话13433322，船位信息：珠海斗门，在中华人民共和国佛山海事局进行注销。目前船位在中华人民共和国珠海海事局，下一登记机关为中华人民共和国佛山海事局。
        </div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script setup lang="ts">
  const activeNames = ref(['1']);
  const formData = reactive({
    chineseName: '测试'
  })
</script>

<style scoped>
.ship-info-form {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}
:deep .el-collapse-item__header {
  color: #5070ae;
  size: 24px;
  background: linear-gradient(135deg, #d2e8ff, #fcfeff);
	box-shadow: 0 8px 20px #fcfeff;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  padding-left: 20px;
}
</style>