<template>
	<scroll-view style="flex:1">
		<view class="tableTop">
			<u-subsection bg-color="rgb(215,224,233)" button-color="rgb(0,99,208)" active-color="white" :list="list" ></u-subsection>
			<view class="operation">
				<uni-easyinput placeholder="请输入编号"></uni-easyinput>
				<u-button type="primary" size="medium" ripple>查询</u-button>
				<u-button size="medium" ripple>刷新</u-button>
			</view>
		</view>
		<u-line length="95%" margin="auto" color="#000"/>
		<myTable :column="column" :tableData="tableData"></myTable>
	</scroll-view>
</template>

<script setup>
	import { ref } from 'vue';

	const list = ref([
			{
				name: '待办',
				num: 2
			}, 
			{
				name: '已办',
				num: 2
			}, 
			{
				name: '办结',
				num: 6
			},
		])
		
		const column = ref(["紧急程度", "流程名称", "编号", "承办部门", "标题", "会议室", "参会人数", "当前节点", "接收时间", "操作"])
		const tableData = ref([
			{
				"date": "不紧急",
				"name": "无",
				"address": "00747",
				"fwzh": "住建部",
				"zbcs": "海河英才计划",
				"sfyy": "办公室",
				"count":"28",
				"node": "sd",
				"time": "2020-50-93"
			},
		
		])
</script>

<style lang="scss" scoped>
	::v-deep .uni-table-scroll{
		margin: 0 50rpx !important;
		width: calc(100vw - 100rpx) !important;
	}
</style>
