From a2299a6d4a6f99e9c11132138f5d3e9ec68f03ea Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期五, 06 六月 2025 19:19:34 +0800 Subject: [PATCH] 开发更新 --- admin/src/views/project/components/houseDetails.vue | 159 +++++++++++++++++++++++++++------------------------- 1 files changed, 82 insertions(+), 77 deletions(-) diff --git a/admin/src/views/project/components/houseDetails.vue b/admin/src/views/project/components/houseDetails.vue index 98310e9..d3c18b0 100644 --- a/admin/src/views/project/components/houseDetails.vue +++ b/admin/src/views/project/components/houseDetails.vue @@ -64,9 +64,6 @@ <el-tab-pane label="绉熷鍚堝悓" name="project"> <div class="xm"> <el-card style="margin-top: 20px;"> - <div slot="header" class="clearfix"> - <span>褰撳墠鍦ㄧ鍚堝悓</span> - </div> <div class="xm_table"> <div style="width: 100%; display: flex; align-items: center; margin-bottom: 15px;"> <el-input v-model="form.code" style="width: 300px;" placeholder="璇疯緭鍏ュ悎鍚岀紪鍙�"></el-input> @@ -80,8 +77,7 @@ <el-table-column label="鍚堝悓缂栧彿"> <template slot-scope="{row}"> - <el-button type="text" @click="$refs.ContractDetailRef.open('鍚堝悓璇︽儏', row.id)" v-if="row.status === 1">{{row.code}}</el-button> - <el-button type="text" v-else>{{row.code}}</el-button> + <el-button type="text" @click="$refs.ContractDetailRef.open('鍚堝悓璇︽儏', row.id)">{{row.code}}</el-button> </template> </el-table-column> <el-table-column @@ -89,7 +85,7 @@ <template slot-scope="{row}"> <div style="display: flex; align-items: center;"> {{row.renterName}} - <el-tag type="success" v-if="row.status === 1">褰撳墠绉熸埛</el-tag> + <el-tag type="success" v-if="[1,2,3].includes(row.status)">褰撳墠绉熸埛</el-tag> </div> </template> </el-table-column> @@ -119,10 +115,6 @@ <el-table-column prop="signDate" label="绛捐鏃�"> - </el-table-column> - <el-table-column - prop="address" - label="鍚堝悓鏉ユ簮"> </el-table-column> <el-table-column label="鍚堝悓鐘舵��"> @@ -254,10 +246,14 @@ <div class="xm"> <div class="xm_chat"> <el-card class="xm_chat_row"> - <div id="chat1"></div> + <div class="xm_chat_row_info"> + <span>鎬昏</span> + <span>{{amount}}</span> + </div> + <div id="chat1" v-if="activeName === 'third'"></div> </el-card> <el-card class="xm_chat_row"> - <div id="chat2"></div> + <div id="chat2" v-if="activeName === 'third'"></div> </el-card> </div> <el-card style="margin-top: 20px;"> @@ -387,7 +383,8 @@ categaryList: [], deviceList: [], showDetail: false, - showEdit1: false + showEdit1: false, + amount: 0 } }, methods: { @@ -408,6 +405,7 @@ this.$refs.EditRef.param.rooms = [this.info.projectId, this.info.buildingId, this.info.floor, this.info.id] this.$refs.EditRef.isShowModal = true this.$refs.EditRef.changeProject() + this.$refs.EditRef.getHouseVal([this.info.projectId, this.info.buildingId, this.info.floor, this.info.id]) }) }, handleDetail(row) { @@ -422,7 +420,11 @@ this.$refs.operaYwWorkorderWindow.open('鏂板缓宸ュ崟', { rooms: [this.info.projectId, this.info.buildingId, this.info.floor, this.info.id], areaType: 0, - content: '' + content: '', + projectId: this.info.projectId, + buildingId: this.info.buildingId, + floorId: this.info.floor, + roomId: this.info.id }) }, // 鑾峰彇璁惧鐘舵�� @@ -432,9 +434,10 @@ this.$nextTick(() => { this.deviceList = [ { value: res.workAmount || 0, name: '姝e父' }, - { value: res.exceptionAmount || 0, name: '寮傚父' }, + { value: res.exceptionAmount || 0, name: '鎹熷潖' }, { value: res.errAmount || 0, name: '鎶ュ簾' } ] + this.amount = res.amount this.reand() }) }) @@ -535,7 +538,7 @@ page: 1, model: { roomId: this.houseId, - status: this.form.status, + dealStatus: this.form.dealStatus, cateId: this.form.cateId } }).then(res => { @@ -582,13 +585,7 @@ { name: '璁惧鐘舵��', type: 'pie', - radius: ['40%', '80%'], - label: { - show: true, - position: 'center', - fontWeight: 'bold', - fontSize: 22 - }, + radius: ['50%', '80%'], data: this.deviceList } ] @@ -599,53 +596,24 @@ var chartDom = document.getElementById('chat2'); var myChart = echarts.init(chartDom); var option; - const rawData = [ - [100, 302, 301, 334, 390, 330, 320], - [320, 132, 101, 134, 90, 230, 210], - [220, 182, 191, 234, 290, 330, 310], - [150, 212, 201, 154, 190, 330, 410], - [820, 832, 901, 934, 1290, 1330, 1320] - ]; - const totalData = []; - for (let i = 0; i < rawData[0].length; ++i) { - let sum = 0; - for (let j = 0; j < rawData.length; ++j) { - sum += rawData[j][i]; - } - totalData.push(sum); - } - const series = [ - 'Direct', - 'Mail Ad', - 'Affiliate Ad', - 'Video Ad', - 'Search Engine' - ].map((name, sid) => { - return { - name, - type: 'bar', - stack: 'total', - barWidth: '60%', - data: rawData[sid].map((d, did) => - totalData[did] <= 0 ? 0 : d / totalData[did] - ) - }; - }); - let seriesArr = this.categaryList.map(item => { - return { - name: item.cateName, - type: 'bar', - stack: 'total', - barWidth: '60%', - data: item.ywDeviceCateDataVOList.map((child) => - child.deviceAmount - ) - } + let seriesArr = [] + this.categaryList.forEach((one, index) => { + one.ywDeviceCateDataVOList.forEach(two => { + let data = [] + this.categaryList.forEach(item => { + data.push(0) + }) + data[index] = two.deviceAmount + seriesArr.push({ + name: two.cateName, + type: 'bar', + barGap:-1, + stack: one.cateName, + data + }) + }) }) let xAxisData = this.categaryList.map(item => item.cateName) - console.log(series) - console.log(seriesArr) - console.log(xAxisData) option = { title: { text: '璁惧鏁伴噺鍒嗙被缁熻' @@ -660,15 +628,30 @@ trigger: 'axis', axisPointer: { type: 'shadow' + }, + formatter: params => { + var res = `${params[0].name} <br/>` + for (const item of params) { + if (item.value !== 0) { + res += `<span style="background: ${item.color}; height:10px; width: 10px; border-radius: 50%;display: inline-block;margin-right:10px;"></span> ${item.seriesName} 锛�${item.value}<br/>` + } + } + return res } }, - yAxis: { - type: 'value' - }, - xAxis: { - type: 'category', - data: xAxisData - }, + xAxis: [ + { + type: 'category', + position: 'bottom', + data: xAxisData + } + ], + yAxis: [ + { + type: 'value', + data: Array.from({ length: 100 }, (_, i) => i + 1) + } + ], series: seriesArr }; @@ -706,7 +689,7 @@ this.getTenantContract() } else if (this.propsName === 'second') { this.getFetchList() - } else if (tab._props.name === 'third') { + } else if (this.propsName === 'third') { this.getDevicePage() } else if (this.propsName === 'fourth') { this.getPropertyLists() @@ -718,7 +701,7 @@ this.getTenantContract() } else if (this.propsName === 'second') { this.getFetchList() - } else if (tab._props.name === 'third') { + } else if (tab.propsName === 'third') { this.getDevicePage() } else if (this.propsName === 'fourth') { this.getPropertyLists() @@ -870,6 +853,28 @@ .xm_chat_row { width: 49%; height: 300px; + position: relative; + .xm_chat_row_info { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + span { + &:nth-child(1) { + font-size: 20px; + color: #222222; + } + &:nth-child(2) { + font-size: 28px; + color: #222222; + font-weight: bold; + } + } + } #chat1 { width: 100%; height: 260px; -- Gitblit v1.9.3