<!-- 标书费 缴纳 -->
<template>
	<div>
		<div class="content">
			<dataTable :columns="columns" :page-obj="pageObj" :breads="breads" url="/tender-bidbook/operation">
				<el-table-column slot="updateTime" label="提交审核时间" align="center" >
					<template slot-scope="scope">
						<div>{{scope.row.updateTime?scope.row.updateTime:"无"}}</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:"updateTime"
					},
					{
						label: '缴费情况',
						prop: 'condition'
					},
					{
						slot: 'operate'
					}
				], // 操作列
				pageObj: {
					size: 10,
					currentPage: 1
				}
			}
		},
		created() {
			this.pageObj.projectId = localStorage.getItem("projectId")
		},
		methods: {
			handleExamine(row) {
				this.$router.push({
					path: "/purchaser/bid/bidStage/tenderFeelist/detail",
					query: {
						type: "examine",
						feeId: row.feeId,
						state:row.condition,
						companyId:row.companyId
					}
				})
			},
			handleSee(row) {
				this.$router.push({
					path: "/purchaser/bid/bidStage/tenderFeelist/detail",
					query: {
						type: "see",
						feeId: row.feeId,
						state:row.condition
					}
				})
			},
		}
	}
</script>

<style scoped>

</style>
