자동 견적 계산/견적서/계약서 게시판 스킨 입니다. 정보
게시판 자동 견적 계산/견적서/계약서 게시판 스킨 입니다.![](http://sir.kr/data/member_image/na/naver_c4eu0mkh.gif?1707875211)
첨부파일
본문
이걸 어떻게 설명을 드려야 할지 햇갈리네요...
-----------------------------------------------------------------------------------
우선 스킨의 기능들을 먼저 설명 드릴게요.
write.skin.php
글쓰기 작성 시 (고객 이름, 주소, 전화번호) 입력하시면 되고
입력이 되면 계약서 창으로 자동으로 입력이 됩니다
제품들의 체크박스를 체크시 아래 토탈견적이 나오고 수량 입력하고 체크 박스 눌러도
똑같이 자동으로 계산이 됩니다. 체크 된 것을 DB에서 확인하고 똑같이 적용하는 기능도 포함
그리고 (다음) 버튼을 눌러서 계약서 작성 페이지에 들어가시면
금액과, 고객서명란[인] 버튼 누르고, 계약금/중도금/잔금 자동계산, 아래 추가 스케치 가능
작성완료 누르시면 자동으로 체크한 함수들과 값들이 DB에 업데이트 됩니다.
view.skin.php
체크 박스 된 제품들만 체크가 되고 (견적서 생성 버튼) 누르게 되면 선택하신 제품들은
순서대로 견적서에 들어가게 됩니다.
체크한 제품들의 순서대로만 들어갑니다.
(계약서 생성) 누르시면 고객서명 부분과 기타 부분들도 전부 체워지게 됩니다.
스케치 한 부분도 똑같이 체워 집니다.
견적서생성 했을때 (이미지 저장 버튼)을 통해서 작성된 견적서 이미지 다운로드 가능
-----------------------------------------------------------------------------------
저도 생각나는 대로 막 만들다 보니까 솔직히 코드도 정리가 안되어 있어요...
일단 설명 할 수 있는 만큼은 해드리겠습니다!
스킨 폴더는 여러분이 사용하시는 사이트에 board에 올리면 됩니다.
그 안에서 수정되야될 내용들이 있습니다!
회사명, 도장, 전화번호 등등 제가 체크 해둔 부분만 지우시고 수정 해주시면 되고요!
대체적으로 수정해야될 부분은 파일은 총 두개 입니다.
write.skin.php / view.skin.php
이렇게 총 두개의 파일만 수정을 해주시면 되는데요
그안에 제가 수정해야될 부분들을 표시를 해두었습니다!
%%% 중요 한 부분 입니다 %%%
여분 필드를 증가 시켜 주셔야 합니다!
여분필드 증가 방법은 검색하시면 다 나오시니까 따로 검색하셔서 하시면 될거 같습니다!
여분필드 설정할때 팁 값을 255 말고 20 정도로 주시는 걸 추천 드립니다.
여분필드는 wr_11 ~ wr_100 까지 생성 해주시고
추가로 bo_1 ~ bo_100 까지 추가로 더 생성 해주시면 됩니다!
제품이 많이 들어가면 갈 수록 더 많이 생성 하셔야 되고요
저는 제품이 80개 정도라서 좀 많이 늘려서 만들었습니다.
%%% 제품의 분류를 더 추가 하고 싶다면 %%%
제품 분류를 더 추가하고 싶다면 복사 붙여넣기로 하실 수가 있습니다!
하지만 안에 내부 값들은 수정을 해주셔야 합니다!
ex )
<code>
<tr>
<td style="float:left;">
<div class="container1">
<a class="js-click-modal1"><img src="/theme/gram/mobile/skin/board/basic2/img/유선각방.png" alt="tistory_logo" width="130px;" height="100%"></a> <!-- 제품 이미지 -->
<div class="modal1" style="z-index:1">
<div class="header1">
<p><strong>유선각방 상세보기</strong></p>
<a class="btn1 js-close-modal1 textlight">닫기</a>
</div>
<div class="body1 scell" style="z-index:1;"> <!--상세보기 이미지 수정하기 -->
<img src="/theme/gram/mobile/skin/board/basic2/img/유선각방/1.jpg" class="responsive-image">
<img src="/theme/gram/mobile/skin/board/basic2/img/유선각방/2.jpg" class="responsive-image">
<img src="/theme/gram/mobile/skin/board/basic2/img/유선각방/3.jpg" class="responsive-image">
<img src="/theme/gram/mobile/skin/board/basic2/img/유선각방/4.jpg" class="responsive-image">
<img src="/theme/gram/mobile/skin/board/basic2/img/유선각방/5.jpg" class="responsive-image">
</div>
</div>
</div>
</td>
<td>170,000 원</td>
<td>유선각방<br>제어시스템</td>
<td style="font-size:15px;">
<input type="text" class="inbox1" id="qty25" value="<?php echo ($write['bo_25'])?$write['bo_25']:"1"; ?>" name="bo_25"> <!--여기 값 수정 ID값 bo값 수정 -->
</td>
<td style="padding-left:20px;">
<div class="checkbox-wrapper-31">
<input type="checkbox" name="wr_30" id="price25" value="170000" <?php echo ($write['wr_30'] == "170000") ? " checked" : "";?>> <!--여기 값 수정 ID값 wr값 수정 -->
<svg viewBox="0 0 35.6 35.6">
<circle class="background" cx="17.8" cy="17.8" r="17.8"></circle>
<circle class="stroke" cx="17.8" cy="17.8" r="14.37"></circle>
<polyline class="check" points="11.78 18.12 15.55 22.23 25.17 12.87"></polyline>
</svg>
</div>
</td>
</tr>
</code>
대충 이렇게 한다고 보시면 되겠습니다!
제품 추가하실때는 제가 ID 라고 입력 해놓은 부분 있잖아요
거기서부터 추가 될때마다 +1 씩 증가시켜서 써주시면 됩니다!
궁금한거는 제가 아는 선에서는 말씀 드릴게용
감사합니다.
8
댓글 전체
![](http://sir.kr/data/member_image/am/ami9812.gif?1523589858)
수고하신게 보이는 멋진 스킨이네요.
포인트를 더 올려서 받으시는것도 괜챦을것 같습니다.
추천!!!
![](http://sir.kr/data/member_image/na/naver_c4eu0mkh.gif?1707875211)
감사합니다!!
많은 분들이 도와주셔서 만들 수 있었어요 ㅠㅜ..
![](http://sir.kr/data/member_image/na/naver_ve59i12o.gif?1716206209)
엄청 납니다. 감사 합니다.
![](http://sir.kr/data/member_image/na/naver_c4eu0mkh.gif?1707875211)
감사합니다!
고맙습니다.
이렇게 좋은 스킨을 공개해 주셔서 감사 드립니다.
혹시 프린트 기능은 안되는지요
![](http://sir.kr/data/member_image/na/naver_c4eu0mkh.gif?1707875211)
프린트 기능은 넣었다가 뺐습니다ㅠㅜ
감사합니다. 댓글을 안달수가 없네요
![](http://sir.kr/data/member_image/na/naver_c4eu0mkh.gif?1707875211)
도움되셨으면 좋겠네요 ㅠㅜ
![](http://sir.kr/data/member_image/na/naver_s82r0a3b.gif?1505968671)
감사합니다 ^^
![](http://sir.kr/data/member_image/xi/xianhaojin.gif?1551239278)
감사합니다
![](http://sir.kr/data/member_image/to/todl.gif?1498779066)
와 감사합미다
좋은 스킨을 공개해 주셔서 감사 드립니다.
어떻게 이용을 하면 좋을지 고민을..
![](http://sir.kr/data/member_image/na/naver_c4eu0mkh.gif?1707875211)
사용 하시려면 원하는 게시판에 설정해주시고 제가올린 파일로
mysql에서 여분필드 증가 시켜야되요
wr_1~100 / bo_1~100까지 만들어주시고 사용하시면 되요
컬럼은 255가 아닌 20으로 맞춰주시고요
그리고 제가 설명에서 설명했듯이 수정해야될 부분만 수정하시면되고
추가 하시려면 제가 올려둔거 복사해서 붙여넣기하고 안에 내용들 수정하면서 제품들 추가하면되요
![](http://sir.kr/data/member_image/go/google_ujk9i4xh.gif?1707803555)
감사합니다~
![](http://sir.kr/data/member_image/si/sir2me.gif?1521630153)
감사합니다.
감사합니다.