LK/income_payments_enterprise_terminal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

项目详情、合同详情互相跳转

Browse Source
This commit is contained in:
zhaoxiao
2021-10-18 10:16:31 +08:00
parent a45fe9b544
commit 77a06f524f
2 changed files with 71 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/dataMember/DataMember.vue
+63 -50
View File
@@ -37,61 +37,62 @@
<!-- 表格区域--> <!-- 表格区域-->
<div> <div>
<a-spin :spinning="loading"> <a-spin :spinning="loading">
<project-table :column-data="columns" :table-data="dataSource" @change="handlePageChange"> <project-table :column-data="columns" :table-data="dataSource" @change="handlePageChange">
<!-- 打包、需要发票--> <!-- 打包、需要发票-->
<template v-slot:status-pack="{record, text}"> <template v-slot:status-pack="{record, text}">
<status-slot :statu-obj="record" :status-no="text"></status-slot> <status-slot :statu-obj="record" :status-no="text"></status-slot>
</template> </template>
<!-- 到账--> <!-- 到账-->
<template v-slot:status="{record, text}"> <template v-slot:status="{record, text}">
<status-slot :statu-obj="record" :status-no="text" :status-type="true"></status-slot> <status-slot :statu-obj="record" :status-no="text" :status-type="true"></status-slot>
</template> </template>
<!-- 开票--> <!-- 开票-->
<template v-slot:status-bill="{record, text}"> <template v-slot:status-bill="{record, text}">
<status-slot :statu-obj="record" :status-no="text" :status-type="true" status-key="bill"></status-slot> <status-slot :statu-obj="record" :status-no="text" :status-type="true" status-key="bill"></status-slot>
</template> </template>
<!-- 邮寄--> <!-- 邮寄-->
<template v-slot:status-mail="{record, text}"> <template v-slot:status-mail="{record, text}">
<status-slot :statu-obj="record" :status-no="text" :status-type="true" status-key="mail"></status-slot> <status-slot :statu-obj="record" :status-no="text" :status-type="true" status-key="mail"></status-slot>
</template> </template>
<!-- 项目名称--> <!-- 项目名称-->
<template v-slot:projectName="{record}"> <template v-slot:projectName="{record}">
<div @click="openDetailModal(record)" class="project-name"> <div @click="openDetailModal(record)" class="project-name">
{{ record.chargeProject }} {{ record.chargeProject }}
</div> </div>
</template> </template>
<!-- 项目名称--> <!-- 项目名称-->
<template v-slot:projectName="{record}"> <template v-slot:projectName="{record}">
<div @click="openDetailModal(record)" class="project-name"> <div @click="openDetailModal(record)" class="project-name">
<j-ellipsis style="font-size: 14px" :value="record.projectName" :length="20"></j-ellipsis> <j-ellipsis style="font-size: 14px" :value="record.projectName" :length="20"></j-ellipsis>
</div> </div>
</template> </template>
<!-- 需要tooltip的文本--> <!-- 需要tooltip的文本-->
<template v-slot:text="{record,text}"> <template v-slot:text="{record,text}">
<a-tooltip> <a-tooltip>
<template slot="title"> <template slot="title">
{{ text }}
</template>
{{ text }} {{ text }}
</template> </a-tooltip>
{{ text }} </template>
</a-tooltip> <!-- 金额-->
</template> <template v-slot:money="{record,text}">
<!-- 金额--> <a-tooltip>
<template v-slot:money="{record,text}"> <template slot="title">
<a-tooltip> {{ text }}元
<template slot="title"> </template>
{{ text }}元 {{ text }}元
</template> </a-tooltip>
{{ text }}元 </template>
</a-tooltip> </project-table>
</template>
</project-table>
</a-spin> </a-spin>
</div> </div>
<!-- 表格区域end--> <!-- 表格区域end-->
</a-card> </a-card>
<project-detail-modal ref="projectDetail"></project-detail-modal> <project-detail-modal ref="projectDetail" @openContractModule="handleOpenContractModule"></project-detail-modal>
<mine-contract-module :contract-id="contractId" :visible.sync="contractModuleVisible" @openProjectDetail="openDetailModal"></mine-contract-module>
</div> </div>
</template> </template>
<script> <script>
@@ -99,11 +100,12 @@ import { JeroListMixin } from '@/mixins/JeroListMixin'
import ProjectTable from '@comp/table/ProjectTable' import ProjectTable from '@comp/table/ProjectTable'
import ProjectDetailModal from '@views/MessagePage/ProjectDetailModal' import ProjectDetailModal from '@views/MessagePage/ProjectDetailModal'
import StatusSlot from '@comp/tools/StatusSlot' import StatusSlot from '@comp/tools/StatusSlot'
import JEllipsis from "@comp/jero/JEllipsis" import JEllipsis from '@comp/jero/JEllipsis'
import MineContractModule from '@views/mineContract/modules/MineContractModule'
export default { export default {
name: 'DataMember', name: 'DataMember',
components: { ProjectTable, ProjectDetailModal,StatusSlot,JEllipsis }, components: { ProjectTable, ProjectDetailModal, StatusSlot, JEllipsis, MineContractModule },
mixins: [JeroListMixin], mixins: [JeroListMixin],
data() { data() {
return { return {
@@ -156,7 +158,10 @@ export default {
col: 2 col: 2
} }
], ],
loading:false, loading: false,
// 合同详情
contractModuleVisible: false,
contractId: '',
url: { url: {
list: '/jero/memberProjectSubitem/pageCompany' list: '/jero/memberProjectSubitem/pageCompany'
} }
@@ -171,6 +176,14 @@ export default {
this.ipagination.current = pagination.current this.ipagination.current = pagination.current
this.ipagination.pageSize = pagination.pageSize this.ipagination.pageSize = pagination.pageSize
this.loadData() this.loadData()
},
/**
* 打开合同详情
* @param contractId
*/
handleOpenContractModule(contractId) {
this.contractId = contractId
this.contractModuleVisible = true
} }
} }
} }
src/views/mineContract/MineContract.vue
+8 -5
View File
@@ -36,7 +36,7 @@
<template slot="title"> <template slot="title">
{{ text }} {{ text }}
</template> </template>
<div @click="openDetail(record)" class="project-name"> <div @click="openDetail(record.id)" class="project-name">
{{ text }} {{ text }}
</div> </div>
</a-tooltip> </a-tooltip>
@@ -56,7 +56,8 @@
<!-- 表格区域end--> <!-- 表格区域end-->
</a-card> </a-card>
<mine-contract-module :visible.sync="detailVisible" :contract-id="contractId"></mine-contract-module> <project-detail-modal ref="projectDetail" @openContractModule="openDetail"></project-detail-modal>
<mine-contract-module :visible.sync="detailVisible" :contract-id="contractId" @openProjectDetail="openDetailModal"></mine-contract-module>
</div> </div>
</template> </template>
<script> <script>
@@ -65,10 +66,11 @@ import ProjectTable from '@comp/table/ProjectTable'
import MineContractModule from '@views/mineContract/modules/MineContractModule' import MineContractModule from '@views/mineContract/modules/MineContractModule'
import StatusSlot from '@comp/tools/StatusSlot' import StatusSlot from '@comp/tools/StatusSlot'
import { getContractDetailById } from '@api/incomePaymentsApi' import { getContractDetailById } from '@api/incomePaymentsApi'
import ProjectDetailModal from '@views/MessagePage/ProjectDetailModal'
export default { export default {
name: 'MineContract', name: 'MineContract',
components: { ProjectTable, MineContractModule, StatusSlot }, components: { ProjectTable, MineContractModule, StatusSlot, ProjectDetailModal },
mixins: [JeroListMixin], mixins: [JeroListMixin],
data() { data() {
return { return {
@@ -105,6 +107,7 @@ export default {
}, },
contractId: '', contractId: '',
detailVisible: false, detailVisible: false,
projectType: null
} }
}, },
methods: { methods: {
@@ -118,8 +121,8 @@ export default {
this.ipagination.pageSize = pagination.pageSize this.ipagination.pageSize = pagination.pageSize
this.loadData() this.loadData()
}, },
openDetail(record) { openDetail(id) {
this.contractId = record.id this.contractId = id
this.detailVisible = true this.detailVisible = true
} }
} }