컨펌 창 추가

This commit is contained in:
2023-07-19 14:02:13 +09:00
parent ee6516f4eb
commit c2752422e7
2 changed files with 23 additions and 10 deletions

View File

@@ -22,10 +22,10 @@
</div> </div>
</div> </div>
<div class="dimmed confirm" @click="confirmModalCancel();"></div> <div class="dimmed confirm1" @click="confirmModalCancel();"></div>
<div class="popup-wrap confirm"> <div class="popup-wrap confirm1">
<!-- 수정 확인 --> <!-- 수정 확인 -->
<div class="popup confirm"> <div class="popup confirm1">
<div class="pop-head"> <div class="pop-head">
<h3 class="pop-tit">{{ title }}</h3> <h3 class="pop-tit">{{ title }}</h3>
</div> </div>
@@ -138,7 +138,7 @@ export default {
}, },
// 모달 오픈 // 모달 오픈
confirmModalOpen(props) { confirmModalOpen(props) {
var dimmed = document.getElementsByClassName('confirm'); var dimmed = document.getElementsByClassName('confirm1');
for (var i = 0; i < dimmed.length; i++) { for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'block'; dimmed[i].style.display = 'block';
} }
@@ -148,6 +148,7 @@ export default {
this.msg2 = props.msg2; this.msg2 = props.msg2;
this.msg3 = props.msg3; this.msg3 = props.msg3;
this.msg4 = props.msg4; this.msg4 = props.msg4;
}, },
confirmModalOpen2(props) { confirmModalOpen2(props) {
var dimmed = document.getElementsByClassName('confirm2'); var dimmed = document.getElementsByClassName('confirm2');
@@ -175,12 +176,13 @@ export default {
}, },
// 모달 끄기(ok) // 모달 끄기(ok)
confirmModalClose() { confirmModalClose() {
var dimmed = document.getElementsByClassName('confirm'); var dimmed = document.getElementsByClassName('confirm1');
for (var i = 0; i < dimmed.length; i++) { for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none'; dimmed[i].style.display = 'none';
} }
this.row.result = true; this.row.result = true;
this.row.title = this.title;
// 부모 함수 호출. // 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row); this.$parent.confirmCalbackFnc(this.row);
}, },
@@ -208,14 +210,15 @@ export default {
}, },
// 모달 끄기(취소) // 모달 끄기(취소)
confirmModalCancel() { confirmModalCancel() {
var dimmed = document.getElementsByClassName('confirm'); console.log("확인4")
var dimmed = document.getElementsByClassName('confirm1');
for (var i = 0; i < dimmed.length; i++) { for (var i = 0; i < dimmed.length; i++) {
dimmed[i].style.display = 'none'; dimmed[i].style.display = 'none';
} }
this.row.result = false; this.row.result = false;
// 부모 함수 호출. // 부모 함수 호출.
this.$parent.confirmCalbackFnc(this.row); // this.$parent.confirmCalbackFnc(this.row);
}, },
// 모달 끄기(취소) // 모달 끄기(취소)
confirmModalCancel2() { confirmModalCancel2() {

View File

@@ -82,7 +82,7 @@
<td colspan="5"> <td colspan="5">
<div class="input-double"> <div class="input-double">
<input type="text" disabled v-model="stat" /> <input type="text" disabled v-model="stat" />
<button v-if="(this.subsSttusCd=='01')||(this.subsSttusCd=='00')" type="button" class="button grey btn-a" @click="cancleSubsStatus">청약취소</button> <button v-if="(this.subsSttusCd=='01')||(this.subsSttusCd=='00')" type="button" class="button grey btn-a" @click="cancleSubsConfirm">청약취소</button>
</div> </div>
</td> </td>
</tr> </tr>
@@ -387,10 +387,13 @@ export default {
this.$refs.validationConfirmPop.confirmUpdateSubOpen(); this.$refs.validationConfirmPop.confirmUpdateSubOpen();
} }
}, },
/* confirmCalbackFnc: function (props) { confirmCalbackFnc: function (props) {
if (props.result) { if (props.result) {
if(props.title == '청약상태취소'){
this.cancleSubsStatus();
}
} }
}, */ },
searchIDPopOpen: function () { searchIDPopOpen: function () {
var params = { var params = {
serviceId: this.serviceId, serviceId: this.serviceId,
@@ -423,6 +426,13 @@ export default {
}); });
}, },
cancleSubsConfirm(){
this.row.title = '청약상태취소';
this.row.msg1 = '상태값을 취소로 바꾸시겠습니까?';
this.$refs.commmonModal.confirmModalOpen(this.row);
// this.cancleSubsStatus();
},
async cancleSubsStatus(){ async cancleSubsStatus(){
let param = { let param = {
userId : this.serviceId, userId : this.serviceId,