aos-element
Version:
A Component Library for Vue.js.
1,482 lines (1,427 loc) • 50.7 kB
JavaScript
module.exports =
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/dist/";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 175);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
/* globals __VUE_SSR_CONTEXT__ */
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
// This module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle.
function normalizeComponent (
scriptExports,
render,
staticRenderFns,
functionalTemplate,
injectStyles,
scopeId,
moduleIdentifier, /* server only */
shadowMode /* vue-cli only */
) {
// Vue.extend constructor export interop
var options = typeof scriptExports === 'function'
? scriptExports.options
: scriptExports
// render functions
if (render) {
options.render = render
options.staticRenderFns = staticRenderFns
options._compiled = true
}
// functional template
if (functionalTemplate) {
options.functional = true
}
// scopedId
if (scopeId) {
options._scopeId = 'data-v-' + scopeId
}
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = shadowMode
? function () {
injectStyles.call(
this,
(options.functional ? this.parent : this).$root.$options.shadowRoot
)
}
: injectStyles
}
if (hook) {
if (options.functional) {
// for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer
options._injectStyles = hook
// register for functional component in vue file
var originalRender = options.render
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return originalRender(h, context)
}
} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
}
}
return {
exports: scriptExports,
options: options
}
}
/***/ }),
/***/ 14:
/***/ (function(module, exports) {
module.exports = require("aos-element/lib/utils/popup");
/***/ }),
/***/ 175:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/aos-files/src/main.vue?vue&type=template&id=367755a8&
var render = function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"div",
{ staticClass: "aos-files" },
[
_c(
"div",
{ staticClass: "aos-files__left" },
[
_c(
"div",
{ staticClass: "aos-files__tree-search" },
[
_c("el-input", {
attrs: {
placeholder: "输入搜索关键词",
"suffix-icon": "el-icon-search"
},
model: {
value: _vm.filterText,
callback: function($$v) {
_vm.filterText = $$v
},
expression: "filterText"
}
})
],
1
),
_c("el-tree", {
ref: "tree",
staticClass: "aos-files__tree",
attrs: {
"default-expand-all": "",
data: _vm.categorys,
props: _vm.defaultProps,
"filter-node-method": _vm.filterNode
},
on: { "node-click": _vm.handleNodeClick },
scopedSlots: _vm._u([
{
key: "default",
fn: function(ref) {
var node = ref.node
var data = ref.data
return _c("span", { staticClass: "aos-files__tree-item" }, [
_c(
"span",
{
class: { "aos-files__required": data.required },
attrs: { title: node.label }
},
[_vm._v(_vm._s(node.label))]
)
])
}
}
])
})
],
1
),
_c("div", { staticClass: "aos-files__container" }, [
_c(
"div",
{ staticClass: "aos-files__operation" },
[
_c(
"el-checkbox",
{
on: { change: _vm.handleCheckedAll },
model: {
value: _vm.checkedAll,
callback: function($$v) {
_vm.checkedAll = $$v
},
expression: "checkedAll"
}
},
[_vm._v("全选")]
),
_c(
"el-button",
{
staticClass: "aos-files__operation-button",
attrs: { type: "text" },
on: { click: _vm.handleDownloadBatch }
},
[_c("i", { staticClass: "el-icon-download" }), _vm._v("批量下载")]
),
_vm.showDelete
? _c(
"el-button",
{
staticClass: "aos-files__operation-button",
attrs: { type: "text" },
on: { click: _vm.handleDeleteBatch }
},
[
_c("i", { staticClass: "el-icon-delete" }),
_vm._v("批量删除")
]
)
: _vm._e()
],
1
),
_c("div", { staticClass: "aos-files__main" }, [
_c("div", { staticClass: "aos-files__hint" }, [
_c("i", { staticClass: "el-icon-question" }),
_vm._v(_vm._s(_vm.currentFiles.fileCountMessage))
]),
_c("div", { staticClass: "aos-files__file" }, [
_vm.currentFiles.detailChildren &&
_vm.currentFiles.detailChildren.length > 0
? _c(
"div",
{
staticClass: "aos-files__file-item",
attrs: { id: "aos-files_" + _vm.currentFiles.id }
},
[
_c(
"el-checkbox-group",
{
staticClass: "aos-files__file-item-group",
model: {
value: _vm.currentCheckedList,
callback: function($$v) {
_vm.currentCheckedList = $$v
},
expression: "currentCheckedList"
}
},
_vm._l(_vm.currentFiles.detailChildren, function(item) {
return _c(
"div",
{
key: item.id,
staticClass: "aos-files__file-item-container"
},
[
_c(
"div",
{ staticClass: "aos-files__file-item-body" },
[
_vm.otherFileTypeList.indexOf(
item.fileExt.toLowerCase()
) > -1
? _c(
"div",
{
staticClass:
"aos-files__file-item-detail"
},
[
item.fileExt === "docx" ||
item.fileExt === "DOCX"
? _c("i", {
staticClass: "iconfont icon-doc",
staticStyle: {
cursor: "pointer",
"font-size": "50px"
},
attrs: {
title: item.fileName,
name: item.fileName
}
})
: item.fileExt === "xlsx" ||
item.fileExt === "XLSX"
? _c("i", {
staticClass: "iconfont icon-xls",
staticStyle: {
cursor: "pointer",
"font-size": "50px"
},
attrs: {
title: item.fileName,
name: item.fileName
}
})
: _vm.iconList.includes(item.fileExt)
? _c("i", {
staticClass: "iconfont",
class: "icon-" + item.fileExt,
staticStyle: {
cursor: "pointer",
"font-size": "50px"
},
attrs: {
title: item.fileName,
name: item.fileName
}
})
: _vm._e()
]
)
: item.fileExt === "pdf" ||
item.fileExt === "PDF"
? _c(
"div",
{
staticClass:
"aos-files__file-item-detail",
on: {
click: function($event) {
_vm.handleViewPdf(item)
}
}
},
[
_c("i", {
staticClass: "iconfont icon-pdf",
staticStyle: {
cursor: "pointer",
"font-size": "50px"
},
attrs: {
title: item.fileName,
name: item.fileName
}
})
]
)
: _vm.videoFileTypeList.indexOf(
item.fileExt.toLowerCase()
) > -1
? _c(
"div",
{
staticClass:
"aos-files__file-item-detail",
on: {
click: function($event) {
_vm.handleViewVideo(item)
}
}
},
[
_c("i", {
staticClass: "iconfont icon-mp4",
staticStyle: {
cursor: "pointer",
"font-size": "50px"
},
attrs: {
title: item.fileName,
name: item.fileName
}
})
]
)
: _vm.audioFileTypeList.indexOf(
item.fileExt.toLowerCase()
) > -1
? _c(
"div",
{
staticClass:
"aos-files__file-item-detail",
on: {
click: function($event) {
_vm.handleViewVideo(item)
}
}
},
[
_c("i", {
staticClass: "iconfont icon-mp3",
staticStyle: {
cursor: "pointer",
"font-size": "50px"
},
attrs: {
title: item.fileName,
name: item.fileName
}
})
]
)
: _vm.imgFileTypeList.includes(
item.fileExt.toLowerCase()
)
? _c(
"div",
{
staticClass:
"aos-files__file-item-detail",
on: {
click: function($event) {
_vm.handleViewerImg(
"aos-files_" + _vm.currentFiles.id
)
}
}
},
[
_c("img", {
staticStyle: { cursor: "pointer" },
attrs: {
src: item.thumbFileUrl,
alt: item.fileName,
name: item.fileName,
title: item.fileName
}
})
]
)
: _c(
"div",
{
staticClass:
"aos-files__file-item-detail"
},
[
_c("i", {
staticClass: "el-icon-document"
})
]
),
_c(
"div",
{
staticClass:
"aos-files__file-item-operation"
},
[
_vm.showDelete
? _c(
"span",
{
staticClass:
"aos-files__file-item-operation-delete",
on: {
click: function($event) {
_vm.handleDelete(item)
}
}
},
[_vm._v("删除")]
)
: _vm._e(),
_c(
"span",
{
staticClass:
"aos-files__file-item-operation-download",
on: {
click: function($event) {
_vm.handleDownload(item)
}
}
},
[_vm._v("下载")]
)
]
),
_c(
"div",
{ staticClass: "aos-files__file-item-check" },
[
_c("el-checkbox", {
attrs: {
label: item.id,
checked: item.checked,
showLabel: false
}
})
],
1
)
]
),
_c(
"div",
{ staticClass: "aos-files__file-item-name" },
[
_vm._v(
_vm._s(item.fileName + "." + item.fileExt)
)
]
)
]
)
}),
0
),
_vm.currentFiles.showItemUpload && _vm.showUpload
? _c(
"div",
{ staticClass: "aos-files__file-item-container" },
[
_c(
"el-upload",
{
directives: [
{
name: "loading",
rawName: "v-loading",
value: _vm.loading,
expression: "loading"
}
],
staticClass: "aos-files__file-item-body",
attrs: {
drag: "",
multiple: "",
accept: _vm.acceptFileExt,
"show-file-list": false,
action:
"/oss/api/fids/upload?ruFileId=" +
_vm.currentFiles.id,
"before-upload": _vm.handleBeforeUpload,
"on-error": _vm.handleOnerror,
"on-success": _vm.handleUploadSuccess
}
},
[
_c("i", { staticClass: "el-icon-upload" }),
_c("div", { staticClass: "el-upload__text" }, [
_vm._v("将文件拖到此处，或"),
_c(
"span",
{
staticClass: "aos-files__file-item-button"
},
[_vm._v("点击上传")]
)
])
]
),
_c(
"div",
{ staticClass: "aos-files__file-item-name" },
[_vm._v(_vm._s(_vm.includeFileExt))]
)
],
1
)
: _vm._e()
],
1
)
: _vm.currentFiles.showItemUpload && _vm.showUpload
? _c(
"div",
{ staticClass: "aos-files__file-item-container" },
[
_c(
"el-upload",
{
directives: [
{
name: "loading",
rawName: "v-loading",
value: _vm.loading,
expression: "loading"
}
],
staticClass: "aos-files__file-item-body",
attrs: {
drag: "",
multiple: "",
accept: _vm.acceptFileExt,
"show-file-list": false,
action:
"/oss/api/fids/upload?ruFileId=" +
_vm.currentFiles.id,
"before-upload": _vm.handleBeforeUpload,
"on-error": _vm.handleOnerror,
"on-success": _vm.handleUploadSuccess
}
},
[
_c("i", { staticClass: "el-icon-upload" }),
_c("div", { staticClass: "el-upload__text" }, [
_vm._v("将文件拖到此处，或"),
_c(
"span",
{ staticClass: "aos-files__file-item-button" },
[_vm._v("点击上传")]
)
])
]
),
_c("div", { staticClass: "aos-files__file-item-name" }, [
_vm._v(_vm._s(_vm.includeFileExt))
])
],
1
)
: _vm._e()
])
])
]),
_c(
"el-dialog",
{
attrs: {
title: "播放器",
visible: _vm.showVideDialog,
"append-to-body": "",
"destroy-on-close": "",
width: "30%"
},
on: {
"update:visible": function($event) {
_vm.showVideDialog = $event
},
close: _vm.handleVideoClose
}
},
[
_c(
"div",
{ staticClass: "aos-files__video" },
[
_c("aos-video", {
ref: "aos-files-video",
attrs: { options: _vm.videoOptions }
})
],
1
)
]
)
],
1
)
}
var staticRenderFns = []
render._withStripped = true
// CONCATENATED MODULE: ./packages/aos-files/src/main.vue?vue&type=template&id=367755a8&
// EXTERNAL MODULE: external "viewerjs-optimize"
var external_viewerjs_optimize_ = __webpack_require__(29);
var external_viewerjs_optimize_default = /*#__PURE__*/__webpack_require__.n(external_viewerjs_optimize_);
// EXTERNAL MODULE: external "aos-element/lib/utils/popup"
var popup_ = __webpack_require__(14);
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/aos-files/src/main.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var mainvue_type_script_lang_js_ = ({
name: 'AosFiles',
props: {
// 业务类型
businessModel: {
type: String,
required: true
},
// 业务主键
businessPk: {
type: String,
required: true
},
// 业务场景
businessScene: {
type: String,
default: ''
},
// 是否显示上传
showUpload: {
type: Boolean,
default: true
},
// 是否显示删除按钮
showDelete: {
type: Boolean,
default: true
},
beforeUpload: {
type: Function
}
},
watch: {
filterText: function filterText(val) {
this.$refs.tree.filter(val);
},
businessPk: function businessPk(val, oldVal) {
if (val !== oldVal) {
this.getFileDetail();
}
},
businessModel: function businessModel(val, oldVal) {
if (val !== oldVal) {
this.getFileDetail();
}
},
businessScene: function businessScene(val, oldVal) {
if (val !== oldVal) {
this.getFileDetail();
}
}
},
data: function data() {
return {
defaultProps: {
label: 'name',
children: 'children'
},
viewer: '',
categorys: [],
files: '',
fileItems: '',
currentContainerId: '',
currentContainer: '',
currentFiles: '',
checkedAll: false,
otherFileTypeList: ['docx', 'doc', 'xls', 'zip', 'xlsx', 'rar', 'txt'],
iconList: ['bmp', 'doc', 'gif', 'mp3', 'pdf', 'ppt', 'txt', 'rar', 'xls', 'zip', 'wps', 'avi', 'mp4'],
videoFileTypeList: ['mp4', 'webm', 'mov', 'flv'],
audioFileTypeList: ['mp3', 'wav', 'ogg'],
imgFileTypeList: ['png', 'jpg', 'jpeg', 'gif', 'tif', 'tiff', 'bmp', 'svg', 'webp', 'ico'],
currentCheckedList: [],
filterText: '',
showVideDialog: false,
videoOptions: {},
includeFileExt: '支持rar、zip、doc、docx、xls、xlsx、wps、ppt、txt、mp3、ogg、avi、mp4、jpg、jpeg、png、gif、svg, pdf格式',
acceptFileExt: 'rar,zip,doc,docx,xls,xlsx,wps,ppt,txt,pdf,mp3,ogg,avi,mp4,jpg,jpeg,png,gif,svg,PNG,JPG,JPEG,PNG,GIF,SVG,RAR,ZIP,DOC,DOCX,XLS,XLSX,WPS,PPT,TXT,PDF,MP3,MP4,AVI',
loading: false
};
},
created: function created() {
this.getFileDetail();
},
beforeDestroy: function beforeDestroy() {
if (this.viewer) {
this.viewer = null;
}
this.removeContainer();
},
methods: {
handleVideoClose: function handleVideoClose() {
this.$refs['aos-files-video'].destory();
},
// 校验必传的图片
checkAready: function checkAready(callback) {
if (typeof callback !== 'function' && window.Promise) {
window.Promise(function (resolve, reject) {
callback = function callback(valid) {
valid ? resolve(valid) : reject(valid);
};
});
}
var valid = true;
var length = this.files.length;
for (var i = 0; i < length; i++) {
if (!this.files[i].isAready) {
valid = false;
break;
}
}
callback(valid);
},
filterNode: function filterNode(value, data) {
if (!value) return true;
return data.name.indexOf(value) !== -1;
},
handleViewPdf: function handleViewPdf(item) {
this.$openPdfViewer(item.realFileUrl);
},
handleViewVideo: function handleViewVideo(item) {
this.showVideDialog = true;
this.videoOptions = {
width: 400,
sources: [{
src: item.realFileUrl,
type: 'video/' + item.fileExt
}]
};
},
handleViewerImg: function handleViewerImg(id) {
this.showImgViewer = true;
if (this.viewer) {
this.viewer.destroy();
this.viewer = null;
}
this.viewer = new external_viewerjs_optimize_default.a(document.getElementById(id), {
className: 'aos-img-viewer-container ' + id,
zIndex: popup_["PopupManager"].nextZIndex() + 100
});
},
handleViewImg: function handleViewImg() {
var data = this.currentFiles;
if (!data.detailChildren || data.detailChildren && data.detailChildren.length <= 0) return;
this.removeContainer(data.id);
var container = this.currentContainer;
if (this.viewer) {
this.viewer.destroy();
this.viewer = null;
}
var children = data.detailChildren;
if (!this.currentContainerId || this.currentContainerId && this.currentContainerId !== data.id) {
container = this.createImgList(children, data.id);
}
this.currentContainerId = data.id;
this.currentContainer = container;
this.viewer = new external_viewerjs_optimize_default.a(document.getElementById('aos-files-' + data.id), {
className: 'aos-img-viewer-container ' + ('aos-files-' + data.id)
});
container.children[0].click();
},
handleFileItemCheckedChange: function handleFileItemCheckedChange(value, item) {
item.checked = value;
var id = item.id;
if (value) {
this.currentCheckedList.push(id);
} else {
if (this.currentCheckedList.length > 0) {
for (var index = 0; index < this.currentCheckedList.length; index++) {
var element = this.currentCheckedList[index];
if (element === id) {
this.currentCheckedList.splice(index, 1);
break;
}
}
}
}
},
handleCheckedAll: function handleCheckedAll(value) {
var _this = this;
var detailChildren = this.currentFiles.detailChildren;
this.currentCheckedList = [];
if (detailChildren && detailChildren.length > 0) {
this.currentCheckedList = [];
detailChildren.forEach(function (item) {
item.checked = value;
if (value) {
_this.currentCheckedList.push(item.id);
}
});
}
},
handleBeforeUpload: function handleBeforeUpload() {
var self = this;
this.loading = true;
if (this.beforeUpload) {
if (this.beforeUpload()) {
return true;
} else {
this.loading = false;
return false;
}
} else {
this.loading = true;
return true;
}
},
handleOnerror: function handleOnerror() {
this.loading = false;
this.getFileDetail();
},
// 图片上传成功之后重新请求数据
handleUploadSuccess: function handleUploadSuccess(response, file, fileLis) {
this.loading = false;
this.getFileDetail();
},
handleDownload: function handleDownload(fileItem) {
var _this2 = this;
var fileName = fileItem.fileName + '.' + fileItem.fileExt;
this.$http({
url: fileItem.realFileUrl,
responseType: 'blob'
}).then(function (res) {
_this2.download(res.data, fileName);
});
},
handleDelete: function handleDelete(item) {
var _this3 = this;
this.$confirm('是否删除此文件?', '删除提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function () {
_this3.$http({
url: '/oss/api/fids/deleteFile/' + item.id,
method: 'post'
}).then(function (res) {
if (_this3.currentCheckedList.length > 0) {
for (var index = 0; index < _this3.currentCheckedList.length; index++) {
var element = _this3.currentCheckedList[index];
if (element === item.id) {
_this3.currentCheckedList.splice(index, 1);
break;
}
}
}
_this3.getFileDetail();
});
});
},
handleDeleteBatch: function handleDeleteBatch() {
var _this4 = this;
if (this.currentCheckedList.length > 0) {
this.$confirm('是否删除选中文件?', '删除提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function () {
_this4.$http({
url: '/oss/api/fids/deleteFileByIds',
method: 'post',
data: _this4.currentCheckedList
}).then(function (res) {
_this4.currentCheckedList = [];
_this4.getFileDetail();
});
});
} else {
this.$message({
type: 'warning',
message: '当前无选中数据'
});
}
},
download: function download(blob, name) {
var a = document.createElement('a');
var url = window.URL.createObjectURL(blob);
a.href = url;
a.download = name;
document.body.appendChild(a);
a.click();
window.URL.revokeObjectURL(url);
document.body.removeChild(a);
},
handleDownloadBatch: function handleDownloadBatch() {
if (this.currentCheckedList.length > 0) {
if (this.currentCheckedList.length === this.currentFiles.detailChildren.length) {
this.downloadFullZip();
} else {
this.downloadBatch();
}
} else {
this.$message({
type: 'warning',
message: '当前无选中数据'
});
}
},
downloadBatch: function downloadBatch() {
var _this5 = this;
var length = this.currentCheckedList.length;
var zipName = this.currentFiles.sourceName + ('(' + length + ').zip');
this.$http({
url: '/oss/api/fids/download-zip',
method: 'post',
data: this.currentCheckedList,
responseType: 'blob'
}).then(function (res) {
_this5.download(res.data, zipName);
});
},
downloadFullZip: function downloadFullZip() {
var _this6 = this;
var fileName = this.currentFiles.name + '.zip';
this.$http({
url: '/oss/api/fids/download-zip/' + this.currentFiles.id,
responseType: 'blob'
}).then(function (res) {
_this6.download(res.data, fileName);
});
},
// 获取附件详细
getFileDetail: function getFileDetail() {
var _this7 = this;
if (this.viewer) {
this.viewer.destroy();
}
var params = {
businessModel: this.businessModel,
businessKey: this.businessPk,
businessScene: this.businessScene
};
return this.$http({
url: '/oss/api/fids/file-detail-by-business',
method: 'get',
params: params
}).then(function (res) {
//categorys 一级标题,
// files 二级标题
// fileItems 文件明细
_this7.categorys = res.data.categorys;
_this7.files = res.data.files;
_this7.fileItems = res.data.fileItems;
_this7.formatArray();
_this7.getCurrentFiles(_this7.files);
}).catch(function (res) {
_this7.$message({
type: 'error',
message: '请求附件详情出错'
});
});
},
getCurrentFiles: function getCurrentFiles(files) {
if (files && files.length > 0 && this.currentFiles && this.currentFiles.id) {
for (var index = 0; index < files.length; index++) {
var element = files[index];
if (element.id === this.currentFiles.id) {
this.currentFiles = element;
break;
}
}
}
},
// 格式化当前模板需要使用到的数据格式
formatArray: function formatArray() {
var _this8 = this;
// 构建对应小类别的文件详细
this.files.forEach(function (item) {
// let showDisagreeUpload = false;
// let realShowDisagreeUpload = false;
var agree = 0;
var disAgree = 0;
item.detailChildren = [];
item.icon = 'document';
item.checked = false;
if (item.sampleId) {
item.exampleImgUrl = '/oss/api/fids/sample/' + item.sampleId;
} else {
item.exampleImgUrl = null;
}
_this8.fileItems.forEach(function (childItem) {
childItem.thumbFileUrl = '/oss/api/fids/download-thumb/' + childItem.id;
childItem.realFileUrl = '/oss/api/fids/download/' + childItem.id;
childItem.approveDone = true;
childItem.approveAgree = false;
// childItem.showDisagreeUpload = false;
if (childItem.auditStatus === 'new') {
childItem.showItemDelete = true;
childItem.stateMessage = "未审批";
childItem.stateDisAgree = false;
childItem.stateAgree = false;
childItem.approveDone = false;
} else if (childItem.auditStatus === 'qualified') {
childItem.showItemDelete = false;
childItem.stateMessage = "审批通过";
childItem.stateAgree = true; // 控制是否显示审批通过颜色
childItem.stateDisAgree = false; // 控制是否显示审批未通过颜色
childItem.approveAgree = true;
} else if (childItem.auditStatus === 'unqualified') {
childItem.showItemDelete = false;
childItem.stateMessage = "审批未通过";
childItem.stateDisAgree = true;
childItem.stateAgree = false;
// if(this.showDisagreeUpload){
// childItem.showDisagreeUpload = true;
// }
} else {
childItem.showItemDelete = true;
childItem.stateMessage = "未审批";
childItem.stateDisAgree = false;
childItem.stateAgree = false;
childItem.approveDone = false;
}
if (childItem.ruFileId === item.id) {
item.detailChildren.push(childItem);
childItem.filesTypeName = item.name;
if (childItem.auditStatus === 'unqualified') {
disAgree++;
} else {
agree++;
}
// realShowDisagreeUpload = childItem.showDisagreeUpload || showDisagreeUpload;
}
});
item.agree = agree;
item.disAgree = disAgree;
item.sourceName = item.name;
item.name = item.name + ('(' + item.detailChildren.length + ')');
if (item.detailChildren <= 0) {
delete item.detailChildren;
}
// if(agree < item.children.length){
// realShowDisagreeUpload = true;
// } else {
// realShowDisagreeUpload = false;
// }
// item.showDisagreeUpload = realShowDisagreeUpload;
});
// 判断当前已上传的图片是否已超出显示
this.files.forEach(function (item) {
var fileItemsLenegth = item.agree;
if (item.quantity.indexOf('+') > -1) {
item.fileCountMessage = '需要上传最少' + parseInt(item.quantity, 0) + '份资料';
item.approveAgreeNumber = parseInt(item.quantity, 0);
item.showItemUpload = true;
if (fileItemsLenegth >= parseInt(item.quantity.substring(0, 1), 0)) {
_this8.$set(item, 'isAready', true);
} else {
_this8.$set(item, 'isAready', false);
}
if (parseInt(item.quantity.substring(0, 1), 0) !== 0) {
item.required = true;
} else {
item.required = false;
}
} else if (item.quantity.indexOf('-') > -1) {
var maxLength = parseInt(item.quantity.substring(0, 1), 0);
item.approveAgreeNumber = 0;
item.fileCountMessage = '需要上传最多' + parseInt(item.quantity, 0) + '份资料';
if (fileItemsLenegth < maxLength) {
item.showItemUpload = true;
} else {
item.showItemUpload = false;
}
item.isAready = true;
item.required = false;
} else if (item.quantity.indexOf('~') > -1) {
var minLength = parseInt(item.quantity.substring(0, 1), 0);
var _maxLength = parseInt(item.quantity.substring(2), 0);
item.approveAgreeNumber = minLength;
item.fileCountMessage = "需要上传最少" + minLength + "份资料" + ",最多" + _maxLength + "份资料";
if (fileItemsLenegth < _maxLength) {
item.showItemUpload = true;
} else {
item.showItemUpload = false;
}
if (fileItemsLenegth >= minLength) {
item.isAready = true;
} else {
item.isAready = false;
}
item.required = true;
} else {
var length = parseInt(item.quantity, 0);
item.approveAgreeNumber = length;
item.fileCountMessage = "需要上传" + length + "份资料";
if (fileItemsLenegth < length) {
item.showItemUpload = true;
item.isAready = false;
} else {
item.isAready = true;
item.showItemUpload = false;
}
item.required = true;
}
});
this.categorys.forEach(function (item) {
item.children = [];
item.icon = 'folder-opened';
_this8.files.forEach(function (childItem) {
if (item.id === childItem.ruCategoryId) {
item.children.push(childItem);
}
});
if (item.children.length <= 0) {
delete item.children;
}
});
},
removeContainer: function removeContainer(id) {
if (!id) {
document.body.removeChild(document.getElementById('aos-files-' + this.currentContainerId));
} else if (this.currentContainerId && this.currentContainerId !== id) {
document.body.removeChild(document.getElementById('aos-files-' + this.currentContainerId));
}
},
createImgList: function createImgList(list, id) {
var _this9 = this;
var container = document.createElement('div');
container.id = 'aos-files-' + id;
container.style.position = 'absolute';
container.style.top = '-10000px';
container.style.left = '-10000px';
if (list && list.length > 0) {
list.forEach(function (item) {
if (_this9.imgFileTypeList.includes(item.fileExt.toLowerCase())) {
var imgItem = document.createElement('img');
imgItem.src = item.thumbFileUrl;
imgItem.alt = item.fileName;
imgItem.title = item.fileName;
container.appendChild(imgItem);
}
});
}
document.body.append(container);
return container;
},
handleNodeClick: function handleNodeClick(data) {
this.currentFiles = data;
this.currentCheckedList = [];
this.checkedAll = false;
}
}
});
// CONCATENATED MODULE: ./packages/aos-files/src/main.vue?vue&type=script&lang=js&
/* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(0);
// CONCATENATED MODULE: ./packages/aos-files/src/main.vue
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])(
src_mainvue_type_script_lang_js_,
render,
staticRenderFns,
false,
null,
null,
null
)
/* hot reload */
if (false) { var api; }
component.options.__file = "packages/aos-files/src/main.vue"
/* harmony default export */ var main = (component.exports);
// CONCATENATED MODULE: ./packages/aos-files/index.js
main.install = function (Vue) {
Vue.component(main.name, main);
};
/* harmony default export */ var aos_files = __webpack_exports__["default"] = (main);
/***/ }),
/***/ 29:
/***/ (func