<!-- 投标保证金缴纳 -->
<template>
	<div>
		<div class="content">
			<dataTable :columns="columns" :page-obj="pageObj" :breads="breads" url="/tender-earnest/list">
				<el-table-column slot="createTime" label="提交审核时间" align="center">
					<template slot-scope="scope">
						<div>{{scope.row.createTime?scope.row.createTime:"无"}}</div>
					</template>
				</el-table-column>
			<el-table-column slot="operate" label="操作" align="center" fixed="right" width="100">
			    <template slot-scope="scope">
			    	<div v-if="scope.row.operation==4||scope.row.operation==5">
			    		<el-button type="text" size="small" @click="handleSee(scope.row)">查看</el-button>
			    	</div>                
			    	<div v-else-if="scope.row.operation==3">  
			    		<el-button type="text" size="small" @click="handleExamine(scope.row)">审核</el-button>
			    	</div>
			    	<div v-else>
			    		<el-button type="text" size="small">空</el-button>
			    	</div>
			    </template>
			</el-table-column>
			</dataTable>
		</div>
	</div>
</template>

<script>
	import dataTable from '@components/dataTable.vue'
	export default {
		components: {
			dataTable
		},
		data() {
			return {
				breads: ['招标管理', '招标项目管理 ', '工作台'],
				columns: [{
						label: '单位名称',
						prop: 'companyName'
					},
					{
						label: '投标项目',
						prop: 'projectName'
					},
					{
						slot:"createTime"
					},
					{
						label: '缴费情况',
						prop: 'feeStatus'
					},
					{
						slot: 'operate'
					}
				], // 操作列
				pageObj: {
					size: 10,
					currentPage: 1,
					func: (currentPage) => {
						this.pageTurning(currentPage)
					}
				}
			}
		},
		created() {
			this.pageObj.projectId =   localStorage.getItem("projectId")
		},
		methods: {
			handleExamine(row) {
				this.$router.push({
					path: "/purchaser/bid/bidStage/bondList/detail",
					query: {
						type: "examine",
						feeId: row.feeId,
						state:row.feeStatus,
						companyId:row.companyId
					}
				})
			},
			handleSee(row) {
				this.$router.push({
					path: "/purchaser/bid/bidStage/bondList/detail",
					query: {
						type: "see",
						feeId: row.feeId,
						state:row.feeStatus
					}
				})
			},
		}
	}
</script>

<style scoped>

</style>
