| | |
| | | <div class="zd_list"> |
| | | <div class="zd_list_row"> |
| | | <span>待收款账单数</span> |
| | | <span>2</span> |
| | | <span>{{info.inAmount || 0}}</span> |
| | | </div> |
| | | <div class="zd_list_row"> |
| | | <span>待收款金额</span> |
| | | <span>¥247.00</span> |
| | | <span>¥{{info.inFee || 0}}</span> |
| | | </div> |
| | | <div class="zd_list_row"> |
| | | <span>待付款账单数</span> |
| | | <span>3</span> |
| | | <span>{{info.payAmount || 0}}</span> |
| | | </div> |
| | | <div class="zd_list_row"> |
| | | <span>待付款金额</span> |
| | | <span>¥247.00</span> |
| | | <span>¥{{info.payFee || 0}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="zd_content"> |
| | |
| | | <span>账单</span> |
| | | </div> |
| | | <el-table |
| | | :data="tableData" |
| | | :data="info.ywContractBillList" |
| | | border |
| | | style="width: 100%"> |
| | | <el-table-column |
| | |
| | | label="账单编号"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="费用类型"> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.costType === 0">租赁费</span> |
| | | <span v-if="row.costType === 1">物业费</span> |
| | | <span v-if="row.costType === 2">租赁押金</span> |
| | | <span v-if="row.costType === 3">物业押金</span> |
| | | <span v-if="row.costType === 4">水电费</span> |
| | | <span v-if="row.costType === 5">杂项费</span> |
| | | <span v-if="row.costType === 6">其他</span> |
| | | <span v-if="row.costType === 7">保证金</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | label="计费周期"> |
| | | <template slot-scope="{row}"> |
| | | {{row.startDate}}~{{row.endDate}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | prop="receivableFee" |
| | | label="应收付金额/原始应收付"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | prop="actReceivableFee" |
| | | label="实收/付金额"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | prop="needReceivableFee" |
| | | label="需收/付金额"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | prop="receivableFee" |
| | | label="应收/付日期"> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | <script> |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import { getWaitDealList } from '@/api/ywContractBill' |
| | | export default { |
| | | name: 'pendingBills', |
| | | components: { |
| | |
| | | extends: BaseOpera, |
| | | data () { |
| | | return { |
| | | tableData: [] |
| | | info: [] |
| | | } |
| | | }, |
| | | methods: { |
| | | |
| | | open (title, contractId) { |
| | | this.title = title |
| | | getWaitDealList(contractId) |
| | | .then(res => { |
| | | this.info = res |
| | | this.visible = true |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |