<template>
  <div class="ship-info-form">
    <el-collapse class="el-collapse" v-model="activeNames">
      <el-collapse-item name="1">
        <template #title="{ isActive }">
          <div class="collapse-title">
            接收单位处理意见
          </div>
        </template>
        <div class="content">
          <div>处置措施类型：处置</div>
          <div>采取措施：其他</div>
          <div>其他措施说明：船东已整改</div>
          <div>信息处理人员：陈</div>
          <div>信息处理时间：2025-10-1</div>
          <div>信息处理接收单位：柳州船舶检验中心</div>
          <div>附件查看：xxx.doc</div>
          <div>接收流转单位：单位1</div>
        </div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script setup lang="ts">
  const activeNames = ref(['1']);
</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;
}

:deep .el-collapse-item__wrap {
  padding: 20px;
}

.content {
  font-size: 14px;
}

</style>