| | |
| | | <div class="left"> |
| | | <span class="mr10">付款方:{{info.customerName}}</span> |
| | | <el-tag type="success" v-if="info.status === 0">开启</el-tag> |
| | | <el-tag type="success" v-if="info.status === 1">关闭</el-tag> |
| | | <el-tag type="info" v-if="info.status === 1">关闭</el-tag> |
| | | </div> |
| | | <el-button plain type="primary" @click="$refs.flowingWater.open(info.billType === 0 ? '创建收款账单' : '创建付款账单', { |
| | | <el-button plain type="primary" @click="$refs.flowingWater.open('创建收支流水', { |
| | | billType: info.billType, |
| | | billId: info.id, |
| | | costType: info.costType, |
| | | receivableFee: info.needReceivableFee, |
| | | costTypeName: returnText(info.costType), |
| | | contractCode: info.contractCode, |
| | | contractId: info.contractId, |
| | |
| | | <div class="val" style="margin-top: 10px;" v-if="info.payStatus === 5">已关闭</div> |
| | | </div> |
| | | <div class="item" style="flex: 1;"> |
| | | <div class="la">应收金额(元)</div> |
| | | <div class="la">应{{info.billType === 0 ? '收' : '付'}}金额(元)</div> |
| | | <div class="val" style="margin-top: 10px;">{{info.receivableFee}}</div> |
| | | </div> |
| | | <div class="item" style="flex: 1;"> |
| | | <div class="la">实收金额(元)</div> |
| | | <div class="la">实{{info.billType === 0 ? '收' : '付'}}金额(元)</div> |
| | | <div class="val" style="margin-top: 10px;">{{info.actReceivableFee}}</div> |
| | | </div> |
| | | <div class="item" style="flex: 1;"> |
| | | <div class="la">需付金额(元)</div> |
| | | <div class="la">需{{info.billType === 0 ? '收' : '付'}}金额(元)</div> |
| | | <div class="val" style="margin-top: 10px;">{{info.needReceivableFee}}</div> |
| | | </div> |
| | | <div class="item" style="flex: 1;"> |
| | | <div class="la">应收日期</div> |
| | | <div class="la">应{{info.billType === 0 ? '收' : '付'}}日期</div> |
| | | <div class="val" style="margin-top: 10px;">{{info.planPayDate}}</div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="title">基础信息</div> |
| | | <div class="list" style="background: rgba(0,0,0,0); padding: 0;"> |
| | | <div class="item"> |
| | | <div class="la">账单类型</div> |
| | | <div class="val" v-if="info.billType === 0">收款</div> |
| | | <div class="val" v-if="info.billType === 1">付款</div> |
| | | <div class="la">费用类型</div> |
| | | <div class="val">{{returnText(info.costType)}}</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">计费周期</div> |
| | |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">经办人</div> |
| | | <div class="val">张三</div> |
| | | <div class="val">{{info.realname}}</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">所属公司</div> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="area" |
| | | label="面积"> |
| | | <template slot-scope="{row}"> |
| | | {{row.area}}㎡ |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <!-- <div class="title">账单明细</div>--> |
| | | <!-- <div class="list" style="background: rgba(0,0,0,0); padding: 0;">--> |
| | | <!-- <el-table--> |
| | | <!-- :data="tableData"--> |
| | | <!-- border--> |
| | | <!-- style="width: 100%">--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="date"--> |
| | | <!-- label="费用类型">--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="name"--> |
| | | <!-- label="应收/付金额">--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="address"--> |
| | | <!-- label="实收金额">--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="address"--> |
| | | <!-- label="需收金额">--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="address"--> |
| | | <!-- label="计费周期">--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="address"--> |
| | | <!-- label="应收/付日期">--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="address"--> |
| | | <!-- label="备注">--> |
| | | <!-- </el-table-column>--> |
| | | <!-- </el-table>--> |
| | | <!-- </div>--> |
| | | <div class="title">收支流水</div> |
| | | <div class="list" style="background: rgba(0,0,0,0); padding: 0;"> |
| | | <el-table |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="payDateEnd" |
| | | prop="actPayDate" |
| | | label="入账日期"> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | </div> |
| | | </div> |
| | | <!-- 创建流水 --> |
| | | <FlowingWater ref="flowingWater" @success="getDetails" /> |
| | | <FlowingWater ref="flowingWater" @success="getDetails" @refresh="Refresh" /> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | |
| | | this.visible = true |
| | | }) |
| | | }, |
| | | Refresh () { |
| | | this.$emit('success') |
| | | }, |
| | | tabsClick(val) { |
| | | this.activeTabs = val |
| | | }, |