mirror of
http://git.mhez-qa.uplus.co.kr/hubez/hubez-admin.git
synced 2025-12-07 01:33:37 +09:00
리스크관리 / 유치채널현황 관리 / 채널관리 추가
This commit is contained in:
173
frontend/src/modules/attractMgt/views/ChannelDetail.vue
Normal file
173
frontend/src/modules/attractMgt/views/ChannelDetail.vue
Normal file
@@ -0,0 +1,173 @@
|
||||
<template>
|
||||
<div class="contents">
|
||||
<div class="contents_wrap">
|
||||
<div class="top_wrap">
|
||||
<h3 class="title">유치현황관리</h3>
|
||||
<p class="breadcrumb">유치현황관리 > 유치고객 상세정보</p>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="title">상세 정보</div>
|
||||
</div>
|
||||
<div class="table table_form m50">
|
||||
<form autocomplete="off">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:140px">
|
||||
<col style="width:auto">
|
||||
<col style="width:auto">
|
||||
<col style="width:140px">
|
||||
<col style="width:auto">
|
||||
<col style="width:auto">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr class="tr_input w75">
|
||||
<th>가입일</th>
|
||||
<td colspan="2"><input type="text" disabled value="2022-03-05"></td>
|
||||
<th>상태</th>
|
||||
<td colspan="2"><input type="text" disabled value="사용"></td>
|
||||
</tr>
|
||||
<tr class="tr_input w75">
|
||||
<th>고객사</th>
|
||||
<td colspan="2"><input type="text" disabled value="홍길동"></td>
|
||||
<th>요금제</th>
|
||||
<td colspan="2"><input type="text" disabled value="요금제1"></td>
|
||||
</tr>
|
||||
<tr class="tr_input w75">
|
||||
<th>대표자</th>
|
||||
<td colspan="2"><input type="text" disabled value="홍길동"></td>
|
||||
<th>사용자 구분</th>
|
||||
<td colspan="2"><input type="text" disabled value="법인사업자"></td>
|
||||
</tr>
|
||||
<tr class="tr_input">
|
||||
<th>사업자등록번호</th>
|
||||
<td colspan="2">
|
||||
<div class="input-bnumber">
|
||||
<input type="text" disabled="" value="110">
|
||||
<input type="text" disabled="" value="16">
|
||||
<input type="text" disabled="" value="123456">
|
||||
</div>
|
||||
</td>
|
||||
<th>법인등록번호</th>
|
||||
<td colspan="2">
|
||||
<div class="input-double">
|
||||
<input type="text" disabled="" value="123456">
|
||||
<input type="text" disabled="" value="1234567">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="tr_input">
|
||||
<th>사업장 주소</th>
|
||||
<td colspan="5">
|
||||
<div class="input-address">
|
||||
<input type="text" disabled="" value="12345">
|
||||
<input type="text" disabled="" value="서울 마포구 월드컵북로 416">
|
||||
<input type="text" disabled="" value="유플러스 상암사옥">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="tr_input">
|
||||
<th>유치자명</th>
|
||||
<td colspan="2">
|
||||
<div class="input-double">
|
||||
<input type="text" disabled value="Uplus02">
|
||||
<input type="text" disabled value="김철수">
|
||||
</div>
|
||||
</td>
|
||||
<th>관리자명</th>
|
||||
<td colspan="2">
|
||||
<div class="input-double">
|
||||
<input type="text" disabled value="Uplus02">
|
||||
<input type="text" disabled value="김철수">
|
||||
<button type="button" class="button grey btn-a">변경</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="count">발송건수
|
||||
<p>( 최근 3년 사용 전월까지 확인 가능하며, 청구금액은 유큐브에서 확인 가능합니다. )</p>
|
||||
</div>
|
||||
<div class="button_group">
|
||||
<button type="button" class="button blue download">엑셀 다운로드</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="table calculate">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width="16%">
|
||||
<col width="16%">
|
||||
<col width="16%">
|
||||
<col width="16%">
|
||||
<col width="16%">
|
||||
<col width="20%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2">날짜</th>
|
||||
<th colspan="5">채널별 발송 건수</th>
|
||||
</tr>
|
||||
<tr class="total">
|
||||
<th>전체</th>
|
||||
<th>SMS</th>
|
||||
<th>LMS</th>
|
||||
<th>MMS</th>
|
||||
<th>알림톡</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>합계</td>
|
||||
<td>360,000</td>
|
||||
<td>360,000</td>
|
||||
<td>360,000</td>
|
||||
<td>360,000</td>
|
||||
<td>1,440,000</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="pop-btn2">
|
||||
<button class="btn-pcolor" type="button">저장</button>
|
||||
<button class="btn-default" type="button">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import api from '@/service/api';
|
||||
|
||||
export default {
|
||||
name: "subsDetail",
|
||||
data(){
|
||||
return{
|
||||
row: {},
|
||||
|
||||
props: {},
|
||||
}
|
||||
},
|
||||
props: {
|
||||
// serviceId: {
|
||||
// type: String,
|
||||
// default: "",
|
||||
// },
|
||||
},
|
||||
components: {
|
||||
},
|
||||
created(){
|
||||
this.$store.commit("login/isLogin", true);
|
||||
this.$store.commit("login/isAuthChk", true);
|
||||
},
|
||||
methods :{
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user