From b5f5e68cb05c25ff4220eb613830e89194658989 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期一, 06 一月 2025 09:13:18 +0800
Subject: [PATCH] 1

---
 admin/src/views/project/components/houseDetails.vue |  173 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 admin/.env.test                                     |    4 
 2 files changed, 175 insertions(+), 2 deletions(-)

diff --git a/admin/.env.test b/admin/.env.test
index 4da080a..074e999 100644
--- a/admin/.env.test
+++ b/admin/.env.test
@@ -4,10 +4,10 @@
 # VUE_APP_API_URL  = 'http://192.168.5.13/gateway_interface'
 
 # 浠诲悍
-VUE_APP_API_URL  = 'http://192.168.0.137:10010/'
+# VUE_APP_API_URL  = 'http://192.168.0.137:10010/'
 
 # 钀嶅
 # VUE_APP_API_URL  = 'http://192.168.0.108:10010/'
 
 # 娴嬭瘯鏈嶅姟
-# VUE_APP_API_URL  = 'https://dmtest.ahapp.net/gateway_interface'
+VUE_APP_API_URL  = 'https://dmtest.ahapp.net/gateway_interface'
diff --git a/admin/src/views/project/components/houseDetails.vue b/admin/src/views/project/components/houseDetails.vue
new file mode 100644
index 0000000..f37fb88
--- /dev/null
+++ b/admin/src/views/project/components/houseDetails.vue
@@ -0,0 +1,173 @@
+<template>
+    <GlobalWindow
+        title="鎴挎簮璇︽儏"
+        :withFooter="false"
+        :visible.sync="visible"
+        :confirm-working="isWorking"
+        @close="close"
+        @confirm="confirm">
+        <div style="width: 100%; position: sticky; top: 0; left: 0; z-index: 999; background: #ffffff;">
+            <div class="home_title">
+                <div class="left">
+                    <span class="mr10">鎴块棿鍚嶇О</span>
+                    <el-tag type="info">宸茬</el-tag>
+                </div>
+            </div>
+            <div class="tabs">
+                <div class="tab" :class="{ active: activeTabs === 0 }" @click="tabsClick(0)">鎴挎簮淇℃伅</div>
+                <div class="tab" :class="{ active: activeTabs === 2 }" @click="tabsClick(2)">绉熷鍚堝悓</div>
+                <div class="tab" :class="{ active: activeTabs === 3 }" @click="tabsClick(3)">宸ュ崟璁板綍</div>
+                <div class="tab" :class="{ active: activeTabs === 4 }" @click="tabsClick(4)">璁惧淇℃伅</div>
+                <div class="tab" :class="{ active: activeTabs === 5 }" @click="tabsClick(5)">璧勪骇淇℃伅</div>
+            </div>
+        </div>
+        <div class="main">
+            <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">{{returnText(info.costType)}}</div>
+                </div>
+                <div class="item">
+                    <div class="la">璁¤垂鍛ㄦ湡</div>
+                    <div class="val">{{info.startDate}} ~ {{info.endDate}}</div>
+                </div>
+                <div class="item">
+                    <div class="la">璐﹀崟閲戦(鍏�)</div>
+                    <div class="val">{{info.totleFee}}</div>
+                </div>
+                <div class="item">
+                    <div class="la">璐﹀崟缂栧彿</div>
+                    <div class="val">{{info.code}}</div>
+                </div>
+                <div class="item">
+                    <div class="la">鍚堝悓缂栧彿</div>
+                    <div class="val" style="color: #2080f7; cursor: pointer;" @click="handleDetail(info.contractId)">{{info.contractCode}}</div>
+                </div>
+                <div class="item">
+                    <div class="la">鍒涘缓鏃堕棿</div>
+                    <div class="val">{{info.createDate}}</div>
+                </div>
+                <div class="item">
+                    <div class="la">浠樻鏂�</div>
+                    <div class="val">{{info.customerName}}</div>
+                </div>
+                <div class="item">
+                    <div class="la">缁忓姙浜�</div>
+                    <div class="val">{{info.realname}}</div>
+                </div>
+                <div class="item">
+                    <div class="la">鎵�灞炲叕鍙�</div>
+                    <div class="val">{{info.companyName}}</div>
+                </div>
+                <div class="item">
+                    <div class="la">璐﹀崟澶囨敞</div>
+                    <div class="val">{{info.remark}}</div>
+                </div>
+                <div class="item"></div>
+                <div class="item"></div>
+            </div>
+            <div class="title">鎴挎簮淇℃伅</div>
+            <div class="list" style="background: rgba(0,0,0,0); padding: 0;">
+                <el-table
+                        :data="info.ywContractRoomList"
+                        border
+                        style="width: 100%">
+                    <el-table-column
+                            prop="projectName"
+                            label="椤圭洰鍚嶇О">
+                    </el-table-column>
+                    <el-table-column
+                            prop="floorName"
+                            label="妤煎畤鍚嶇О">
+                    </el-table-column>
+                    <el-table-column
+                            label="妤煎眰/鎴垮彿">
+                        <template slot-scope="{row}">
+                            {{row.buildingName}}/{{row.roomName}}
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            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="info.ywContractRevenueList"
+                        border
+                        style="width: 100%">
+                    <el-table-column
+                            label="娴佹按绫诲瀷">
+                        <template slot-scope="{row}">
+                            <span v-if="row.revenueType === 0">鏀跺叆</span>
+                            <span v-if="row.revenueType === 1">鏀嚭</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="customerName"
+                            label="瀵规柟鍗曚綅鍚嶇О">
+                    </el-table-column>
+                    <el-table-column
+                            label="璐圭敤绫诲瀷">
+                        <template slot-scope="{row}">
+                            <span v-if="row.payType === 0">鐜伴噾</span>
+                            <span v-if="row.payType === 1">缃戦摱杞处</span>
+                            <span v-if="row.payType === 2">POS鏈�</span>
+                            <span v-if="row.payType === 3">鏀粯瀹�</span>
+                            <span v-if="row.payType === 4">寰俊</span>
+                            <span v-if="row.payType === 5">杞处鏀エ</span>
+                            <span v-if="row.payType === 6">鍏朵粬</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="actPayDate"
+                            label="鍏ヨ处鏃ユ湡">
+                    </el-table-column>
+                    <el-table-column
+                            prop="actReceivableFee"
+                            label="鍙戠敓棰�">
+                    </el-table-column>
+                    <el-table-column
+                            prop="createDate"
+                            label="鍒涘缓鏃堕棿">
+                    </el-table-column>
+                    <el-table-column
+                            prop="remark"
+                            label="澶囨敞">
+                    </el-table-column>
+                </el-table>
+            </div>
+        </div>
+    </GlobalWindow>
+</template>
+
+<script>
+  import GlobalWindow from '@/components/common/GlobalWindow'
+  import BaseOpera from '@/components/base/BaseOpera'
+  export default {
+    name: 'houseDetails',
+    components: {
+      GlobalWindow
+    },
+    extends: BaseOpera,
+    data() {
+      return {
+        activeTabs: 0
+      }
+    },
+    methods: {
+      tabsClick(val) {
+        this.activeTabs = val
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

--
Gitblit v1.9.3