<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>
|
