This commit is contained in:
liushuai
2020-07-08 11:05:43 +08:00
parent 120c7c1601
commit fe5d3b70df
53 changed files with 3596 additions and 1220 deletions

View File

@@ -1,227 +1,223 @@
<template>
<div class="app-container">
<div>
<!--顶栏结构-->
<el-card>
<el-input v-model="TenderingEnterprise" clearable size="small" style="width:150px;margin: 3px 0" placeholder="请输入招标企业"/>
<span style="font-size: 13px;margin-left: 10px">签订日期</span>
<el-date-picker
v-model="dateRange"
:picker-options="pickerOptions"
size="small"
type="daterange"
align="center"
style="width: 240px;margin: 3px 0"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"/>
<!-- <el-select v-model="TypeOfGoldDepositValue" clearable filterable placeholder="请选择保金类型" size="small" style="width: 150px">-->
<!-- <el-option-->
<!-- v-for="item in TypeOfGoldDeposit"-->
<!-- :key="item.value"-->
<!-- :label="item.label"-->
<!-- :value="item.value"/>-->
<!-- </el-select>-->
<!-- <el-input v-model="Bidder" clearable size="small" style="width:150px" placeholder="请选择投标人" @dblclick.native="dialogFormVisiblePeople = true;flag2 = 1;searchPer()" @clear="clear()"/>-->
<!-- <el-date-picker-->
<!-- v-model="startTime"-->
<!-- style="width: 150px;margin: 3px 0"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- size="small"-->
<!-- type="date"-->
<!-- placeholder="请选择开始日期"/>-->
<!-- <el-date-picker-->
<!-- v-model="endTime"-->
<!-- style="width: 150px;"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- size="small"-->
<!-- type="date"-->
<!-- placeholder="请选择结束日期"/>-->
<el-button type="primary" icon="el-icon-search" size="small" style="margin-left: 10px" plain @click="PageSize = 30;PageCurrent = 1;fetchTableData1()">查询</el-button>
<el-button type="distribution" icon="el-icon-circle-plus-outline" size="small" style="margin-left: 10px;margin-right: 15px" @click="addBidBond();flag1 = 2">保证金</el-button>
<el-tooltip :open-delay="1200" effect="dark" content="导出" style="margin: 10px 0 0 590px;width: 50px" placement="top">
<div style="display: inline-block">
<el-button v-positive="'loading'" :disabled="false" type="primary" plain class="el-icon-download" size="small" style="" @click="exportExcel">导出</el-button>
</div>
</el-tooltip>
</el-card>
<el-input v-model="TenderingEnterprise" clearable size="small" style="width:150px;margin: 3px 0" placeholder="请输入招标企业"/>
<span style="font-size: 13px;margin-left: 10px">签订日期</span>
<el-date-picker
v-model="dateRange"
:picker-options="pickerOptions"
size="small"
type="daterange"
align="center"
style="width: 240px;margin: 3px 0"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"/>
<!-- <el-select v-model="TypeOfGoldDepositValue" clearable filterable placeholder="请选择保金类型" size="small" style="width: 150px">-->
<!-- <el-option-->
<!-- v-for="item in TypeOfGoldDeposit"-->
<!-- :key="item.value"-->
<!-- :label="item.label"-->
<!-- :value="item.value"/>-->
<!-- </el-select>-->
<!-- <el-input v-model="Bidder" clearable size="small" style="width:150px" placeholder="请选择投标人" @dblclick.native="dialogFormVisiblePeople = true;flag2 = 1;searchPer()" @clear="clear()"/>-->
<!-- <el-date-picker-->
<!-- v-model="startTime"-->
<!-- style="width: 150px;margin: 3px 0"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- size="small"-->
<!-- type="date"-->
<!-- placeholder="请选择开始日期"/>-->
<!-- <el-date-picker-->
<!-- v-model="endTime"-->
<!-- style="width: 150px;"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- size="small"-->
<!-- type="date"-->
<!-- placeholder="请选择结束日期"/>-->
<el-button type="primary" icon="el-icon-search" size="small" style="margin-left: 10px" plain @click="PageSize = 30;PageCurrent = 1;fetchTableData1()">查询</el-button>
<el-button type="distribution" icon="el-icon-circle-plus-outline" size="small" style="margin-left: 10px;margin-right: 15px" @click="addBidBond();flag1 = 2">保证金</el-button>
<el-tooltip :open-delay="1200" effect="dark" content="导出" style="margin: 10px 0 0 590px;width: 50px" placement="top">
<div style="display: inline-block">
<el-button v-positive="'loading'" :disabled="false" type="primary" plain class="el-icon-download" size="small" style="" @click="exportExcel">导出</el-button>
</div>
</el-tooltip>
<!--投标保证金表格-->
<el-card>
<el-table
v-loading="tableData1Loading"
:data="tableData1"
style="width: 100%; margin-top: 3px"
height="770"
highlight-current-row
border
stripe
size="mini">
<el-table-column align="center" label="投标结果" prop="投标结果" width="160">
<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="86">
<template slot-scope="scope">
{{ !scope.row.公布日期 ? '未公布' : scope.row.公布日期.substring(0 , scope.row.公布日期.length - 8) }}
</template>
</el-table-column>
<el-table-column align="center" label="招标企业" prop="招标企业" width="160" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.招标企业 }}
</template>
</el-table-column>
<el-table-column align="center" label="项目名称" prop="项目名称" width="160" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.项目名称 }}
</template>
</el-table-column>
<el-table-column align="center" label="保证金金额(万元)" width="100">
<template slot-scope="scope">
<span style="width: 80px" size="mini">{{ Number(scope.row.保证金金额).toFixed(2) }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="缴纳时间" width="86">
<template slot-scope="scope">
{{ scope.row.投标日期.substring(0, scope.row.投标日期.length - 8) }}
</template>
</el-table-column>
<el-table-column align="center" label="投标人" prop="投标人" width="80">
<template slot-scope="scope">
{{ scope.row.投标人 }}
</template>
</el-table-column>
<el-table-column align="center" label="中标服务费(万元)" width="100">
<template slot-scope="scope">
{{ Number(scope.row.中标服务费).toFixed(2) }}
</template>
</el-table-column>
<el-table-column align="center" label="转履约保证金(万元)" width="120">
<template slot-scope="scope">
{{ Number(scope.row.转履约保证金金额).toFixed(2) }}
</template>
</el-table-column>
<!-- <el-table-column align="center" label="应收回(万元)" width="80">-->
<!-- <template slot-scope="scope">-->
<!-- {{ Number(scope.row.应收回金额).toFixed(2) }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column align="center" label="已收回(万元)" width="80">
<template slot-scope="scope">
<span v-if="parseInt(scope.row.是否收回) === 2" size="mini" type="success" style="width: 66px">{{ scope.row.应收回金额 }}</span>
<span v-else slot="reference" type="danger" size="mini" style="width: 66px">未收回</span>
</template>
</el-table-column>
<el-table-column align="center" label="未收金额(万元)" width="90">
<template slot-scope="scope">
{{ Number(scope.row.未收金额).toFixed(2) }}
</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="center" label="计划收回日期" width="86">-->
<!--<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="86">-->
<!--<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="80">-->
<!--<template slot-scope="scope">-->
<!--<el-tag v-if="scope.row.预计收回日期===''||scope.row.预计收回日期===null" slot="reference" size="mini" style="width: 66px">未公布</el-tag>-->
<!--<el-tag v-else-if="scope.row.预计收回日期!==''&&scope.row.预计收回日期!==null&&parseInt(scope.row.是否收回)===2" slot="reference" type="success" size="mini" style="width: 66px">已收回</el-tag>-->
<!--<el-tag v-else-if="scope.row.预计收回日期!==''&&scope.row.预计收回日期!==null&&parseInt(scope.row.状态) ===0" slot="reference" type="primary" size="mini" style="width: 66px">未开始</el-tag>-->
<!--<el-tag v-else-if="scope.row.预计收回日期!==''&&scope.row.预计收回日期!==null&&parseInt(scope.row.状态) ===1" slot="reference" type="warning" size="mini" style="width: 66px">即将拖期</el-tag>-->
<!--<el-tag v-else-if="scope.row.预计收回日期!==''&&scope.row.预计收回日期!==null&&parseInt(scope.row.状态) ===2" slot="reference" type="danger" size="mini" style="width: 66px">已拖期</el-tag>-->
<!--</template>-->
<!--</el-table-column>-->
<el-table
v-loading="tableData1Loading"
:data="tableData1"
style="width: 100%; margin-top: 3px"
height="770"
highlight-current-row
border
stripe
size="mini">
<el-table-column align="center" label="投标结果" prop="投标结果" width="160">
<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="86">
<template slot-scope="scope">
{{ !scope.row.公布日期 ? '未公布' : scope.row.公布日期.substring(0 , scope.row.公布日期.length - 8) }}
</template>
</el-table-column>
<el-table-column align="center" label="招标企业" prop="招标企业" width="160" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.招标企业 }}
</template>
</el-table-column>
<el-table-column align="center" label="项目名称" prop="项目名称" width="160" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.项目名称 }}
</template>
</el-table-column>
<el-table-column align="center" label="保证金金额(万元)" width="100">
<template slot-scope="scope">
<span style="width: 80px" size="mini">{{ Number(scope.row.保证金金额).toFixed(2) }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="缴纳时间" width="86">
<template slot-scope="scope">
{{ scope.row.投标日期.substring(0, scope.row.投标日期.length - 8) }}
</template>
</el-table-column>
<el-table-column align="center" label="投标人" prop="投标人" width="80">
<template slot-scope="scope">
{{ scope.row.投标人 }}
</template>
</el-table-column>
<el-table-column align="center" label="中标服务费(万元)" width="100">
<template slot-scope="scope">
{{ Number(scope.row.中标服务费).toFixed(2) }}
</template>
</el-table-column>
<el-table-column align="center" label="转履约保证金(万元)" width="120">
<template slot-scope="scope">
{{ Number(scope.row.转履约保证金金额).toFixed(2) }}
</template>
</el-table-column>
<!-- <el-table-column align="center" label="应收回(万元)" width="80">-->
<!-- <template slot-scope="scope">-->
<!-- {{ Number(scope.row.应收回金额).toFixed(2) }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column align="center" label="已收回(万元)" width="80">
<template slot-scope="scope">
<span v-if="parseInt(scope.row.是否收回) === 2" size="mini" type="success" style="width: 66px">{{ scope.row.应收回金额 }}</span>
<span v-else slot="reference" type="danger" size="mini" style="width: 66px">未收回</span>
</template>
</el-table-column>
<el-table-column align="center" label="未收金额(万元)" width="90">
<template slot-scope="scope">
{{ Number(scope.row.未收金额).toFixed(2) }}
</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="center" label="计划收回日期" width="86">-->
<!--<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="86">-->
<!--<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="80">-->
<!--<template slot-scope="scope">-->
<!--<el-tag v-if="scope.row.预计收回日期===''||scope.row.预计收回日期===null" slot="reference" size="mini" style="width: 66px">未公布</el-tag>-->
<!--<el-tag v-else-if="scope.row.预计收回日期!==''&&scope.row.预计收回日期!==null&&parseInt(scope.row.是否收回)===2" slot="reference" type="success" size="mini" style="width: 66px">已收回</el-tag>-->
<!--<el-tag v-else-if="scope.row.预计收回日期!==''&&scope.row.预计收回日期!==null&&parseInt(scope.row.状态) ===0" slot="reference" type="primary" size="mini" style="width: 66px">未开始</el-tag>-->
<!--<el-tag v-else-if="scope.row.预计收回日期!==''&&scope.row.预计收回日期!==null&&parseInt(scope.row.状态) ===1" slot="reference" type="warning" size="mini" style="width: 66px">即将拖期</el-tag>-->
<!--<el-tag v-else-if="scope.row.预计收回日期!==''&&scope.row.预计收回日期!==null&&parseInt(scope.row.状态) ===2" slot="reference" type="danger" size="mini" style="width: 66px">拖期</el-tag>-->
<!--</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="center" label="联系电话" width="100">
<template slot-scope="scope">
{{ scope.row.联系电话 }}
</template>
</el-table-column>
<el-table-column align="center" label="备注" width="100px" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.备注 }}
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="220">
<template slot-scope="scope">
<el-tooltip :open-delay="1000" effect="dark" content="收回" placement="top" style="margin-left: 0px">
<div style="display: inline-block">
<el-button
:disabled="scope.row.是否禁用"
size="mini"
type="text"
icon="el-icon-money"
style="margin-left: 0px"
@click.stop="TakeBack(scope.row);flag1 = 1">收回</el-button>
</div>
</el-tooltip>
<el-tooltip :open-delay="1000" class="item" effect="dark" content="转入履约金" placement="top">
<div style="display: inline-block">
<el-button
:disabled="scope.row.是否禁用履约"
size="mini"
type="text"
style="margin-left: 8px"
icon="el-icon-stopwatch"
@click.stop="ComplianceGold(scope.row)">转入履约金</el-button>
</div>
</el-tooltip>
<el-tooltip :open-delay="1000" class="item" effect="dark" content="编辑" placement="top">
<div style="display: inline-block">
<el-button
:disabled="scope.row.是否禁用编辑"
size="mini"
type="text"
style="margin-left: 8px"
icon="el-icon-edit-outline"
@click.stop="editBidBond(scope.row);flag1 = 3"/>
</div>
</el-tooltip>
<el-tooltip :open-delay="1000" class="item" effect="dark" content="删除" placement="top">
<div style="display: inline-block">
<el-button
:disabled="scope.row.是否禁用删除"
size="mini"
type="text"
style="margin-left: 8px"
icon="el-icon-delete"
@click.stop="delBidBond(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-card>
<el-table-column align="center" label="联系人" width="80">
<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="100px" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.备注 }}
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="220">
<template slot-scope="scope">
<el-tooltip :open-delay="1000" effect="dark" content="收回" placement="top" style="margin-left: 0px">
<div style="display: inline-block">
<el-button
:disabled="scope.row.是否禁用"
size="mini"
type="text"
icon="el-icon-money"
style="margin-left: 0px"
@click.stop="TakeBack(scope.row);flag1 = 1">收回</el-button>
</div>
</el-tooltip>
<el-tooltip :open-delay="1000" class="item" effect="dark" content="转入履约金" placement="top">
<div style="display: inline-block">
<el-button
:disabled="scope.row.是否禁用履约"
size="mini"
type="text"
style="margin-left: 8px"
icon="el-icon-stopwatch"
@click.stop="ComplianceGold(scope.row)">转入履约金</el-button>
</div>
</el-tooltip>
<el-tooltip :open-delay="1000" class="item" effect="dark" content="编辑" placement="top">
<div style="display: inline-block">
<el-button
:disabled="scope.row.是否禁用编辑"
size="mini"
type="text"
style="margin-left: 8px"
icon="el-icon-edit-outline"
@click.stop="editBidBond(scope.row);flag1 = 3"/>
</div>
</el-tooltip>
<el-tooltip :open-delay="1000" class="item" effect="dark" content="删除" placement="top">
<div style="display: inline-block">
<el-button
:disabled="scope.row.是否禁用删除"
size="mini"
type="text"
style="margin-left: 8px"
icon="el-icon-delete"
@click.stop="delBidBond(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-dialog v-el-drag-dialog :visible.sync="dialogFormVisiblePeople" title="销售经理" center width="400px">
<div style="height: 420px">