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