{"remainingRequest":"F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\src\\views\\archives\\archiveFileInfo\\index.vue?vue&type=style&index=0&id=263edeaa&lang=scss&scoped=true&","dependencies":[{"path":"F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\src\\views\\archives\\archiveFileInfo\\index.vue","mtime":1633763899948},{"path":"F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoudXBsb2FkZXItZXhhbXBsZSB7CiAgd2lkdGg6IDg4MHB4OwogIHBhZGRpbmc6IDE1cHg7CiAgbWFyZ2luOiA0MHB4IGF1dG8gMDsKICBmb250LXNpemU6IDEycHg7CiAgYm94LXNoYWRvdzogMCAwIDEwcHggcmdiYSgwLCAwLCAwLCAuNCk7Cn0KLnVwbG9hZGVyLWV4YW1wbGUgLnVwbG9hZGVyLWJ0biB7CiAgbWFyZ2luLXJpZ2h0OiA0cHg7Cn0KLnVwbG9hZGVyLWV4YW1wbGUgLnVwbG9hZGVyLWxpc3QgewogIG1heC1oZWlnaHQ6IDQ0MHB4OwogIG92ZXJmbG93OiBhdXRvOwogIG92ZXJmbG93LXg6IGhpZGRlbjsKICBvdmVyZmxvdy15OiBhdXRvOwp9Ci5maWxlLXBhbmVsewogIG1hcmdpbi10b3A6IDMwcHg7Cn0KLnVwbG9hZEFsbHsKICBtYXJnaW4tbGVmdDogNzQlOwp9Ci5maWxlY2hvc2V7CiAgZGlzcGxheTogbm9uZTsKfQouZGlyY2hvc2V7CiAgZGlzcGxheTogbm9uZTsKfQoK"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAydA;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","file":"index.vue","sourceRoot":"src/views/archives/archiveFileInfo","sourcesContent":["<template>\n  <div class=\"execution\">\n\n    <avue-crud ref=\"crud\"\n               :page=\"page\"\n               :data=\"tableData\"\n               :table-loading=\"tableLoading\"\n               :option=\"getOption\"\n               @row-save=\"handleSave\"\n               @on-load=\"getPage\"\n               @row-update=\"handleUpdate\"\n               v-model=\"form\"\n               @search-change=\"searchChange\"\n               @refresh-change=\"refreshChange\"\n               @row-del=\"handleDel\"\n    >\n              <template slot=\"menu\" slot-scope=\"scope\">\n                <el-dropdown ><span class=\"el-dropdown-link\"><el-button type=\"text\" size=\"small\">操作列表<i class=\"el-icon-arrow-down el-icon--right\"></i></el-button>\n             </span>\n                  <el-dropdown-menu slot=\"dropdown\">\n                    <el-dropdown-item  v-if='scope.row.status == 1 || scope.row.status == 3'><span @click=\"updateFileInfo(scope.row)\"><i class=\"el-icon-edit\"></i> 编辑</span>\n                    </el-dropdown-item>\n                    <el-dropdown-item  v-if='scope.row.status == 1 || scope.row.status == 3'><span @click=\"copy(scope.row)\"><i class=\"el-icon-document-copy\"></i> 复制</span>\n                    </el-dropdown-item>\n                    <el-dropdown-item  v-if='scope.row.status == 1 || scope.row.status == 3'><span @click=\"handleDel(scope.row)\"><i class=\"el-icon-delete\"></i> 删除</span>\n                    </el-dropdown-item>\n                    <el-dropdown-item  v-if='scope.row.status == 1 || scope.row.status == 3'><span @click=\"electronicFileUpload(scope.row)\"><i class=\"el-icon-upload\"></i> 批量上传</span>\n                    </el-dropdown-item>\n                    <el-dropdown-item ><span @click=\"showFileList(scope.row)\"><i class=\"el-icon-tickets\"></i>上传列表</span>\n                    </el-dropdown-item>\n                    <el-dropdown-item  ><span @click=\"view(scope.row)\"><i class=\"el-icon-view\"></i> 查看</span>\n                    </el-dropdown-item>\n                  </el-dropdown-menu>\n                </el-dropdown>\n              </template>\n\n             <template slot=\"menuLeft\">\n              <el-button type=\"primary\" size=\"small\" icon=\"el-icon-plus\" @click=\"addCatalog()\" v-if=\"$props.status==1||$props.status==3\">\n                添加卷内文件\n              </el-button>\n            </template>\n    </avue-crud>\n<!--批量上传文件-->\n    <el-dialog title=\"批量上传\" :visible.sync=\"dsBox\" :modal=false width=\"100%\" fullscreen @close=\"dsBox=false\" class=\"batchUpload\" :before-close=\"handleClose\" style=\"text-align: center\">\n      <template>\n        <uploader\n          ref=\"uploader\"\n          :autoStart=\"false\"\n          :fileStatusText=\"fileStatusText\"\n          :options=\"options\"\n          @file-added=\"onFileAdded\"\n          @file-success=\"onFileSuccess\"\n          @file-progress=\"onFileProgress\"\n          @file-error=\"onFileError\"\n          @class=\"uploader-example\">\n          <uploader-unsupport></uploader-unsupport>\n          <uploader-btn class=\"filechose\">选择文件</uploader-btn>\n          <uploader-btn :directory=\"true\" class=\"dirchose\">选择文件夹</uploader-btn>\n          <el-button type=\"primary\" size=\"small\" icon=\"el-icon-document-add\" class=\"chosefile\" @click=\"filechose\">选择文件</el-button>\n          <el-button type=\"primary\" size=\"small\" icon=\"el-icon-folder-add\"  class=\"chosedir\" @click=\"dirchose\">选择文件夹</el-button>\n          <el-button type=\"success\" size=\"small\" icon=\"el-icon-upload\" class=\"uploadAll\" @click=\"uploadAll\">一键上传</el-button>\n          <uploader-list>\n            <div class=\"file-panel\" slot-scope=\"props\">\n              <ul class=\"file-list\">\n                <li v-for=\"file in props.fileList\" :key=\"file.id\">\n                  <uploader-file :class=\"'file_' + file.id\" ref=\"files\" :file=\"file\" :list=\"true\"></uploader-file>\n                </li>\n                <div class=\"no-file\" v-if=\"!props.fileList.length\"><i class=\"nucfont inuc-empty-file\"></i> 暂无待上传文件</div>\n              </ul>\n            </div>\n          </uploader-list>\n        </uploader>\n      </template>\n    </el-dialog>\n<!--    文件列表-->\n    <el-drawer\n      :title=\"uploadTitle\"\n      :visible.sync=\"drawer\"\n      :direction=\"direction\"\n      :with-header=\"false\"\n      :modal=false\n      size=\"60%\"\n     >\n      <avue-crud ref=\"upCrud\"\n                 :page=\"fileUploadPage\"\n                 :data=\"fileUpTableData\"\n                 :table-loading=\"fileUpTableLoading\"\n                 :option=\"uploadOption\"\n                 @on-load=\"getUpPage\"\n                 v-model=\"fileUpForm\"\n                 @refresh-change=\"fileUpRefreshChange\">\n        <template slot=\"menu\" slot-scope=\"scope\">\n\n              <el-button type=\"text\" @click=\"downloadUtils(scope.row.path)\" class=\"el-icon-download\"> 下载</el-button>\n\n        </template>\n      </avue-crud>\n    </el-drawer>\n  </div>\n</template>\n\n<script>\nimport {wsFileInfo} from \"@/const/crud/archives/wsArchiveRecordinfo\";\nimport {swFileInfo} from \"@/const/crud/archives/swArchiveRecordinfo\";\nimport {addInfo, listInfo,delInfo,updateInfo} from \"@/api/archives/fileInfo\";\nimport {jjFileInfo} from \"@/const/crud/archives/jjArchiveRecordinfo\";\nimport {sxFileInfo} from \"@/const/crud/archives/sxArchiveRecordinfo\";\nimport {htFileInfo} from \"@/const/crud/archives/htArchiveRecordinfo\";\nimport {jyFileInfo} from \"@/const/crud/archives/jyArchiveRecordinfo\";\nimport {zxFileInfo} from \"@/const/crud/archives/zxArchiveRecordinfo\";\nimport {yjFileInfo} from \"@/const/crud/archives/yjArchiveRecordinfo\";\nimport {commonFileInfo, commonTableOption} from \"@/const/crud/archives/commonArchiveRecordinfo\";\nimport store from \"@/store\";\nimport {fileUploadTableOption} from \"@/const/crud/archives/fileUploadList\";\nimport {listFileUploadList} from \"@/api/archives/fileUploadList\";\nimport {downLoadUtil} from \"@/api/archives/archiveRecord\";\n\n\n\nexport default {\n  name: \"archiveFileInfo\",\n  props: [\"arId\", \"archiveCategory\",\"status\",\"archiveCategoryName\",\"archiveScope\",\"storageTime\"],\n  data() {\n    return {\n      uploadTitle:'',\n      fileUpTableLoading:false,\n      fileUpForm:{},\n      uploadOption:fileUploadTableOption,\n      drawer:false,\n      direction:'rtl',\n      fileList:[],\n      form: {},\n      fileUpTableData:[],\n      dsBox:false,\n      tableData: [],\n      tableLoading: false,\n      page: {\n        total: 0, // 总页数\n        currentPage: 1, // 当前页数\n        pageSize: 10, // 每页显示多少条\n      },\n      fileUploadPage:{\n        total: 0, // 总页数\n        currentPage: 1, // 当前页数\n        pageSize: 10, // 每页显示多少条\n      },\n      paramsSearch:{},\n      fileUpParamsSearch:{},\n      fileStatusText:{\n        success: '上传成功',\n        error: '上传失败',\n        uploading: '上传中',\n        paused: '停止',\n        waiting: '等待中',\n        cmd5: '加密中'\n      },\n      options: {\n        target: \"/dev-api/archives/archiveelectronicfile/batchBindElectronicFile\",\n        testChunks: false,\n        chunkSize: 1024*1024*200,  //1MB\n        simultaneousUploads: 1, //并发上传数\n        headers: {\n          Authorization: 'Bearer ' +store.getters.token\n        },\n        query:{},\n      },\n    }\n  },\n  mounted() {\n    // this.getPage(this.page)\n  },\n  methods: {\n    downloadUtils(url){\n      let  obj={\n        fileName:url,\n        delete:false\n      }\n      downLoadUtil(obj).then(res=>{\n        let blob = res\n        if (blob.size<=0){\n          this.$notify.error(\"下载文件失败,或由于文件已不存在\");\n          return;\n        }\n        let downloadElement = document.createElement('a');\n        let href = window.URL.createObjectURL(blob); // 创建下载的链接\n        downloadElement.href = href;\n        let fileName= url.substring(url.lastIndexOf(\"/\")+1)\n        downloadElement.download = fileName; // 下载后文件名\n        document.body.appendChild(downloadElement);\n        downloadElement.click(); // 点击下载\n        document.body.removeChild(downloadElement); // 下载完成移除元素\n        window.URL.revokeObjectURL(href); // 释放掉blob对象\n      }).catch(err=>{\n        this.$notify.error(err)\n      })\n    },\n    showFileList(row){\n      this.uploadTitle=row.title\n      this.fileUpParamsSearch.fileId=row.id\n      this.fileUploadPage.currentPage=1\n      this.getUpPage(this.fileUploadPage)\n       this.drawer=true\n    },\n    handleClose(){\n      this.$confirm('是否确认关闭批量挂接窗口', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(() => {\n        // 在 uploader 组件上会有 uploader 属性 指向的就是 Uploader 实例\n        const uploaderInstance = this.$refs.uploader.uploader\n        // 这里可以调用实例方法\n        uploaderInstance.cancel()\n        this.dsBox = false\n        this.getPage(this.page)\n      })\n    },\n    filechose(){\n      document.getElementsByClassName(\"filechose\")[0].click();\n    },\n    dirchose(){\n      document.getElementsByClassName(\"dirchose\")[0].click();\n    },\n    //添加文件到列表 还未上传\n    onFileAdded(file) {},\n    //上传成功\n    onFileSuccess(rootFile, file, response, chunk) {\n      let res = JSON.parse(response);\n      if(res.code==200){\n        this.$notify({\n          title:'成功',\n          type: 'success',\n          message: '上传成功'\n        });\n      }else {\n        this.$notify({\n          title:'失败',\n          type: 'error',\n          message: '上传失败'\n        });\n        this.statusSet(file.id, 'failed');\n      }\n    },\n    /**\n     * 新增的自定义的状态: 'md5'、'transcoding'、'failed'\n     * @param id\n     * @param status\n     */\n    statusSet(id, status) {\n      let statusMap = {\n        md5: {\n          text: '校验MD5',\n          bgc: '#fff'\n        },\n        merging: {\n          text: '合并中',\n          bgc: '#e2eeff'\n        },\n        transcoding: {\n          text: '转码中',\n          bgc: '#e2eeff'\n        },\n        failed: {\n          text: '上传失败',\n          bgc: '#e2eeff'\n        }\n      }\n      this.$nextTick(() => {\n        var para = document.createElement(\"p\");\n        para.classList.add(\"myStatus_\"+id);\n        var node = document.createTextNode(statusMap[status].text);\n        para.appendChild(node);\n        var parent = document.getElementsByClassName(\"file_\"+id)[0];\n        var element1 = document.getElementsByClassName(\"file_\"+id)[0]\n        var element = undefined;\n        if(element1){\n          element = element1.getElementsByClassName(\"uploader-file-status\")[0];\n          var child = element.firstElementChild\n          element.removeChild(child);\n          para.style.cssText = 'position: absolute; top: 0; left: 0 ;right:0;bottom:0;zIndex:1;backgroundColor:'+statusMap[status].bgc;\n          parent.setAttribute('status', 'error');\n          element.appendChild(para);\n        }\n      })\n    },\n    statusRemove(id) {\n      this.$nextTick(() => {\n        var statusDom = document.getElementById(\"myStatus_\"+id)\n        statusDom.remove();\n      })\n    },\n    //文件进度的回调\n    onFileProgress(rootFile, file, chunk) {},\n    //出错\n    onFileError(rootFile, file, response, chunk) {\n      let res = JSON.parse(response);\n      this.$notify({\n        title:'失败',\n        type: 'error',\n        message: res.msg\n      });\n    },\n    uploadAll(){\n      // 在 uploader 组件上会有 uploader 属性 指向的就是 Uploader 实例\n      const uploaderInstance = this.$refs.uploader.uploader\n      // 这里可以调用实例方法\n      uploaderInstance.resume()\n    },\n    electronicFileUpload(row){\n      this.options.query.arSort=row.arSort\n      this.options.query.fileId=row.id\n      this.options.query.archiveCategory=this.$props.archiveCategoryName;\n        this.options.query.archiveScope=this.$props.archiveScope;\n        this.options.query.storageTime=this.$props.storageTime;\n        this.options.query.id=this.$props.arId;\n      this.dsBox = true\n\n    },\n    view(row){\n      this.$refs.crud.rowView(row)\n    },\n    updateFileInfo(row, index) {\n      this.$refs.crud.rowEdit(row, index);\n    },\n    searchChange(params, done) {\n      this.paramsSearch = params\n      this.page.currentPage = 1\n      this.getPage(this.page, params)\n      done()\n    },\n    getPage(page, params) {\n      this.paramsSearch.arId=this.$props.arId\n      this.tableLoading = true\n      listInfo(Object.assign({\n        pageNum: page.currentPage,\n        pageSize: page.pageSize,\n      }, params, this.paramsSearch)).then(response => {\n        this.tableData = response.rows\n        this.page.total = response.total.toString()\n        this.page.currentPage = page.currentPage\n        this.page.pageSize = page.pageSize\n        this.tableLoading = false\n      }).catch(() => {\n        this.tableLoading = false\n      })\n    },\n    getUpPage(page, params) {\n      this.fileUpTableLoading = true\n      listFileUploadList(Object.assign({\n        pageNum: page.currentPage,\n        pageSize: page.pageSize,\n      }, params, this.fileUpParamsSearch)).then(response => {\n        this.fileUpTableData = response.rows\n        this.fileUploadPage.total = response.total.toString()\n        this.fileUploadPage.currentPage = page.currentPage\n        this.fileUploadPage.pageSize = page.pageSize\n        this.fileUpTableLoading = false\n      }).catch(() => {\n        this.fileUpTableLoading = false\n      })\n    },\n    addCatalog() {\n      this.$refs.crud.rowAdd();\n    },\n    refreshChange(page) {\n      this.getPage(this.page)\n    },\n    fileUpRefreshChange(){\n      this.getUpPage(this.fileUploadPage)\n    },\n    /**\n     * @title 数据添加\n     * @param row 为当前的数据\n     * @param done 为表单关闭函数\n     *\n     **/\n    handleSave: function (row, done, loading) {\n      row.arId = this.$props.arId\n      if(this.$props.archiveCategory == 'SX'||\n        this.$props.archiveCategory == 'ZXXM'||\n        this.$props.archiveCategory == 'JJ'||\n        this.$props.archiveCategory == 'ZX'){\n        row.numLength=4;\n      }else{\n        row.numLength=3;\n      }\n      addInfo(row).then(response => {\n        this.$notify({\n          title: '成功',\n          showClose: true,\n          message: '添加成功',\n          type: 'success'\n        })\n        done()\n        this.getPage(this.page)\n      }).catch(() => {\n        loading()\n      })\n    },\n    handleDel: function (row) {\n\n          let ids = [];\n          ids.push(row.id)\n\n        this.$confirm('是否确认删除此数据', '提示', {\n          confirmButtonText: '确定',\n          cancelButtonText: '取消',\n          type: 'warning'\n        }).then(function () {\n          return delInfo(ids);\n        }).then(data => {\n          this.$notify({\n            title: '成功',\n            showClose: true,\n            message: '删除成功',\n            type: 'success'\n          });\n          this.getPage(this.page);\n        }).catch(function (err) {\n        })\n      },\n    handleUpdate: function (row, index, done, loading) {\n      updateInfo(row).then(response => {\n        this.$notify({\n          title: '成功',\n          showClose: true,\n          message: '修改成功',\n          type: 'success'\n        })\n        done()\n        this.getPage(this.page)\n      }).catch(() => {\n        loading()\n      })\n    },\n    },\n\n\n\n  computed: {\n    getOption() {\n      if (this.$props.archiveCategory == 'WS'||this.$props.archiveCategory == 'ZXXM') {\n        return wsFileInfo\n      } else if (this.$props.archiveCategory == 'SW') {\n\n        return swFileInfo;\n      }else if (this.$props.archiveCategory == 'JJ') {\n\n        return jjFileInfo;\n      }else if (this.$props.archiveCategory == 'SX') {\n\n        return sxFileInfo;\n      }else if (this.$props.archiveCategory == 'HT') {\n\n        return htFileInfo;\n      }else if (this.$props.archiveCategory == 'JYDA') {\n\n        return jyFileInfo;\n      }else if (this.$props.archiveCategory == 'ZX') {\n\n        return zxFileInfo;\n      }else if (this.$props.archiveCategory == 'DAYJJL') {\n\n        return yjFileInfo;\n      }else{\n        return commonFileInfo;\n      }\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.uploader-example {\n  width: 880px;\n  padding: 15px;\n  margin: 40px auto 0;\n  font-size: 12px;\n  box-shadow: 0 0 10px rgba(0, 0, 0, .4);\n}\n.uploader-example .uploader-btn {\n  margin-right: 4px;\n}\n.uploader-example .uploader-list {\n  max-height: 440px;\n  overflow: auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.file-panel{\n  margin-top: 30px;\n}\n.uploadAll{\n  margin-left: 74%;\n}\n.filechose{\n  display: none;\n}\n.dirchose{\n  display: none;\n}\n\n</style>\n"]}]}