草庐IT

element-admin

全部标签

Taurus .Net Core 微服务开源框架:Admin 插件【3】 - 指标统计管理 -【API、Redis、MemCache】

前言:继上篇:Taurus.NetCore微服务开源框架:Admin插件【2】-系统环境信息管理本篇继续介绍下一个内容:1、系统指标节点:Metric- API 界面界面图如下:1、简要说明:数据查看:该页面默认呈现API访问次数的统计,由于要显示的数据列有点多,24小时,因此用了全屏显示。同时提供快捷切换显示选项:昨天与今天。如果需要查询其余时间数据,可以通过修改url上的时间调整,如,上面的Url路径为:https://api.xxxxxx.com/admin/metric?d=20230627修改d参数即可。2、控制统计是否启用:可以在配置项里设置:配置项说明:1、IsEnable:是否

#html直接引用vue和element-ui的方法

html直接引用vue和element-ui的方法可以在官网下载vue和element-ui到本地,直接引入。也可以用npm下载依赖后,将指定的文件保存到HTML项目的js文件夹中,以下为引用方法:1.引入vue//依赖包中的vue.js的路径--》node_modules--》vue--》dist--》vue.js2.引入element-ui(1).js//依赖包中的element-ui.js的路径--》node_modules--》element-ui--》lib--》index.jsscriptsrc="node_modules/element-ui/lib/index.js">scri

element ui el-date-picker 禁止选择指定日期

1、日期选择器组件代码2、具体实例data(){return{ruleForm:{startTime:'',},rules:{startTime:[{required:true,message:'请选择活动起始日期值',trigger:'change'},],},forbiddenStartTime:{//禁用当前日期之前的日期disabledDate:this.disabledDateMethod,},}},1)禁止选择当天之前的日期methods:{disabledDateMethod(time){//Date.now()是javascript中的内置函数,它返回自1970年1月1日00:

解决Failed to resolve import “@element-plus/icons-vue“ from “src\views\Home.vue“. Does the file exist?

解决在Vue3+Vite中使用Element-plus报错一、安装镜像(可选)使用阿里定制的cnpm命令行工具代替默认的npm,输入以下代码npminstall-gcnpm--registry=http://registry.npmmirror.com二、解决报错1.安装Element-plus1.1在项目目录下执行:cnpminstallelement-plus--save1.2安装按需引入需要的插件:cnpminstall-Dunplugin-vue-componentsunplugin-auto-import1.3安装ElementIcon(解决标题所言的报错)cnpminstall@e

selenium之find_elements的妙用

文章目录前言一、find_elements用法二、使用案例后感前言最近因为工作上的需要(我不是测试,不是前端,也不是测试),任务就是下载大量的文件,其中遇到一个页面有多个需要下载的对象,因为是刚入门selenium,很多功能还在摸索。一、find_elements用法1.找到所有满足条件的页面元素driver.find_elements(By.XPATH,路径)一般是需要提取所有满足条件的元素内容或者需要对满足条件的元素逐个操作的时候用到。2.通过下标来选择第几个driver.find_elements(By.XPATH,路径)[0]为了脚本的可读性,我喜欢用文本来定位,但是一个页面里面符合文

vue element ui From表单校验不生效问题解决

vueelementuiFrom表单校验不生效问题解决仅供参考自我记录.解决方案①el-from上要使用:model不要使用v-modelel-formref="ruleForm":model="testForm"label-width="100px":rules="rules">解决方案②el-from-item上是否有加prop,并确定prop是不是和编写的规则相同el-form-itemlabel="活动名称"prop="name">el-inputv-model="testForm.name">/el-input>/el-form-item>//校验规则propname相同rules:

element-ui 季度选择器

 最近在vue项目练习时发现element-ui没有关于季度的选择器,周、年、月这些都有。于是参考网上大神写的自己搞了一个简易版本。项目需求是选择某年某一个季度,然后获得该季度第一天和最后一天的时间戳来获取数据。最后结果如图:本篇文章参考了 element季度选择控件_Ponnenult的博客-CSDN博客_element季度选择前言:季度选择控件,element官网没有提供。实现效果:默认是当前月份的季度实现原理:在页面上放一个input,然后点击出现card卡片,卡片里面放季度的内容封装组件源码:源码api见最下面日期https://blog.csdn.net/weixin_4472708

vue+element ui 之table中表单校验

业务需求:1,后台返回的是一个list数组,展示要表格的形式,但是每一项都可以编辑,而且都是必填。效果图如下:操作流程1,首先先弄一个‘保存‘的按钮’2,表格的展示和校验(我这边是一个双层的list),第一层是渲染表格的第一栏(一级标签),第二层是渲染表格的第二栏(二级标签),然后我的二级标签是一个list,所以要嵌套循环3,因为我的第一栏的表头多加了个按钮,所以第一栏的表头弄了自定义 3,因为表格是动态的,支持用户随意添加的。valueStatus:目的是区分该数据是后台返回的,还是后面添加的输入框 4,删除一整行的表格,目前删除只是前端的删除,并未调用接口5,最后保存的时候做校验直接上代码

解决Vue+Element UI 使用el-aside时菜单栏无法撑起整个侧边栏高度,解决点开菜单栏时有部分突起问题。

当我们使用elementui的时,发现菜单栏无法撑满页面高度的100% 采用css样式设置height:100%的方法也无效我们将height:100%改为height:100vh即可效果图如下 点开菜单栏时,我们发现菜单栏右侧会有部分突起我们给定义一个类名使用css进行封装即可解决    

element-ui el-date-picker日期选择器 value-format问题

通过原生js和moment.js分别获取moment().format('YYYY-MM-DDHH:mm:ss')格式的时间moment.js:文档|Moment.js中文网(momentjs.cn)