Browse Source

提交代码

chenpm 5 months ago
parent
commit
577d71ebd5
1 changed files with 59 additions and 4 deletions
  1. 59 4
      src/views/reportForms/components/parkRoomIndexDetail.vue

+ 59 - 4
src/views/reportForms/components/parkRoomIndexDetail.vue

@@ -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>