|
|
@@ -126,12 +126,8 @@
|
|
|
<div class="cmt_thumb">
|
|
|
<div class="form_field">
|
|
|
<div class="imgUpload">
|
|
|
- <label for="fileAdd" class="fileAdd">업로드</label>
|
|
|
- <input type="file" id="fileAdd" name="files" />
|
|
|
- <th:block th:each="num: ${#numbers.sequence(1,10)}">
|
|
|
- <input type="hidden" th:id="${'orgFileNm' + num}" name="orgFileNm" >
|
|
|
- <input type="hidden" th:id="${'sysFileNm' + num}" name="sysFileNm">
|
|
|
- </th:block>
|
|
|
+ <label for="fileAdd" class="fileAdd" id="fileAdd_reply">업로드</label>
|
|
|
+ <input type="file" id="fileAdd" name="files"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -288,6 +284,7 @@ let goods4 = [[${goods4Info}]];
|
|
|
let template =[[${templateOrd}]];
|
|
|
let replyList = [[${replyList}]];
|
|
|
let replyCount = [[${replyCount}]];
|
|
|
+let replyAttachList = [[${replyAttachList}]];
|
|
|
let _mall = [[${@environment.getProperty('domain.front')}]];
|
|
|
let goodsView =[[${@environment.getProperty('upload.goods.view')}]]
|
|
|
let imgUrl=[[${@environment.getProperty('upload.image.view')}]];
|
|
|
@@ -773,7 +770,14 @@ var fnSearchCallback = function (result) {
|
|
|
html += ' </div>';
|
|
|
html += ' <div class="cmt_cont">';
|
|
|
html += ' <div class="img_wrap clear">';
|
|
|
- // html += ' <span class="pics"><img class="picsThumbs" src="/images/pc/thumb/ev_list_img01.jpg" alt="썸네일"></span>';
|
|
|
+ if (result.replyAttachList.length>0) {
|
|
|
+ for (var i = 0; i < result.replyAttachList.length; i++) {
|
|
|
+ if(result.replyAttachList[i].planEntrySq == item.planEntrySq){
|
|
|
+ html += ' <span class="pics"><img class="picsThumbs" src="'+ imgUrl +'/'+result.replyAttachList[i].sysFileNm +'"></span>';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
html += ' </div>';
|
|
|
html += ' <p>'+item.entryVal1+'</p>';
|
|
|
if (item.entryCustNo == result.custNo) {
|
|
|
@@ -819,12 +823,11 @@ var fnDelReply = function(obj) {
|
|
|
}
|
|
|
$('#fileAdd').on('change', function() { fnChooseFile(this); });
|
|
|
|
|
|
-var fnChooseFile = function(obj,fileNo) {
|
|
|
- console.log($(".pics").length);
|
|
|
+var fnChooseFile = function(obj) {
|
|
|
+ var picLength = $(".pics").length;
|
|
|
+
|
|
|
// multiple 속성이 있으면 files에는 다수의 객체가 할당됨
|
|
|
var file = obj.files[0];
|
|
|
-
|
|
|
-
|
|
|
|
|
|
if (!gagajf.isNull(file.name)) {
|
|
|
var extension = "\.(jpg|jpeg|png)$";
|
|
|
@@ -833,13 +836,11 @@ var fnChooseFile = function(obj,fileNo) {
|
|
|
sureBtnText: "확인",
|
|
|
sureBtnClick: function() {
|
|
|
$(obj).parent('.imgUpload').find('.removes').trigger('click');
|
|
|
- console.log('file.size1', file.size);
|
|
|
}
|
|
|
});
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
- console.log('file.size2', file.size);
|
|
|
// 이거 왜 안먹히지
|
|
|
if (!gagajf.isNull(file.size) && Number(file.size) > (10 * 1000000)) {
|
|
|
mcxDialog.alertC('이미지는 최대 10MB 이하 파일만 가능합니다.', {
|
|
|
@@ -856,15 +857,16 @@ var fnChooseFile = function(obj,fileNo) {
|
|
|
, file
|
|
|
, function(result) {
|
|
|
// 업로드한 파일명 설정
|
|
|
- $('#orgFileNm' + fileNo).val(result.oldFileName);
|
|
|
- $('#sysFileNm' + fileNo).val(result.newFileName);
|
|
|
+ $(".pics").children().eq(0).append("<input type='hidden' name='orgFileNm' id='orgFileNm"+(picLength+1)+"' value='"+result.oldFileName+"'>");
|
|
|
+ $(".pics").children().eq(0).append("<input type='hidden' name='sysFileNm' id='sysFileNm"+(picLength+1)+"' value='"+result.newFileName+"'>");
|
|
|
}
|
|
|
);
|
|
|
}
|
|
|
|
|
|
-
|
|
|
// 댓글 등록 버튼 클릭 시
|
|
|
var fnReplySave = function() {
|
|
|
+ var fileLength = $("input[name='sysFileNm']").length;
|
|
|
+
|
|
|
var content = $('#replyText').val();
|
|
|
if (content.length < 2){
|
|
|
mcxDialog.alert("최소 2자 이상 입력해주세요.");
|
|
|
@@ -878,8 +880,17 @@ var fnReplySave = function() {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
+ //파일관련 데이터 담기
|
|
|
+ var multiReplyOrgFile = [];
|
|
|
+ var multiReplySysFile = [];
|
|
|
+ for (var i = 0; i < fileLength; i++) {
|
|
|
+ multiReplyOrgFile.push($(".pics").eq(i).find('input[name="orgFileNm"]').val());
|
|
|
+ multiReplySysFile.push($(".pics").eq(i).find('input[name="sysFileNm"]').val());
|
|
|
+ }
|
|
|
data = {entryVal1 : content,
|
|
|
- planSq : plan.planSq};
|
|
|
+ planSq : plan.planSq,
|
|
|
+ multiReplyOrgFile : multiReplyOrgFile,
|
|
|
+ multiReplySysFile : multiReplySysFile};
|
|
|
var jsonData = JSON.stringify(data);
|
|
|
|
|
|
mcxDialog.confirm("댓글을 등록 하시겠습니까?", {
|
|
|
@@ -896,6 +907,8 @@ var fnReplySave = function() {
|
|
|
}
|
|
|
|
|
|
|
|
|
+
|
|
|
+
|
|
|
$(document).ready( function() {
|
|
|
ajaxReplyList();
|
|
|
//공유 버튼 토글
|
|
|
@@ -1017,10 +1030,6 @@ $(document).ready( function() {
|
|
|
}
|
|
|
|
|
|
var maxFileLength = 10; /* 최대 파일 갯수를 입력해 주세요 */
|
|
|
- var imgFiles=$('.imgUpload .pics');
|
|
|
- if (imgFiles.length == 10) {
|
|
|
- $('#fileAdd').hide();
|
|
|
- }
|
|
|
if (imgFiles.length >= maxFileLength) {
|
|
|
alert('이미지는 최대' + maxFileLength +'장 까지 첨부 가능합니다.');
|
|
|
$('#fileAdd').attr("disabled",true);
|
|
|
@@ -1041,9 +1050,8 @@ $(document).ready( function() {
|
|
|
});
|
|
|
|
|
|
//팝업 - 댓글 이미지 슬라이드
|
|
|
- $(document).on('click','.cmt_cont .img_wrap .pics',function(e){
|
|
|
+ $(document).on('click','.cmt_cont .img_wrap .pics',function(e){
|
|
|
$("#thumbImgPop .swiper-wrapper").empty();
|
|
|
-
|
|
|
var popSlideIndex = $(this).index();
|
|
|
contactPopSwiper.slideTo(popSlideIndex);
|
|
|
contactPopSwiper.update();
|
|
|
@@ -1060,7 +1068,7 @@ $(document).ready( function() {
|
|
|
$('#thumbImgPop').modal("show");
|
|
|
|
|
|
return false;
|
|
|
- });
|
|
|
+ });
|
|
|
|
|
|
/* SLIDE - 댓글 이미지 팝업 */
|
|
|
var contactPopSwiper = new Swiper('.thumb_img_pop .swiper-container', {
|