摘要: 效果图 完整代码 1 <script setup> 2 import { defineProps, onMounted, reactive, ref, defineEmits} from 'vue' 3 import { Card, Input, Select, DatePicker, FormIt 阅读全文
posted @ 2023-09-27 17:59 程序员肉包子 阅读(799) 评论(0) 推荐(0) 编辑
摘要: 这两处地方是动态的,由后端数据返回 思路流程 1,后端返回数据二次处理 2,根据后端数据生成动态表头 3,利用antd 的 customRender 与 rowSpan 设置行合并 完整代码 <template> <Table :data-source="dataSource" :columns=" 阅读全文
posted @ 2023-09-27 17:09 程序员肉包子 阅读(1201) 评论(0) 推荐(0) 编辑
摘要: 1,vue3代码 1 // 这个是返回的所有的数据 2 const sourceItems = ref([]) 3 // 这是穿梭到下面的数据 4 const targetItems = ref([]) 5 // 这是搜索字段 6 const searchName = ref('') 7 // 这两 阅读全文
posted @ 2023-09-27 16:26 程序员肉包子 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 1.上传文件 1.组件引入 import { Button, Upload } from 'ant-design-vue' 2. 代码 1 <Upload 2 v-model:file-list="fileList" 3 name="file" 4 // 限制文件格式 5 accept=".xlsx 阅读全文
posted @ 2023-09-27 15:19 程序员肉包子 阅读(1230) 评论(0) 推荐(0) 编辑
摘要: 1,安装插件 npm install --save xlsx@0.17.3 npm install --save file-saver@2.0.5 2,创建js文件编写代码 1 import FileSaver from 'file-saver'; 2 3 import * as XLSX from 阅读全文
posted @ 2023-09-27 12:09 程序员肉包子 阅读(201) 评论(0) 推荐(0) 编辑