@@ -2,8 +2,10 @@
< div class = "app-container" >
<!-- 顶栏结构 -- >
< el-card >
< el-radio v-model = "radio" label="1" > 未收回 < / el -radio >
< el-radio v-model = "radio" label="2" > 已收回 < / el -radio >
<!-- < el-radio v-model = "radio" label="1" > 未收回 < / el -radio > -- >
<!-- < el-radio v-model = "radio" label="2" > 已收回 < / el -radio > -- >
< span style = "margin-left: 10px" > 招标企业 ： < / span >
< el-input v-model = "TenderingEnterprise" clearable size="small" style="width:140px" placeholder="请输入招标企业" />
< span style = "margin-left: 20px" > 保金类型 ： < / span >
< el-select v-model = "TypeOfGoldDepositValue" clearable filterable placeholder="请选择" size="small" style="margin-left: 10px;width: 100px" >
< el -option
@@ -14,8 +16,6 @@
< / el-select >
< span style = "margin-left: 10px" > 投标人 ： < / span >
< el-input v-model = "Bidder" clearable size="small" style="width:100px" placeholder="请选择" readonly @dblclick.native="dialogFormVisiblePeople = true;flag2 = 1" @clear="clear()" />
< span style = "margin-left: 10px" > 招标企业 ： < / span >
< el-input v-model = "TenderingEnterprise" clearable size="small" style="width:140px" placeholder="请输入招标企业" />
< span style = "margin-left: 10px" > 开始日期 ： < / span >
< el-date-picker
v-model = "startTime"
@@ -35,25 +35,30 @@
< el-button type = "success" icon = "el-icon-search" size = "small" style = "margin-left: 10px" @click ="PageSize = 10;PageCurrent = 1;fetchTableData1()" > 查询 < / el -button >
< el-button type = "primary" icon = "el-icon-circle-plus-outline" size = "small" style = "margin-left: 10px;margin-right: 15px" @click ="addBidBond();flag1 = 2" > 增加 < / el -button >
< / el-card >
< el-card >
< span > 预警颜色说明 ： < / span >
< el-tag type = "info" > 未到时间 < / el-tag >
< el-tag type = "warning" > 即将拖期 < / el-tag >
< el-tag type = "danger" > 已拖期 < / el-tag >
< el-tag type = "success" > 已收回 < / el-tag >
< el-tag style = "background-color: lightgrey;color: #666666" > 履约金 < / el-tag >
< / el-card >
<!-- 投标保证金表格 -- >
< el-card >
< el-table
v-loading = "tableData1Loading"
:row-style = "tableRowClassName"
:data = "tableData1"
style = "width: 100%"
height = "600"
border >
< el-table-column align = "center" label = "招标企业" width = "300 ">
border
size = "mini ">
< el-table-column align = "center" label = "投标结果" width = "190" >
< template slot -scope = " scope " >
< el-radio-group v-model = "scope.row.投标结果" @change="changeTenderResult(scope.row)" >
< el -radio :disabled = "scope.row.是否禁用已中标" label = "1" > 已中标 < / el-radio >
< el-radio :disabled = "scope.row.是否禁用未中标" label = "2" > 未中标 < / el-radio >
< / el-radio-group >
< / template >
< / el-table-column >
< el-table-column align = "center" label = "公布日期" width = "100" >
< template slot -scope = " scope " >
{ { ! scope . row . 公布日期 ? '未公布' : scope . row . 公布日期 . substring ( 0 , scope . row . 公布日期 . length - 8 ) } }
< / template >
< / el-table-column >
< el-table-column align = "center" label = "招标企业" width = "180" >
< template slot -scope = " scope " >
{ { scope . row . 招标企业 } }
< / template >
@@ -70,7 +75,28 @@
< / el-table-column >
< el-table-column align = "center" label = "保证金金额" width = "100" >
< template slot -scope = " scope " >
{ { scope . row . 保证金金额 } }
< el-tag style = "width: 80px" size = "small" > { scope . row . 保证金金额 } } < / el-tag >
< / template >
< / el-table-column >
< el-table-column align = "center" label = "中标服务费" width = "100" >
< template slot -scope = " scope " >
{ { scope . row . 中标服务费 } }
< / template >
< / el-table-column >
< el-table-column align = "center" label = "转履约保证金金额" width = "150" >
< template slot -scope = " scope " >
{ { scope . row . 转履约保证金金额 } }
< / template >
< / el-table-column >
< el-table-column align = "center" label = "应收回金额" width = "100" >
< template slot -scope = " scope " >
{ { scope . row . 应收回金额 } }
< / template >
< / el-table-column >
< el-table-column align = "center" label = "实收回金额" width = "100" >
< template slot -scope = " scope " >
< el-tag v-if = "parseInt(scope.row.是否收回) === 2" size="small" type="success" style="width: 66px" > {{ scope.row.应收回金额 }} < / el -tag >
< el-tag v-else slot = "reference" type = "danger" size = "small" style = "width: 66px" > 未收回 < / el-tag >
< / template >
< / el-table-column >
< el-table-column align = "center" label = "投标人" width = "100" >
@@ -85,25 +111,30 @@
< / el-table-column >
< el-table-column align = "center" label = "投标日期" width = "150" >
< template slot -scope = " scope " >
{ { scope . row . 投标日期 } }
{ { scope . row . 投标日期 . substring ( 0 , scope . row . 投标日期 . length - 8 ) } }
< / template >
< / el-table-column >
< el-table-column align = "center" label = "计划收回日期" width = "150" >
< template slot -scope = " scope " >
{ { scope . row . 预计收回日期 } }
{ { ! scope . row . 预计收回日期 ? '结果未公布' : scope . row . 预计收回日期 . substring ( 0 , scope . row . 预计收回日期 . length - 8 ) } }
< / template >
< / el-table-column >
< el-table-column align = "center" label = "实际收回日期" width = "150" >
< template slot -scope = " scope " >
{ { scope . row . 实际收回日期 } }
{ { ! scope . row . 实际收回日期 ? '未收回' : scope . row . 实际收回日期 . substring ( 0 , scope . row . 实际收回日期 . length - 8 ) } }
< / template >
< / el-table-column >
< el-table-column align = "center" label = "状态" width = "120" >
< template slot -scope = " scope " >
< div v-if = "scope.row.状态 === '0'" > 未到预警时间 < / div >
< div v-else-if = "scope.row.状态 === '1'" > 即将拖期 < / div >
< div v-else-if = "scope.row.状态 === '2'" > 已拖期 < / div >
< div v-else > 已收回 < / div >
<!-- < div v-if = "scope.row.状态 === '0'" > 未到预警时间 < / div > - - >
<!-- < div v-else-if = "scope.row.状态 === '1'" > 即将拖期 < / div > - - >
<!-- < div v-else-if = "scope.row.状态 === '2'" > 已拖期 < / div > - - >
<!-- < div v-else > 已收回 < / div > -- >
< el-tag v-if = "scope.row.预计收回日期===''||scope.row.预计收回日期===null" slot="reference" size="small" style="width: 66px" > 未公布 < / el -tag >
< el-tag v-else-if = "scope.row.预计收回日期!==''&&scope.row.预计收回日期!==null&&parseInt(scope.row.是否收回)===2" slot="reference" type="success" size="small" style="width: 66px" > 已完成 < / el -tag >
< el-tag v-else-if = "scope.row.预计收回日期!==''&&scope.row.预计收回日期!==null&&parseInt(scope.row.状态) ===0" slot="reference" type="primary" size="small" style="width: 66px" > 未开始 < / el -tag >
< el-tag v-else-if = "scope.row.预计收回日期!==''&&scope.row.预计收回日期!==null&&parseInt(scope.row.状态) ===1" slot="reference" type="warning" size="small" style="width: 66px" > 即将拖期 < / el -tag >
< el-tag v-else-if = "scope.row.预计收回日期!==''&&scope.row.预计收回日期!==null&&parseInt(scope.row.状态) ===2" slot="reference" type="danger" size="small" style="width: 66px" > 已拖期 < / el -tag >
< / template >
< / el-table-column >
< el-table-column align = "center" label = "备注" >
@@ -126,13 +157,13 @@
icon = "el-icon-edit"
@click.stop ="ComplianceGold(scope.row)" > 履约 < / el -button >
< el-button
:disabled = "disabled "
:disabled = "scope.row.是否禁用编辑 "
size = "mini"
type = "primary"
icon = "el-icon-edit"
@click.stop ="editBidBond(scope.row);flag1 = 3" > 编辑 < / el -button >
< el-button
:disabled = "disabled "
:disabled = "scope.row.是否禁用删除 "
size = "mini"
type = "danger"
icon = "el-icon-delete"
@@ -233,7 +264,7 @@
< / el-col >
< el-col :span = "12" >
< el-form-item label = "保证金金额" prop = "保证金金额" >
< el-input v-model = "form2.保证金金额" size="small" placeholder="请输入保证金金额 " style="width: 200px; " />
< el-input-number v-model = "form2.保证金金额" :precision="2" :step="0.1 " style="width: 200px" size="small " />
< / el -form -item >
< / el-col >
< / el-row >
@@ -268,26 +299,26 @@
< / el-form-item >
< / el-col >
< el-col :span = "12" >
< el-form-item label = "计划收回日期 " prop = "计划收回日期 " >
< el-date-picker
v-model = "form2.计划收回日期"
style = "width: 200px;"
value -format = " yyyy -MM -dd "
size = "small"
type = "date"
placeholder = "收回日期" / >
< el-form-item label = "公布后X天收回 " prop = "提前X天提醒我 " >
< el-input-number v-model = "form2.提前X天提醒我" :step="1" style="width: 200px" size="small" />
< / el -form -item >
< / el-col >
<!-- < el-col :span = "12" > -- >
<!-- < el-form-item label = "计划收回日期" prop = "计划收回日期" > -- >
<!-- < el-date-picker-- >
<!-- v - model = "form2.计划收回日期" -- >
<!-- style = "width: 200px;" -- >
<!-- value - format = "yyyy-MM-dd" -- >
<!-- size = "small" -- >
<!-- type = "date" -- >
<!-- placeholder = "收回日期" / > -- >
<!-- < / el-form-item > -- >
<!-- < / el-col > -- >
< / el-row >
< el-row >
< el-col :span = "12" >
< el-form-item label = "提前X天提醒我" prop = "提前X天提醒我" >
< el-input v-model = "form2.提前X天提醒我" size="small" placeholder="提前X天提醒我" style="width: 200px;" />
< / el -form -item >
< / el-col >
< el-col :span = "12" >
< el-form-item label = "备注" prop = "备注" >
< el-input v-model = "form2.备注" size="small" placeholder="请输入备注" style="width: 20 0px;" />
< el-input v-model = "form2.备注" size="small" placeholder="请输入备注" style="width: 56 0px;" />
< / el -form -item >
< / el-col >
< / el-row >
@@ -297,12 +328,33 @@
< el-button type = "primary" @click ="submit('form2')" > 确 定 < / el -button >
< / div >
< / el-dialog >
< el-dialog :visible.sync = "dialogTimeVisible" :show-close = "false" :close-on-click-modal = "false" title = "请输入" center style = "min-height: 300px" width = "23%" >
< el-form ref = "Timeform" :model = "Timeform" :rules = "TimeRules" label -width = " 150px " >
< el-form-item label = "投标结果公布日期" prop = "投标结果公布日期" >
< el-date-picker
v-model = "Timeform.投标结果公布日期"
style = "width: 200px;"
value -format = " yyyy -MM -dd "
size = "small"
type = "date"
placeholder = "请选择结果公布日期" / >
< / el-form-item >
< el-form-item label = "中标服务费" prop = "中标服务费" >
< el-input-number :disabled = "tenderResultDisabled" v-model = "Timeform.中标服务费" :precision="2" :step="0.1" :max="tenderResultMax" style="width: 200px" size="small" />
< / el -form -item >
< / el-form >
< div slot = "footer" class = "dialog-footer" >
< el-button @click ="callOffTime('Timeform')" > 取消 < / el -button >
< el-button type = "primary" @click ="submitTime('Timeform')" > 确 定 < / el -button >
< / div >
< / el-dialog >
< / div >
< / template >
< script >
import elInput from 'element-ui/packages/input'
import { initType , selectBidBond , getTree , tree , getTablePeople , TakeBack , ComplianceGold , addBidBond , editBidBond , delBidBond } from '@/api/MarketingCenter/BidBond'
import { initType , selectBidBond , getTree , tree , getTablePeople , TakeBack , ComplianceGold , addBidBond , editBidBond , delBidBond , winningBid } from '@/api/MarketingCenter/BidBond'
export default {
components : {
elInput
@@ -310,6 +362,7 @@ export default {
data ( ) {
return {
disabled : false ,
tenderResultDisabled : false ,
BidBondCode : '' ,
MoneyTypeCode : '' ,
TypeOfGoldDeposit1 : [ ] ,
@@ -331,8 +384,9 @@ export default {
TenderingEnterprise : '' , // 招标企业
TenderingEnterprise _check : '' ,
time : [ ] , // 时间区间
radio : '1 ' ,
radio : '' ,
tableData1 : [ ] ,
tenderResultMax : null ,
PageSize : 10 ,
PageCurrent : 1 ,
total : null ,
@@ -342,9 +396,14 @@ export default {
peopleid : '' ,
peoplename : '' ,
dialogFormVisible1 : false ,
dialogTimeVisible : false ,
form1 : {
收回日期 : ''
} ,
Timeform : {
投标结果公布日期 : '' ,
中标服务费 : ''
} ,
form2 : {
招标企业 : '' ,
联系人 : '' ,
@@ -354,12 +413,16 @@ export default {
投标人 : '' ,
投标日期 : '' ,
计划收回日期 : '' ,
提前X天提醒我 : '' ,
提前X天提醒我 : 15 ,
备注 : ''
} ,
rules1 : { // 表单验证规则
收回日期 : [ { required : true , message : '请输入收回日期' , trigger : 'change' } ]
} ,
TimeRules : { // 表单验证规则
投标结果公布日期 : [ { required : true , message : '请选择投标结果公布日期' , trigger : 'change' } ] ,
中标服务费 : [ { required : true , message : '请输入中标服务费' , trigger : 'change' } ]
} ,
rules2 : { // 表单验证规则
招标企业 : [ { required : true , message : '请输入招标企业' , trigger : 'blur' } ] ,
联系人 : [ { required : true , message : '请输入联系人' , trigger : 'blur' } ] ,
@@ -411,29 +474,40 @@ export default {
} else {
this . endTime _check = 1
}
if ( this . radio === '1' ) {
. =
} else {
. =
}
// if (this.radio === '1') {
// this. disabled = false
// } else {
// this. disabled = true
// }
this . tableData1Loading = true
selectBidBond ( 1 , this . radio , this . TypeOfGoldDepositValue _check , this . TypeOfGoldDepositValue , this . Bidder _check , this . peopleid , this . TenderingEnterprise _check , this . TenderingEnterprise , this . startTime _check , this . startTime , this . endTime _check , this . endTime , this . PageCurrent , this . PageSize ) . then ( response => {
selectBidBond ( this . TypeOfGoldDepositValue _check , this . TypeOfGoldDepositValue , this . Bidder _check , this . peopleid , this . TenderingEnterprise _check , this . TenderingEnterprise , this . startTime _check , this . startTime , this . endTime _check , this . endTime , this . PageCurrent , this . PageSize ) . then ( response => {
console . log ( response )
this . tableData1Loading = false
const data = response . data . rows
for ( let i = 0 ; i < data . length ; i ++ ) {
data [ i ] . 履约金 === '1' ? data [ i ] . 是否禁用 = true : data [ i ] . 是否禁用 = false
data [ i ] . 履约金 === '1' ? data [ i ] . 是否禁用履约 = true : data [ i ] . 是否禁用履约 = false
data [ i ] . 投标日期 = data [ i ] . 投标日期 . substring ( 0 , data [ i ] . 投标日期 . length - 8 )
data [ i ] . 预计收回日期 = data [ i ] . 预计收回日期 . substring ( 0 , data [ i ] . 预计收回日期 . length - 8 )
}
if ( this . radio === '2' ) {
for ( let i = 0 ; i < data . length ; i ++ ) {
data [ i ] . 是否禁用 = true
data [ i ] . 投标日期 = data [ i ] . 投标日期 . substring ( 0 , data [ i ] . 投标日期 . length - 8 )
data [ i ] . 预计收回日期 = data [ i ] . 预计收回日期 . substring ( 0 , data [ i ] . 预计收回日期 . length - 8 )
data [ i ] . 实际收回日期 = data [ i ] . 实际收回日期 . substring ( 0 , data [ i ] . 实际收回日期 . length - 8 )
data [ i ] . 是否收回 === '2' ? data [ i ] . 是否禁用编辑 = true : data [ i ] . 是否禁用编辑 = false
data [ i ] . 是否收回 === '2' ? data [ i ] . 是否禁用删除 = true : data [ i ] . 是否禁用删除 = false
if ( data [ i ] . 投标结果 === '1' ) {
data [ i ] . 是否禁用已中标 = false
data [ i ] . 是否禁用未中标 = true
} else if ( data [ i ] . 投标结果 === '2' ) {
data [ i ] . 是否禁用已中标 = true
data [ i ] . 是否禁用未中标 = false
} else {
data [ i ] . 是否禁用已中标 = false
data [ i ] . 是否禁用未中标 = false
}
}
// if (this.radio === '2') {
// for (let i = 0; i < data.length; i++) {
// data[i].是否禁用 = true
// data[i].投标日期 = data[i].投标日期.substring(0, data[i].投标日期.length - 8)
// data[i].预计收回日期 = data[i].预计收回日期.substring(0, data[i].预计收回日期.length - 8)
// data[i].实际收回日期 = data[i].实际收回日期.substring(0, data[i].实际收回日期.length - 8)
// }
// }
this . tableData1 = data
this . total = response . data . total
} )
@@ -447,22 +521,6 @@ export default {
this . PageCurrent = val
this . fetchTableData1 ( )
} ,
tableRowClassName ( { row } ) {
if ( parseInt ( row . 是否收回 ) === 2 ) {
return 'background: #66cc33'
} else {
if ( parseInt ( row . 履约金 ) === 1 ) {
return 'background: lightgrey'
}
if ( parseInt ( row . 状态 ) === 1 ) {
return 'background: #ffff66'
} else if ( parseInt ( row . 状态 ) === 2 ) {
return 'background: #ff6666'
} else {
return ''
}
}
} ,
handleNodeClick ( data ) { // 树节点点击
this . getData ( getTablePeople , 'ListPeople' , data . id )
} ,
@@ -541,7 +599,7 @@ export default {
this . dialogFormVisible2 = true
} ,
addTableData1 ( ) {
addBidBond ( this . form2 . 招标企业 , this . form2 . 联系人 , this . form2 . 联系电话 , this . form2 . 保证金金额 , this . peopleid , this . form2 . 保证金类型 , this . form2 . 投标日期 , this . form2 . 计划收回日期 , this . form2 . , this . form2 . 提前X天提醒我 ) . then ( response => {
addBidBond ( this . form2 . 招标企业 , this . form2 . 联系人 , this . form2 . 联系电话 , this . form2 . 保证金金额 , this . peopleid , this . form2 . 保证金类型 , this . form2 . 投标日期 , this . form2 . 备注 , this . form2 . 提前X天提醒我 ) . then ( response => {
if ( response . data [ 0 ] . result === '1' ) {
this . $message . success ( '添加成功' )
this . title = ''
@@ -565,20 +623,20 @@ export default {
this . form2 . 保证金类型 = parseInt ( row . 保证金类型流水号 )
// this.MoneyTypeCode = row.保证金类型流水号
this . form2 . 投标日期 = row . 投标日期
this . form2 . 计划收回日期 = row .
// this.form2.计划收回日期 = row. 预计收回日期
this . form2 . 备注 = row . 备注
this . form2 . 提前X天提醒我 = row . 提前x天提醒
this . BidBondCode = row . 招标保证金流水号
} ,
editTableData1 ( ) {
editBidBond ( this . form2 . 招标企业 , this . form2 . 联系人 , this . form2 . 联系电话 , this . form2 . 保证金金额 , this . peopleid , this . form2 . 保证金类型 , this . form2 . 投标日期 , this . form2 . 计划收回日期 , this . form2 . , this . form2 . 提前X天提醒我 , this . BidBondCode ) . then ( response => {
editBidBond ( this . form2 . 招标企业 , this . form2 . 联系人 , this . form2 . 联系电话 , this . form2 . 保证金金额 , this . peopleid , this . form2 . 保证金类型 , this . form2 . 投标日期 , this . form2 . 备注 , this . form2 . 提前X天提醒我 , this . BidBondCode ) . then ( response => {
if ( response . data [ 0 ] . result === '1' ) {
this . $message . success ( '编辑成功' )
this . title = ''
this . dialogFormVisible2 = false
this . fetchTableData1 ( )
} else {
this . $message . error ( '编辑失败，请检查金额于提醒天数是否为数字 ' )
this . $message . error ( '编辑失败' )
}
} )
} ,
@@ -588,6 +646,34 @@ export default {
this . dialogFormVisible2 = false
}
this . deleteRow ( delBidBond , row . 招标保证金流水号 , a )
} ,
changeTenderResult ( row ) {
this . code = row . 招标保证金流水号
this . tenderResultMax = row . 应收回金额
if ( row . 投标结果 === '1' ) {
this . radio = '1'
this . dialogTimeVisible = true
this . tenderResultDisabled = false
} else if ( row . 投标结果 === '2' ) {
this . radio = '2'
this . dialogTimeVisible = true
this . tenderResultDisabled = true
}
} ,
callOffTime ( ) {
this . dialogTimeVisible = false
this . fetchTableData1 ( )
} ,
submitTime ( ) {
winningBid ( this . code , this . radio , this . Timeform . 投标结果公布日期 , this . Timeform . 中标服务费 ) . then ( response => {
if ( response . data [ 0 ] . result === '1' ) {
this . fetchTableData1 ( )
this . dialogTimeVisible = false
this . $message . success ( '操作成功' )
} else {
this . $message . error ( '操作失败' )
}
} )
}
}
}
caoxinyu