You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
2.3 KiB
85 lines
2.3 KiB
<!--
|
|
@ 作者: 鲁智强
|
|
@ 时间: 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>
|
|
|