254 lines
11 KiB
JavaScript
254 lines
11 KiB
JavaScript
(function (factory) {
|
||
var nameSpace = 'field_88661234567890123457';
|
||
if (!window[nameSpace]) {
|
||
var Builder = factory();
|
||
window[nameSpace] = { instance: {} };
|
||
window[nameSpace].init = function (options) {
|
||
window[nameSpace].instance[options.privateId] = new Builder(options);
|
||
};
|
||
}
|
||
})(function () {
|
||
function App(options) {
|
||
var self = this;
|
||
self.adaptation = options.adaptation;
|
||
self.privateId = options.privateId;
|
||
self.preUrl = options.url_prefix;
|
||
self.adaptation.formMessage = options.formMessage;
|
||
self.messageObj = options.getData;
|
||
self.folderId = ''; // 网盘文件夹ID，从弹框返回时更新
|
||
self.initDom();
|
||
self.events();
|
||
}
|
||
App.prototype = {
|
||
initDom: function () {
|
||
var self = this;
|
||
self.appendChildDom();
|
||
},
|
||
|
||
events: function () {
|
||
var self = this;
|
||
self.adaptation.ObserverEvent.listen('Event' + self.privateId, function () {
|
||
self.messageObj = self.adaptation.childrenGetData(self.privateId);
|
||
self.appendChildDom();
|
||
});
|
||
},
|
||
|
||
appendChildDom: function () {
|
||
var self = this;
|
||
const params = new URLSearchParams(window.location.search);
|
||
console.log(params)
|
||
const openFrom = params.get('openFrom'); // 返回"2025"
|
||
const type = params.get('type');
|
||
console.log(openFrom)
|
||
console.log(type)
|
||
var edit = !((openFrom != null && (openFrom =='listPending' || openFrom =='listDone' || openFrom =='listSent'))||(type != null && type =='browse'));
|
||
console.log(edit)
|
||
var domStructure = '<section class="cap4-attach is-one">' +
|
||
'<div class="cap4-attach__left field-title" style="width: 70px;">'+
|
||
'<div class="cap4-attach__label" style="text-align: right;">'+
|
||
'<span class="label-margin" style="font-family: "Microsoft YaHei"; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; text-align: right; color: rgb(51, 51, 51); background: transparent;">'
|
||
+ self.messageObj.display.escapeHTML()
|
||
+ '</span></div></div>'
|
||
+ '<div class="cap4-attach__right field-content-wrapper" style="margin-left: 77px;">'
|
||
+'<div class="cap4-attach__cnt field-content" style="border: 1px solid rgb(212, 212, 212); width: 100%;">'
|
||
+'<div class="cap4-attach__items ' + self.privateId + '"></div>'
|
||
+ (edit ? '<div class="cap4-attach__picker ' + self.privateId + '"><div class="icon CAP cap-icon-fujian" style="height: 100%;"></div></idv>' : '')
|
||
+ '</div>'
|
||
+ '</section>';
|
||
document.querySelector('#' + self.privateId).innerHTML = domStructure;
|
||
var fileRef = function() {
|
||
self.redirectToNewPage(self.privateId, self.messageObj, self.adaptation)
|
||
}
|
||
var attachArea = document.querySelector('.cap4-attach__items' + '.' + self.privateId);
|
||
attachArea.innerHTML = "";
|
||
if (self.messageObj.value) {
|
||
console.log(self.messageObj.value)
|
||
var values = JSON.parse(self.messageObj.value);
|
||
var outFileDiv = document.createElement('div');
|
||
attachArea.appendChild(outFileDiv);
|
||
values.forEach(function(item) {
|
||
// 创建一个新的 div 来包含超链接和文件名
|
||
var fileDiv = document.createElement('div');
|
||
fileDiv.className = "cap4-attach__att1 not-custome-btn";
|
||
// 创建超链接元素
|
||
var fileRightDiv = document.createElement('div');
|
||
fileRightDiv.className = "cap4-attach__att";
|
||
var innerArea = '<div class="cap4-attach__aleft"><i class="icon iconfont emptyfile" style="color: rgb(127, 142, 180);"></i></div>'
|
||
+'<div class="cap4-attach__aright" style="border: 0px solid rgb(212, 212, 212);">'
|
||
+'<span style="color: rgb(255, 65, 65);"></span>'
|
||
+ '<span class="goToNewPage" style="word-break: break-all;" data-href="'+ item.previewUrl + '">'+item.name+'</span>'+ (edit ? '<em class="ico16 affix_del_16 '+ self.privateId+'"></em>' : '')
|
||
+'</div>'
|
||
fileRightDiv.innerHTML = innerArea;
|
||
fileDiv.appendChild(fileRightDiv);
|
||
outFileDiv.appendChild(fileDiv);
|
||
|
||
});
|
||
}
|
||
|
||
var content = self.messageObj.formdata.content;
|
||
const picker = document.querySelector('.cap4-attach__picker' + '.' + self.privateId);
|
||
if(picker) {
|
||
document.querySelector('.cap4-attach__picker' + '.' + self.privateId).removeEventListener(
|
||
'click', fileRef);
|
||
document.querySelector('.cap4-attach__picker' + '.' + self.privateId).addEventListener(
|
||
'click', fileRef);
|
||
}
|
||
const goNewPages = document.querySelectorAll('.goToNewPage');
|
||
if(goNewPages.length > 0){
|
||
goNewPages.forEach(element => {
|
||
element.addEventListener('click', function(e) {
|
||
console.log(e.currentTarget.dataset.href)
|
||
window.open(e.currentTarget.dataset.href, '_blank'); //
|
||
});
|
||
});
|
||
}
|
||
const deleteList = document.querySelectorAll('.ico16.' + self.privateId);
|
||
if (deleteList.length > 0) {
|
||
deleteList.forEach(element => {
|
||
element.addEventListener('click', function (e) {
|
||
console.log("触发删除操作");
|
||
|
||
let current = e.target;
|
||
while (current && current !== document.documentElement) {
|
||
if (
|
||
current.classList.contains('cap4-attach__att1') &&
|
||
current.classList.contains('not-custome-btn')
|
||
) {
|
||
console.log("开始清除");
|
||
current.remove();
|
||
break;
|
||
}
|
||
current = current.parentElement;
|
||
}
|
||
});
|
||
});
|
||
}
|
||
//渲染隐藏权限
|
||
if (self.messageObj.auth === 'hide') {
|
||
document.querySelector('#' + self.privateId).innerHTML =
|
||
'<div class="cap4-text__browse" style="line-height: 1.8; color: rgb(0, 0, 0) !important;">***</div>';
|
||
}
|
||
},
|
||
|
||
/** 打开致远弹框 */
|
||
redirectToNewPage: function (privateId, messageObj, adaptation) {
|
||
var self = this;
|
||
// 拼接folderId参数到弹框URL
|
||
var tableName = messageObj.formdata.alldata.tableInfo.formmain.tableName
|
||
var targetObj = messageObj.formdata.formmains[adaptation.formMessage.tableName];
|
||
var oldValue = targetObj[privateId].showValue;
|
||
if (!targetObj) return;
|
||
var assetNo;
|
||
for (var key in targetObj) {
|
||
if (targetObj.hasOwnProperty(key) && !/^auxiliary/.test(key)) {
|
||
if (targetObj[key].display === "资产编号") {
|
||
assetNo = targetObj[key].showValue;
|
||
}
|
||
}
|
||
}
|
||
|
||
var dialogUrl = self.preUrl + '/html/fileUpload.html?bizId=' + assetNo;
|
||
var dialog = $.dialog({
|
||
id: 'fileRefDialog',
|
||
url: dialogUrl,
|
||
width: 1080,
|
||
height: 720,
|
||
title: '关联附件',
|
||
type: 'panel',
|
||
checkMax: true,
|
||
transParams: { oldValue: oldValue},
|
||
closeParam: { show: false, autoClose: false, handler: function () {} },
|
||
buttons: [{
|
||
text: '确认',
|
||
handler: function () {
|
||
var result = dialog.getReturnValue();
|
||
console.log(result)
|
||
if (result) {
|
||
try {
|
||
var data = JSON.parse(result);
|
||
var selected = data.files || [];
|
||
|
||
if (selected.length > 0) {
|
||
// 合并到已有文件列表
|
||
|
||
messageObj = adaptation.childrenGetData(privateId);
|
||
saveFiles(selected, messageObj.id, messageObj.display, privateId,messageObj, adaptation,tableName);
|
||
}
|
||
} catch (e) {
|
||
console.error('解析返回值失败:', e);
|
||
}
|
||
}
|
||
dialog.close();
|
||
}
|
||
}, {
|
||
text: '取消',
|
||
handler: function () { dialog.close(); }
|
||
}]
|
||
});
|
||
},
|
||
|
||
|
||
};
|
||
/** 保存文件列表到表单 */
|
||
function saveFiles(files, fieldName, fieldDisplay, privateId, messageObj, adaptation,tableName) {
|
||
var self = this;
|
||
var param = new Object();
|
||
param.masterId = messageObj.formdata.content.contentDataId;
|
||
param.formId = messageObj.formdata.content.contentTemplateId;
|
||
param.fieldDisplay = fieldDisplay;
|
||
param.value = files;
|
||
param.isFile = 'true';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: '/seeyon/rest/assetsRegion/formBackFill',
|
||
data: JSON.stringify(param),
|
||
dataType: "json",
|
||
contentType: 'application/json;charset=UTF-8',
|
||
success: function(res) {
|
||
// 后台解析数据后 将数据填写到表单中
|
||
if (res.code == 0) {
|
||
var backfill = {};
|
||
backfill.tableName = tableName;
|
||
// 回填主表
|
||
backfill.tableCategory = 'formmain';
|
||
// 后台组装的data数据
|
||
console.log(res.data)
|
||
backfill.updateData = res.data;
|
||
adaptation.backfillFormControlData(backfill, privateId);
|
||
} else {
|
||
// 报错
|
||
$.alert(res.message);
|
||
}
|
||
},
|
||
complete: function() {},
|
||
error: function(e) {
|
||
top.$.error(e.responseText);
|
||
}
|
||
});
|
||
}
|
||
var dynamicLoading = {
|
||
css: function(path) {
|
||
if (!path || path.length === 0) {
|
||
throw new Error('argument "path" is required !');
|
||
}
|
||
var head = document.getElementsByTagName('head')[0];
|
||
var link = document.createElement('link');
|
||
link.href = path;
|
||
link.rel = 'stylesheet';
|
||
link.type = 'text/css';
|
||
head.appendChild(link);
|
||
},
|
||
js: function(path) {
|
||
if (!path || path.length === 0) {
|
||
throw new Error('argument "path" is required !');
|
||
}
|
||
var head = document.getElementsByTagName('head')[0];
|
||
var script = document.createElement('script');
|
||
script.src = path;
|
||
script.type = 'text/javascript';
|
||
head.appendChild(script);
|
||
}
|
||
}
|
||
return App;
|
||
});
|