2021-09-09

elementui中的table表格鼠标划过改变背景色

.el-table .el-table__body tr.el-table__row.current-row td,
.el-table__body tr.current-row > td,
.el-table__body tr.hover-row.current-row > td,
.el-table__body tr.hover-row.el-table__row.current-row > td,
.el-table__body tr.hover-row.el-table__row > td,
.el-table__body tr.hover-row > td {
  background-color: #c6cfdf;
}

表格中的复选框只选中一条全选框为空白：

::v-deep .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #fff !important;
  border-color: #dcdfe6;
}

timepicker仅能选择至上月的1日

例如现在的8月1日,仅能选中到7月1日

<el-date-picker
                v-model="value1"
                type="date"
                placeholder="起始日期"
                :picker-options="pickerOptions"
                @change="changeStartTime($event), changeMonth()"
              >
              </el-date-picker>

   pickerOptions: {
        disabledDate(time) {
          var now = new Date();
          var year = now.getFullYear();
          var month = now.getMonth();
          if (month < 10) {
            month = "0" + month;
          }
          if (month == 0) {
            month = 12;
            year = year - 1;
          }
          let a = year + "," + month;
          var startDate = new Date(a);

          return time.getTime() < startDate;
        },
      },

文件的普通下载

// 文件下载方法
export function downLoadfile(query) {
	window.location.href = BASH_URL + "/xx/download/downFile?id=" + query;
}

文件下载模拟form表单提交到某个接口上 传参模拟input进行传参

就是模拟页面创建一个form和很多个input 然后提交form就可以了

    async downFolder() {
      var params = {};
      params = {
        queryString: this.queryString,
        Ids: this.id,
      };

      var url = "http://x.x.x.x:x/xxxxx/xxx/xxx";
      var form = document.createElement("form");
      form.style = "display:none";
      form.action = url;
      form.method = "post";
      for (var key in params) {
        var input = document.createElement("input");
        input.type = "hidden";
        input.name = key;
        input.value = params[key];
        form.appendChild(input);
      }
      document.body.appendChild(form);
      form.submit();
    },

返回单位为bytes为单位需要根据情况转换

如果返回的范围是bit需要再 /8

    // 文件大小的换算：
    conver(limit) {
      var size = "";
      if (limit < 1024) {
        //如果小于0.1KB转化成B
        size = limit.toFixed(2) + "B";
      } else if (limit < 1024 * 1024) {
        //如果小于0.1MB转化成KB
        size = (limit / 1024).toFixed(2) + "KB";
      } else if (limit < 1024 * 1024 * 1024) {
        //如果小于0.1GB转化成MB
        size = (limit / (1024 * 1024)).toFixed(2) + "MB";
      } else {
        //其他转化成GB
        size = (limit / (1024 * 1024 * 1024)).toFixed(2) + "GB";
      }

      var sizestr = size + "";
      var len = sizestr.indexOf(".");
      var dec = sizestr.substr(len + 1, 2);
      if (dec == "00") {
        //当小数点后为00时 去掉小数部分
        let res = sizestr.substring(0, len) + sizestr.substr(len + 3, 2);

        return res;
      }
      console.log(sizestr);
      return sizestr;
    },

使用方法1：

  <el-table-column prop="filesize"
  							  label="filesize"  
  							  width="120"  
  							  fixed="right">
    <!-- 1Byte=8bit -->
        <template slot-scope="scope">
                {{conver(scope.row.file_size)}}
              </template>
     </el-table-column>

使用方法2：

this.data = data.dataList;
   for (var i = 0; i < data.dataList.length; i++) {
      this.data[i].filesize = this.conver(this.filedata[i].filesize)
   }