<!--
@ 作者: 鲁智强
@ 时间: 2023-09-19 09:13:14
@ 备注: 
-->
<script lang="ts" setup>
import {
  Document,
  Menu as IconMenu,
  Location,
  Setting,
} from '@element-plus/icons-vue'
import {ref,reactive} from 'vue'
const value1 = ref('')
const tableData = [{
	date:"123",	
}]
const handleOpen = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
const handleClose = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
const formInline = reactive({
	user:'',
})
const method = reactive({})
</script>
<template>
	<div>
		<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" show-checkbox clearable multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @check="handle"/>

	<div class="horizontal-controls">
		<span class="uio">年度：</span>
        <el-date-picker v-model="value1" type="date" placeholder="选择年" style="width: 300px"/>
		<span style="width: 200px;font-size: 15px;font-weight:bolder;">方案版本号：</span>
        <el-input v-model="formInline.user" placeholder="请输入" clearable/>
        <el-button>查询</el-button>
		<el-button>新增</el-button>
	</div>
	<el-table :data="tableData" border style="width: 100%">
    	<el-table-column prop="date" label="部门"/>
		<el-table-column prop="date" label="年"/>
    	<el-table-column prop="date" label="版本号"/>
    	<el-table-column prop="date" label="时间" />
		<el-table-column prop="abc" label="状态" width="70">
        <template #default="row">
          <el-switch
          v-model="row.row.status" ></el-switch>
				</template>
      </el-table-column>
      <el-table-column fixed="right" label="操作">
        <template #default="">
          <el-button type="success" size="large" 
            >修改</el-button
          >
          <el-button type="danger" size="large"
            >删除</el-button
          >
		  </template>
		  </el-table-column>
    </el-table>
	</div>
  </template>
<style  lang='scss' scoped>
*{
}
.horizontal-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* 可以根据需要调整样式 */
.horizontal-controls .el-date-picker,
.horizontal-controls .el-input,
.horizontal-controls .el-button {
  margin-left: 10px; /* 控制元素之间的间距 */
}
.uio{
	width: 100px;
	font-size: 15px;
	font-weight:bolder;
}
</style>
