代码编织梦想

thoroughDeleteFn(row) {
      this.$confirm('确认要彻底删除该事务吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(() => {
          thoroughDeleteAffair({
            affairQueryprocInsId: row.affairQueryprocInsId
          })
            .then((res) => {
              if (res.status === 0) {
                this.$message.success('删除事务数据成功');
                let totalPage = Math.ceil((this.total - 1) / this.pageSize)
                let currentPage = this.currentPage > totalPage ? totalPage : this.currentPage
                this.currentPage = currentPage < 1 ? 1 : currentPage
                this.getData();
              } else {
                this.$message.error(res.msg);
              }
            })
            .catch(() => {
              this.$message.error('删除事务数据失败');
            });
        })
        .catch(() => {});
},
  handlePreview(file) {
      if (!file) {
        this.$message.error('文件不存在');
        return false;
      }
      if (!file.fileUrl) {
        this.$message.error('上传时文件不能下载');
        return false;
      }
      const self = this;
      const a = file.fileUrl.substring(file.fileUrl.indexOf('/templates/'));
      file.fileUrl = baseURL + a;
      var url = file.fileUrl;
      var xhr = new XMLHttpRequest();
      xhr.open('get', url, true);
      xhr.responseType = 'blob'; // 返回类型blob
      // 定义请求完成的处理函数,请求前也可以增加加载框/禁用下载按钮逻辑
      xhr.onload = function() {
        console.log(this.status)
        // 请求完成
        if (this.status === 200) {
          // 返回200
          var blob = this.response;
          var href = window.URL.createObjectURL(blob); // 创建下载的链接
          // 判断是否是IE浏览器,是的话返回true
          if (window.navigator.msSaveBlob) {
            try {
              window.navigator.msSaveBlob(blob, file.name)
            } catch (e) {
              console.log(e);
            }
          } else {
            // 谷歌浏览器 创建a标签 添加download属性下载
            var downloadElement = document.createElement('a');
            downloadElement.href = href;
            // downloadElement.target = '_blank';
            downloadElement.download = file.name; // 下载后文件名
            document.body.appendChild(downloadElement);
            downloadElement.click(); // 点击下载
            document.body.removeChild(downloadElement); // 下载完成移除元素
            window.URL.revokeObjectURL(href); // 释放掉blob对象
          }
        } else {
          self.$message.error('文件不存在')
        }
      }
      xhr.send()
    }
  },
<el-table-column prop="deadlineTime" label="有效期截止时间" width="220" >
            <template slot-scope="scope">

              <el-popover trigger="manual" placement="top">
                        <upload class="upload-demo allWith" :limit="1" :disabledBtn="disabledBtn" :uploadType="uploadType"
                          @disableds="disableds" :fileList="fileList" :typeList="'zhengwen'" @fileLists="fileLists" />
                        <div slot="reference" class="name-wrapper">
                          <el-date-picker v-model="scope.row.deadlineTime" type="datetime" placeholder="选择有效期截止时间"
                            value-format="yyyy-MM-dd HH:mm" format="yyyy-MM-dd HH:mm">
                          </el-date-picker>
                        </div>
                      </el-popover>
            </template>
          </el-table-column>
------------------------
this.tableData = this.tableData.filter(                    (v) => v.taskId !== row.taskId                  );                  this.total = this.total - 1;



-----------------------
 watch: {
    menuArr: {
      handler(val) {
        const a = getIconTitle(this.tabs, this.menuArr);
        this.tagName = a[0];
        this.icon = a[1];
        this.bgColor = a[2];
      },
      deep: true
    }
  },
dataZoom: [{
              type: 'inside',
              show: true,
              realtime: true,
              start: 50,
            }],
dataZoom: [
							//滑动条
							{
								xAxisIndex: 0, //这里是从X轴的0刻度开始
								show: true, //是否显示滑动条,不影响使用
								type: "slider", // 这个 dataZoom 组件是 slider 型 dataZoom 组件
								startValue: 0, // 从头开始。
								endValue: 15, // 一次性展示6个。
							},
						],

this.$notify.closeAll()   关闭所有右下角弹框


Layui 点击气泡

layer.tips(obj.data.retreatOperReason, $(index).parent());
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_46391404/article/details/127288307

ElementUI项目优化上线-爱代码爱编程

文章目录 介绍项目优化1、 生成打包报告2、 通过 vue.config.js 修改 webpack 的默认配置3、 为开发模式与发布模式指定不同的打包入口4、 configureWebpack 和 chainWebpack5、 通过 chainWebpack 自定义打包入口6、 通过 externals 加载外部的 CDN 资源7、 通过 CDN

elementui下拉框 清空_elementUI下拉框错误记录-爱代码爱编程

ScrollView can host only one direct child Android 采用ScrollView布局时出现异常:ScrollView can host only one direct child. 异常原因: 主要是ScrollView内部只能有一个子元素 ... 访问其他程序的SheardPreferents 程序A

vue +elementUi工作知识记录-爱代码爱编程

2021/6/18 1、vue 使用elementUI的弹窗 this.$notify({ title: '成功', message: res.msg, type: 'success', dur

记录ElementUI工作中用到一些写法-爱代码爱编程

清除指定表单项的出错提示 this.$refs['form'].fields.map(i => { if (i.prop === 'fieldName') { //通过prop属性值相同来判断是哪个表单项 i.resetField(); return false; } }); emit传递多个参

vue+elementUI 实现图片上传预览功能-爱代码爱编程

准备工作:你需要一个后台接口,你传文件给他,他返回一个图片在线链接。ok,开干! 用到的是elmentUI里的el-upload,先去看官网例子。我用到的是图片列表 先把html的框架copy过来,然后根据自己的需求取取舍内容。这个直接复制粘贴的事情,耐心的elemntUI的官网,不要急躁哈 <el-upload ref="place

记录一个elementui图片上传组件-爱代码爱编程

组件的调用 <image-cropper v-show="imagecropperShow" :key="imagecropperKey" :width="100" :height="100" url="http://127.0.0.1:17240/upload/uploadImage"

ElementUI之select多数据加载优化-爱代码爱编程

「🚀」场景 近期着手开发基于ElementUI的后台管理系统,偶然间发现「el-select」下拉选择时候遇到一个问题,当渲染下拉选项的「options」的数据量过多时「本项目中的数据条目已过万」,就会出现下拉选择器卡顿的情况,尤其是在模糊匹配过滤的情况下,显得十分的卡顿。初始化选择器的时候,也会点击无反应,有时候需要点击多次才可出现「dialog」弹窗

vue+elementui常用组件-爱代码爱编程

vue+elementui常用组件 1.表单 目标效果: 前端页面: <!--顶侧按钮--> <div class="filter-container"> <el-input placeholder="档案号/姓名/手机号" v-model="pagination.queryString" style="w

工作记录:element-爱代码爱编程

更改element样式 需在样式的外层套一层div,对div进行样式/deep/ #login /deep/ 登录 tabs标签页区分不同方向的登录,将登录表单放入el-tab-pane标签中,stretch属性可以让标签的宽度自撑开。 <el-tabs type="card" stretch="true"> <el-

elementUi上传视频组件-爱代码爱编程

背景 vue+element后台管理系统中的表单提交中需要上传视频,利用饿了吗组件可以这么搞。 要求: 文件上传之前需要处理: 限制视频格式 限制视频大小 限制视频时长实现代码: HTML 说明: action 必选参数,上传的地址 string before-upload 上传文件之前的钩子 function(file) on-progres

【需求记录】【Vue】【ElementUi】限制输入框输入九位整数四位小数-爱代码爱编程

ps:日常工作中遇到的需求,随手记录之~ <el-input v-model="inputVal" placeholder="请输入内容" type="number"></el-input> export default { data() { return { inputVal: "",

03_前端 el-select 下拉选框的使用方式-爱代码爱编程

1.数据为动态获取,或者从数据类中获取的形式 el-select 完整布局代码使用方式 <el-form-item style="margin-left: 5px" label="名称"> <el-select :disabled="isDisabled" class="c-fo

elementui表格合并行数据_有点东西,但是不多的博客-爱代码爱编程

工作中经常会遇到需要将表格合并的需求,elementUI官方文档也有对应的方法,但是不够详细,发个贴记录一下学习之路 首先需要一个数组记录需要合并的行数据,再来一个变量记录数组的下标 然后就是写一个方法 遍历数据,得到需要合并的行数据, <el-table class="table" :data="data"

elementui+springboot实现导出excel功能_相与还的博客-爱代码爱编程

前言 在前面,我们其实已经完成了elementUI+springboot的导入功能 elementUI+springboot导入excel 那么,现在也对这个导出功能进行一个汇总整理写出来 其实,导出功能相对导入功能还是比

vue 入门及应用 ( 五 ) elementui 组件_春哥的魔法书的博客-爱代码爱编程

7.组件框架 7.0.Element UI js -> jquery ->jqueryui /easyUI / bootstrap UI js -> vue -> elementUI vue