需求一：客户点击上传对应格式的生产计划表格文件，点击确定后导入生产计划。1.下载 在控制台运行以下命令npm install xlsx2.引入 在页面引入xlsx3、前端代码4.JS代码lodingExcelDate() {
let file = this.$refs["importfile"].files[0];
//获取最后一个.的位置
var index = file.name.
转载
2024-07-26 08:05:46
62阅读
技巧一：条件格式快速检查数据差异值案例：我们需要查看春节库存订单号中是否有订单号发出。操作：首先选中我们需要检查的两列数据，点击开始-条件格式-突出显示单元格规则-重复值。解释：使用条件格式查找重复值，我们可以用不同的颜色标记相同的内容。如果有重复值，它的底纹颜色会改变。技巧二：快速拖动改变两列数据的位置解释：我们需要快速改变一季度和二季度数据列的位置操作：选中需要向前移动的数据栏，按下shift
转载
2024-04-09 12:47:46
68阅读
在本文中，我将使用 Python 编程语言带您完成使用机器学习进行年龄和性别检测的任务。年龄和性别检测是计算机视觉的任务，因此我将使用Python 中的 OpenCV 库。在开始使用 Python 进行年龄和性别检测的任务之前，我将首先带您了解这个概念的含义以及如何处理年龄和性别检测的问题。理解这个概念很重要，这样以后你就可以轻松地使用 Python 和任何编程语言来执行年龄和性别检测的任务。年龄
转载
2023-12-20 19:05:04
27阅读
一、效果图目前10种筛选类型 看看是否是你需要的，本文可能有点长 ，我尽可能的给讲清楚，包括源码附上二、无聊发言点击当前行跳转部分数据后缀追加图标某列数据根据状态增加颜色标识三、前言实现图中的表格，特定的两个要求，筛选条件的接口(返回多种类型及字段标识)，列表接口统一为一个，靠mark参数传输与后台商定好的标识，当然，如果你们的后端能够即能返回列表数据又能返回筛选条件的各种类型的标识也是极好的 。
转载
2024-04-09 12:38:35
333阅读
1.element基本使用1.1安装在项目中晚装elementUInpm i element-ui -S在main.js中引入并注册import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)1.2使用1.2.1table组件使用<template>
转载
2024-03-17 11:35:57
139阅读
有一段时间没更新文章了，主要是因为自己一直在忙着学习新的东西而忘记分享了，实在惭愧。这不，大半夜发文更一篇文章，分享一个自己编写的一个Vue的小组件，名叫BootPage。不了解Vue.js的童鞋可以移步我的上一篇文章《浅谈Vue.js》了解一下。BootPage组件简介其实也不是啥高大上的组件了，相反确实一个简单的表格分页组件而已，主要是自己最近项目中需要一个表格分页组件，而Vue官方组件库里分
转载
2024-09-12 20:11:49
79阅读
我们的项目是前端用vue,服务端用node.js,这个excel导出我们已经用了一年,我们目前用到的无非是图片导出,文本导出,调调excel单元格距离等.这个node端的封装是经过同事不断的review(感谢同事),俺不断的修改优化后的代码,当时也是我第一次接触node.js,只想告诉你,用它,稳稳的！node.js服务端代码1.拿到需要导出的数据之后如何使用(假数据模拟,下面是页面) i
一、嵌套表的定义： 嵌套表是表中之表。一个嵌套表是某些行的集合，它在主表中表示为其中的一列。对主表中的每一条记录，嵌套表可以包含多个行。在某种意义上，它是在一个表中存储一对多关系的一种方法。考查一个包含部门信息的表，在任何时间内每个部门会有很多项目正在实施。在一个严格的关系模型中，将需要建立两个独立的表department和project。 嵌套表允许在department表中存
转载
2024-09-26 22:07:05
35阅读
1、安装依赖（npm不行的话用cnpm）npm install --save xlsx file-saver2、在js引入头文件 import FileSaver from 'file-saver' import XLSX from 'xlsx'3、在
原创
2021-09-09 16:01:30
917阅读
ElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格
原创
2023-10-08 10:46:08
285阅读
官网：http://doc.sougn.com下载地址：https://pan.baidu.com/share/init?surl=P0O9sjfzC8nuQxirDfjW1A 密码：4oev先看一段视屏，了解一下系统视屏地址：https://sougn-test.oss-cn-beijing.aliyuncs.com/media/kk%202020-02-12%2019-06-35.
需求： 想要实现这样的一个需求，左边是组件库。中间是展示。拖拉组件到中间就形成一个组件。刚开始用的form-create,发现不行，又用的form-create-design,但vue3版本的只有element plus库，系统刚开始用的ant-design,而且左边我只需要单行输入框和多行输入框组件就够了，有点用宰牛刀的感觉，而且右侧还不能自定义，看悟空CRM的源码看的
转载
2024-02-12 21:58:09
490阅读
从事B端设计的同学一定知道，B端产品使用频率最高的就是表单和表格，那么就关于数据表格的设计，我总结了一点经验分享出来，大家一起探讨优化。首先，数据表格结构熟知的数据表格，主要有以下两大类：简单表格（二维表格）、复杂表格（交叉表格）表格结构如下图所示： 简单二维数据表格结构 复杂交叉表格结构 从表格的结构来看，它主要有以下特点：结构化结构化，主
转载
2024-03-15 11:54:41
507阅读
一、方法一描述：列表懒加载+节流 效果图： 实现： 组件：LazyLoading<template>
<div class="lazy-list">
<slot></slot>
</div>
</template>
<script>
export default {
name: "LazyLoa
转载
2024-04-22 23:49:40
950阅读
Vue+Eleot-scope="scope"> <el-
原创
2023-05-23 09:56:21
333阅读
最近在vue项目开发时，领导提了一个需求，需要实现自由拖动element表格进行排序，小编上网查了很多方法，最终实现了这个功能。在这里小编跟大家分享一下如何实现这个功能的。首先我们需要安装sortable.js这款插件npm install sortablejs然后我们在js中引入这个插件import Sortable from "sortablejs";表格加上row-key=“id” 
原创
精选
2023-03-15 11:48:42
1897阅读
这个功能难度感觉一般般吧,记录一下,以后碰到了直接来复制,懒得再写了 效果如下: 前6列是合并,后面的有几行,动态显示几行 重点是在数据处理上面做文章,合并列大家都会,数据处理呢?这样来处理, 我们拿到从后端返回得到数据后,对其进行二次处理:,如下: 好了,你学会了吗?有任何问题欢迎留言哦
原创
2022-01-13 16:43:28
462阅读
点赞
最终效果组件代码：<template> <div> <!-- 表格 --> <el-table :data="tableData00%"> ...
转载
2023-01-03 14:57:51
115阅读
1、定义好拖拽元素 ref标识，以及 row-key="id" （row-key拖拽标识，拖拽后数据不会乱， id为tableDataNew数据对象id）2、下载cnpm install sortablejs --save 插件，并引入 import Sortable from 'sortablejs'3、nextTixk触发this.$nextTick(() =&
原创
2023-06-13 15:27:25
438阅读
重要代码已标红
用到的插件组件
npm i
element
npm i xlsx
vue3 引入写法有差异 具体自行百度
html：
<div class="crenter">
<div>
<el-card class="box-card">
<el-upload ref="upload" ac
