Commit @f1a8e0ae8931798f207b44ee9a03725f6d5ebdf8

mycoms 2024-04-30

240430 김하영

@f1a8e0ae8931798f207b44ee9a03725f6d5ebdf8

88462f8

f1a8e0a

Global.js

--- Global.js

+++ Global.js


 const BASE_DIR = __dirname;
 const LOG_BASE_DIR = `${__dirname}/server/logs`;
 const SERVICE_STATUS = process.env.NODE_ENV;//development, production
-const PORT = 8080;
-const API_SERVER_HOST = 'localhost:8080';
+const PORT = 8083;
+const API_SERVER_HOST = 'localhost:8083';
 
 module.exports = {
     PROJECT_NAME,

88462f8

f1a8e0a

client/views/pages/Business/Bn002.vue

--- client/views/pages/Business/Bn002.vue

+++ client/views/pages/Business/Bn002.vue


                                         <!-- 거래처 코드 -->
                                         <input type="text" style=" width: 50%;" v-model="selectClient.CUSTCD">
                                         <!-- 거래처 명 -->
-                                        <autocomplete ref="autocomplete1"
+                                        <autocomplete ref="autocomplete"
                                             @result-selected="result => handleResultSelected(result, 'search')"
                                             @compResults="compResults">
                                         </autocomplete>

                                 <div class="select-box flex justify-start align-center no-space gd-3 mr10">
                                     <p class="select-boxTitle pr30 ">품목</p>
                                     <div class="flex justify-between" style="flex-wrap: nowrap; gap: 5px;">
-                                        <input type="text" style=" width: 50%;" v-model="insertFormData.ITEMCD">
-                                        <input type="text" v-model="insertFormData.ITEMNM">
+                                        <input type="text" style=" width: 50%;" v-model="selectClient.ITEMCD">
+                                        <input type="text" v-model="selectClient.ITEMNM">
                                     </div>
                                 </div>
                                 <div class="select-box flex align-center gd-3">

                                         <colgroup>
                                             <col width="3%">
                                             <col width="10%">
-                                            <col width="5%">
                                         </colgroup>
                                         <thead>
                                             <th>코드</th>
                                             <th>거래처명</th>
-                                            <th>여분</th>
                                         </thead>
                                         <tbody>
                                             <tr v-for="(list, index) in lists" :key="index" @click="selectList(list)"
                                                 :style="{ backgroundColor: selectedList === index ? 'var(--trBackground)' : ' var(--white)' }">
                                                 <td>{{ list.CUSTCD }}</td>
                                                 <td>{{ list.JSNAME }}</td>
-                                                <td>{{ list.input }}</td>
                                             </tr>
                                         </tbody>
                                     </table>

                                 <p class="content-title">품목등록</p>
                                 <div>
                                     <button class=" green-border-btn" @click="resetFormData">신규</button>
+                                    <button class=" green-border-btn" @click="modifyFormData">수정</button>
                                     <button class="blue-border-btn" @click="postItem">저장</button>
                                     <button class="red-border-btn" @click="deleteItem">삭제</button>
                                 </div>

 
 
                                             <th>품목구분1</th>
-
-                                            <td>
-                                                <input type="text" name="" id="" class="gray-input" disabled
-                                                    v-model="insertFormData.ITGBNM">
-                                            </td>
-
+                                        
+                                                <td>
+                                                    <input type="text" name="" id="" class="gray-input" disabled
+                                                        v-model="insertFormData.ITGBNM1">
+                                                </td>
+                                                
 
                                             <th>품목구분2</th>
-                                            <td>
-                                                <input type="text" name="" id="" class="gray-input" disabled
-                                                    v-model="insertFormData.ITGBNM">
-                                            </td>
+                                                <td>
+                                                    <input type="text" name="" id=""  v-model="insertFormData.ITGBNM2">
+                                                </td>
 
 
                                         </tr>

                                             </colgroup>
                                             <thead>
                                                 <th>선택</th>
-                                                <th>품목구분</th>
+                                                <th>구분1</th>
+                                                <th>구분2</th>
                                                 <th>품목코드</th>
                                                 <th>품목명</th>
-                                                <th>고객사코드</th>
                                                 <th>규격정보</th>
                                                 <th>사용</th>
                                             </thead>

                                                     <td style="background-color: var(--inputgray); "><input
                                                             type="checkbox" class="ui-checkbox " disabled
                                                             style="background-color: var(--inputgray);"></td>
-                                                    <td>{{ item.ITGBNM }}</td>
+                                                    <td>{{ item.ITGBNM1 }}</td>
+                                                    <td>{{ item.ITGBNM2 }}</td>
                                                     <td>{{ item.ITEMCD }}</td>
                                                     <td>{{ item.ITEMNM }}</td>
-                                                    <td>{{ item.CUSTNO }}</td>
                                                     <td>{{ item.KUKEXX }}</td>
 
                                                     <td><input type="checkbox" class="ui-checkbox"

 <script>
 import axios from "axios";
 import Autocomplete from '../component/Autocomplete.vue';
-import AutocompleteList from "../component/AutocompleteList.vue";
 
 
 export default {
     data() {
         return {
+            // itemBoxList:{
+            //     COMPCD:"",
+            //     ITGBNM1:"",
+            // },
             selectedIndex: null,
             selectedList: {
                 CUSTCD: "",
                 JSNAME: "",
-                input: "",
+                YNUSAG: "",
             },
             lists: [],
             items: [],

             insertItemcd: '',
             selectClient: {
                 CUSTCD: '',
+                JSNAME: "",
+                ITEMCD:""
             },
             selectList: {
                 ITEMCD: '',

             }).then(function (response) {
                 vm.selectedCompany = response.data.resultData[0];
                 vm.searchClient();
+
+                console.log(vm.selectedCompany,"사업장 목록",);
+
             }).catch(function (error) {
                 console.log(error);
             });

                 data: {
                     compcd: vm.selectedCompany.COMPCD,
                     custcd: vm.selectClient.CUSTCD,
-                    ynusag: vm.selectedCheckbox,
+                    itemcd: vm.selectClient.ITEMCD,
+                    ynusag: vm.selectedList.YNUSAG,
                 },
             }).then(function (response) {
+                console.log(":::::",response);
                 vm.lists = response.data.resultData;
-                console.log(response);
+                
+
             }).catch(function (error) {
                 console.log(error);
             });
         },
         // 거래처 검색에서 데이터 가져오기
         handleResultSelected(result, identifier) {
+            console.log("handlerResultselected",result)
             if (identifier === 'search') {
                 this.selectClient = result;
             } else if (identifier === 'post') {
                 this.selectedList = result;
             }
         },
-        handleResult(result, identifier) {
-            if (identifier === 'search') {
-                this.selectList = result;
-            } else if (identifier === 'post') {
-                this.selectList = result;
-            }
-        },
+       
         // 품목 등록 - 거래처 품목 목록
         searchItem() {
             const vm = this;

                 console.log(error);
             });
         },
+        itemBox(){
+            const vm = this;
+
+            axios({
+                url:"https://jv.ajinpaper.app/SD/item_raw.do",
+                method:"post",
+                data:{
+                    compcd: vm.itemBoxList.COMPCD,
+                    itemcd: vm.itemBoxList.ITEMCD,
+                    widthx: vm.itemBoxList.WIDTHX,
+                    lengxx: vm.itemBoxList.LENGXX,
+                    ITGBNM1: vm.itemBoxList.ITGBNM1,
+                }
+            }).then(function (response) {
+                console.log(response, '품목내용');
+                vm.items = response.data.resultData;
+            }).catch(function (error) {
+                console.log(error);
+            });
+        },
+
+
+
+
         // 품목 등록 - 품목 저장
         insertItem() {
             const vm = this;

             }).then(function (response) {
                 vm.searchItem();
                 vm.resetFormData();
+                console.log(response);
+
             }).catch(function (error) {
                 console.log(error);
             });

     },
     computed: {},
     components: {
-        Autocomplete, AutocompleteList
+        Autocomplete
     },
     mounted() {
         this.searchCompany();

88462f8

f1a8e0a

client/views/pages/component/Autocomplete.vue

--- client/views/pages/component/Autocomplete.vue

+++ client/views/pages/component/Autocomplete.vue


         method: "post",
       }).then(function (response) {
         vm.results = response.data.resultData;
+        console.log(vm.results,'거래처');
         vm.$emit('compResults', vm.results);
       }).catch(function (error) {
         console.log(error);

Add a comment

Open 0
Closed 0

List

...	...	@@ -58,6 +58,7 @@
58	58	method: "post",
59	59	}).then(function (response) {
60	60	vm.results = response.data.resultData;
	61	+ console.log(vm.results,'거래처');
61	62	vm.$emit('compResults', vm.results);
62	63	}).catch(function (error) {
63	64	console.log(error);

...	...	@@ -3,8 +3,8 @@
3	3	const BASE_DIR = __dirname;
4	4	const LOG_BASE_DIR = `${__dirname}/server/logs`;
5	5	const SERVICE_STATUS = process.env.NODE_ENV;//development, production
6		-const PORT = 8080;
7		-const API_SERVER_HOST = 'localhost:8080';
	6	+const PORT = 8083;
	7	+const API_SERVER_HOST = 'localhost:8083';
8	8
9	9	module.exports = {
10	10	PROJECT_NAME,

...	...	@@ -25,7 +25,7 @@
25	25	<!-- 거래처 코드 -->
26	26	<input type="text" style=" width: 50%;" v-model="selectClient.CUSTCD">
27	27	<!-- 거래처 명 -->
28		- <autocomplete ref="autocomplete1"
	28	+ <autocomplete ref="autocomplete"
29	29	@result-selected="result => handleResultSelected(result, 'search')"
30	30	@compResults="compResults">
31	31	</autocomplete>
...	...	@@ -34,8 +34,8 @@
34	34	<div class="select-box flex justify-start align-center no-space gd-3 mr10">
35	35	<p class="select-boxTitle pr30 ">품목</p>
36	36	<div class="flex justify-between" style="flex-wrap: nowrap; gap: 5px;">
37		- <input type="text" style=" width: 50%;" v-model="insertFormData.ITEMCD">
38		- <input type="text" v-model="insertFormData.ITEMNM">
	37	+ <input type="text" style=" width: 50%;" v-model="selectClient.ITEMCD">
	38	+ <input type="text" v-model="selectClient.ITEMNM">
39	39	</div>
40	40	</div>
41	41	<div class="select-box flex align-center gd-3">
...	...	@@ -70,19 +70,16 @@
70	70	<colgroup>
71	71	<col width="3%">
72	72	<col width="10%">
73		- <col width="5%">
74	73	</colgroup>
75	74	<thead>
76	75	<th>코드</th>
77	76	<th>거래처명</th>
78		- <th>여분</th>
79	77	</thead>
80	78	<tbody>
81	79	<tr v-for="(list, index) in lists" :key="index" @click="selectList(list)"
82	80	:style="{ backgroundColor: selectedList === index ? 'var(--trBackground)' : ' var(--white)' }">
83	81	<td>{{ list.CUSTCD }}</td>
84	82	<td>{{ list.JSNAME }}</td>
85		- <td>{{ list.input }}</td>
86	83	</tr>
87	84	</tbody>
88	85	</table>
...	...	@@ -98,6 +95,7 @@
98	95	<p class="content-title">품목등록</p>
99	96	<div>
100	97	<button class=" green-border-btn" @click="resetFormData">신규</button>
	98	+ <button class=" green-border-btn" @click="modifyFormData">수정</button>
101	99	<button class="blue-border-btn" @click="postItem">저장</button>
102	100	<button class="red-border-btn" @click="deleteItem">삭제</button>
103	101	</div>
...	...	@@ -129,18 +127,17 @@
129	127
130	128
131	129	<th>품목구분1</th>
132		-
133		- <td>
134		- <input type="text" name="" id="" class="gray-input" disabled
135		- v-model="insertFormData.ITGBNM">
136		- </td>
137		-
	130	+
	131	+ <td>
	132	+ <input type="text" name="" id="" class="gray-input" disabled
	133	+ v-model="insertFormData.ITGBNM1">
	134	+ </td>
	135	+
138	136
139	137	<th>품목구분2</th>
140		- <td>
141		- <input type="text" name="" id="" class="gray-input" disabled
142		- v-model="insertFormData.ITGBNM">
143		- </td>
	138	+ <td>
	139	+ <input type="text" name="" id="" v-model="insertFormData.ITGBNM2">
	140	+ </td>
144	141
145	142
146	143	</tr>
...	...	@@ -221,10 +218,10 @@
221	218	</colgroup>
222	219	<thead>
223	220	<th>선택</th>
224		- <th>품목구분</th>
	221	+ <th>구분1</th>
	222	+ <th>구분2</th>
225	223	<th>품목코드</th>
226	224	<th>품목명</th>
227		- <th>고객사코드</th>
228	225	<th>규격정보</th>
229	226	<th>사용</th>
230	227	</thead>
...	...	@@ -236,10 +233,10 @@
236	233	<td style="background-color: var(--inputgray); "><input
237	234	type="checkbox" class="ui-checkbox " disabled
238	235	style="background-color: var(--inputgray);"></td>
239		- <td>{{ item.ITGBNM }}</td>
	236	+ <td>{{ item.ITGBNM1 }}</td>
	237	+ <td>{{ item.ITGBNM2 }}</td>
240	238	<td>{{ item.ITEMCD }}</td>
241	239	<td>{{ item.ITEMNM }}</td>
242		- <td>{{ item.CUSTNO }}</td>
243	240	<td>{{ item.KUKEXX }}</td>
244	241
245	242	<td><input type="checkbox" class="ui-checkbox"
...	...	@@ -271,17 +268,20 @@
271	268	<script>
272	269	import axios from "axios";
273	270	import Autocomplete from '../component/Autocomplete.vue';
274		-import AutocompleteList from "../component/AutocompleteList.vue";
275	271
276	272
277	273	export default {
278	274	data() {
279	275	return {
	276	+ // itemBoxList:{
	277	+ // COMPCD:"",
	278	+ // ITGBNM1:"",
	279	+ // },
280	280	selectedIndex: null,
281	281	selectedList: {
282	282	CUSTCD: "",
283	283	JSNAME: "",
284		- input: "",
	284	+ YNUSAG: "",
285	285	},
286	286	lists: [],
287	287	items: [],
...	...	@@ -307,6 +307,8 @@
307	307	insertItemcd: '',
308	308	selectClient: {
309	309	CUSTCD: '',
	310	+ JSNAME: "",
	311	+ ITEMCD:""
310	312	},
311	313	selectList: {
312	314	ITEMCD: '',
...	...	@@ -368,6 +370,9 @@
368	370	}).then(function (response) {
369	371	vm.selectedCompany = response.data.resultData[0];
370	372	vm.searchClient();
	373	+
	374	+ console.log(vm.selectedCompany,"사업장 목록",);
	375	+
371	376	}).catch(function (error) {
372	377	console.log(error);
373	378	});
...	...	@@ -381,30 +386,28 @@
381	386	data: {
382	387	compcd: vm.selectedCompany.COMPCD,
383	388	custcd: vm.selectClient.CUSTCD,
384		- ynusag: vm.selectedCheckbox,
	389	+ itemcd: vm.selectClient.ITEMCD,
	390	+ ynusag: vm.selectedList.YNUSAG,
385	391	},
386	392	}).then(function (response) {
	393	+ console.log(":::::",response);
387	394	vm.lists = response.data.resultData;
388		- console.log(response);
	395	+
	396	+
389	397	}).catch(function (error) {
390	398	console.log(error);
391	399	});
392	400	},
393	401	// 거래처 검색에서 데이터 가져오기
394	402	handleResultSelected(result, identifier) {
	403	+ console.log("handlerResultselected",result)
395	404	if (identifier === 'search') {
396	405	this.selectClient = result;
397	406	} else if (identifier === 'post') {
398	407	this.selectedList = result;
399	408	}
400	409	},
401		- handleResult(result, identifier) {
402		- if (identifier === 'search') {
403		- this.selectList = result;
404		- } else if (identifier === 'post') {
405		- this.selectList = result;
406		- }
407		- },
	410	+
408	411	// 품목 등록 - 거래처 품목 목록
409	412	searchItem() {
410	413	const vm = this;
...	...	@@ -423,6 +426,30 @@
423	426	console.log(error);
424	427	});
425	428	},
	429	+ itemBox(){
	430	+ const vm = this;
	431	+
	432	+ axios({
	433	+ url:"https://jv.ajinpaper.app/SD/item_raw.do",
	434	+ method:"post",
	435	+ data:{
	436	+ compcd: vm.itemBoxList.COMPCD,
	437	+ itemcd: vm.itemBoxList.ITEMCD,
	438	+ widthx: vm.itemBoxList.WIDTHX,
	439	+ lengxx: vm.itemBoxList.LENGXX,
	440	+ ITGBNM1: vm.itemBoxList.ITGBNM1,
	441	+ }
	442	+ }).then(function (response) {
	443	+ console.log(response, '품목내용');
	444	+ vm.items = response.data.resultData;
	445	+ }).catch(function (error) {
	446	+ console.log(error);
	447	+ });
	448	+ },
	449	+
	450	+
	451	+
	452	+
426	453	// 품목 등록 - 품목 저장
427	454	insertItem() {
428	455	const vm = this;
...	...	@@ -471,6 +498,8 @@
471	498	}).then(function (response) {
472	499	vm.searchItem();
473	500	vm.resetFormData();
	501	+ console.log(response);
	502	+
474	503	}).catch(function (error) {
475	504	console.log(error);
476	505	});
...	...	@@ -561,7 +590,7 @@
561	590	},
562	591	computed: {},
563	592	components: {
564		- Autocomplete, AutocompleteList
	593	+ Autocomplete
565	594	},
566	595	mounted() {
567	596	this.searchCompany();

Delete comment