|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <div class="la">免租期</div> | 
|---|
|  |  |  | <div class="val">{{ info.zlFreeStartDate }} ~ {{ info.zlFreeEndDate }}</div> | 
|---|
|  |  |  | <div class="val" v-if="info.zlFreeStartDate && info.zlFreeEndDate"> | 
|---|
|  |  |  | {{ info.zlFreeStartDate }} ~ {{ info.zlFreeEndDate }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="val" v-else> | 
|---|
|  |  |  | - | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <el-table :data="info.zlDetailList" stripe style="margin-bottom: 20px;" v-if="info.type === 2 || info.type === 0"> | 
|---|
|  |  |  | <el-table-column prop="startDate" label="开始日期" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="endDate" label="结束日期" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="startDate" label="开始日期" :key="Date.now()" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="endDate" label="结束日期" :key="Date.now()" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column label="合同单价" min-width="100" show-overflow-tooltip> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | {{row.price}} {{returnUnit(row.circleType)}} | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="付款提前天数" min-width="100" show-overflow-tooltip> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | {{row.advanceDays}}天 | 
|---|
|  |  |  | <template v-if="row.advanceDays"> | 
|---|
|  |  |  | {{row.advanceDays}}天 | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <el-table :data="info.wyDetailList" stripe style="margin-bottom: 20px;" v-if="info.type === 1 || info.type === 0"> | 
|---|
|  |  |  | <el-table-column prop="startDate" label="开始日期" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="endDate" label="结束日期" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="startDate" label="开始日期" :key="Date.now()" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="endDate" label="结束日期" :key="Date.now()" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column label="合同单价" min-width="100" show-overflow-tooltip> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | {{row.price}} {{returnUnit(row.circleType)}} | 
|---|
|  |  |  | 
|---|
|  |  |  | label="账单来源"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span v-if="row.type === 0">合同账单</span> | 
|---|
|  |  |  | <span v-if="row.type === 1">自建账单</span> | 
|---|
|  |  |  | <span v-else>自建账单</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | 
|---|
|  |  |  | page: 1, | 
|---|
|  |  |  | total: 0, | 
|---|
|  |  |  | tableData: [], | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | loading: false | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | changeType (e) { | 
|---|
|  |  |  | console.log(e) | 
|---|
|  |  |  | this.type = e | 
|---|
|  |  |  | this.page = 1 | 
|---|
|  |  |  | this.pageSize = 10 | 
|---|