<template>
    <hc-info-table>
        <tr>
            <hc-info-table-td center is-title width="120px">清单编号：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.formNumber }}</hc-info-table-td>
            <hc-info-table-td center is-title width="120px">清单名称：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.formName }}</hc-info-table-td>
            <hc-info-table-td center is-title width="120px">是否增补清单：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.isSupplement === 1 ? '是' : '否' }}</hc-info-table-td>
        </tr>
        <tr>
            <hc-info-table-td center is-title width="120px">清单类型：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.formTypeName }}</hc-info-table-td>
            <hc-info-table-td center is-title width="120px">单位：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.unit }}</hc-info-table-td>
            <hc-info-table-td center is-title width="120px">清单标识：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.formTag }}</hc-info-table-td>
        </tr>
        <tr>
            <hc-info-table-td center is-title width="120px">合同金额：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.contractMoney }}</hc-info-table-td>
            <hc-info-table-td center is-title width="120px">变更后金额：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.changeMoney }}</hc-info-table-td>
            <hc-info-table-td center is-title width="120px">章编号：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.chapterNumber }}</hc-info-table-td>
        </tr>
        <tr>
            <hc-info-table-td center is-title width="120px">备注：</hc-info-table-td>
            <hc-info-table-td width="auto" colspan="5">{{ infoData?.remark }}</hc-info-table-td>
        </tr>
    </hc-info-table>
</template>

<script setup>
import { ref, watch } from 'vue'
//参数
const props = defineProps({
    infoData: {
        type: Object,
        default: () => ({}),
    },
})
const infoData = ref(props.infoData)
//监听
watch(() => [
    props.infoData,
], ([InfoData]) => {
    console.log(InfoData, 'InfoData')
    infoData.value = InfoData
})
</script>