File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<template>
<div class="gd-10 Bi001-page container">
<div class="wrap pd2 flex-column">
<div class="wrap-title pb1 mb1 flex justify-between">
<h1>잔액 이월 전표 등록</h1>
<div class="flex justify-end gd-5">
<div class="flex justify-between button-wrap">
<button class="rest-btn">초기화</button>
</div>
</div>
</div>
<div class="content flex-column Bi001-content">
<div class="Bi001-wrap flex-column pd1 mb1">
<div class="mb1">
<div class="content-title flex justify-between mb1">
조회조건
</div>
<div class="flex justify-between pb1" style="border-bottom: 2px solid var(--bordergray);">
<div class="flex justify-start box-wrap gd-10">
<div class="flex mr5">
<div>
<p class="blue-text">사업장</p>
</div>
<select name="" id="" style="width: 150px;">
<option value="본점">본점(제지)</option>
<option value="본점(포장)">본점(포장)</option>
<option value="에너지솔루션(주)">에너지솔루션(주)</option>
</select>
</div>
<div class="flex mr5">
<div>
<p class="blue-text">작성일자</p>
</div>
<div>
<input type="date"> ~
<input type="date">
</div>
</div>
<div class="flex mr5">
<div>
<p class="blue-text">계정과목</p>
</div>
<div>
<input type="text" class="content-w30">
<button>검색</button>
<input type="text" class="content-w60">
</div>
</div>
</div>
<div class="flex align-center">
<button class="blue-btn"
style="padding-top: 7px ; padding-bottom: 7px;">조회(F12)</button>
</div>
</div>
</div>
<div class="flex-column">
<div class="flex justify-between mb1">
<div class="content-title">
이월전표등록
</div>
<div class="flex justify-end gd-2">
<button class="blue-small-btn mr1" style="color: var(--navbarblue);">신규전표입력</button>
<button class="blue-small-btn" style="color: var(--navbarblue);">연변추가입력</button>
</div>
</div>
<div class="Bi003-list flex mb1 ">
<table class="list-table">
<!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
<colgroup>
<col style="width: 9%;">
<col style="width: 5%;">
<col style="width: 5%;">
<col style="width: 9%;">
<col style="width: 13%;">
<col style="width: 9%;">
<col style="width: 13%;">
<col style="width: 9%;">
<col style="width: 9%;">
<col style="width: 9%;">
</colgroup>
<thead>
<tr class="table-header">
<th>작성일자</th>
<th>전표NO</th>
<th>연번</th>
<th colspan="2">계정과목</th>
<th colspan="2">관리항목1</th>
<th>관리항목2</th>
<th>차변금액</th>
<th>대변금액</th>
</tr>
</thead>
<tbody>
<tr class="table-border" v-for="(codePath, index) in codeList">
<td>{{ codePath.date }}</td>
<td>{{ codePath.num }}</td>
<td>{{ codePath.num2 }}</td>
<td>{{ codePath.nameNum }}</td>
<td>{{ codePath.name }}</td>
<td>{{ codePath.listNum }}</td>
<td>{{ codePath.listName }}</td>
<td>{{ codePath.num3 }}</td>
<td>{{ codePath.money }}</td>
<td>{{ codePath.money2 }}</td>
</tr>
</tbody>
</table>
</div>
<div class="flex justify-end ">
<button class="green-excel-btn mr1">엑셀</button>
<button class="red-del-btn mr1">삭제</button>
<button class="blue-save-btn">저장</button>
</div>
</div>
</div>
<div>
<div class="content-title flex justify-between mb1">
이월전표내역
</div>
<div class="Bi003-list flex mb1">
<table class="list-table">
<!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
<colgroup>
<col style="width: 9%;">
<col style="width: 5%;">
<col style="width: 5%;">
<col style="width: 22%;">
<col style="width: 22%;">
<col style="width: 9%;">
<col style="width: 9%;">
<col style="width: 9%;">
</colgroup>
<thead>
<tr class="table-header">
<th>작성일자</th>
<th>전표NO</th>
<th>연번</th>
<th>계정과목</th>
<th>관리항목1</th>
<th>관리항목2</th>
<th class="table-align">차변금액</th>
<th class="table-align">대변금액</th>
</tr>
</thead>
<tbody>
<tr class="table-border" v-for="(codePathHistroy) in codeList">
<td>{{ codePathHistroy.date }}</td>
<td>{{ codePathHistroy.num }}</td>
<td>{{ codePathHistroy.num2 }}</td>
<td>{{ codePathHistroy.nameNum }}{{ codePathHistroy.name }}</td>
<td>{{ codePathHistroy.listNum }}{{ codePathHistroy.listName }}</td>
<td>{{ codePathHistroy.num3 }}</td>
<td>{{ codePathHistroy.money }}</td>
<td>{{ codePathHistroy.money2 }}</td>
</tr>
<tr v-if="postList === 0">
<td colspan="5" class="no-list">검색조건에 해당하는 데이터가 없습니다.</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
codeList: [
{ date: "20219", num: "0007", num2: "0001", nameNum: "1102041", name: "대손충당금(미수금)", listNum: "111474", listName: "(주)서광지관", num3: "353-1505-5123-74", money: "350,000,000", money2: "565,550,000" }
],
}
},
methods: {
},
watch: {
},
computed: {
},
mounted() {
console.log('Main mounted');
}
}
</script>
<style scoped>
button{
font-size: 1.4rem;
}
</style>