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/contract/components/terminateLease.vue | 185 ++++++++++++++++++++++++++++-----------------
1 files changed, 114 insertions(+), 71 deletions(-)
diff --git a/admin/src/views/contract/components/terminateLease.vue b/admin/src/views/contract/components/terminateLease.vue
index 31fda94..5520b8a 100644
--- a/admin/src/views/contract/components/terminateLease.vue
+++ b/admin/src/views/contract/components/terminateLease.vue
@@ -24,10 +24,10 @@
</el-select>
</el-form-item>
<el-form-item label="閫�绉熸棩鏈�" prop="btDate" style="width: 33%;">
-<!-- @change="changeBtDate"-->
<el-date-picker
v-model="form.btDate"
type="date"
+ :picker-options="pickerOptions"
@change="changeBtDate"
value-format="yyyy-MM-dd"
placeholder="璇烽�夋嫨">
@@ -57,19 +57,19 @@
<el-table-column prop="projectName" label="椤圭洰鍚嶇О" show-overflow-tooltip />
<el-table-column label="鎴挎簮鍚嶇О" show-overflow-tooltip>
<template slot-scope="{row}">
- {{row.buildingName}}/{{row.code}}
+ {{row.buildingName}}/{{row.roomNum}}
</template>
</el-table-column>
<el-table-column label="绉熻祦闈㈢Н(銕�)" show-overflow-tooltip>
<template slot-scope="{row}">
- {{row.area}}銕�
+ {{row.rentArea}}銕�
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="title">
- <span>閫�绉熶俊鎭�</span>
+ <span>璐﹀崟缁撶畻</span>
<div style="display: flex; align-items: center;">
<el-button type="primary" @click="addZD">娣诲姞鏀舵</el-button>
<el-button type="primary" @click="addFK">娣诲姞浠樻</el-button>
@@ -85,13 +85,21 @@
label="璐﹀崟缂栧彿">
</el-table-column>
<el-table-column
+ width="100"
label="璐圭敤绫诲瀷">
- <template slot-scope="{row}">
- <span v-if="row.costType === 0">绉熻祦璐�</span>
- <span v-if="row.costType === 1">鐗╀笟璐�</span>
- <span v-if="row.costType === 4">姘寸數璐�</span>
- <span v-if="row.costType === 5">鏉傞」璐�</span>
- <span v-if="row.costType === 6">鍏朵粬</span>
+ <template slot-scope="scope">
+ <div style="display: flex; align-items: center;">
+ <span v-if="scope.row.costType === 0">绉熻祦璐�</span>
+ <span v-if="scope.row.costType === 1">鐗╀笟璐�</span>
+ <span v-if="scope.row.costType === 4">姘寸數璐�</span>
+ <span v-if="scope.row.costType === 5">鏉傞」璐�</span>
+ <span v-if="scope.row.costType === 6">鍏朵粬</span>
+ <i class="el-icon-delete"
+ style="color: red; margin-left: 10px; font-size: 18px; cursor: pointer;"
+ @click="deleRow(scope.$index)"
+ v-if="scope.row.isDele">
+ </i>
+ </div>
</template>
</el-table-column>
<el-table-column
@@ -104,13 +112,14 @@
label="搴旀敹浠橀噾棰�/鍘熷搴旀敹浠�">
<template v-slot="{row}">
<div style="display: flex; align-items: center;">
- <el-input v-model="row.receivableFee" @input="changeReceivableFee($event, row)" placeholder="璇疯緭鍏ュ唴瀹�" style="width: 90px;"></el-input>
+ <el-input v-model="row.receivableFee" @input="changeReceivableFee($event, row)" placeholder="璇疯緭鍏ュ唴瀹�" style="flex: 1;"></el-input>
<span style="margin: 0 10px;">/</span>
{{row.receivableFeeCopy}}
</div>
</template>
</el-table-column>
<el-table-column
+ width="120"
prop="actReceivableFee"
label="瀹炴敹/浠橀噾棰�">
</el-table-column>
@@ -120,7 +129,7 @@
<div style="display: flex; align-items: center;">
<el-tag type="success" v-if="row.billType === 0">鏀�</el-tag>
<el-tag type="warning" v-if="row.billType === 1">浠�</el-tag>
- <span style="margin-left: 10px;">{{row.price}}</span>
+ <span style="margin-left: 10px;">{{Math.abs(row.price)}}</span>
</div>
</template>
</el-table-column>
@@ -154,9 +163,12 @@
{{row.startDate}} ~ {{row.endDate}}
</template>
</el-table-column>
+<!-- prop="receivableFee"-->
<el-table-column
- prop="receivableFee"
label="搴旀敹閲戦">
+ <template slot-scope="{row}">
+ 0
+ </template>
</el-table-column>
<el-table-column
prop="actReceivableFee"
@@ -196,13 +208,17 @@
import AddCollectionBill from './addCollectionBill'
import AddPaymentBill from './addPaymentBill'
import { getUserList } from '@/api/system/user'
- import { backRent, getCanBackBill } from '@/api/contract'
+ import { backRent, getCanBackBill, findForBills } from '@/api/contract'
+ import { mapState } from 'vuex'
export default {
name: "terminateLease",
components: {
GlobalWindow,
AddCollectionBill,
AddPaymentBill
+ },
+ computed: {
+ ...mapState(['userInfo'])
},
extends: BaseOpera,
data() {
@@ -235,7 +251,7 @@
},
list: [],
-
+ pickerOptions: {},
agentList: [],
receivable: '',
@@ -244,58 +260,63 @@
loading: false
}
},
- watch: {
- info: {
- deep: true,
- immediate: true,
- handler(news, olds) {
- const arr = [...this.info.terminateList, ...this.info.depositList]
- let total1 = 0
- let total2 = 0
- arr.forEach(item => {
- if (item.billType === 0) {
- total1 += Number(item.price)
- } else if (item.billType === 1) {
- total2 += Number(item.price)
- }
- })
- this.receivable = total1
- this.meet = total2
- }
- }
- },
methods: {
open (title, info) {
this.title = title
this.info = info
+ this.pickerOptions = {
+ disabledDate(time) {
+ // 濡傛灉娌℃湁鍚庨潰鐨� -8.64e7 灏辨槸涓嶅彲浠ラ�夋嫨浠婂ぉ鐨�
+ const beginDate = new Date(info.startDate).getTime() - 8.64e7
+ const endDate = new Date(info.endDate).getTime()
+ return beginDate > time.getTime() || endDate < time.getTime()
+ }
+ }
this.form.id = info.id
+ this.form.btSignDate = this.getDay()
+ this.form.btUserId = this.userInfo.id
this.$nextTick(() => {
this.$refs.form.resetFields()
})
- this.info.canBackRentBills.forEach(item => {
- this.$set(item, 'receivableFeeCopy', item.receivableFee)
- this.$set(item, 'receivableFee', item.needReceivableFee)
- if ([2,3,7].includes(item.costType)) {
- this.$set(item, 'billType', 1)
- this.$set(item, 'price', item.actReceivableFee)
- } else {
- this.$set(item, 'price', item.needReceivableFee)
- }
- })
- this.info.terminateList = this.info.canBackRentBills.filter(item => {
- if ([0,1,4,5,6].includes(item.costType)) {
- item.billTypeCopy = JSON.parse(JSON.stringify(item.billType))
- return item
- }
- })
- this.info.depositList = this.info.canBackRentBills.filter(item => {
- if ([2,3,7].includes(item.costType)) {
- item.billTypeCopy = JSON.parse(JSON.stringify(item.billType))
- return item
- }
- })
+ this.info.terminateList = []
+ this.info.depositList = []
+ this.form.btDate = this.getDay()
+ this.countData()
this.getUser()
+ this.changeBtDate(this.form.btDate)
this.visible = true
+ },
+ deleRow(index) {
+ this.info.terminateList.splice(index, 1)
+ this.countData()
+ },
+ getDayTime () {
+ const today = new Date();
+ const year = today.getFullYear();
+ const month = today.getMonth() + 1;
+ const day = today.getDate();
+ return `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}`;
+ },
+ countData () {
+ const arr = [...this.info.terminateList, ...this.info.depositList]
+ let total1 = 0
+ let total2 = 0
+ arr.forEach(item => {
+ if (item.billType === 0) {
+ total1 += Math.abs(Number(item.price))
+ } else if (item.billType === 1) {
+ total2 += Math.abs(Number(item.price))
+ }
+ })
+ this.receivable = total1.toFixed(2)
+ this.meet = total2.toFixed(2)
+ },
+ getDay () {
+ const today = new Date();
+ const year = today.getFullYear();
+ const month = today.getMonth() + 1;
+ const day = today.getDate();
+ return `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}`;
},
addZD () {
if (!this.form.btDate) return this.$message.warning('璇烽�夋嫨閫�绉熸棩鏈�')
@@ -317,36 +338,52 @@
renterName: this.info.renterName,
renterId: this.info.renterId,
billType: 1,
+ feeType: 0,
billTypeCopy: 1
}, { startDate: this.info.startDate, endDate: this.form.btDate })
},
- changeBtDate (planPayDateEnd) {
+ changeBtDate (btDate) {
this.loading = true
- getCanBackBill({
- contractId: this.info.id,
- planPayDateEnd
+ findForBills({
+ id: this.info.id,
+ btDate
}).then(res => {
- res.forEach(item => {
- this.$set(item, 'receivableFeeCopy', item.receivableFee)
- this.$set(item, 'receivableFee', item.needReceivableFee)
- this.$set(item, 'price', item.needReceivableFee)
+ res.canBackRentBills.forEach(item => {
+ if ([2,3,7].includes(item.costType)) {
+ this.$set(item, 'billType', 1)
+ this.$set(item, 'price', item.actReceivableFee)
+ } else {
+ this.$set(item, 'receivableFeeCopy', item.receivableFee)
+ this.$set(item, 'receivableFee', item.needReceivableFee)
+ this.$set(item, 'price', (item.needReceivableFee - item.actReceivableFee).toFixed(2))
+ }
})
- this.info.terminateList = res.filter(item => {
+ this.info.terminateList = res.canBackRentBills.filter(item => {
if ([0,1,4,5,6].includes(item.costType)) {
+ item.billTypeCopy = JSON.parse(JSON.stringify(item.billType))
+ if (Number(item.price) < 0) {
+ item.billType = 1
+ }
+ return item
+ }
+ })
+ this.info.depositList = res.canBackRentBills.filter(item => {
+ if ([2,3,7].includes(item.costType)) {
item.billTypeCopy = JSON.parse(JSON.stringify(item.billType))
return item
}
})
+ this.countData()
}).finally(() => {
this.loading = false
})
},
getObjS (obj) {
+ obj.startDate = obj.startDate.substring(0, 10)
+ obj.endDate = obj.endDate.substring(0, 10)
+ obj.isDele = true
this.info.terminateList.push(obj)
- this.info.terminateList.forEach(item => {
- item.receivableFee = Number(item.receivableFee) + 1
- item.receivableFee = Number(item.receivableFee) - 1
- })
+ this.countData()
},
confirm () {
this.$refs.form.validate((valid) => {
@@ -388,6 +425,7 @@
if (Number(num) > row.receivableFeeCopy) {
row.receivableFee = ''
row.price = 0
+ this.countData()
this.$message.warning('涓嶈兘澶т簬鍘熷搴旀敹浠橀噾棰�')
} else {
if (num) {
@@ -413,9 +451,9 @@
} else {
row.price = 0
row.billType = row.billTypeCopy
- console.log('billTypeCopy', row.billTypeCopy)
}
row.price = Math.abs(row.price);
+ this.countData()
}
}
}
@@ -445,6 +483,11 @@
flex-direction: column;
border-bottom: 1px solid #ececec;
margin-bottom: 15px;
+ position: sticky;
+ top: 0;
+ left: 0;
+ z-index: 999;
+ background: #ffffff;
span {
color: black;
font-size: 16px;
--
Gitblit v1.9.3