양식 편집기를 활용하여 문서 입력 필드, 자동 항목, 결재선, 보안 설정 등 다양한 요소를 추가 및 수정할 수 있습니다.
🧭 통합설정⚙️ > App 관리 > 전자결재 > 전자결재 양식 관리 > [양식추가] > [양식 편집기] 에서는 결재 문서를 작성할 때 필요한 항목을 구성하고, 문서 양식을 설정하는 기능을 제공합니다.
양식 편집기를 활용하여 문서 입력 필드, 자동 항목, 결재선, 보안 설정 등 다양한 요소를 추가 및 수정할 수 있습니다.
통합설정 - 최고관리자 및 지정된 App별 관리자만 접근 및 사용이 가능합니다.
양식 편집기 사용방법
1. 양식 추가 또는 수정 화면에서 [양식 편집기] 선택
2. 커서를 원하는 위치에 둔 후, 추가할 컴포넌트(또는 항목) 선택하여 삽입
3. 우측 속성 창에서 컴포넌트의 세부 속성 설정
4. 삭제가 필요한 경우, 컴포넌트 선택 후 쓰레기통🗑️ 아이콘 클릭
양식 편집기 컴포넌트
양식 편집기에서는 기본 입력 항목, 자동 입력 항목, 고급 기능 등을 활용하여 결재 문서를 구성할 수 있습니다.
기본 항목
문서 작성 시 자동으로 채워지는 필드
- 제목: 결재 문서 제목 입력
- 본문 내용: 텍스트 편집기 (Editor) 제공
- 결재선: 필수 입력 항목 (결재선 표시)
- 텍스트 / 멀티 텍스트: 한 줄 또는 여러 줄 입력 필드
- 숫자 / 통화: 숫자 및 금액 입력 필드
- 단일 선택 / 드롭다운 / 복수 선택: 선택형 입력 필드
- 날짜 / 시간 / 기간: 날짜 및 시간 선택 필드
- 사용자 선택 / 부서 선택: 조직도에서 특정 사용자 또는 부서 선택
자동 항목
문서 작성 시 자동으로 채워지는 필드
- 기안자 / 기안부서 / 기안자 이메일: 문서를 작성한 사용자 정보 자동 입력
- 직위 / 사번 / 연락처: 사용자 프로필 정보 자동 표시
- 기안일 / 완료일: 결재 문서 작성 및 완료 날짜 자동 입력
- 문서번호: 결재 완료 후 자동 채번 (설정 경로: [전자결재 > 결재 문서 번호])
- 공개 여부 / 보안 등급 / 보존 연한: 문서 보안 설정 자동 적용
- 전사 문서함: 전사 문서함에 저장될 위치 자동 표시
고급 항목
결재 및 공문 기능과 연동된 필드
- 합의 결재선: 합의 결재선 표시
- 수신 결재선: 수신 문서에 표시되는 결재선
- 자동 결재선 (단일 선택 / 드롭다운 / 통화): 특정 옵션 선택 시 자동으로 결재선 적용
- 발신 명의: 공문 발송 시 마지막 결재자의 이름 표시
- 공문 수신처 속성: 공문 발송 시 수신처 정보 표시
🔢 자동 합계 설정 방법
전자결재 양식에서 여러 개의 숫자 입력 값을 자동으로 합산하여 표시하는 기능입니다.
이를 활용하면 기안자가 별도로 합계를 입력할 필요 없이, 문서 내에서 자동으로 계산된 값을 표시할 수 있습니다.
자동 합계 관련 안내
- 자동 합계기능은 숫자 입력 필드에 대해 단순 합산만 제공, 사칙 연산(+, -, ×, ÷) 기능은 지원되지 않음
- 자동 합계는 동일한 ID를 가진 숫자 컴포넌트에만 적용 가능, 서로 다른 ID의 숫자 값을 합산하지 않음
- 전자결재 양식에서 복잡한 계산 기능이 필요한 경우, 맞춤형 양식 제작 서비스가 필요하며 추가 개발 비용 발생
결재 양식 샘플 이용 방법
다우오피스 개설 시 기본적으로 회사의 공통업무에 맞는 다양한 전자결재 양식을 제공하지만, 필요한 경우 양식 샘플을 활용해 결재 양식을 쉽게 추가하여 사용할 수 있습니다.
다우오피스 고객센터에서는 담당자가 쉽게 양식을 등록하여 사용할 수 있도록 양식 샘플을 제공합니다.
이 샘플 양식을 다운로드 받아서 결재 양식에 손쉽게 추가해보세요!
양식 샘플 다운로드 방법
- 다우오피스 고객케어라운지 접속
- [전자결재 양식 샘플] 메뉴 > 다운로드할 양식 이름 클릭
- 상세화면에서 결재 양식 확인 후 하단의 양식 이름 클릭하여 다운로드
스크립트 양식의 경우, [전자결재 양식 샘플]에서 [스크립트(기능포함) 양식]을 클릭하여 양식 이미지 아래의 JS와 HTML 파일 2개를 모두 다운로드 하세요!
스크립트 양식이란?
결재 문서 자체에서 특정 기능을 수행하는 코드가 포함된 양식을 뜻합니다.
스크립트 예시)
var Integration = Backbone.View.extend({
initialize : function(options){
this.options = options || {};
this.docModel = this.options.docModel;
this.variables = this.options.variables;
this.infoData = this.options.infoData;
},
render : function(){
/* docStatus == 'Create'or 'TempSave' 일때 불리는 함수. (2.0.0 이전의 쓰던 연동코드를 구현) */
},
renderViewMode : function(){
/* 읽기모드에서 함수가 필요한 경우 구현 */
},
onEditDocument : function(){
/* '수정 ' 버튼을 눌렀을때 실행. */
},
beforeSave :function() {
},
afterSave :function() {
},
validate :function() {
return true;
},
getDocVariables : function(){
/* getDocVariables 사용 하려면 return 소스 코드 구현 */
}
});
return Integration;
양식 샘플 추가 방법
다운로드 받은 양식 샘플을 전자 결재 양식 편집기를 통해 결재 양식에 추가합니다.
- 🧭 다우오피스 오른쪽 상단 통합설정⚙️ > App 관리 > 전자결재 > 결재 양식 관리 이동
- [양식 추가] 클릭 > [양식 편집기] 클릭
- 양식 편집기 오른쪽 상단의 [</>] 아이콘 클릭
- 다운로드 받은 양식 샘플 선택 후 [열기] 클릭하여 선택한 결재 양식이 본문에 삽입되었는지 확인
- 양식 내 [결재선] 문구 삭제 후 삭제한 위치에서 왼쪽의 [결재선] 컴포넌트를 원하는 위치에 추가
- 우측 상단 체크 아이콘(✔️) 클릭하여 저장
- 해당 결재 양식의 제목과 양식 약어, 그 외 기본 정보 입력 후 [저장]
📑 결재 양식 추가 가이드 참고
스크립트 양식 추가 방법
스크립트 양식의 경우 일반 양식 샘플을 추가한 후, 함께 다운로드 받은 스크립트 양식 (JS 파일)을 추가로 등록해주어야 합니다.
- 다운로드 받은 JS 파일 마우스 오른쪽 버튼 클릭 > 연결 프로그램 > 메모장으로 열기
- 파일 내용 전체 선택 후 복사 하기
- 일반 양식 샘플 추가 후, 결재 양식 관리 페이지 하단 [기타] 클릭
- 스크립트 부분의 '스크립트 편집' 선택
- 하단 스크립트 편집창에 복사한 스크립트 내용 붙여넣기
- [저장] 클릭하여 양식 저장
등록한 결재 양식 확인하기
결재 양식 샘플 추가를 마쳤다면, 의도한대로 추가 되어서 결재가 진행되는지 확인해 볼 수 있습니다.
- 전자결재 App > [새 결재 진행]
- 결재 양식 검색창에서 추가한 양식 이름으로 검색 > 검색 결과 중 추가한 양식 선택 > [확인]
- 내용 입력 후 상단의 [결재 정보] 클릭
- 결재 정보 창에서 결재자를 마우스 드래그하여 추가해보고, 결재자 추가에 따라 결재칸이 추가되는지 확인 후 [확인] 클릭
- 상단의 [결재 요청] 클릭하여 기안 상신 처리가 정상적으로 진행되는지 확인 후, 결재 문서를 회수하여 삭제 처리
👀전자결재 양식 제작 과정을 직접 체험해보세요.
TIP 전체화면을 클릭하여 실행하면 더욱 정확하게 체험해 볼 수 있습니다.
엑셀 활용법
전자결재 양식 샘플 활용법