费用明细表，查询，编辑，删除，添加接口对接，公益金表接口对接，页面样式优化

liubp

2025-12-25 c1fd6952f42461bc7e83c97f594a52fc1af934eb

 public/pages/property/costDetail/detail/detail.html

@@ -0,0 +1,83 @@
<div class="form-container">
    <h2 style="font-weight: 600;">详情</h2>
    <form>
        <!-- 流转编码 + 日期 -->
        <div class="form-row">
            <label class="form-label-detail" for="flowCode">流转编码</label>
            <p>{{costDetailInfo.flowCode || '-'}}</p>
            <label class="form-label-detail" for="date">日期</label>
            <p>{{costDetailInfo.date || '-'}}</p>
        </div>

        <!-- 小区名称 + 小区编码 -->
        <div class="form-row">
            <label class="form-label-detail" for="communityName">小区名称</label>
            <p>{{costDetailInfo.communityName || '-'}}</p>
            <label class="form-label-detail">小区编码</label>
            <p>{{costDetailInfo.communityCode || '-'}}</p>
        </div>

        <!-- 工程内容 -->
        <div class="form-row">
            <label class="form-label-detail" for="projectContent">工程内容</label>
            <p>{{costDetailInfo.projectContent || '-'}}</p>
        </div>

        <!-- 管理处金额 + 是否盖章 -->
        <div class="form-row">
            <label class="form-label-detail" for="mgmtAmount">管理处金额</label>
            <p>{{costDetailInfo.managementAmount || '-'}} <span>元</span></p>
            <label class="form-label-detail">是否盖章</label>
            <div class="radio-group">
                <p>{{costDetailInfo.managementStamped == '1' ? '是' : '否'}}</p>
            </div>
        </div>

        <!-- 业委会金额 + 审价金额 + 是否盖章 + 签报部门 -->
        <div class="form-row">
            <label class="form-label-detail" for="committeeAmount">业委会金额</label>
            <p>{{costDetailInfo.committeeAmount || '-'}} <span>元</span></p>
            <label class="form-label-detail" for="auditAmount">审价金额</label>
            <p>{{costDetailInfo.appraisalAmount || '-'}} <span>元</span></p>
            <label class="form-label-detail">是否盖章</label>
            <div class="radio-group">
                <p>{{costDetailInfo.committeeStamped == '1' ? '是' : '否'}}</p>
            </div>
            <label class="form-label-detail" for="approveDept">签报部门</label>
            <p>{{costDetailInfo.approvalDepartment || '-'}}</p>
        </div>

        <!-- 分摊范围 + 维修类型 -->
        <div class="form-row">
            <label class="form-label-detail">分摊范围</label>
            <div class="radio-group">
                <p>{{costDetailInfo.buildingType == '全体' || costDetailInfo.buildingType == '2' ? '全体' : '幢'}}</p>
            </div>
            <label class="form-label-detail" for="repairType">维修类型</label>
            <p>{{costDetailInfo.maintenanceType || '-'}}</p>
        </div>

        <!-- 基金与设施 + 业主大会范围 + 门牌幢范围 -->
        <div class="form-row">
            <label class="form-label-detail">基金与设施</label>
            <div class="radio-group">
                <p>{{costDetailInfo.fundTypeLevel1 || '-'}}</p>
            </div>
            <label class="form-label-detail" for="ownerScope">业主大会范围</label>
            <p>{{costDetailInfo.ownerScope || '-'}}</p>
            <label class="form-label-detail" for="buildingScope">门牌幢范围</label>
            <p>{{costDetailInfo.buildingScope || '-'}}</p>
        </div>

        <div class="form-row" v-if="costDetailInfo.fundTypeLevel2">
            <div class="radio-group" style="margin-left: 100px;">
                <p>{{costDetailInfo.fundTypeLevel2}}</p>
            </div>
        </div>

        <!-- 按钮组 -->
        <div class="btn-group">
            <button type="button" class="btn-cancel" v-on:click="_goBack()">返回</button>
        </div>
    </form>
</div>