<template> <div class="partTitleHM"> 巡查任务 <div class="head-right" style=""> <el-form-item label="" prop="date"> <el-date-picker type="month" v-model="queryParams.date" value-format="YYYY-MM" placeholder="请选择年月" style="width: 100%" ></el-date-picker> </el-form-item> </div> </div> <div class="ConstrucClass"> <!-- <el-table ref="multipleTableRef" :data="tableData" v-loading="loading" stripe :max-height="230"> <el-table-column label="文件名称" prop="fileName" show-overflow-tooltip /> <el-table-column label="上传时间" prop="createTime" show-overflow-tooltip /> </el-table> --> </div> </template> <script setup> const tableData = ref([ { fileName: '1q' }, { fileName: '1q' }, { fileName: '1q' }, { fileName: '1q' }, { fileName: '1q' }, { fileName: '1q' }, { fileName: '1q' }, ]); const AllData = reactive({ queryParams: {}, }); const { queryParams } = toRefs(AllData); </script> <style lang="scss" scoped> .ConstrucClass { width: 100%; height: 30%; background: #07347f; } .head-right { cursor: pointer; position: relative; left: 240px; top: -35px; width: 150px; height: 32px; // background: red; } </style>