{"version":3,"file":"12.js","sources":["webpack:///src/components/file-upload/index.vue","webpack:///./src/components/file-upload/index.vue","webpack:///./src/components/file-upload/index.vue?9c84","webpack:///./src/components/file-upload/index.vue?8bba","webpack:///./src/components/file-upload/index.vue?d9ab","webpack:///./src/components/file-upload/index.vue?0ac1","webpack:///./src/components/file-upload/index.vue?28ef"],"sourcesContent":["<template>\n  <div>\n    <div class=\"headTitle\">\n      <head-layout :is-show-tip=\"isShowTip\" v-if=\"title\" :head-title=\"title\" />\n      <div class=\"flex-container \">\n        <el-button\n          size=\"small\"\n          @click=\"save\"\n          v-if=\"updateName === 'updateName'\"\n          style=\"margin-right: 5px\"\n          >保存</el-button\n        >\n        <el-upload\n          class=\"upload-demo\"\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\n          :show-file-list=\"false\"\n          :before-upload=\"beforeSuccess\"\n          :on-success=\"uploadSuccess\"\n          :on-preview=\"handlePreview\"\n          :on-remove=\"handleRemoveFile\"\n          :http-request=\"handleHttpRequest\"\n          :on-exceed=\"handleExceed\"\n          multiple\n          v-if=\"!disabled\"\n        >\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\n        </el-upload>\n      </div>\n    </div>\n    <grid-layout\n      ref=\"gridLayOut\"\n      class=\"fileTable\"\n      :class=\"tableData.length == 0 ? 'noFile' : ''\"\n      head-title=\"文件上传\"\n      :table-options=\"option\"\n      :table-data=\"tableData\"\n      :table-loading=\"loading\"\n      :data-total=\"page.total\"\n      :grid-row-btn=\"gridRowBtn\"\n      @grid-row-detail-click=\"rowView\"\n      @row-download=\"rowDownload\"\n      @row-del=\"rowDel\"\n      @row-pause=\"rowPause\"\n      :page=\"page\"\n    >\n    </grid-layout>\n    <kkPreview ref=\"kkPreview\" title=\"预览\"></kkPreview>\n  </div>\n</template>\n\n<script>\n// import mammoth from \"mammoth\";\nimport GridLayout from \"@/views/components/layout/grid-layout\";\nimport md5 from \"@/util/md5\";\nimport { mapGetters } from \"vuex\";\nimport Queue from \"promise-queue-plus\";\nimport ServerNameEnum from \"@/util/ServerNameEnum\";\nimport { taskInfo, initTask, preSignUrl, merge } from \"@/api/resource/attach\";\nimport kkPreview from \"@/components/Form/base/kkPreview.vue\";\nconst Base64 = require(\"js-base64\").Base64;\nimport website from \"@/config/website\";\nexport default {\n  name: \"index\",\n  components: { GridLayout,kkPreview },\n  props: {\n    filterMethods: Function,\n    accept: {\n      type: String,\n      default: \"\",\n    },\n    fileSize: {\n      type: Number,\n      default: null,\n    },\n    title: {\n      type: String,\n      default: \"文件上传\",\n    },\n    updateName: {\n      type: String,\n      default: \"no\",\n    },\n    isShowTip: {\n      type: Boolean,\n      default: false,\n    },\n    fileOptions: {\n      type: Object,\n      default: () => ({\n        index: true,\n        indexLabel: \"序号\",\n        menuWidth: 200,\n        linklabel: \"\",\n        column: [\n          {\n            label: \"文件名称\",\n            prop: \"fileName\",\n            align: \"left\",\n            overHidden: true,\n          },\n          {\n            label: \"上传进度\",\n            prop: \"schedule\",\n            align: \"left\",\n            overHidden: true,\n          },\n        ],\n      }),\n    },\n    tableFiles: {\n      type: String,\n      default: \"\",\n    },\n    uploadLimit: {\n      type: Number,\n      default: 9,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    gridRowBtn: {\n      type: Array,\n      default: () => [\n        {\n          label: \"下载\",\n          emit: \"row-download\",\n        },\n        // {\n        //   label: '暂停',\n        //   emit: \"row-pause\",\n        // },\n        {\n          label: \"删除\",\n          emit: \"row-del\",\n        },\n      ],\n    },\n  },\n  computed: {\n    ...mapGetters([\"userInfo\"]),\n  },\n  data() {\n    return {\n      fileList: [],\n      tableData: [],\n      fileName: \"\",\n      fileType: \"\",\n      vHtml: \"\", // word预览\n      dialogImageUrl: \"\",\n      dialogVisible: false,\n      upload_btn: false,\n      noneUploadImg: false,\n      option: {\n        menu: !this.disabled ? true : false,\n        height: this.fileOptions.height ? this.fileOptions.height : \"auto\",\n        maxHeight: this.fileOptions.maxHeight ? this.fileOptions.maxHeight : \"\",\n        selection:\n          this.fileOptions.selection != undefined\n            ? this.fileOptions.selection\n            : false,\n        linklabel: this.fileOptions.linklabel ? this.fileOptions.linklabel : \"\",\n        index:\n          this.fileOptions.index != undefined ? this.fileOptions.index : true,\n        indexLabel: this.fileOptions.indexLabel\n          ? this.fileOptions.indexLabel\n          : this.$t(\"cip.cmn.title.SerialNumber\"),\n        menuWidth: this.fileOptions.menuWidth\n          ? this.fileOptions.menuWidth\n          : 200,\n        column:\n          this.fileOptions.column && this.fileOptions.column.length != 0\n            ? this.fileOptions.column\n            : [],\n      },\n      data: [],\n      loading: false,\n      page: {\n        total: 0,\n      },\n      fileUploadChunkQueue: {},\n      fileDownloadQueue: {},\n      // resTtableData: [], //责任书暂存数据\n    };\n  },\n  watch: {\n    ids() {\n      let ids = this.tableData.map((item) => item.id).join(\",\");\n      return ids;\n    },\n    tableData() {\n      this.$nextTick(() => {\n        this.$refs.gridLayOut.$refs.grid.$refs.table.doLayout();\n        this.$refs.gridLayOut.$refs.grid.refreshTable();\n      });\n    },\n  },\n  methods: {\n    // filterMethods(arr){\n    //     arr.filter((item) => {\n    //       if (item.resType == \"三级教育卡\") {\n    //         return item;\n    //       }\n    //     });\n    //     arr.filter((item) => {\n    //       if (item.resType == \"安全责任书\" || item.resType == \"环保责任书\") {\n    //         return item;\n    //       }\n    //     });\n    // },\n    initTaleData(data) {\n      if (data) {\n        let tableData1 = JSON.parse(data); //全部\n        this.tableData = this.filterMethods ? this.filterMethods(tableData1) : tableData1;\n      } else {\n        this.tableData = [];\n      }\n      this.$nextTick(() => {\n        this.$refs.gridLayOut.$refs.grid.$refs.table.doLayout();\n        this.$refs.gridLayOut.$refs.grid.refreshTable();\n      });\n    },\n    handleAvatarSuccess(res, file) {\n      console.log(res, \"handleAvatarSuccess\");\n      this.imageUrl = res.path;\n    },\n    // 删除图片，判断数量，是否显示icon\n    handleDeleteImgRemove() {\n      this.noneUploadImg = true;\n    },\n    // 查看预览 下载\n    rowView(row) {\n      this.$refs.kkPreview.initData({\n        link: row.path,\n        name: row.name\n      })\n      // this.$refs.fileView.showFile(row.path)\n    },\n    rowDownload(row) {\n      let fileId = row.id;\n      if (!fileId) {\n        this.$message.error(\"文件未上传成功\");\n        return;\n      }\n      if (row.path) {\n        let that = this;\n        let fileName = row.name;\n        fetch(row.path)\n          .then((res) => res.blob())\n          .then((blob) => {\n            let objectUrl = URL.createObjectURL(blob); // 创建 url 对象\n            that.aTagDownload(objectUrl, fileName); // 调用 上面 [2] 动态方式\n          })\n          .catch((err) => {\n            // console.log(\"Request Failed\", err);\n          });\n      }\n    },\n    // 下载\n    aTagDownload(url, name) {\n      const fileUrl = url; // 文件的URL地址\n      const link = document.createElement(\"a\"); // 创建一个链接元素\n      link.href = fileUrl; //重点（如测试发现下载文件不存在/找不到，检查路径）\n      link.download = name; // 设置下载文件文件名\n      link.style.display = \"none\";\n      document.body.appendChild(link); // 将链接元素添加到页面中\n      link.click(); // 触发链接的点击事件以触发图像下载\n      document.body.removeChild(link); // 在完成下载后，从页面中移除链接元素\n    },\n    rowDel(row) {\n      this.$confirm(\"确定要删除吗?\", \"提示\", {\n        confirmButtonText: \"确定\",\n        cancelButtonText: \"取消\",\n        type: \"warning\",\n      })\n        .then(() => {\n          const queueObject = this.fileUploadChunkQueue[row.uid];\n          if (queueObject) {\n            queueObject.stop();\n            this.tableData = this.tableData.filter(\n              (item) => item.uid != row.uid\n            );\n          } else {\n            this.tableData = this.tableData.filter(\n              (item) => item.uid != row.uid\n            );\n          }\n          this.$emit(\"fileIds\", this.ids);\n          this.$emit(\"getTableData\", this.tableData);\n          this.$emit(\"deleteId\", row.id);\n        })\n        .catch(() => {});\n    },\n    rowPause(row) {\n      const queueObject = this.fileUploadChunkQueue[row.uid];\n      if (queueObject) {\n        queueObject.stop();\n        // this.fileUploadChunkQueue[task.uid] = undefined\n      }\n    },\n    uploadSuccess(res) {\n      if (!res) return false;\n      this.tableData.find((item) => item.uid == res.uid).id = res.id;\n      // let ids = this.tableData.map(item => item.id).join(',')\n      this.$emit(\"fileIds\", this.ids);\n      // var mergedArray = this.tableData.concat(this.resTtableData); //合并教育卡与责任书\n      // this.$emit(\"getTableData\", mergedArray); //传给抽屉展示\n      // console.log(mergedArray, \"uploadSuccess\");\n      this.$emit(\"getTableData\", this.tableData);\n      // console.log(this.tableData,\"uploadSuccess\")\n    },\n    // 超出上传文件限制\n    handleExceed(files, fileList) {\n      this.$message.warning(\n        `当前限制选择 ${this.uploadLimit} 个文件，本次选择了 ${\n          files.length\n        } 个文件，共选择了 ${files.length + fileList.length} 个文件`\n      );\n    },\n    save() {\n      this.$emit(\"saveTableData\", this.tableData);\n    },\n    // 转化文件大小\n    changeFileSize(val) {\n      if (val == \"0\") return \"0B\";\n      var k = 1024;\n      var sizes = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\"];\n      console.log(\"Math.log(val)\", Math.log(val));\n      console.log(\"Math.log(k)\", Math.log(k));\n      let i = Math.floor(Math.log(val) / Math.log(k)); //得出该数字的单位应该是kB?MB\n      return (val / Math.pow(k, i)).toPrecision(3) + \"\" + sizes[i];\n    },\n    // 转化时间\n    timestampToTime(timestamp) {\n      var date = new Date();\n      var y = date.getFullYear();\n      var m = date.getMonth() + 1;\n      m = m < 10 ? \"0\" + m : m;\n      var d = date.getDate();\n      d = d < 10 ? \"0\" + d : d;\n      var h = date.getHours();\n      var minute = date.getMinutes();\n      minute = minute < 10 ? \"0\" + minute : minute;\n      var second = date.getSeconds();\n      second = second < 10 ? \"0\" + second : second;\n      let resultTime =\n        y + \"-\" + m + \"-\" + d + \" \" + h + \":\" + minute + \":\" + second;\n      return resultTime;\n    },\n    beforeSuccess(res) {\n      if (this.tableData.length >= this.uploadLimit) {\n        return this.$message.warning(\n          `最大文件限制选择 ${this.uploadLimit} 个文件`\n        );\n      }\n      let fileName = res.name;\n      let pos = fileName.lastIndexOf(\".\");\n      let lastName = fileName.substring(pos, fileName.length).toLowerCase();\n\n      let arr = Array.from(this.accept.split(\",\"));\n      if (this.accept && !arr.includes(lastName)) {\n        this.$message.warning(\"请选择\" + this.accept + \"类型文件\");\n        return false;\n      }\n      const isSize = res.size / 1024 / 1024; // 文件大小\n      if (this.fileSize && isSize > this.fileSize) {\n        this.$message.warning(`上传文件大小不能超过${this.fileSize}MB!`);\n        return false;\n      }\n      res.extension = lastName; // 上传格式\n      res.fileSize = this.changeFileSize(res.size); // 上传文件大小\n      res.createTime = this.timestampToTime(); // 上传时间\n      res.createUserName = this.userInfo.nick_name || this.userInfo.name;\n      res.createUser = this.userInfo.user_id;\n      res.fileName = res.name;\n      this.tableData.push(res);\n      // console.log(this.tableData,\"beforeSuccess\")\n    },\n    // 上传失败删除tableData已经push的数据\n    uploadError(row) {\n      this.rowDel(row);\n    },\n    handlePreview(task) {\n      const queueObject = this.fileUploadChunkQueue[task.uid];\n      if (queueObject) {\n        queueObject.stop();\n        // this.fileUploadChunkQueue[task.uid] = undefined\n      }\n      if (queueObject.getRunCount() == 0) {\n        queueObject.start();\n      }\n      //文件下载\n      /*let fileId = task.response\n      axios({\n        url: ServerNameEnum.SERVER_RESOURCE_+'/file/download/'+fileId,\n        method: 'GET',\n        responseType: 'blob',\n        onDownloadProgress: (progressEvent) => {\n          this.progress = Math.round((progressEvent.loaded / progressEvent.total) * 100);\n        }\n      }).then(response => {\n        const url = window.URL.createObjectURL(new Blob([response.data]));\n        const link = document.createElement('a');\n        link.href = url;\n        link.setAttribute('download', 'filename.ext');\n        document.body.appendChild(link);\n        link.click();\n        this.downloading = false;\n        this.progress = 0;\n      });*/\n    },\n    downloadBinaryFile(\n      binFile,\n      fileName,\n      blobType = \"application/octet-stream\"\n    ) {\n      // 处理二进制数据并创建 Blob 对象\n      const blobObj = new Blob([binFile], { type: blobType });\n      // 创建一个链接并设置下载属性\n      const downloadLink = document.createElement(\"a\");\n      let url = window.URL || window.webkitURL || window.moxURL; // 兼容不同浏览器的 URL 对象\n      url = url.createObjectURL(blobObj);\n      downloadLink.href = url;\n      downloadLink.download = fileName; // 设置下载的文件名\n      // 将链接添加到 DOM 中，模拟点击\n      document.body.appendChild(downloadLink);\n      downloadLink.click();\n      // 移除创建的链接和释放 URL 对象\n      document.body.removeChild(downloadLink);\n      window.URL.revokeObjectURL(url);\n    },\n    async getTaskInfo(file) {\n      if (file.size == 0) return false;\n      let task;\n      const identifier = await md5(file);\n      // console.log('identifier--md5',identifier)\n      let res = await taskInfo(identifier);\n      if (res.data.code === 200) {\n        task = res.data.data;\n        if (Object.keys(task).length < 1) {\n          let initTaskData = {\n            identifier: identifier,\n            fileName: file.name,\n            totalSize: file.size,\n            chunkSize: 5 * 1024 * 1024,\n          };\n          let initTaskRes = await initTask(initTaskData);\n          if (initTaskRes.data.code == 200) {\n            task = initTaskRes.data.data;\n          } else {\n            this.$message.error({\n              title: \"文件上传错误\",\n              message: initTaskRes.data.msg,\n            });\n          }\n        }\n      } else {\n        this.$message.error({\n          title: \"文件上传错误\",\n          message: res.data.msg,\n        });\n      }\n      return task;\n    },\n    async handleHttpRequest(options) {\n      const file = options.file;\n      const task = await this.getTaskInfo(options.file);\n      if (task) {\n        const { finished, path, taskRecord } = task;\n        const { identifier, id } = taskRecord;\n        if (finished) {\n          this.tableData.find((item) => item.uid == file.uid).schedule = \"100%\";\n          this.tableData.find((item) => item.uid == file.uid).path = path;\n          this.schedule = 100;\n          this.$forceUpdate();\n          return { id: id, uid: file.uid, path: path };\n        } else {\n          const errorList = await this.handleUpload(file, taskRecord, options);\n          if (errorList.length > 0) {\n            this.$message.error({\n              title: \"文件上传错误\",\n              message: \"部分分片上传失败，文件损坏，请尝试重新上传文件\",\n            });\n            this.uploadError(file);\n            return;\n          }\n          const mergeRes = await merge(identifier);\n          let code = mergeRes.data.code;\n          let msg = mergeRes.data.msg;\n          if (code === 200) {\n            // 这个合并后的path需要重新确认下 -- 待确定\n            this.tableData.find((item) => item.uid == file.uid).schedule =\n              \"100%\";\n            this.tableData.find((item) => item.uid == file.uid).path = path;\n            return { id: id, uid: file.uid, path: path };\n          } else {\n            this.$message.error({\n              title: \"文件上传错误\",\n              message: msg,\n            });\n            this.uploadError(file);\n          }\n        }\n      } else {\n        this.$message.warning({\n          message: \"不允许上传空文件\",\n        });\n        console.log(this.tableData);\n        this.tableData = this.tableData.filter(\n          (e) => e.uid != options.file.uid\n        );\n      }\n    },\n    handleRemoveFile(uploadFile, uploadFiles) {\n      const queueObject = this.fileUploadChunkQueue[uploadFile.uid];\n      if (queueObject) {\n        queueObject.stop();\n        this.fileUploadChunkQueue[uploadFile.uid] = undefined;\n      }\n    },\n    async handleUpload(file, taskRecord, options) {\n      let lastUploadedSize = 0; // 上次断点续传时上传的总大小\n      let uploadedSize = 0; // 已上传的大小\n      const totalSize = file.size || 0; // 文件总大小\n      let startMs = new Date().getTime(); // 开始上传的时间\n      const { exitPartList, chunkSize, chunkNum, identifier } = taskRecord;\n\n      // 获取从开始上传到现在的平均速度（byte/s）\n      const getSpeed = () => {\n        // 已上传的总大小 - 上次上传的总大小（断点续传）= 本次上传的总大小（byte）\n        const intervalSize = uploadedSize - lastUploadedSize;\n        const nowMs = new Date().getTime();\n        // 时间间隔（s）\n        const intervalTime = (nowMs - startMs) / 1000;\n        return intervalSize / intervalTime;\n      };\n\n      const uploadNext = async (partNumber) => {\n        const start = new Number(chunkSize) * (partNumber - 1);\n        const end = start + new Number(chunkSize);\n        const blob = file.slice(start, end);\n        const res = await preSignUrl(identifier, partNumber);\n        let code = res.data.code;\n        let data = res.data.data;\n        if (code === 200 && data) {\n          await axios.request({\n            url: data,\n            method: \"PUT\",\n            data: blob,\n            headers: { \"Content-Type\": \"application/octet-stream\" },\n          });\n          return Promise.resolve({\n            partNumber: partNumber,\n            uploadedSize: blob.size,\n          });\n        }\n        return Promise.reject(`分片${partNumber}， 获取上传地址失败`);\n      };\n\n      /**\n       * 更新上传进度\n       * @param increment 为已上传的进度增加的字节量\n       */\n      const updateProcess = (increment) => {\n        increment = new Number(increment);\n        const { onProgress } = options;\n        let factor = 1000; // 每次增加1000 byte\n        let from = 0;\n        // 通过循环一点一点的增加进度\n        while (from <= increment) {\n          from += factor;\n          uploadedSize += factor;\n          const percent = Math.round((uploadedSize / totalSize) * 100).toFixed(\n            2\n          );\n          onProgress({ percent: percent });\n        }\n\n        const speed = getSpeed();\n        const remainingTime =\n          speed != 0\n            ? Math.ceil((totalSize - uploadedSize) / speed) + \"s\"\n            : \"未知\";\n        this.tableData.find((item) => item.uid == file.uid).schedule =\n          parseInt((uploadedSize / totalSize) * 100) > 100\n            ? 100 + \"%\"\n            : parseInt((uploadedSize / totalSize) * 100) + \"%\";\n        this.$forceUpdate();\n        console.log(\n          \"剩余大小：\",\n          (totalSize - uploadedSize) / 1024 / 1024,\n          \"mb\"\n        );\n        console.log(\"进度：\", parseInt((uploadedSize / totalSize) * 100), \"%\");\n        console.log(\"当前速度：\", (speed / 1024 / 1024).toFixed(2), \"mbps\");\n        console.log(\"预计完成：\", remainingTime);\n      };\n\n      return new Promise((resolve) => {\n        const failArr = [];\n        const queue = Queue(5, {\n          retry: 3, //Number of retries\n          retryIsJump: false, //retry now?\n          workReject: function (reason, queue) {\n            failArr.push(reason);\n          },\n          queueEnd: function (queue) {\n            resolve(failArr);\n          },\n        });\n        this.fileUploadChunkQueue[file.uid] = queue;\n        for (let partNumber = 1; partNumber <= chunkNum; partNumber++) {\n          const exitPart = (exitPartList || []).find(\n            (exitPart) => exitPart.partNumber == partNumber\n          );\n          if (exitPart) {\n            // 分片已上传完成，累计到上传完成的总额中,同时记录一下上次断点上传的大小，用于计算上传速度\n            lastUploadedSize += new Number(exitPart.size);\n            updateProcess(exitPart.size);\n          } else {\n            queue.push(() =>\n              uploadNext(partNumber).then((res) => {\n                // 单片文件上传完成再更新上传进度\n                updateProcess(res.uploadedSize);\n              })\n            );\n          }\n        }\n        if (queue.getLength() == 0) {\n          // 所有分片都上传完，但未合并，直接return出去，进行合并操作\n          resolve(failArr);\n          return;\n        }\n        queue.start();\n      });\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"less\">\n.headTitle {\n  background-color: #fff;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  .upload-demo {\n    padding-right: 10px;\n  }\n}\n::v-deep .el-card .is-never-shadow {\n  height: 300px;\n}\n::v-deep  .avatar-uploader .el-upload {\n  border: 1px dashed #d9d9d9;\n  border-radius: 6px;\n  cursor: pointer;\n  position: relative;\n  overflow: hidden;\n}\n::v-deep .avatar-uploader .el-upload:hover {\n  border-color: #409eff;\n}\n.avatar-uploader-icon {\n  font-size: 28px;\n  color: #8c939d;\n  width: 178px;\n  height: 178px;\n  line-height: 178px;\n  text-align: center;\n}\n.avatar {\n  width: 178px;\n  height: 178px;\n  display: block;\n}\n.hide_box /deep/ .el-upload--picture-card {\n  display: none;\n}\n::v-deep .fileTable .avue-crud .el-table {\n  //height: auto !important;\n  //max-height: auto !important;\n}\n::v-deep .filePreviewDialog .el-dialog__body {\n  height: 90% !important;\n}\n::v-deep .el-dialog__body {\n  height: 100%;\n}\n\n::v-deep .avue-crud .el-table {\n  height: auto !important;\n  max-height: calc(100vh - 274px) !important;\n}\n\n::v-deep .avueCrud .el-table {\n  height: auto !important;\n  max-height: calc(100vh - 274px) !important;\n}\n\n::v-deep .avueCrudNoTag .el-table {\n  height: auto !important;\n  max-height: calc(100vh - 234px) !important;\n}\n\n::v-deep .noFile .avue-crud .el-table {\n  height: 100px !important;\n}\n\n::v-deep .noFile .avueCrud .el-table {\n  height: 100px !important;\n}\n\n::v-deep .noFile .avueCrudNoTag .el-table {\n  height: 100px !important;\n}\n</style>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    [\n      _c(\n        \"div\",\n        { staticClass: \"headTitle\" },\n        [\n          _vm.title\n            ? _c(\"head-layout\", {\n                attrs: {\n                  \"is-show-tip\": _vm.isShowTip,\n                  \"head-title\": _vm.title,\n                },\n              })\n            : _vm._e(),\n          _c(\n            \"div\",\n            { staticClass: \"flex-container\" },\n            [\n              _vm.updateName === \"updateName\"\n                ? _c(\n                    \"el-button\",\n                    {\n                      staticStyle: { \"margin-right\": \"5px\" },\n                      attrs: { size: \"small\" },\n                      on: { click: _vm.save },\n                    },\n                    [_vm._v(\"保存\")]\n                  )\n                : _vm._e(),\n              !_vm.disabled\n                ? _c(\n                    \"el-upload\",\n                    {\n                      staticClass: \"upload-demo\",\n                      attrs: {\n                        action: \"https://jsonplaceholder.typicode.com/posts/\",\n                        \"show-file-list\": false,\n                        \"before-upload\": _vm.beforeSuccess,\n                        \"on-success\": _vm.uploadSuccess,\n                        \"on-preview\": _vm.handlePreview,\n                        \"on-remove\": _vm.handleRemoveFile,\n                        \"http-request\": _vm.handleHttpRequest,\n                        \"on-exceed\": _vm.handleExceed,\n                        multiple: \"\",\n                      },\n                    },\n                    [\n                      _c(\n                        \"el-button\",\n                        { attrs: { size: \"small\", type: \"primary\" } },\n                        [_vm._v(\"点击上传\")]\n                      ),\n                    ],\n                    1\n                  )\n                : _vm._e(),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      _c(\"grid-layout\", {\n        ref: \"gridLayOut\",\n        staticClass: \"fileTable\",\n        class: _vm.tableData.length == 0 ? \"noFile\" : \"\",\n        attrs: {\n          \"head-title\": \"文件上传\",\n          \"table-options\": _vm.option,\n          \"table-data\": _vm.tableData,\n          \"table-loading\": _vm.loading,\n          \"data-total\": _vm.page.total,\n          \"grid-row-btn\": _vm.gridRowBtn,\n          page: _vm.page,\n        },\n        on: {\n          \"grid-row-detail-click\": _vm.rowView,\n          \"row-download\": _vm.rowDownload,\n          \"row-del\": _vm.rowDel,\n          \"row-pause\": _vm.rowPause,\n        },\n      }),\n      _c(\"kkPreview\", { ref: \"kkPreview\", attrs: { title: \"预览\" } }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1739954831571\n      var cssReload = require(\"/var/jenkins_home/workspace/181_hse_web/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  ","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=67b96d95&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=67b96d95&scoped=true&lang=less\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"67b96d95\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/var/jenkins_home/workspace/181_hse_web/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('67b96d95')) {\n      api.createRecord('67b96d95', component.options)\n    } else {\n      api.reload('67b96d95', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=67b96d95&scoped=true\", function () {\n      api.rerender('67b96d95', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/file-upload/index.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=67b96d95&scoped=true&lang=less\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"bdb7defc-vue-loader-template\\\"}!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=template&id=67b96d95&scoped=true\""],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AAEA;AAGA;AAGA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA/BA;AAAA;AAAA;AAAA;AAiCA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA9CA;AAAA;AAAA;AAAA;AAiDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AApBA;AAAA;AAAA;AAsBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AAAA;AACA;AAEA;AACA;AAIA;AAAA;AAAA;AAIA;AACA;AAKA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAAA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AAEA;AACA;AAhBA;AAAA;AAAA;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlHA;AAAA;AAAA;AAAA;AAoHA;AACA;;;;;;;;;;;;AC7nBA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAKA;AAAA;AAIA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAMA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAAA;AAAA;AAAA;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;;;;;;;;;;;;AC5FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACPA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACvCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;A","sourceRoot":""}