|
|
|
@ -2,9 +2,11 @@ |
|
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" > |
|
|
|
<head> |
|
|
|
<th:block th:include="include :: header('修改产品型号管理')" /> |
|
|
|
<th:block th:include="include :: select2-css" /> |
|
|
|
<link th:href="@{/ajax/libs/element-ui/element-ui.css}" rel="stylesheet"/> |
|
|
|
</head> |
|
|
|
<body class="white-bg"> |
|
|
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> |
|
|
|
<div id="app" class="wrapper wrapper-content animated fadeInRight ibox-content"> |
|
|
|
<form class="form-horizontal m" id="form-model-edit" th:object="${sysProductModel}"> |
|
|
|
<input name="pid" th:field="*{pid}" type="hidden"> |
|
|
|
<div class="form-group"> |
|
|
|
@ -56,10 +58,122 @@ |
|
|
|
<input id="fileIdStr" type="text" name="fileIdStr" th:field="*{fileIdStr}" hidden> |
|
|
|
<input id="removeFileIdStr" type="text" name="removeFileIdStr" hidden> |
|
|
|
</div> |
|
|
|
|
|
|
|
</form> |
|
|
|
</div> |
|
|
|
|
|
|
|
<th:block th:include="include :: footer"/> |
|
|
|
<th:block th:include="include :: select2-js"/> |
|
|
|
<script th:src="@{/ajax/libs/vue/vue.js}"></script> |
|
|
|
<script th:src="@{/ajax/libs/element-ui/element-ui.js}"></script> |
|
|
|
<script th:inline="javascript"> |
|
|
|
|
|
|
|
new Vue({ |
|
|
|
el: '#app', |
|
|
|
data: function() { |
|
|
|
return { |
|
|
|
fileList: [], |
|
|
|
fileUploadUrl: ctx + "common/uploadSingleFile", |
|
|
|
fileDeleteUrl: ctx + "common/deleteFile", |
|
|
|
getListByAttachIdUrl: ctx + "system/attach/file/getListByAttachId", |
|
|
|
fileIdList:[], |
|
|
|
removeFileIdList:[], |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
|
|
|
|
// 控制下拉框选中 |
|
|
|
// var materialType = $("#materialType").val(); |
|
|
|
// $("#selectMaterialType").val(materialType).trigger("change"); |
|
|
|
|
|
|
|
var that = this; |
|
|
|
// 页面渲染完成，可以执行需要的操作 |
|
|
|
console.log('页面已渲染完成'); |
|
|
|
console.log($("#id").val()); |
|
|
|
console.log($("#photoAttachId").val()); |
|
|
|
var attachId = $("#photoAttachId").val(); |
|
|
|
if(attachId){ |
|
|
|
$.ajax({ |
|
|
|
type: "get", |
|
|
|
url: that.getListByAttachIdUrl, |
|
|
|
data: {attachId:attachId}, |
|
|
|
cache: false, |
|
|
|
async: false, // 设置成同步 |
|
|
|
dataType: 'json', |
|
|
|
success: function(result) { |
|
|
|
if (result.code == web_status.SUCCESS) { |
|
|
|
result.data.forEach((item) => { |
|
|
|
that.fileIdList.push(item.id); |
|
|
|
that.fileList.push({name: item.name, url: item.url, attachFileId: item.id,isBind:true}); |
|
|
|
}); |
|
|
|
} else { |
|
|
|
$.modal.msgError(result.msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
error: function(error) { |
|
|
|
$.modal.msgError("获取附件失败。"); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
uploadSuccess(response, file, fileList) { |
|
|
|
console.log(response); |
|
|
|
if(response.code == web_status.SUCCESS){ |
|
|
|
var attachFileId = response.data.id; |
|
|
|
file.attachFileId = attachFileId; |
|
|
|
file.isBind = false; |
|
|
|
this.fileIdList.push(attachFileId); |
|
|
|
$("#fileIdStr").val(this.fileIdList.join(";")); |
|
|
|
$.modal.msgSuccess("上传成功"); |
|
|
|
}else{ |
|
|
|
$.modal.alertError(response.msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
uploadRemove(file, fileList) { |
|
|
|
console.log(file, fileList); |
|
|
|
var attachFileId = file.attachFileId; |
|
|
|
var isBind = file.isBind; |
|
|
|
if(isBind==false){ |
|
|
|
$.ajax({ |
|
|
|
type: "get", |
|
|
|
url: this.fileDeleteUrl, |
|
|
|
data: {id:attachFileId}, |
|
|
|
cache: false, |
|
|
|
async: false, // 设置成同步 |
|
|
|
dataType: 'json', |
|
|
|
success: function(result) { |
|
|
|
if (result.code == web_status.SUCCESS) { |
|
|
|
var index = this.fileIdList.indexOf(attachFileId); |
|
|
|
if(index!=-1){ |
|
|
|
this.fileIdList.splice(index,1); |
|
|
|
$("#fileIdStr").val(this.fileIdList.join(";")); |
|
|
|
} |
|
|
|
$.modal.msgSuccess("删除附件成功。"); |
|
|
|
} else { |
|
|
|
$.modal.alertError(result.msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
error: function(error) { |
|
|
|
$.modal.alertError("删除附件失败。"); |
|
|
|
} |
|
|
|
}); |
|
|
|
}else{ |
|
|
|
var index = this.fileIdList.indexOf(attachFileId); |
|
|
|
if(index!=-1){ |
|
|
|
this.fileIdList.splice(index,1); |
|
|
|
$("#fileIdStr").val(this.fileIdList.join(";")); |
|
|
|
// 保存的时候才删除 |
|
|
|
this.removeFileIdList.push(attachFileId); |
|
|
|
$("#removeFileIdStr").val(this.removeFileIdList.join(";")); |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
} |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
var prefix = ctx + "system/model"; |
|
|
|
$("#form-model-edit").validate({ |
|
|
|
focusCleanup: true |
|
|
|
|
