류윤주
2024-03-14
240314 이세현 공통코드 목록 조회
@e5c1697353e0a057965ae29e1cc9ef103c1a4f6c
--- client/views/pages/AccountingManagement/BaselineInformation/Bi001.vue
+++ client/views/pages/AccountingManagement/BaselineInformation/Bi001.vue
... | ... | @@ -53,14 +53,14 @@ |
| 53 | 53 |
</tr> |
| 54 | 54 |
</thead> |
| 55 | 55 |
<tbody class="table-border"> |
| 56 |
- <tr v-for="codeNum in filteredCodeList" :key="codeNum.id"> |
|
| 56 |
+ <!-- <tr v-for="codeNum in filteredCodeList" :key="codeNum.id"> |
|
| 57 | 57 |
<td :class="{ 'selected': selectedId === codeNum.id }">{{ codeNum.pathNum }}
|
| 58 | 58 |
</td> |
| 59 | 59 |
<td @click="clickCodeName(codeNum.id)" |
| 60 | 60 |
:class="{ 'selected': selectedId === codeNum.id }" class="wrap-text">
|
| 61 | 61 |
{{ codeNum.pathName }}
|
| 62 | 62 |
</td> |
| 63 |
- </tr> |
|
| 63 |
+ </tr> --> |
|
| 64 | 64 |
<tr v-for="(commonCode, idx) in commonCodeList" :key="idx"> |
| 65 | 65 |
<td :class="{ 'selected': selectedId === idx }">{{ commonCode.rcodex }}
|
| 66 | 66 |
</td> |
... | ... | @@ -97,7 +97,7 @@ |
| 97 | 97 |
<!-- <col style="width: 12%;"> --> |
| 98 | 98 |
|
| 99 | 99 |
</colgroup> |
| 100 |
- <tbody v-for="(codeInput, id) in filteredCodeBox" :key="id" class="filter-table"> |
|
| 100 |
+ <!-- <tbody v-for="(codeInput, id) in filteredCodeBox" :key="id" class="filter-table"> |
|
| 101 | 101 |
<tr> |
| 102 | 102 |
<th>분류코드</th> |
| 103 | 103 |
<td><input type="text"></td> |
... | ... | @@ -153,42 +153,52 @@ |
| 153 | 153 |
</td> |
| 154 | 154 |
</tr> |
| 155 | 155 |
</template> |
| 156 |
- </tbody> |
|
| 157 |
- <tbody v-for="(category , id) in codeListByCommonCode" :key="id" class="filter-table"> |
|
| 156 |
+ </tbody> --> |
|
| 157 |
+ <tbody class="filter-table"> |
|
| 158 | 158 |
<tr> |
| 159 | 159 |
<th>분류코드</th> |
| 160 |
- <td><input type="text"></td> |
|
| 160 |
+ <td><input type="text" :value="commonCodeOne.gbncod"></td> |
|
| 161 | 161 |
<th>분류명</th> |
| 162 |
- <td><input type="text"></td> |
|
| 162 |
+ <td><input type="text" :value="bunnam"></td> |
|
| 163 | 163 |
<th>코드</th> |
| 164 |
- <td><input type="text" class="input-wrap"></td> |
|
| 164 |
+ <td><input type="text" class="input-wrap" style="width: 100%;"></td> |
|
| 165 | 165 |
<td colspan="2"> |
| 166 | 166 |
<th >정렬순서</th> |
| 167 |
- <td><input type="text" class="input-wrap" style="width: 100%;"></td> |
|
| 167 |
+ <td><input type="text" class="input-wrap" style="width: 100%;" :value="commonCodeOne.ordsor"></td> |
|
| 168 | 168 |
<th>사용여부</th> |
| 169 |
- <td><input type="checkbox" class="ui-checkbox"></td> |
|
| 169 |
+ <td><input type="checkbox" class="ui-checkbox" v-model="isChecked"></td> |
|
| 170 | 170 |
</td> |
| 171 |
+ </tr> |
|
| 172 |
+ <tr> |
|
| 173 |
+ <th>코드명</th> |
|
| 174 |
+ <td><input type="text" v-model="commonCodeOne.nmcodx"></td> |
|
| 175 |
+ <th>코드약명</th> |
|
| 176 |
+ <td><input type="text" v-model="commonCodeOne.shncod"></td> |
|
| 171 | 177 |
<th>{{ category.rref1x == null ? '관리항목1' : category.rref1x }}</th>
|
| 172 |
- <td><input type="text"></td> |
|
| 178 |
+ <td><input type="text" v-model="commonCodeOne.rref1x"></td> |
|
| 173 | 179 |
<th>{{ category.rref2x == null ? '관리항목2' : category.rref2x }}</th>
|
| 174 |
- <td><input type="text"></td> |
|
| 180 |
+ <td><input type="text" v-model="commonCodeOne.rref2x"></td> |
|
| 181 |
+ </tr> |
|
| 182 |
+ <tr> |
|
| 175 | 183 |
<th>{{ category.rref3x == null ? '관리항목3' : category.rref3x }}</th>
|
| 176 |
- <td><input type="text" style="width: 100%;"></td> |
|
| 184 |
+ <td><input type="text" style="width: 100%;" v-model="commonCodeOne.rref3x"></td> |
|
| 177 | 185 |
<th>{{ category.rref4x == null ? '관리항목4' : category.rref4x }}</th>
|
| 178 |
- <td><input type="text"></td> |
|
| 186 |
+ <td><input type="text" v-model="commonCodeOne.rref4x"></td> |
|
| 179 | 187 |
<th>{{ category.rref5x == null ? '관리항목5' : category.rref5x }}</th>
|
| 180 |
- <td><input type="text"></td> |
|
| 188 |
+ <td><input type="text" v-model="commonCodeOne.rref5x"></td> |
|
| 181 | 189 |
<th>{{ category.rref6x == null ? '관리항목6' : category.rref6x }}</th>
|
| 182 |
- <td><input type="text"></td> |
|
| 190 |
+ <td><input type="text" v-model="commonCodeOne.rref6x"></td> |
|
| 191 |
+ </tr> |
|
| 192 |
+ <tr> |
|
| 183 | 193 |
<th>{{ category.rref7x == null ? '관리항목7' : category.rref7x }}</th>
|
| 184 |
- <td><input type="text"></td> |
|
| 194 |
+ <td><input type="text" v-model="commonCodeOne.rref7x"></td> |
|
| 185 | 195 |
<th>{{ category.rref8x == null ? '관리항목8' : category.rref8x }}</th>
|
| 186 |
- <td><input type="text"></td> |
|
| 196 |
+ <td><input type="text" v-model="commonCodeOne.rref8x"></td> |
|
| 187 | 197 |
<th>{{ category.rref9x == null ? '관리항목9' : category.rref9x }}</th>
|
| 188 |
- <td><input type="text"></td> |
|
| 198 |
+ <td><input type="text" v-model="commonCodeOne.rref9x"></td> |
|
| 189 | 199 |
<th>{{ category.rref10 == null ? '관리항목10' : category.rref10 }}</th>
|
| 190 |
- <td><input type="text"></td> |
|
| 191 |
- <td v-if="category.rref10" class="flex " style="flex-wrap: nowrap;"> |
|
| 200 |
+ <td><input type="text" v-model="commonCodeOne.rref10"></td> |
|
| 201 |
+ <td v-if="category.rcodex === '003'" class="flex " style="flex-wrap: nowrap;"> |
|
| 192 | 202 |
<td class="mr1" style="width:80%;"> |
| 193 | 203 |
<input type="text" name="" id=""> |
| 194 | 204 |
</td> |
... | ... | @@ -196,36 +206,7 @@ |
| 196 | 206 |
<button @click="openModal" class="blue-btn search-btn"></button> |
| 197 | 207 |
</td> |
| 198 | 208 |
</td> |
| 199 |
- </tr> |
|
| 200 |
- <template v-if="showClass1"> |
|
| 201 |
- <tr> |
|
| 202 |
- <th>{{ codeInput.pathName7 }}</th>
|
|
| 203 |
- <td><input type="text" name="" id=""></td> |
|
| 204 |
- <th>{{ codeInput.pathName8 }}</th>
|
|
| 205 |
- <td><input type="text" name="" id=""></td> |
|
| 206 |
- <th>{{ codeInput.pathName9 }}</th>
|
|
| 207 |
- <td><input type="text" name="" id="" ></td> |
|
| 208 |
- <th>{{ codeInput.pathName10 }}</th>
|
|
| 209 |
- <td><input type="text" name="" id=""></td> |
|
| 210 |
- |
|
| 211 |
- </tr> |
|
| 212 |
- </template> |
|
| 213 |
- <template v-else> |
|
| 214 |
- <tr> |
|
| 215 |
- <th>{{ codeInput.pathName7 }}</th>
|
|
| 216 |
- <td><input type="text" name="" id=""></td> |
|
| 217 |
- <th>{{ codeInput.pathName8 }}</th>
|
|
| 218 |
- <td><input type="text" name="" id=""></td> |
|
| 219 |
- <th>{{ codeInput.pathName9 }}</th>
|
|
| 220 |
- <td><input type="text" name="" id=""></td> |
|
| 221 |
- <th>{{ codeInput.pathName10 }}</th>
|
|
| 222 |
- <td class="flex " style="flex-wrap: nowrap;"> |
|
| 223 |
- <td class="mr1" style="width:80%;"><input type="text" name="" id=""></td> |
|
| 224 |
- <td style="width:20%;"> <button @click="openModal" class="blue-btn search-btn"></button> |
|
| 225 |
- </td> |
|
| 226 |
- </td> |
|
| 227 |
- </tr> |
|
| 228 |
- </template> |
|
| 209 |
+ </tr> |
|
| 229 | 210 |
</tbody> |
| 230 | 211 |
</table> |
| 231 | 212 |
|
... | ... | @@ -352,7 +333,7 @@ |
| 352 | 333 |
|
| 353 | 334 |
|
| 354 | 335 |
</colgroup> |
| 355 |
- <thead class="list-table"> |
|
| 336 |
+ <!-- <thead class="list-table"> |
|
| 356 | 337 |
<tr v-for="(codeInput, id) in filteredCodeBox" :key="id" |
| 357 | 338 |
style="background-color: var(--tableblue);"> |
| 358 | 339 |
<th>코드</th> |
... | ... | @@ -376,8 +357,27 @@ |
| 376 | 357 |
|
| 377 | 358 |
|
| 378 | 359 |
</tr> |
| 360 |
+ </thead> --> |
|
| 361 |
+ <thead class="list-table"> |
|
| 362 |
+ <tr style="background-color: var(--tableblue);"> |
|
| 363 |
+ <th>코드</th> |
|
| 364 |
+ <th>코드명칭</th> |
|
| 365 |
+ <th>코드약칭</th> |
|
| 366 |
+ <th>정렬순서</th> |
|
| 367 |
+ <th>사용</th> |
|
| 368 |
+ <th class="wrap-text">{{ category.rref1x == null ? '관리항목1' : category.rref1x }}</th>
|
|
| 369 |
+ <th>{{ category.rref2x == null ? '관리항목2' : category.rref2x }}</th>
|
|
| 370 |
+ <th>{{ category.rref3x == null ? '관리항목3' : category.rref3x }}</th>
|
|
| 371 |
+ <th>{{ category.rref4x == null ? '관리항목4' : category.rref4x }}</th>
|
|
| 372 |
+ <th>{{ category.rref5x == null ? '관리항목5' : category.rref5x }}</th>
|
|
| 373 |
+ <th>{{ category.rref6x == null ? '관리항목6' : category.rref6x }}</th>
|
|
| 374 |
+ <th>{{ category.rref7x == null ? '관리항목7' : category.rref7x }}</th>
|
|
| 375 |
+ <th>{{ category.rref8x == null ? '관리항목8' : category.rref8x }}</th>
|
|
| 376 |
+ <th>{{ category.rref9x == null ? '관리항목9' : category.rref9x }}</th>
|
|
| 377 |
+ <th>{{ category.rref10 == null ? '관리항목10' : category.rref10 }}</th>
|
|
| 378 |
+ </tr> |
|
| 379 | 379 |
</thead> |
| 380 |
- <tbody style="height: 100%; "> |
|
| 380 |
+ <!-- <tbody style="height: 100%; "> |
|
| 381 | 381 |
<tr v-for="(codePath) in listName"> |
| 382 | 382 |
<td>{{ codePath.code }}</td>
|
| 383 | 383 |
<td>{{ codePath.name }}</td>
|
... | ... | @@ -397,6 +397,29 @@ |
| 397 | 397 |
<td>{{ codePath.list11 }}</td>
|
| 398 | 398 |
<td>{{ codePath.list12 }}</td>
|
| 399 | 399 |
|
| 400 |
+ </tr> |
|
| 401 |
+ |
|
| 402 |
+ <tr v-if="postList === 0"> |
|
| 403 |
+ <td colspan="5" class="no-list">검색조건에 해당하는 데이터가 없습니다.</td> |
|
| 404 |
+ </tr> |
|
| 405 |
+ </tbody> --> |
|
| 406 |
+ <tbody style="height: 100%; "> |
|
| 407 |
+ <tr v-for="(item,idx) in codeListByCommonCode" :key="idx" @click="commonCodeDetail(item)"> |
|
| 408 |
+ <td>{{ item.rcodex }}</td>
|
|
| 409 |
+ <td>{{ item.nmcodx }}</td>
|
|
| 410 |
+ <td>{{ item.shncod }}</td>
|
|
| 411 |
+ <td>{{ item.ordsor }}</td>
|
|
| 412 |
+ <td><input type="checkbox" checked name="" id="" class="ui-checkbox"></td> |
|
| 413 |
+ <td>{{ item.rref1x }}</td>
|
|
| 414 |
+ <td>{{ item.rref2x }}</td>
|
|
| 415 |
+ <td>{{ item.rref3x }}</td>
|
|
| 416 |
+ <td>{{ item.rref4x }}</td>
|
|
| 417 |
+ <td>{{ item.rref5x }}</td>
|
|
| 418 |
+ <td>{{ item.rref6x }}</td>
|
|
| 419 |
+ <td>{{ item.rref7x }}</td>
|
|
| 420 |
+ <td>{{ item.rref8x }}</td>
|
|
| 421 |
+ <td>{{ item.rref9x }}</td>
|
|
| 422 |
+ <td>{{ item.rref10 }}</td>
|
|
| 400 | 423 |
</tr> |
| 401 | 424 |
|
| 402 | 425 |
<tr v-if="postList === 0"> |
... | ... | @@ -521,10 +544,41 @@ |
| 521 | 544 |
// 국책과제 카드 |
| 522 | 545 |
{ id: 14, pathName1: "프로젝트 코드", pathName2: "사업장구분", pathName3: "관리항목3", pathName4: "관리항목4", pathName5: "관리항목5", pathName6: "관리항목6", pathName7: "관리항목7", pathName8: "관리항목8", pathName9: "관리항목9", pathName10: "관리항목10", pathName11: "관리항목11", pathName12: "관리항목12" },
|
| 523 | 546 |
], |
| 524 |
- // commonCodeList: [], |
|
| 525 |
- // commonCodeListCount: null, |
|
| 526 |
- // codeListByCommonCode: [], |
|
| 527 |
- // codeListCountByCommonCode: null, |
|
| 547 |
+ commonCodeList: [], |
|
| 548 |
+ commonCodeListCount: null, |
|
| 549 |
+ codeListByCommonCode: [], |
|
| 550 |
+ codeListCountByCommonCode: null, |
|
| 551 |
+ category : {
|
|
| 552 |
+ rref1x: null, |
|
| 553 |
+ rref2x: null, |
|
| 554 |
+ rref3x: null, |
|
| 555 |
+ rref4x: null, |
|
| 556 |
+ rref5x: null, |
|
| 557 |
+ rref6x: null, |
|
| 558 |
+ rref7x: null, |
|
| 559 |
+ rref8x: null, |
|
| 560 |
+ rref9x: null, |
|
| 561 |
+ rref10: null, |
|
| 562 |
+ }, |
|
| 563 |
+ commonCodeOne: {
|
|
| 564 |
+ gbncod: null, |
|
| 565 |
+ rcodex: null, |
|
| 566 |
+ nmcodx: null, |
|
| 567 |
+ shncod: null, |
|
| 568 |
+ ordsor: null, |
|
| 569 |
+ saygub: null, |
|
| 570 |
+ rref1x: null, |
|
| 571 |
+ rref2x: null, |
|
| 572 |
+ rref3x: null, |
|
| 573 |
+ rref4x: null, |
|
| 574 |
+ rref5x: null, |
|
| 575 |
+ rref6x: null, |
|
| 576 |
+ rref7x: null, |
|
| 577 |
+ rref8x: null, |
|
| 578 |
+ rref9x: null, |
|
| 579 |
+ rref10: null, |
|
| 580 |
+ }, |
|
| 581 |
+ bunnam : null |
|
| 528 | 582 |
} |
| 529 | 583 |
}, |
| 530 | 584 |
created() {
|
... | ... | @@ -542,69 +596,85 @@ |
| 542 | 596 |
clickCodeName(commonCode, id) {
|
| 543 | 597 |
this.activeItemId = id; |
| 544 | 598 |
this.selectedId = id; |
| 599 |
+ |
|
| 545 | 600 |
this.selectListByCommonCode(commonCode) |
| 601 |
+ this.category = commonCode; |
|
| 602 |
+ this.commonCodeOne.gbncod = commonCode.rcodex; |
|
| 603 |
+ this.bunnam = commonCode.nmcodx; |
|
| 546 | 604 |
}, |
| 547 | 605 |
//분류 목록 조회 |
| 548 |
- // selectList: function () {
|
|
| 549 |
- // let requestData = {
|
|
| 550 |
- // prjcod : 'AC', |
|
| 551 |
- // gbncod : '000' |
|
| 552 |
- // } |
|
| 553 |
- // const vm = this; |
|
| 554 |
- // axios({
|
|
| 555 |
- // url: '/commonCodeList.json', |
|
| 556 |
- // method: 'post', |
|
| 557 |
- // headers: {
|
|
| 558 |
- // 'Content-Type': 'application/json;' |
|
| 559 |
- // }, |
|
| 560 |
- // data: requestData |
|
| 561 |
- // }).then(function (response) {
|
|
| 562 |
- // console.log("responseData",response.data.resultData)
|
|
| 563 |
- // vm.commonCodeList = response.data.resultData.list; |
|
| 564 |
- // // vm.commonCodeListCount = response.data.requestData.commonCodeListCount; |
|
| 565 |
- // }).catch(function (error) {
|
|
| 566 |
- // console.log(error); |
|
| 567 |
- // }); |
|
| 568 |
- // }, |
|
| 606 |
+ selectList: function () {
|
|
| 607 |
+ let requestData = {
|
|
| 608 |
+ prjcod : 'AC', |
|
| 609 |
+ gbncod : '000' |
|
| 610 |
+ } |
|
| 611 |
+ const vm = this; |
|
| 612 |
+ axios({
|
|
| 613 |
+ url: '/commonCodeList.json', |
|
| 614 |
+ method: 'post', |
|
| 615 |
+ headers: {
|
|
| 616 |
+ 'Content-Type': 'application/json;' |
|
| 617 |
+ }, |
|
| 618 |
+ data: requestData |
|
| 619 |
+ }).then(function (response) {
|
|
| 620 |
+ console.log("responseData",response.data.resultData)
|
|
| 621 |
+ vm.commonCodeList = response.data.resultData.list; |
|
| 622 |
+ // vm.commonCodeListCount = response.data.requestData.commonCodeListCount; |
|
| 623 |
+ }).catch(function (error) {
|
|
| 624 |
+ console.log(error); |
|
| 625 |
+ }); |
|
| 626 |
+ }, |
|
| 569 | 627 |
|
| 570 |
- // //분류 코드 별 하위 목록 조회 |
|
| 571 |
- // selectListByCommonCode : function (commonCode) {
|
|
| 572 |
- // let requestData = {
|
|
| 573 |
- // prjcod : 'AC', |
|
| 574 |
- // rcodex : commonCode.rcodex |
|
| 575 |
- // } |
|
| 576 |
- // const vm = this; |
|
| 577 |
- // axios({
|
|
| 578 |
- // url: '/commonCodeList.json', |
|
| 579 |
- // method: 'post', |
|
| 580 |
- // headers: {
|
|
| 581 |
- // 'Content-Type': 'application/json;' |
|
| 582 |
- // }, |
|
| 583 |
- // data: requestData |
|
| 584 |
- // }).then(function (response) {
|
|
| 585 |
- // console.log("responseData",response.data.resultData)
|
|
| 586 |
- // vm.codeListByCommonCode = response.data.resultData.list; |
|
| 587 |
- // // vm.commonCodeListCount = response.data.requestData.commonCodeListCount; |
|
| 588 |
- // }).catch(function (error) {
|
|
| 589 |
- // console.log(error); |
|
| 590 |
- // }); |
|
| 591 |
- // }, |
|
| 628 |
+ //분류 코드 별 하위 목록 조회 |
|
| 629 |
+ selectListByCommonCode : function(commonCode){
|
|
| 630 |
+ let requestData = {
|
|
| 631 |
+ prjcod : 'AC', |
|
| 632 |
+ rcodex : commonCode.rcodex |
|
| 633 |
+ } |
|
| 634 |
+ const vm = this; |
|
| 635 |
+ axios({
|
|
| 636 |
+ url: '/commonCodeList.json', |
|
| 637 |
+ method: 'post', |
|
| 638 |
+ headers: {
|
|
| 639 |
+ 'Content-Type': 'application/json;' |
|
| 640 |
+ }, |
|
| 641 |
+ data: requestData |
|
| 642 |
+ }).then(function (response) {
|
|
| 643 |
+ console.log("responseData",response.data.resultData)
|
|
| 644 |
+ vm.codeListByCommonCode = response.data.resultData.list; |
|
| 645 |
+ // vm.commonCodeListCount = response.data.requestData.commonCodeListCount; |
|
| 646 |
+ }).catch(function (error) {
|
|
| 647 |
+ console.log(error); |
|
| 648 |
+ }); |
|
| 649 |
+ }, |
|
| 650 |
+ |
|
| 651 |
+ // |
|
| 652 |
+ commonCodeDetail : function(item){
|
|
| 653 |
+ this.commonCodeOne = item; |
|
| 654 |
+ }, |
|
| 592 | 655 |
|
| 593 | 656 |
}, |
| 594 | 657 |
watch: {
|
| 595 | 658 |
|
| 596 | 659 |
}, |
| 597 | 660 |
computed: {
|
| 598 |
- filteredCodeBox() {
|
|
| 599 |
- return this.codeBox.filter(codeInput => this.activeItemId === codeInput.id); |
|
| 600 |
- }, |
|
| 601 |
- filteredCodeList() {
|
|
| 602 |
- if (this.selectedOptionId !== null) {
|
|
| 603 |
- return this.codeList.filter(item => item.id === this.selectedOptionId); |
|
| 661 |
+ // filteredCodeBox() {
|
|
| 662 |
+ // return this.codeBox.filter(codeInput => this.activeItemId === codeInput.id); |
|
| 663 |
+ // }, |
|
| 664 |
+ // filteredCodeList() {
|
|
| 665 |
+ // if (this.selectedOptionId !== null) {
|
|
| 666 |
+ // return this.codeList.filter(item => item.id === this.selectedOptionId); |
|
| 667 |
+ // } |
|
| 668 |
+ // return this.codeList; // 옵션이 선택되지 않았다면 전체 목록 반환 |
|
| 669 |
+ // }, |
|
| 670 |
+ isChecked: {
|
|
| 671 |
+ get() {
|
|
| 672 |
+ return this.commonCodeOne.saygub === 'Y'; |
|
| 673 |
+ }, |
|
| 674 |
+ set(value) {
|
|
| 675 |
+ this.commonCodeOne.saygub = value ? 'Y' : 'N'; |
|
| 604 | 676 |
} |
| 605 |
- return this.codeList; // 옵션이 선택되지 않았다면 전체 목록 반환 |
|
| 606 |
- }, |
|
| 607 |
- |
|
| 677 |
+ } |
|
| 608 | 678 |
}, |
| 609 | 679 |
mounted() {
|
| 610 | 680 |
console.log('Main mounted');
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?