465 lines
16 KiB
Vue
465 lines
16 KiB
Vue
<template>
|
|
<div class="app-container">
|
|
<el-card>
|
|
<el-select v-model="entryNameValue" filterable placeholder="项目名称" style="margin: 3px;width: 140px " size="small" clearable>
|
|
<el-option
|
|
v-for="item in entryName"
|
|
:key="item.value"
|
|
:label="item.label"
|
|
:value="item.value"/>
|
|
</el-select>
|
|
<el-select v-model="customerName" filterable placeholder="客户名称" style="margin: 3px;width: 220px " size="small" clearable>
|
|
<el-option
|
|
v-for="item in customerNames"
|
|
:key="item.value"
|
|
:label="item.label"
|
|
:value="item.value"/>
|
|
</el-select>
|
|
<el-button type="primary" icon="el-icon-search" size="small" style="margin-left: 10px" plain @click="PageSize = 30;PageCurrent = 1;tableData2=[];getTableData()">查询</el-button>
|
|
<!--<el-badge :value="value" :max="99" class="item">-->
|
|
<!--<el-button size="small" plain @click="AccountsReceivable">查看收款信息</el-button>-->
|
|
<!--</el-badge>-->
|
|
</el-card>
|
|
<el-card>
|
|
<el-col :span="14">
|
|
<el-table
|
|
v-loading="listLoading"
|
|
:row-key="getRowKeys"
|
|
:expand-row-keys="expands"
|
|
:data="tableData1"
|
|
style="width: 100%;"
|
|
height="600px"
|
|
highlight-current-row
|
|
border
|
|
stripe
|
|
size="mini"
|
|
@expand-change="selectMachine"
|
|
@row-click="getTableData2">
|
|
<el-table-column type="expand" label="详情">
|
|
<template slot-scope="scope">
|
|
<el-table :data="tableData3" class="subTableHeader" border stripe style="width: 600px; text-align: center" size="mini">
|
|
<el-table-column label="发货单号" align="center" >
|
|
<template slot-scope="scope">
|
|
{{ scope.row.发货单号 }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="发货日期" align="center">
|
|
<template slot-scope="scope">
|
|
{{ scope.row.发货日期 }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="运输状态" align="center">
|
|
<template slot-scope="scope">
|
|
{{ parseInt(scope.row.运输状态) === 0 ? '运输中' : '已签收' }}
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" label="合同编号" prop="合同编号" width="140">
|
|
<template slot-scope="scope">
|
|
{{ scope.row.合同编号 }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" label="项目名称" prop="项目名称" width="100" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
{{ scope.row.项目名称 }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" label="客户名称" prop="客户名称" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
{{ scope.row.客户名称 }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" label="付款方式" width="80">
|
|
<template slot-scope="scope">
|
|
{{ scope.row.付款方式 }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="right" label="合同总额（万元）" width="130">
|
|
<template slot-scope="scope">
|
|
{{ Number(scope.row.合同总金额).toFixed(2) }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" label="销售经理" prop="姓名" width="100">
|
|
<template slot-scope="scope">
|
|
{{ scope.row.姓名 }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" align="center" width="70" fixed="right">
|
|
<template slot-scope="scope">
|
|
<el-button type="text" size="mini" icon="el-icon-circle-plus-outline" @click.stop="addMoney(scope.row)">收款</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
<!--<el-table-column label="操作" align="center" width="60" fixed="right">-->
|
|
<!--<template slot-scope="scope">-->
|
|
<!--<el-tooltip :open-delay="1000" effect="dark" content="编辑" placement="top">-->
|
|
<!--<div style="display: inline-block">-->
|
|
<!--<el-button-->
|
|
<!--:disabled="scope.row.是否禁用编辑"-->
|
|
<!--type="text"-->
|
|
<!--size="mini"-->
|
|
<!--icon="el-icon-edit-outline"-->
|
|
<!--@click.stop="EditTableData(scope.row)"/>-->
|
|
<!--</div>-->
|
|
<!--</el-tooltip>-->
|
|
<!--<el-tooltip :open-delay="1000" effect="dark" content="新增发票" placement="top">-->
|
|
<!--<div style="display: inline-block">-->
|
|
<!--<el-button-->
|
|
<!--:disabled="scope.row.是否禁用编辑"-->
|
|
<!--type="text"-->
|
|
<!--size="mini"-->
|
|
<!--icon="el-icon-circle-plus-outline"-->
|
|
<!--@click.stop="EditTableData(scope.row)"/>-->
|
|
<!--</div>-->
|
|
<!--</el-tooltip>-->
|
|
<!--<!–<el-tooltip :open-delay="1000" effect="dark" content="删除" placement="top">–>-->
|
|
<!--<!–<div style="display: inline-block">–>-->
|
|
<!--<!–<el-button–>-->
|
|
<!--<!–style="margin-left: 20px"–>-->
|
|
<!--<!–size="mini"–>-->
|
|
<!--<!–type="text"–>-->
|
|
<!--<!–icon="el-icon-delete"–>-->
|
|
<!--<!–@click.stop="dellist(scope.row)"/>–>-->
|
|
<!--<!–</div>–>-->
|
|
<!--<!–</el-tooltip>–>-->
|
|
<!--</template>-->
|
|
<!--</el-table-column>-->
|
|
</el-table>
|
|
<div class="block">
|
|
<el-pagination
|
|
:current-page="PageCurrent"
|
|
:page-sizes="[10, 20, 30, 40]"
|
|
:page-size="PageSize"
|
|
:total="total"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
@size-change="handleSizeChange"
|
|
@current-change="handleCurrentChange"/>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="10">
|
|
<el-table
|
|
:data="tableData2"
|
|
style="width: 500px;max-height: 440px;text-align: center"
|
|
highlight-current-row
|
|
border
|
|
size="mini">
|
|
<el-table-column
|
|
align="center"
|
|
label="序号"
|
|
type="index"
|
|
width="70"/>
|
|
<el-table-column align="right" label="收款金额" width="125">
|
|
<template slot-scope="scope">
|
|
<template v-if="scope.row.edit">
|
|
<el-input-number v-model="scope.row.收款金额" :min="0" :step="1" style="width:100px" clearable size="mini"/>
|
|
</template>
|
|
<span v-else>{{ Number(scope.row.收款金额).toFixed(2) }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="收款时间" align="center" width="150px">
|
|
<template slot-scope="scope">
|
|
{{ scope.row.收款时间 ? scope.row.收款时间.split(' ')[0] : '-' }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" label="操作" width="150">
|
|
<template slot-scope="scope">
|
|
<el-button v-if="scope.row.edit" type="text" size="mini" icon="el-icon-circle-check-outline" @click="updateMoney(scope.row)">确定</el-button>
|
|
<el-button v-if="scope.row.edit" class="cancel-btn" size="mini" type="text" @click="cancelEdit(scope.$index, scope.row)">取消</el-button>
|
|
<el-button v-else type="text" size="mini" icon="el-icon-edit" @click="scope.row.edit=!scope.row.edit">编辑</el-button>
|
|
<el-button v-if="!scope.row.edit" type="text" size="mini" icon="el-icon-delete" @click="deleteMoney(scope.row)">删除</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-col>
|
|
</el-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import elInput from 'element-ui/packages/input'
|
|
import { updateMoney, addMoney, deleteMoney, executionProgressID, getcustomername, searchProjectNumber2, AccountsReceivable, selectProvince, SelectMarketingManager, searchTable1, searchTable2, searchProjectNumber, PaymentPhase, selectMachine } from '@/api//MarketingCenter/ContractCapitalManagement'
|
|
|
|
export default {
|
|
components: {
|
|
elInput
|
|
},
|
|
data() {
|
|
return {
|
|
customerNames: [],
|
|
customerName: '',
|
|
pickerOptions: {},
|
|
timetime: '',
|
|
name: '',
|
|
moneyValue: '',
|
|
visible1: false,
|
|
visible2: false,
|
|
plannedTime: [],
|
|
entryName2: [],
|
|
count1: 0,
|
|
type: '',
|
|
value: null,
|
|
selectMax: '',
|
|
flag: '',
|
|
title: '',
|
|
editFukuan: '',
|
|
ProvinceValue: '',
|
|
Province: [],
|
|
tableData3: [],
|
|
tableData4: [],
|
|
entryNameValue: '',
|
|
entryName: [],
|
|
peoplename: '',
|
|
peopleid: '',
|
|
dataPeople: [],
|
|
ListPeople: [],
|
|
list1: [], // 项目名称临时存储
|
|
Planning: [],
|
|
MarketingManagerValue: '', // 营销经理下拉框
|
|
listLoading: false,
|
|
listLoading2: false,
|
|
tableData1: [],
|
|
tableData2: [],
|
|
gridData: [],
|
|
expands: [],
|
|
PageCurrent: 1,
|
|
PageSize: 30,
|
|
total: null,
|
|
PageCurrent2: 1,
|
|
PageSize2: 30,
|
|
total2: null,
|
|
maxMoney: 0, // 批次付款最大数额
|
|
zijinID: '', // 资金ID
|
|
PaymentPhase: [],
|
|
temp: null,
|
|
moneyID: '',
|
|
projectCode: '',
|
|
contractNumber: [],
|
|
num: '',
|
|
contractTotal: '',
|
|
dialogFormVisiblePeople: false,
|
|
AccountsReceivableVisible: false
|
|
}
|
|
},
|
|
created() {
|
|
this.getTableData()
|
|
this.init()
|
|
this.getCustomerName()
|
|
},
|
|
methods: {
|
|
searchName() { // 模糊查询姓名
|
|
SelectMarketingManager(this.name).then(response => {
|
|
this.dataPeople = response.data
|
|
})
|
|
},
|
|
openName() {
|
|
this.name = ''
|
|
this.dataPeople = []
|
|
this.dialogFormVisiblePeople = true
|
|
this.searchName()
|
|
},
|
|
init() {
|
|
this.getSelect(selectProvince, ['省份', '省份流水号'], 'Province')
|
|
this.getSelect(searchProjectNumber, ['项目名称', '项目流水号'], 'entryName')
|
|
this.getSelect(searchProjectNumber2, ['项目名称', '项目流水号'], 'entryName2')
|
|
this.getSelect(PaymentPhase, ['付款阶段', '付款阶段ID'], 'PaymentPhase')
|
|
this.getSelect(executionProgressID, ['执行进度名', '执行进度ID'], 'plannedTime')
|
|
AccountsReceivable().then(response => {
|
|
const data = response.data
|
|
for (let i = 0; i < data.length; i++) {
|
|
data[i].计划付款时间 = data[i].计划付款时间.substring(0, data[i].计划付款时间.length - 9)
|
|
if (data[i].状态 === '1') {
|
|
data[i].状态 = '即将拖期'
|
|
}
|
|
if (data[i].状态 === '2') {
|
|
data[i].状态 = '已拖期'
|
|
}
|
|
}
|
|
this.gridData = data
|
|
this.value = response.data.length
|
|
})
|
|
},
|
|
updateMoney(row) {
|
|
row.edit = false
|
|
updateMoney(row.资金明细ID, row.收款金额).then(response => {
|
|
if (response.data[0].result !== '0') {
|
|
this.$message.success('编辑成功')
|
|
} else {
|
|
this.$message.error('编辑失败')
|
|
}
|
|
})
|
|
},
|
|
addMoney(row) {
|
|
this.tableData2 = []
|
|
addMoney(row.资金id).then(response => {
|
|
if (response.data[0].result !== '0') {
|
|
this.$message.success('收款成功')
|
|
searchTable2(row.资金id).then(response => {
|
|
for (let i = 0; i < response.data.length; i++) {
|
|
this.tableData2.push({
|
|
收款金额: response.data[i].金额,
|
|
收款时间: response.data[i].入账时间,
|
|
资金明细ID: response.data[i].资金明细ID,
|
|
原收款金额: response.data[i].金额,
|
|
edit: false
|
|
})
|
|
}
|
|
})
|
|
} else {
|
|
this.$message.error('收款失败')
|
|
}
|
|
})
|
|
},
|
|
cancelEdit(index, row) {
|
|
row.edit = false
|
|
row.收款金额 = this.tableData2[index].原收款金额
|
|
this.$message('取消修改')
|
|
},
|
|
deleteMoney(row) {
|
|
this.tableData2 = []
|
|
deleteMoney(row.资金明细ID).then(response => {
|
|
if (response.data[0].result !== '0') {
|
|
this.$message.success('删除成功')
|
|
searchTable2(this.moneyID).then(response => {
|
|
for (let i = 0; i < response.data.length; i++) {
|
|
this.tableData2.push({
|
|
收款金额: response.data[i].金额,
|
|
收款时间: response.data[i].入账时间,
|
|
资金明细ID: response.data[i].资金明细ID,
|
|
原收款金额: response.data[i].金额,
|
|
edit: false
|
|
})
|
|
}
|
|
})
|
|
} else {
|
|
this.$message.error('删除失败')
|
|
}
|
|
})
|
|
},
|
|
selectMachine(row) {
|
|
this.projectCode = row.项目流水号
|
|
selectMachine(this.projectCode).then(response => {
|
|
const data = response.data
|
|
for (let i = 0; i < data.length; i++) {
|
|
data[i].发货日期 = data[i].发货日期.substring(0, data[i].发货日期.length - 8)
|
|
}
|
|
this.tableData3 = data
|
|
})
|
|
if (this.a === 1) {
|
|
this.expands.push(row.项目流水号)
|
|
this.b = row.项目流水号
|
|
this.a = 0
|
|
} else {
|
|
if (this.b === row.项目流水号) {
|
|
this.expands = []
|
|
this.a = 1
|
|
} else {
|
|
this.expands = []
|
|
this.expands.push(row.项目流水号)
|
|
this.a = 0
|
|
this.b = row.项目流水号
|
|
}
|
|
}
|
|
},
|
|
getRowKeys(row) {
|
|
return row.项目流水号
|
|
},
|
|
getCustomerName() {
|
|
this.customerName = ''
|
|
this.customerNames = []
|
|
getcustomername().then(response => {
|
|
for (let i = 0; i < response.data.length; i++) {
|
|
this.customerNames.push({
|
|
value: response.data[i].客户名称,
|
|
label: response.data[i].客户名称
|
|
})
|
|
}
|
|
})
|
|
},
|
|
getTableData() {
|
|
this.listLoading = true
|
|
searchTable1(this.PageCurrent, this.PageSize, this.entryNameValue, this.peopleid, this.customerName).then(response => {
|
|
this.listLoading = false
|
|
const data = response.data.rows
|
|
for (let i = 0; i < data.length; i++) {
|
|
data[i].未支付金额 === '0' ? data[i].是否禁用 = true : data[i].是否禁用 = false
|
|
data[i].已支付 === '0' ? data[i].是否禁用编辑 = false : data[i].是否禁用编辑 = true
|
|
if (parseFloat(data[i].付款百分比) >= 99.9) {
|
|
data[i].付款百分比 = 100
|
|
}
|
|
}
|
|
this.tableData1 = data
|
|
this.total = response.data.total
|
|
})
|
|
},
|
|
getTableData2(row) {
|
|
this.tableData2 = []
|
|
this.moneyID = row.资金id
|
|
searchTable2(this.moneyID).then(response => {
|
|
for (let i = 0; i < response.data.length; i++) {
|
|
this.tableData2.push({
|
|
收款金额: response.data[i].金额,
|
|
收款时间: response.data[i].入账时间,
|
|
资金明细ID: response.data[i].资金明细ID,
|
|
原收款金额: response.data[i].金额,
|
|
edit: false
|
|
})
|
|
}
|
|
})
|
|
},
|
|
handleSizeChange(val) {
|
|
this.PageCurrent = 1
|
|
this.PageSize = val
|
|
this.getTableData()
|
|
},
|
|
handleCurrentChange(val) {
|
|
this.PageCurrent = val
|
|
this.getTableData()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
/*.el-card {*/
|
|
/* !*margin-top: 15px;*!*/
|
|
/*}*/
|
|
|
|
.el-date-editor{
|
|
width:237px;
|
|
}
|
|
.item {
|
|
float: right;
|
|
margin: 3px;
|
|
margin-right: 40px;
|
|
}
|
|
.el-table td, .el-table th.is-leaf,
|
|
.el-radio__inner,
|
|
.el-input__inner{
|
|
border: 1px solid black!important;
|
|
width: 150px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
/*.el-table .el-button{*/
|
|
/* font-size: 17px;*/
|
|
/*}*/
|
|
</style>
|
|
<style lang="scss">
|
|
.subTableHeader {
|
|
th {
|
|
background: #8ff4ea !important;
|
|
color: black;
|
|
}
|
|
|
|
tr.el-table__row td {
|
|
background-color: #d8e5f6 !important;
|
|
}
|
|
|
|
tr.el-table__row.el-table__row--striped td {
|
|
background: #e9f0f9 !important;
|
|
}
|
|
}
|
|
</style>
|