diff --git a/frontend/src/assets/css/style.css b/frontend/src/assets/css/style.css
index 92f4406..fedfc2e 100644
--- a/frontend/src/assets/css/style.css
+++ b/frontend/src/assets/css/style.css
@@ -523,6 +523,18 @@ header .user_wrap .user_info .logout {
color: #c9c9c9;
}
+.contents table input {
+ width: 100%;
+ height: 40px;
+ border: 1px solid #c9c9c9;
+ position: relative;
+ background-color: #fff;
+ border-bottom: none;
+ border-top: none;
+ border-left: none;
+ border-right: none;
+}
+
.contents .id {
position: relative;
margin-left: 10px;
diff --git a/frontend/src/modules/calculate/router/index.js b/frontend/src/modules/calculate/router/index.js
index c6db8d5..ba09bab 100644
--- a/frontend/src/modules/calculate/router/index.js
+++ b/frontend/src/modules/calculate/router/index.js
@@ -1,4 +1,5 @@
import CalcList from '../views/CalcList'
+import Verification from '../views/Verification'
export default [
{
@@ -7,6 +8,11 @@ export default [
name: 'calcList',
meta: { public: false }
},
-
+ {
+ path: '/calculate/verification',
+ component: Verification,
+ name: 'verification',
+ meta: { public: false }
+ }
]
diff --git a/frontend/src/modules/calculate/service/calcMgtApi.js b/frontend/src/modules/calculate/service/calcMgtApi.js
index 7729db4..de74a03 100644
--- a/frontend/src/modules/calculate/service/calcMgtApi.js
+++ b/frontend/src/modules/calculate/service/calcMgtApi.js
@@ -1,5 +1,6 @@
import httpClient from '@/common/http-client';
import calcListExcelHeader from './mock/calcExcelHeader.json';
+import verificationExcelHeader from './mock/verificationExcelHeader';
// 공통 코드.
const getCommCode = (params) => {
return httpClient.post('/api/v1/bo/comm/getCode', params, { withCredentials: false });
@@ -10,6 +11,9 @@ const calcListExcel = (params) => {
return httpClient.post('/api/v1/bo/calculate/calcListExcel', params);
}
+const verification = (params) => {
+ return httpClient.post('/api/v1/bo/calculate/verification', params, { withCredentials: false })
+}
const getExcelHeader = category => {
// 엑셀에 출력할 Header 정보를 Mockup 데이터로 관리한다.
@@ -19,6 +23,9 @@ const getExcelHeader = category => {
case 'CALC':
header = calcListExcelHeader.header;
break;
+ case 'VERIFICATION':
+ header = verificationExcelHeader.header;
+ break;
default:
header = '';
break;
@@ -27,8 +34,11 @@ const getExcelHeader = category => {
});
};
+
+
export default {
getCommCode,
getExcelHeader,
calcListExcel,
+ verification
}
diff --git a/frontend/src/modules/calculate/service/mixins.js b/frontend/src/modules/calculate/service/mixins.js
index 887f0a3..6344723 100644
--- a/frontend/src/modules/calculate/service/mixins.js
+++ b/frontend/src/modules/calculate/service/mixins.js
@@ -194,7 +194,7 @@ const utils_mixin = {
ele.removeEventListener('mousedown',window.getEventListeners(ele).mousedown[0].listener);
}
},
- restrictChars : function($event,regExp,hanYn){
+ restrictChars : function($event,regExp,hanYn){
if(this.isNull(hanYn)){
hanYn='N';
@@ -223,7 +223,7 @@ const utils_mixin = {
}
return true;
},
- setLenth: function (e, len) {
+ setLenth: function (e, len) {
this.cut(e, len);
},
onlyCustom: function (e,strRegExp,hanYn) {
@@ -245,11 +245,24 @@ const utils_mixin = {
this.cut(e, len);
return this.restrictChars(e,regExp_g,hanYn);
},
- onlyNum: function (e, len, isEventCall) {
+ onlyNum: function (e, len, isEventCall) {
var strRegExp = '^[0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
- },
- onlyEng: function (e, len, isEventCall) {
+ },
+ onlyNumFstZero: function(e, len, isEventCall) {
+ this.cut(e, len);
+ var str = e.target.value;
+
+ if(str.length > 0){
+ if (!/^[1-9]/g.exec(str)) {
+ e.target.value = str.replace(/[^1-9]/gi, '');
+ }
+ }
+
+ var strRegExp = '^[0-9]*$';
+ return this.onlyCommon(strRegExp, e, len, isEventCall);
+ },
+ onlyEng: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
@@ -260,44 +273,44 @@ const utils_mixin = {
onlyUpperEng: function (e, len, isEventCall) {
var strRegExp = '^[A-Z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
- },
- onlyEmail: function (e, len, isEventCall) {
+ },
+ onlyEmail: function (e, len, isEventCall) {
var strRegExp = '^[a-zA-Z0-9_\.\-@._-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
- },
- onlyName: function (e, len, isEventCall) {
+ },
+ onlyName: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall,'Y');
- },
- onlyTitle: function (e, len, isEventCall) {
+ },
+ onlyTitle: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall,'Y');
- },
- onlyText: function (e, len, isEventCall) {
+ },
+ onlyText: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9_-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall,'Y');
- },
- onlyPassword: function (e, len, isEventCall) {
+ },
+ onlyPassword: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z0-9!@#$%^&*]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
- },
- onlyId: function (e, len, isEventCall) {
+ },
+ onlyId: function (e, len, isEventCall) {
var strRegExp = '^[A-Za-z0-9_\.\-]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
- },
- onlyIp: function (e, len, isEventCall) {
+ },
+ onlyIp: function (e, len, isEventCall) {
var strRegExp = '^[0-9,.*]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
- },
- onlyRoleNm_Space: function (e, len, isEventCall) {
+ },
+ onlyRoleNm_Space: function (e, len, isEventCall) {
var strRegExp = '^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall,'Y');
- },
- onlyRoleId_UnderBar: function (e, len, isEventCall) {
+ },
+ onlyRoleId_UnderBar: function (e, len, isEventCall) {
var strRegExp = '^[a-zA-Z0-9_]*$';
return this.onlyCommon(strRegExp, e, len, isEventCall);
},
- cut: function (ele, len, isValidChk) {
+ cut: function (ele, len, isValidChk) {
let e=ele;
if (typeof ele.target != "undefined") {
e=ele.target;
@@ -312,16 +325,16 @@ const utils_mixin = {
return false;
}
return true;
- },
- cutBytes: function (str, len) {
+ },
+ cutBytes: function (str, len) {
while(1 === 1){
if(this.bytes(str) <= len){
return str;
}
str = str.slice(0,-1);
}
- },
- bytes: function (str) {
+ },
+ bytes: function (str) {
var length = ((s,b,i,c) => {
// for(b=i=0;c=s.charCodeAt(i++);b+=c>>11?3:c>>7?2:1); // 한글 3바이트
// for(b=i=0;c=s.charCodeAt(i++);b+=c>>11?2:c>>7?1:1); //한글 2바이트
@@ -336,8 +349,8 @@ const utils_mixin = {
return b
})(str);
return length;
- },
- checkPhone: function(str) {
+ },
+ checkPhone: function(str) {
str = str.replace(/[-\s]+/g, '');
if (str.charAt(0)!="0"){
str = "0"+str;
diff --git a/frontend/src/modules/calculate/service/mock/verificationExcelHeader.json b/frontend/src/modules/calculate/service/mock/verificationExcelHeader.json
new file mode 100644
index 0000000..c2e7271
--- /dev/null
+++ b/frontend/src/modules/calculate/service/mock/verificationExcelHeader.json
@@ -0,0 +1,175 @@
+{
+ "header": [
+ [
+ {
+ "key": "discount"
+ ,"name": "할인율"
+ ,"rowspan": 2
+ },
+ {
+ "key": "billAmt"
+ ,"name": "유큐브 청구금액"
+ ,"rowspan": 2
+ },
+ {
+ "key": "calUseAmt"
+ ,"name": "청구금액 계산"
+ ,"rowspan": 2
+ },
+ {
+ "key": "billRslt"
+ ,"name": "청구금액 일치여부"
+ ,"rowspan": 2
+ },
+ {
+ "key": "custNm"
+ ,"name": "고객사"
+ ,"rowspan": 2
+ },
+ {
+ "key": "bizrno"
+ ,"name": "사업자번호"
+ ,"rowspan": 2
+ },
+ {
+ "key": "entrNo"
+ ,"name": "유큐브등록번호"
+ ,"rowspan": 2
+ },
+ {
+ "key": "prodNm"
+ ,"name": "상품명"
+ ,"rowspan": 2
+ },
+ {
+ "key": "opnDt"
+ ,"name": "가입일"
+ ,"rowspan": 2
+ },
+ {
+ "key": "dayUser"
+ ,"name": "일할대상"
+ ,"rowspan": 2
+ },
+ {
+ "key": "dtlCdNm"
+ ,"name": "상태"
+ ,"rowspan": 2
+ },
+ {
+ "key": "succCnt"
+ ,"name": "성공건수"
+ ,"rowspan": 2
+ },
+ {
+ "name": "결과"
+ ,"colspan": 5
+ },
+ {
+ "name": "이전 달",
+ "colspan": 9
+ },
+ {
+ "name": "사용금액"
+ ,"colspan": 5
+ }
+ ],
+ [
+ {
+ "key": "mrtUseAmt"
+ ,"name": "과금금액"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "lmtPerUseDay"
+ ,"name": "일할 정액요금"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "nowCfwdAmt"
+ ,"name": "신규 이월금액"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "estCfwdAmt"
+ ,"name": "예상 이월금액"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "rsltStr"
+ ,"name": "일치여부"
+ },
+ {
+ "key": "fxLmtAmt"
+ ,"name": "정액요금"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "cfwdAmt"
+ ,"name": "이월금액"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "extncAmt"
+ ,"name": "소멸금액"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "extcChrgAmt"
+ ,"name": "소멸충전금액"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "cfwdChrgAmt"
+ ,"name": "이월충전금액"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "extcChrgRsrt"
+ ,"name": "소멸충전복원"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "cfwdChrgRsrt"
+ ,"name": "이월충전복원"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "extcChrgBlnc"
+ ,"name": "소멸충전잔액"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "cfwdChrgBlnc"
+ ,"name": "이월충전잔액"
+ ,"format": "Format_00"
+ },
+
+ {
+ "key": "totalUseAmt"
+ ,"name": "총"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "kkoNotiUseAmt"
+ ,"name": "알림톡"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "smsUseAmt"
+ ,"name": "SMS"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "lmsUseAmt"
+ ,"name": "LMS"
+ ,"format": "Format_00"
+ },
+ {
+ "key": "mmsUseAmt"
+ ,"name": "MMS"
+ ,"format": "Format_00"
+ }
+ ]
+ ]
+}
\ No newline at end of file
diff --git a/frontend/src/modules/calculate/views/Verification.vue b/frontend/src/modules/calculate/views/Verification.vue
new file mode 100644
index 0000000..f325e0f
--- /dev/null
+++ b/frontend/src/modules/calculate/views/Verification.vue
@@ -0,0 +1,294 @@
+
+
+
+
+
청구 검증
+
운영 관리 > 청구 검증
+
+
+
+
+ 총 {{totalCnt}}건
+
+
+
+
+
+
+
+
+