|
|
@@ -2,24 +2,48 @@
|
|
|
<div>
|
|
|
<el-row class="handle-box" style="margin-bottom: 10px">
|
|
|
<el-col :span="2">
|
|
|
- <span>分期</span>
|
|
|
+ <div style="text-align: center"><span>楼盘</span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
- <el-cascader
|
|
|
- v-model="search.findids"
|
|
|
- :append-to-body="false"
|
|
|
- :options="options"
|
|
|
+ <el-select
|
|
|
+ v-model="search.groupId"
|
|
|
+ style="width: 100%"
|
|
|
clearable
|
|
|
- :props="{ multiple: true}"
|
|
|
+ filterable
|
|
|
+ @change="handleSearch"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in groupOption"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2">
|
|
|
+ <div style="text-align: center"><span>分期</span></div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-select
|
|
|
+ v-model="search.discId"
|
|
|
style="width: 100%"
|
|
|
- @change="handleChange"
|
|
|
- />
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ @change="handleSearch"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in discOption"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
</el-col>
|
|
|
<el-col :span="2">
|
|
|
- <span>关键字</span>
|
|
|
+ <div style="text-align: center"><span>关键字</span></div>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
- <el-input v-model="search.groupName" />
|
|
|
+ <el-input v-model="search.roomNo" />
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row class="handle-box" style="margin-bottom: 10px">
|
|
|
@@ -37,23 +61,18 @@
|
|
|
border
|
|
|
:header-cell-style="{background:'#f2f2f2'}"
|
|
|
>
|
|
|
- <el-table-column type="index" width="60" />
|
|
|
- <el-table-column label="小区-分期" prop="groupDiscName" width="150" />
|
|
|
- <el-table-column label="意向金流水号" prop="serialNumber" width="150" />
|
|
|
- <el-table-column label="买受人" prop="buyerName" width="200" />
|
|
|
- <el-table-column label="意向金金额" prop="receivedAmount" width="150" />
|
|
|
- <el-table-column label="状态" prop="statusStr" width="110" />
|
|
|
- <el-table-column label="定金编号" prop="depositSerialNumber" />
|
|
|
- <el-table-column label="认购房屋" prop="houseName" />
|
|
|
- <el-table-column label="经办人" prop="createdName" />
|
|
|
- <el-table-column label="经办时间" prop="createdAt" />
|
|
|
- <el-table-column header-align="center" label="操作" width="430">
|
|
|
+ <el-table-column label="序号" type="index" width="60" />
|
|
|
+ <el-table-column label="楼盘" prop="groupName" />
|
|
|
+ <el-table-column label="分期" prop="discName" />
|
|
|
+ <el-table-column label="楼栋数" prop="buildCount" />
|
|
|
+ <el-table-column label="房屋总数" prop="roomCount" />
|
|
|
+ <el-table-column label="待签约" prop="waitSigningCount" />
|
|
|
+ <el-table-column label="已签约" prop="signingCount" />
|
|
|
+ <el-table-column label="已结清数" prop="settledCount" />
|
|
|
+ <el-table-column label="已入户数" prop="enteredCount" />
|
|
|
+ <el-table-column header-align="center" label="操作">
|
|
|
<template scope="scope">
|
|
|
- <el-button :disabled="scope.row.status !== 1" size="mini" type="text" @click="handleToDeposit(scope.row)">转定金</el-button>
|
|
|
<el-button size="mini" type="text" @click="handleView(scope.row)">查看</el-button>
|
|
|
- <el-button :disabled="scope.row.status === 1" size="mini" type="text" @click="downLoad(scope.row)">意向金收据</el-button>
|
|
|
- <el-button :disabled="scope.row.status === 2" size="mini" type="text" @click="handleRefund(scope.row)">退意向金</el-button>
|
|
|
- <el-button :disabled="!(scope.row.status === 1)" size="mini" type="text" @click="handleEdit(scope.row)">编辑</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -72,19 +91,32 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
+ <!-- 详情页面 -->
|
|
|
+ <el-dialog
|
|
|
+ :title="'项目详情'"
|
|
|
+ :visible.sync="dialogVisible"
|
|
|
+ width="75%"
|
|
|
+ top="50px"
|
|
|
+ :close-on-press-escape="false"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
+ <project-detail
|
|
|
+ v-if="dialogVisible"
|
|
|
+ ref="projectDetail"
|
|
|
+ />
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
import Base from '@/views/base/base'
|
|
|
import BaseData from '@/views/base/baseData'
|
|
|
-import ToDeposit from '@/views/receiveRefundsManagement/intentionalDepositManagement/toDeposit.vue'
|
|
|
-import RefundIntentionalDeposit from '@/views/receiveRefundsManagement/intentionalDepositManagement/refundIntentionalDeposit.vue'
|
|
|
-import constant from '@/static/utils/constant'
|
|
|
-import AddIntentionalDeposit from '@/views/customerManagement/intentionalDeposit/addIntentionalDeposit.vue'
|
|
|
+import projectDetail from '@/views/reportForms/components/projectDetail.vue'
|
|
|
|
|
|
export default {
|
|
|
name: 'ProjectArchivesVue',
|
|
|
- components: { },
|
|
|
+ components: { projectDetail },
|
|
|
mixins: [Base, BaseData],
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -95,20 +127,46 @@ export default {
|
|
|
AllData: [],
|
|
|
loading: false,
|
|
|
options: [],
|
|
|
- dialogVisible: false
|
|
|
+ dialogVisible: false,
|
|
|
+ groupOption: [],
|
|
|
+ discOption: [],
|
|
|
+ buildOption: []
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.getTreeSelectData()
|
|
|
+ this.getGroupOption()
|
|
|
+ this.getDiscOption()
|
|
|
this.initDict(this.dc_key).then((res) => {
|
|
|
this.getData()
|
|
|
})
|
|
|
},
|
|
|
methods: {
|
|
|
- getTreeSelectData: function() {
|
|
|
- this.baseInfoRequest('getTreeData3', {}).then((res) => {
|
|
|
- this.options = res.data.data
|
|
|
- }).catch(() => {
|
|
|
+ getGroupOption() {
|
|
|
+ this.baseGroupRequest('listAll', {}).then((res) => {
|
|
|
+ const data = res.data
|
|
|
+ this.groupOption = []
|
|
|
+ data.forEach(item => {
|
|
|
+ const obj = {
|
|
|
+ value: item.groupId,
|
|
|
+ label: item.groupName,
|
|
|
+ key: item.groupId
|
|
|
+ }
|
|
|
+ this.groupOption.push(obj)
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getDiscOption() {
|
|
|
+ this.baseDiscRequest('listAll', {}).then((res) => {
|
|
|
+ const data = res.data
|
|
|
+ this.discOption = []
|
|
|
+ data.forEach(item => {
|
|
|
+ const obj = {
|
|
|
+ value: item.id,
|
|
|
+ label: item.name,
|
|
|
+ key: item.id
|
|
|
+ }
|
|
|
+ this.discOption.push(obj)
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
getData: function() {
|
|
|
@@ -118,7 +176,7 @@ export default {
|
|
|
|
|
|
this.search.pageNum = this.currentPage
|
|
|
this.search.pageSize = this.pageSize
|
|
|
- this.baseRequest('list', this.search).then((res) => {
|
|
|
+ this.baseRequest('reportList', this.search).then((res) => {
|
|
|
if (res.data.rows) {
|
|
|
res.data.rows.forEach(function(item) {
|
|
|
const json = _this.getItemJson(item)
|
|
|
@@ -144,23 +202,27 @@ export default {
|
|
|
this.handleSearch()
|
|
|
},
|
|
|
getItemJson: function(item) {
|
|
|
- item.statusStr = this.dc_map.INTENTIONAL_DEPOSIT_STATUS[item.status]
|
|
|
return item
|
|
|
},
|
|
|
handleView(val) {
|
|
|
this.dialogVisible = true
|
|
|
this.dialogTitle = '查看'
|
|
|
- val.isView = true
|
|
|
// 新vue时调用的方法
|
|
|
this.$nextTick(() => {
|
|
|
- this.$refs.toDeposit.initData(val)
|
|
|
+ this.$refs.projectDetail.initData(val)
|
|
|
})
|
|
|
},
|
|
|
cancel: function() {
|
|
|
this.dialogVisible = false
|
|
|
},
|
|
|
baseRequest(opUrl, postData) {
|
|
|
- return this.$channel.globeRequest('IntentionalDepositController', opUrl, postData, '')
|
|
|
+ return this.$channel.globeRequest('CustomerManagementController', opUrl, postData, '')
|
|
|
+ },
|
|
|
+ baseGroupRequest(opUrl, postData) {
|
|
|
+ return this.$channel.globeRequest('ParkInfoController', opUrl, postData, 'project')
|
|
|
+ },
|
|
|
+ baseDiscRequest(opUrl, postData) {
|
|
|
+ return this.$channel.globeRequest('ParkFloorDiscController', opUrl, postData, 'project')
|
|
|
}
|
|
|
}
|
|
|
}
|