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

<style scoped>

</style>
