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

项目详情

Browse Source
This commit is contained in:
fengachen
2021-09-13 18:43:24 +08:00
parent 6c55559021
commit 631d3131cd
2 changed files with 105 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ProjectDetailModal.vue
+103 -58
View File
@@ -1,28 +1,39 @@
<template> <template>
<j-modal <j-modal
:title="title" :title="title"
:width="width" :width="width"
:visible="visible" :visible="visible"
switchFullscreen switchFullscreen
@cancel="handleCancel" @cancel="handleCancel"
cancelText="关闭"> cancelText="关闭">
<!-- 基本信息begin--> <!-- 基本信息begin-->
<section class="base-info"> <section class="base-info">
<h3 class="title">基本信息</h3> <h3 class="title">基本信息</h3>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :span="12"> <a-col :span="12">
<label>项目负责人:</label> <label>项目负责人：</label>
<span></span> <span>{{basicInfo.principalName}}</span>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<label>应收金额:</label> <label>应收金额：</label>
<span></span> <span>{{basicInfo.receivableAmount}}</span>
</a-col> </a-col>
</a-row> </a-row>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :span="12"> <a-col :span="12">
<label>备注:</label> <label>备注：</label>
<span></span> <span>{{basicInfo.remarks}}</span>
</a-col>
</a-row>
<!-- 来款方式为合同的显示-->
<a-row :gutter="24" v-if="basicInfo.chargeWay === 2">
<a-col :span="12">
<label>来款方式：</label>
<span>合同</span>
</a-col>
<a-col :span="12">
<label>合同编号：</label>
<span class="contract-num">{{basicInfo.contractNum}}</span>
</a-col> </a-col>
</a-row> </a-row>
</section> </section>
@@ -32,62 +43,62 @@
<h3 class="title">企业信息</h3> <h3 class="title">企业信息</h3>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :span="12"> <a-col :span="12">
<label>来款企业:</label> <label>来款企业：</label>
<span></span> <span>{{enterpriseInfo.companyName}}</span>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<label>企业联系人:</label> <label>企业联系人：</label>
<span></span> <span>{{contactsInfo.name}}</span>
</a-col> </a-col>
</a-row> </a-row>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :span="12"> <a-col :span="12">
<label>企业联系人性别:</label> <label>企业联系人性别：</label>
<span></span> <span>{{initGender(contactsInfo.gender)}}</span>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<label>企业联系人职务:</label> <label>企业联系人职务：</label>
<span></span> <span>{{contactsInfo.post}}</span>
</a-col> </a-col>
</a-row> </a-row>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :span="12"> <a-col :span="12">
<label>企业联系人电话:</label> <label>企业联系人电话：</label>
<span></span> <span>{{contactsInfo.phone}}</span>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<label>企业联系人邮箱:</label> <label>企业联系人邮箱：</label>
<span></span> <span>{{contactsInfo.email}}</span>
</a-col> </a-col>
</a-row> </a-row>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :span="12"> <a-col :span="12">
<label>企业联系人邮编:</label> <label>企业联系人邮编：</label>
<span></span> <span>{{contactsInfo.postalCode}}</span>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<label>企业联系人地址:</label> <label>企业联系人地址：</label>
<span></span> <span>{{contactsInfo.contactAddress}}</span>
</a-col> </a-col>
</a-row> </a-row>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :span="12"> <a-col :span="12">
<label>是否需要发票:</label> <label>是否需要发票：</label>
<span></span> <span>{{basicInfo.needInvoice}}</span>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<label>是否打包:</label> <label>是否打包：</label>
<span></span> <span>{{basicInfo.pack}}</span>
</a-col> </a-col>
</a-row> </a-row>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :span="12"> <a-col :span="12">
<label>企业邮编:</label> <label>企业邮编：</label>
<span></span> <span>{{enterpriseInfo.postalCode}}</span>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<label>企业地址:</label> <label>企业地址：</label>
<span></span> <span>{{enterpriseInfo.companyAddress}}</span>
</a-col> </a-col>
</a-row> </a-row>
</section> </section>
@@ -96,7 +107,7 @@
<section class="payment-info"> <section class="payment-info">
<h3 class="title">到账信息</h3> <h3 class="title">到账信息</h3>
<section class="payment-info-title">到账信息</section> <section class="payment-info-title">到账信息</section>
<div class="payment-info-content" v-for="item of paymentInfoList" :key="item.id">2021年到账200元</div> <div class="payment-info-content" v-for="item of paymentInfoList" :key="item.id">{{item.paymentDate}}到账{{item.amountReceived}}元</div>
</section> </section>
<!--到账信息end--> <!--到账信息end-->
<!--开票邮寄信息begin--> <!--开票邮寄信息begin-->
@@ -104,15 +115,15 @@
<h3 class="title">开票邮寄信息</h3> <h3 class="title">开票邮寄信息</h3>
<div class="wrap-table"> <div class="wrap-table">
<a-table <a-table
ref="table" ref="table"
size="middle" size="middle"
rowKey="id" rowKey="id"
:pagination="false" :pagination="false"
:columns="columns" :columns="columns"
:dataSource="logisticsInfoList" :dataSource="logisticsInfoList"
class="j-table-force-nowrap" class="j-table-force-nowrap"
> >
<span slot="action" slot-scope="text, record" class="action-span-cell"> <span slot="action" class="action-span-cell">
<a @click="lookLogistics()">查看物流</a> <a @click="lookLogistics()">查看物流</a>
</span> </span>
</a-table> </a-table>
@@ -126,6 +137,7 @@
</template> </template>
<script> <script>
import {queryCommonProjectById} from '@api/incomePaymentsApi'
// import {getAction} from "@api/manage"; // import {getAction} from "@api/manage";
const paymentInfoList = [ const paymentInfoList = [
{ {
@@ -162,42 +174,42 @@ const columns = [
{ {
title: '开票人', title: '开票人',
align: 'center', align: 'center',
dataIndex: '', dataIndex: 'createBy',
}, },
{ {
title: '日期', title: '日期',
align: 'center', align: 'center',
dataIndex: '', dataIndex: 'billDate',
}, },
{ {
title: '金额(元)', title: '金额(元)',
align: 'center', align: 'center',
dataIndex: '', dataIndex: 'invoiceAmount',
}, },
{ {
title: '票号', title: '票号',
align: 'center', align: 'center',
dataIndex: '', dataIndex: 'billNo',
}, },
{ {
title: '项目', title: '项目',
align: 'center', align: 'center',
dataIndex: '', dataIndex: 'chargeCompanyName',
}, },
{ {
title: '邮寄人', title: '邮寄人',
align: 'center', align: 'center',
dataIndex: '', dataIndex: 'liaisonMan',
}, },
{ {
title: '快递', title: '快递',
align: 'center', align: 'center',
dataIndex: '', dataIndex: 'sendMethod',
}, },
{ {
title: '快递单号', title: '快递单号',
align: 'center', align: 'center',
dataIndex: 'piaoNo', dataIndex: 'postNo',
}, },
{ {
title: '操作', title: '操作',
@@ -220,6 +232,8 @@ export default {
basicInfo: {}, basicInfo: {},
// 企业信息 // 企业信息
enterpriseInfo: {}, enterpriseInfo: {},
// 联系人信息
contactsInfo:{},
columns, columns,
// 到账信息 // 到账信息
paymentInfoList, paymentInfoList,
@@ -231,6 +245,24 @@ export default {
open(record) { open(record) {
// 记录当前项目id // 记录当前项目id
this.currentProjectId = record.id this.currentProjectId = record.id
// 通过id查询项目详情
queryCommonProjectById({id:this.currentProjectId}).then(res => {
if(res.success){
console.log(res.result,'res.result')
// 项目信息
this.basicInfo = res.result.project
// 企业信息
this.enterpriseInfo = res.result.company
// 联系人信息
this.contactsInfo = res.result.contacts
// 到账信息
this.paymentInfoList = res.result.paymentRecord
// 开票邮寄信息
this.logisticsInfoList = res.result.mailBill
}else {
console.log('未查到相应的信息')
}
})
this.visible = true this.visible = true
}, },
handleCancel() { handleCancel() {
@@ -256,7 +288,17 @@ export default {
* 查看物流 * 查看物流
* */ * */
lookLogistics() { lookLogistics() {
window.open('http://www.api.kuaidi100.com', '_blank') window.open('https://www.ems.com.cn/', '_blank')
},
/*
* 性别格式话
* */
initGender(val){
if(val === 1){
return '男'
}else if(val === 2){
return '女'
}
} }
} }
} }
@@ -274,7 +316,10 @@ h3 {
label { label {
color: #666; color: #666;
} }
.contract-num {
color: #42b983;
cursor: pointer;
}
h3.title::before { h3.title::before {
position: absolute; position: absolute;
top: 4px; top: 4px;
@@ -296,12 +341,12 @@ h3.title::before {
line-height: 35px; line-height: 35px;
letter-spacing: 1px; letter-spacing: 1px;
color: #fff; color: #fff;
background: #069f99; background: #a2e6e4;
} }
&-content { &-content {
color: #424242; color: #424242;
background: #efefef; //background: #efefef;
padding: 5px; padding: 5px;
padding-left: 10px; padding-left: 10px;
border: 1px solid #ccc; border: 1px solid #ccc;
@@ -320,7 +365,7 @@ h3.title::before {
/deep/ .ant-table-thead { /deep/ .ant-table-thead {
tr > th { tr > th {
color: #fff; color: #fff;
background: #069f99; background: #a2e6e4;
border: none; border: none;
} }
} }
src/views/incomePayments/meetManage/Attendance.vue
+2 -1
View File
@@ -162,7 +162,8 @@
<a-button type="danger" icon="delete" @click="batchDel">批量删除</a-button> <a-button type="danger" icon="delete" @click="batchDel">批量删除</a-button>
<!--当会议费用为0不需要合并开票--> <!--当会议费用为0不需要合并开票-->
<a-button type="primary" @click="batchInvoice" v-show="currentMeetingInfo.meetingCosts !== 0">合并开票</a-button> <a-button type="primary" @click="batchInvoice" v-show="currentMeetingInfo.meetingCosts !== 0">合并开票</a-button>
<a-button type="primary" @click="batchSetDocker">设置对接人</a-button> <!--只有国际研讨会才会有设置对接人-->
<a-button type="primary" @click="batchSetDocker" v-if="currentMeetingInfo.meetingType === '3' ">设置对接人</a-button>
</div> </div>
<!-- table区域-begin --> <!-- table区域-begin -->