measure/src/views/project/debit/contract/components/unit/info-table.vue

<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?.nodeName }}</hc-info-table-td>
            <hc-info-table-td center is-title width="120px">工程编号：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.nodeCode }}</hc-info-table-td>
            <hc-info-table-td center is-title width="120px">节点类型：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.nodeType }}</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?.engineeringType }}</hc-info-table-td>
            <hc-info-table-td center is-title width="120px">显示类型：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.showType }}</hc-info-table-td>
            <hc-info-table-td center is-title width="120px">起始桩号：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.startStake }}</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?.endStake }}</hc-info-table-td>
            <hc-info-table-td center is-title width="120px">施工图金额：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.buildPictureMoney }}</hc-info-table-td>
            <hc-info-table-td center is-title width="120px">合同图号：</hc-info-table-td>
            <hc-info-table-td width="auto">{{ infoData?.contractPicture }}</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?.changePicture }}</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?.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" colspan="5">{{ infoData?.remarks }}</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>