<template>
  <el-descriptions title="服务项目详情" border style="margin-bottom: 30px">
    <el-descriptions-item label="服务项目名称">{{
      data.name
    }}</el-descriptions-item>
    <el-descriptions-item label="数量">{{
      data.quantity
    }}</el-descriptions-item>
    <el-descriptions-item label="单位">{{ data.unit }}</el-descriptions-item>
    <el-descriptions-item label="售价">{{ data.price }}</el-descriptions-item>
    <el-descriptions-item label="备注">{{ data.remark }}</el-descriptions-item>
    <el-descriptions-item label="分类">{{
      data.category
    }}</el-descriptions-item>
  </el-descriptions>
</template>

<script lang="ts" setup>
const data = defineModel<ServiceItemType>({ required: true });
</script>
