|
|
@@ -196,9 +196,29 @@
|
|
|
</el-tabs>
|
|
|
</el-row>
|
|
|
<el-divider />
|
|
|
- <el-row class="handle-box">
|
|
|
+ <el-row>
|
|
|
<el-col :span="24">
|
|
|
<span class="card_title">交易历史</span>
|
|
|
+ <el-steps class="mysteps" direction="vertical" :active="roomHistory.length" >
|
|
|
+ <el-step v-for="(item,index) in roomHistory" :title="item.buyerName+' '+item.startDate+' ~ '+item.endDate">
|
|
|
+ <template slot="description">
|
|
|
+ <div class="roomHistory-box">
|
|
|
+ <div v-for="(node,index) in item.parkRoomNodes" class="nodeBox-item">
|
|
|
+ <div class="nodeName">
|
|
|
+ {{ node.nodeName }}
|
|
|
+ </div>
|
|
|
+ <div v-if="index+1!=item.parkRoomNodes.length" style="margin-right: 20px">
|
|
|
+ <i class="el-icon-right" style="color: #0D2F76" size="48px"></i>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </el-step>
|
|
|
+
|
|
|
+ </el-steps>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
@@ -339,6 +359,7 @@ export default {
|
|
|
dc_key: ['DEPOSIT_STATUS', 'PAYMENT_METHODS', 'CONTRACT_STATUS', 'HOUSE_PAYMENT_STATUS',
|
|
|
'MAINTENANCE_FUNDS_STATUS', 'CHECK_OUT_REASON', 'INVOICE_STATUS', 'SEND_STATUS'],
|
|
|
activeName: '概览',
|
|
|
+ roomHistory: [],
|
|
|
houseId: '',
|
|
|
tableData: [],
|
|
|
tabLoading: false,
|
|
|
@@ -503,7 +524,13 @@ export default {
|
|
|
houseId: this.houseId
|
|
|
}
|
|
|
this.baseRequest('roomHistory', postData).then((res) => {
|
|
|
- console.log(res.data)
|
|
|
+ console.log(res.data)
|
|
|
+ const roomHistory = []
|
|
|
+ for (const key in res.data) {
|
|
|
+ console.log(res.data[key])
|
|
|
+ roomHistory.push(res.data[key])
|
|
|
+ }
|
|
|
+ this.roomHistory = roomHistory
|
|
|
}).catch((e) => {
|
|
|
// console.log(e)
|
|
|
})
|
|
|
@@ -651,6 +678,34 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style scoped lang="scss">
|
|
|
-
|
|
|
+<style lang="scss">
|
|
|
+.mysteps{
|
|
|
+ .is-finish{
|
|
|
+ color: #0D2F76;
|
|
|
+ border-color: #0D2F76;
|
|
|
+ }
|
|
|
+ .is-text{
|
|
|
+ border-color: #0D2F76;
|
|
|
+ }
|
|
|
+}
|
|
|
+ .roomHistory-box{
|
|
|
+ display: flex;
|
|
|
+ .nodeBox-item{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .nodeName{
|
|
|
+ margin-top: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ height: 40px;
|
|
|
+ width: 120px;
|
|
|
+ background: #0D2F76;
|
|
|
+ text-align: center;
|
|
|
+ color: white;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
