From 9aa7c9f51ea8a171ca6a90e984b700960a5edfb3 Mon Sep 17 00:00:00 2001
From: KG <akrmak12@naver.com>
Date: Thu, 29 May 2025 07:51:21 +0900
Subject: [PATCH 1/3] =?UTF-8?q?func=20:=20=EA=B3=84=EC=95=BD=EA=B4=80?=
 =?UTF-8?q?=EB=A6=ACpage=20-=20=ED=85=8C=EC=9D=B4=EB=B8=94=EC=BB=AC?=
 =?UTF-8?q?=EB=9F=BC=20=EB=8C=80=EA=B8=88=EC=B2=AD=EA=B5=AC=20=EC=A1=B0?=
 =?UTF-8?q?=EA=B1=B4=EB=B6=80=20=ED=99=9C=EC=84=B1=ED=99=94=20fix=20:=20na?=
 =?UTF-8?q?vbar=20-=20=EC=A0=84=ED=91=9C=EA=B4=80=EB=A6=AC=20=EC=A3=BC?=
 =?UTF-8?q?=EC=84=9D=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/navbar.vue               | 14 +++++++-------
 src/pages/app/contractManagement.vue | 29 +++++++++++++++++++++++++---
 2 files changed, 33 insertions(+), 10 deletions(-)

diff --git a/src/layouts/navbar.vue b/src/layouts/navbar.vue
index e1d59f2..3414672 100644
--- a/src/layouts/navbar.vue
+++ b/src/layouts/navbar.vue
@@ -18,13 +18,13 @@ const links = ref<NavbarItem[]>([
     label: '계약관리',
     icon: '',
   },
-  {
-    id: 'document',
-    type: 'link',
-    to: '/app/documentManagement',
-    label: '전표관리',
-    icon: '',
-  },
+  // {
+  //   id: 'document',
+  //   type: 'link',
+  //   to: '/app/documentManagement',
+  //   label: '전표관리',
+  //   icon: '',
+  // },
   {
     id: 'payment',
     type: 'link',
diff --git a/src/pages/app/contractManagement.vue b/src/pages/app/contractManagement.vue
index 683e87a..5055495 100644
--- a/src/pages/app/contractManagement.vue
+++ b/src/pages/app/contractManagement.vue
@@ -49,7 +49,7 @@ const params = reactive({
     { key: 'contAmt', label: '계약금액', format: formatCurrency },
     { key: 'contNo', label: '계약번호' },
     { key: 'signDt', label: '계약체결일' },
-    { key: 'charge', label: '대금청구' },
+    { key: 'charge', label: '대금청구', cellClass: 'is-justify-content-center' },
     { key: 'contStat', label: '계약상태' },
   ],
 })
@@ -182,7 +182,7 @@ function getContractDetail(){
         </div>
       </div>
       <div class="datatable-wrapper">
-        <ComVFlexTable
+        <VFlexTableCustomize
           :data="data.contractData"
           :columns="params.flexColumn"
           :separators="true"
@@ -190,7 +190,30 @@ function getContractDetail(){
           :rounded="true"
           :compact="true"
           @rowClick="getContractDetail"
-        />
+        >
+        <!-- sendYn 컬럼 커스텀 렌더링 -->
+        <template #body-cell-charge="{ row }">
+          <div>
+            <VButton
+                v-if="row.contStat==='계약종료'"
+                color="info"
+                size="small"
+                to="/app/DocumentManagement"
+                @click.stop
+            >
+              대금청구
+            </VButton>
+            <span v-else></span>
+          </div>
+        </template>
+        <!-- 나머지 컬럼만 이 슬롯 사용 -->
+        <template #body-cell="{ column, index, value }">
+          <div>
+            <span v-if="column.key=='num'">{{index + 1}}</span>
+            <span v-else>{{ value }}</span>
+          </div>
+        </template>
+        </VFlexTableCustomize>
       </div>
     </div>
     <VButtons class="is-right">

From bdf7b023cb83c7b39c8d3feeed8a6f5ed726dc79 Mon Sep 17 00:00:00 2001
From: Kasi <zkfwls12@gmail.com>
Date: Thu, 29 May 2025 10:06:26 +0900
Subject: [PATCH 2/3] =?UTF-8?q?fix=20:=20=EA=B0=80=EA=B2=A9=EC=A1=B0?=
 =?UTF-8?q?=EC=82=AC=20=EC=83=81=EC=84=B8=ED=8F=BC=20=20-=20=EC=A0=84?=
 =?UTF-8?q?=EC=86=A1=EC=97=AC=EB=B6=80:=20=EB=AF=B8=EC=A0=84=EC=86=A1=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20->=20=EC=8B=A4=ED=8C=A8=20=ED=85=8D?=
 =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=20-=20=EC=8A=A4=ED=83=80=EC=9D=BC=20?=
 =?UTF-8?q?=EC=A0=95=EB=A0=AC=EC=88=98=EC=A0=95=20=20-=20=EC=9E=AC?=
 =?UTF-8?q?=EC=A0=84=EC=86=A1=EC=97=AC=EB=B6=80=20=EC=A1=B0=EA=B1=B4?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=20(0200)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/DocumentManagement.vue |   8 +-
 src/pages/app/contractUpdate.vue     | 262 ++++++++++++++++++---------
 src/pages/app/priceDetail.vue        |  18 +-
 src/pages/app/priceManagement.vue    |   9 +
 src/service/contractApi.ts           |   6 +-
 src/service/signDocApi.ts            | 102 +++++++++++
 6 files changed, 297 insertions(+), 108 deletions(-)
 create mode 100644 src/service/signDocApi.ts

diff --git a/src/pages/app/DocumentManagement.vue b/src/pages/app/DocumentManagement.vue
index f6cbf45..f2d782b 100644
--- a/src/pages/app/DocumentManagement.vue
+++ b/src/pages/app/DocumentManagement.vue
@@ -354,6 +354,10 @@ function onInput(event) {
 
 }
 
+.button.v-button {
+  padding: 0px 0px;
+}
+
 .bottom-button {
   text-align: center;
   button {
@@ -362,6 +366,7 @@ function onInput(event) {
     font-weight: bold;
     border-color: var(--primary);
     color: white;
+    padding: 0.5rem 1rem !important;
   }
 }
 button:nth-child(2) {
@@ -375,9 +380,6 @@ button:nth-child(3) {
   margin: 0px 0px;
 }
 
-.button.v-button {
-  padding: 0px 0px;
-}
 
  .disabled-button {
    //opacity: 0.5;
diff --git a/src/pages/app/contractUpdate.vue b/src/pages/app/contractUpdate.vue
index 2b71fa3..6694f6f 100644
--- a/src/pages/app/contractUpdate.vue
+++ b/src/pages/app/contractUpdate.vue
@@ -1,17 +1,25 @@
 <script setup lang="ts">
 
 import axios from 'axios'
-import { getContractDetail, updateContract, saveContract } from "/src/service/contractApi.ts";
+import {getContractDetail, saveContract} from "/src/service/contractApi.ts";
+import type {iPbAtt} from "/@src/utils/types.ts";
+import {useRouter} from "vue-router";
+
+const registerFormOpen = ref(false)
+const loading = ref(false)
+const isSelectOpen = ref(false)
+const notyf = useNotyf()
+const router = useRouter()
+const selectedCode = ref()
+const priceSearchCheckBoxStatus = ref(false)
+const isLoading = ref(false)
 
 onBeforeMount(async ()=>{
+  console.log(history.state.key)
   const result = await getContractDetail(history.state.key)
   getDetailList(result)
 })
 
-const registerFormOpen = ref(false)
-const loading = ref(false)
-const notyf = useNotyf()
-const router = useRouter()
 const params = reactive({
   cateCd: '',
   contNo: '',
@@ -29,8 +37,11 @@ const params = reactive({
   row: 10,
   flexColumn: [],
   modalColumn: [],
+  contAtts: [], //첨부파일 데이터
 })
 
+
+
 const completedPriceDataParams = reactive({
   prcsNo:'',
   cateCd:'',
@@ -39,8 +50,8 @@ const completedPriceDataParams = reactive({
   compNm:'',
   title:'',
   content:'',
-  regSdat:'',
-  regEdat:'',
+  contSdat:'',
+  contEdat:'',
   regSabun:'',
   regNm:'',
   regDt:'',
@@ -50,6 +61,7 @@ const completedPriceDataParams = reactive({
   svyDt:'',
   reason:'',
   estimates: [],
+  excYn: false,
   page: 1,
   row: 5,
 })
@@ -63,15 +75,16 @@ params.modalColumn = [
   { key: 'regNm', label: '선택' },
 ]
 
-const selectedCode = ref()
-const priceSearchCheckBoxStatus = ref(false)
+params.contAtts = [
+  { prcsNo : '', bizNo : '' ,fileOrd : 0 ,logiFnm : '' ,physFnm : '',size : 0 ,data : '' ,path : '' },
+]
+
 
 const data = reactive({
   contractData: [],
   completedPriceSearchData: [],
 })
 
-const isLoading = ref(false)
 watch(registerFormOpen, async (isOpen) => {
   if (isOpen) {
     isLoading.value = true
@@ -87,21 +100,6 @@ watch(registerFormOpen, async (isOpen) => {
   }
 })
 
-function getDetailList(arg){
-  console.log("arg",arg)
-  completedPriceDataParams.prcsNo = arg.prcsNo
-  selectedCode.value = arg.cateCd
-  completedPriceDataParams.bizNo = arg.bizNo
-  completedPriceDataParams.compNm = arg.compNm
-  completedPriceDataParams.title = arg.title
-  completedPriceDataParams.regSdat = arg.contSdat // 계약기간
-  completedPriceDataParams.regEdat = arg.contEdat
-  completedPriceDataParams.contAmt = arg.contAmt
-  // completedPriceDataParams.svyDt = arg.signDt 계약체결일 todo
-  completedPriceDataParams.reason = arg.reason
-}
-
-
 function formatMonthDate(dateStr) {
   if (!dateStr) return ''
   const date = new Date(dateStr)
@@ -121,8 +119,8 @@ function getDateDiff(start, end) {
 }
 
 const contractPeriod = computed(() => {
-  const start = completedPriceDataParams.regSdat
-  const end = completedPriceDataParams.regEdat
+  const start = completedPriceDataParams.contSdat
+  const end = completedPriceDataParams.contEdat
   const startStr = formatMonthDate(start)
   const endStr = formatMonthDate(end)
   const diff = getDateDiff(start, end)
@@ -150,8 +148,8 @@ function handlePriceRowClick(row) {
   completedPriceDataParams.cateNm = row.cateNm || ''
   completedPriceDataParams.title = row.title || ''
   completedPriceDataParams.content = row.content || ''
-  completedPriceDataParams.regSdat = row.regSdat || ''
-  completedPriceDataParams.regEdat = row.regEdat || ''
+  completedPriceDataParams.contSdat = row.regSdat || ''
+  completedPriceDataParams.contEdat = row.regEdat || ''
   completedPriceDataParams.regSabun = row.regSabun || ''
   completedPriceDataParams.regNm = row.regNm || ''
   completedPriceDataParams.regDt = row.regDt || ''
@@ -176,9 +174,9 @@ function handlePriceRowClick(row) {
   }
 
   registerFormOpen.value = false
-  priceSearchCheckBoxStatus.value = !!row
+  completedPriceDataParams.estimates = row.estimates
   console.log(row)
-  console.log(completedPriceDataParams.contAmt)
+  console.log(completedPriceDataParams.estimates)
 }
 
 const showFileInputs = ref(false)
@@ -187,50 +185,42 @@ const fileInputs = ref([
   { file: null, description: '소액수의계약서' },
   { file: null, description: '수의계약 체결 제한 여부 확인서' },
   { file: null, description: '퇴직자 재직여부 확인서' },
-  { file: null, description: '인지세 납부확인서' },
   { file: null, description: '정부권장정책 이행 구매 검토서' },
-  { file: null, description: '기타' }
+  { file: null, description: '기타' },
+  { file: null, description: '인지세 납부확인서' },
 ])
 
-function handleFileChange(e, idx) {
-  const files = e.target.files
-  if (files && files.length > 0) {
-    fileInputs.value[idx].file = files[0]
-  } else {
-    fileInputs.value[idx].file = null
-  }
-}
-
 const saveContOne = async () => {
   let res = null
   try{
     loading.value = true
-    // if (!validation()) {
-    //   return;
-    // }
+
+    const amt = Number(String(completedPriceDataParams.contAmt).replace(/[^0-9]/g, ''))
+    if (amt >= 10000000) {
+      const injiFile = pbAtts.value[6]
+      if (!injiFile || !injiFile.logiFnm) {
+        notyf.error('계약금액이 1,000만원 이상일 경우 인지세 납부확인서 첨부가 필수입니다.')
+        loading.value = false
+        return
+      }
+    }
+
     const paramsCont ={
       prcsNo: completedPriceDataParams.prcsNo,
       bizNo: completedPriceDataParams.bizNo,
+      cateCd: priceSearchCheckBoxStatus.value ? selectedCode.value : completedPriceDataParams.cateCd,
       compNm: completedPriceDataParams.compNm,
       title: completedPriceDataParams.title,
-      regSdat: formatMonthDate(completedPriceDataParams.regSdat),
-      regEdat: formatMonthDate(completedPriceDataParams.regEdat),
+      contSdat: formatMonthDate(completedPriceDataParams.contSdat),
+      contEdat: formatMonthDate(completedPriceDataParams.contEdat),
       contAmt: completedPriceDataParams.contAmt,
-      signDt: formatMonthDate(completedPriceDataParams.svyDt),
+      signDt: formatMonthDate(completedPriceDataParams.contSdat),
       reason: completedPriceDataParams.reason,
-      exeYn: true, // 가격조사 예외여부 확인필요
-      // cateCd: completedPriceDataParams.cateCd,
-      // cateNm: completedPriceDataParams.cateNm,
-      // content: completedPriceDataParams.content,
-      // regSabun: completedPriceDataParams.regSabun,
-      // regNm: completedPriceDataParams.regNm,
-      // regDt: formatMonthDate(completedPriceDataParams.regDt),
-      // stCd: completedPriceDataParams.stCd,
-      // stNm: completedPriceDataParams.stNm,
-
+      excYn: priceSearchCheckBoxStatus.value, // 가격조사 예외여부 확인필요
+      contAtts: params.contAtts,
     }
-
-    res = await updateContract(paramsCont)
+    console.log(pbAtts)
+    res = await saveContract(paramsCont)
 
     if(res.request.status == '200'){
       notyf.primary('등록 되었습니다.')
@@ -243,9 +233,77 @@ const saveContOne = async () => {
   }
 }
 
-const moveList = () => {
-  router.push('/app/contractManagement')
+const pbAtts = ref<iPbAtt[]>(params.contAtts)
+
+const onFileChange = (e, idx) => {
+  const file = e.target.files[0]
+  if (!file) return
+  const reader = new FileReader()
+  reader.onload = () => {
+    const result = reader.result
+    const pbAtt = {
+      prcsNo: completedPriceDataParams.prcsNo,
+      logiFnm: file.name,
+      size: file.size,
+      data: result.split(',')[1],
+    }
+    // 인덱스별로 파일 저장
+    pbAtts.value[idx] = pbAtt
+    console.log(pbAtts)
+    console.log(pbAtts.value[idx].logiFnm)
+  }
+  reader.readAsDataURL(file)
 }
+
+function resetForm() {
+  completedPriceDataParams.prcsNo = ''
+  completedPriceDataParams.bizNo = ''
+  completedPriceDataParams.compNm = ''
+  completedPriceDataParams.title = ''
+  completedPriceDataParams.contSdat = ''
+  completedPriceDataParams.contEdat = ''
+  completedPriceDataParams.contAmt = ''
+  completedPriceDataParams.reason = ''
+  selectedCode.value = ''
+  pbAtts.value = []
+  // 기타 입력값도 여기에 추가
+}
+
+watch(
+    () => priceSearchCheckBoxStatus.value,
+    () => {resetForm()}
+)
+
+function routerMove() {
+  router.push({path: '/app/contractManagement'})
+}
+
+const showReasonError = computed(() =>
+    priceSearchCheckBoxStatus.value &&
+    (!completedPriceDataParams.reason || !completedPriceDataParams.reason.trim())
+)
+
+const estimateBizNoOptions = computed(() =>
+    completedPriceDataParams.estimates.map(est => ({
+      value: est.bizNo,
+      text: est.bizNo
+    }))
+)
+
+function onBizNoChange() {
+  const selected = completedPriceDataParams.estimates.find(est => est.bizNo === completedPriceDataParams.bizNo)
+
+  if (selected) {
+    completedPriceDataParams.compNm = selected.compNm || ''
+    completedPriceDataParams.contAmt = selected.amt || 0
+    completedPriceDataParams.bizNo = selected.bizNo || ''
+  } else {
+    completedPriceDataParams.compNm =  ''
+    completedPriceDataParams.contAmt = 0
+    completedPriceDataParams.bizNo =  ''
+  }
+}
+
 </script>
 
 <template>
@@ -271,6 +329,7 @@ const moveList = () => {
                     <VCodeSelect
                         v-model="selectedCode"
                         cd_grp="5"
+                        :disabled="!priceSearchCheckBoxStatus"
                     /></VField>
                 </span>
             </td>
@@ -306,7 +365,7 @@ const moveList = () => {
               <VField class="is-flex">
                 <VControl raw subcontrol>
                   <VCheckbox
-                      label="가격조사여부"
+                      label="예외사유"
                       color="info"
                       v-model="priceSearchCheckBoxStatus"
                   />
@@ -321,6 +380,7 @@ const moveList = () => {
                         v-model="completedPriceDataParams.reason"
                         class="input custom-text-filter"
                         placeholder="가격조사 안했을 시 예외 사유 입력(필수)"
+                        :class="{ 'danger-placeholder': showReasonError }"
                     >
                   </VControl>
                 </VField>
@@ -336,6 +396,7 @@ const moveList = () => {
                       v-model="completedPriceDataParams.title"
                       class="input custom-text-filter"
                       placeholder="계약명"
+                      :disabled="!priceSearchCheckBoxStatus"
                   >
                 </VControl>
               </VField>
@@ -346,11 +407,21 @@ const moveList = () => {
             <td>
               <VField>
                 <VControl>
-                  <input
+                  <VSelect
                       v-model="completedPriceDataParams.bizNo"
                       class="input custom-text-filter"
-                      placeholder="사업자번호"
+                      @change="onBizNoChange"
+                      @focus="isSelectOpen = true"
                   >
+                    <option value="" disabled>사업자번호 선택</option>
+                    <option
+                        v-for="option in estimateBizNoOptions"
+                        :key="option.value"
+                        :value="option.value"
+                    >
+                      {{ option.text }}
+                    </option>
+                  </VSelect>
                 </VControl>
               </VField>
             </td>
@@ -361,6 +432,7 @@ const moveList = () => {
                       v-model="completedPriceDataParams.compNm"
                       class="input custom-text-filter"
                       placeholder="업체명"
+                      :disabled="!priceSearchCheckBoxStatus"
                   >
                 </VControl>
               </VField>
@@ -392,9 +464,10 @@ const moveList = () => {
               <VField>
                 <VControl>
                   <input
-                      :value="formatMonthDate(completedPriceDataParams.regSdat)"
+                      :value="formatMonthDate(completedPriceDataParams.contSdat)"
                       class="input custom-text-filter"
                       placeholder="계약체결일"
+                      :disabled="!priceSearchCheckBoxStatus"
                   >
                 </VControl>
               </VField>
@@ -405,22 +478,6 @@ const moveList = () => {
               >
                 계 약 금 액
               </VButton>
-              <VModal
-                  actions="center"
-                  title="계약금액"
-              >
-                <template #content>
-                  <VPlaceholderSection
-                      title="Go Premium"
-                      subtitle="Unlock more features and business tools by going premium"
-                  />
-                </template>
-                <template #action>
-                  <VButton color="primary" raised>
-                    등록
-                  </VButton>
-                </template>
-              </VModal>
             </td>
             <td colspan="2">
               <VField>
@@ -429,6 +486,7 @@ const moveList = () => {
                       v-model="completedPriceDataParams.contAmt"
                       class="input custom-text-filter"
                       placeholder="금액"
+                      :disabled="!priceSearchCheckBoxStatus"
                   >
                 </VControl>
               </VField>
@@ -454,7 +512,7 @@ const moveList = () => {
               <div>
                 <div>
                   <VDatePicker
-                      v-model="completedPriceDataParams.regSdat"
+                      v-model="completedPriceDataParams.contSdat"
                       color="green"
                       trim-weeks
                   >
@@ -479,7 +537,7 @@ const moveList = () => {
               <div class="">
                 <div>
                   <VDatePicker
-                      v-model="completedPriceDataParams.regEdat"
+                      v-model="completedPriceDataParams.contEdat"
                       color="green"
                       trim-weeks
                   >
@@ -513,6 +571,12 @@ const moveList = () => {
             </td>
             <td colspan="5">
               <!-- 첨부파일 입력영역: 등록 버튼 클릭 시 토글 -->
+
+            </td>
+          </tr>
+          <tr>
+            <td></td>
+            <td colspan="7">
               <div v-if="showFileInputs" class="file-upload-list" style="margin-top:10px;">
                 <div
                     v-for="(input, idx) in fileInputs"
@@ -524,11 +588,13 @@ const moveList = () => {
                     <input
                         type="file"
                         class="file-input"
-                        @change="e => handleFileChange(e, idx)"
+                        @change="(e) => onFileChange(e, idx)"
                     />
                     <span class="file-cta">파일선택</span>
                   </label>
-                  <span style="flex:1; margin-right: 10px;">{{ input.file ? input.file.name : '첨부된 파일 없음' }}</span>
+                  <span style="flex:1; margin-right: 10px;">
+                      {{ pbAtts[idx] == null ? '' : pbAtts[idx].logiFnm }}
+                    </span>
                   <span style="flex:2; color: #666;">{{ input.description }}</span>
                 </div>
               </div>
@@ -536,10 +602,10 @@ const moveList = () => {
           </tr>
           </tbody>
         </table>
-        <div class="bottom-button">
-          <VButton @click="saveContOne">수 정</VButton>
-          <VButton @click="moveList">취 소</VButton>
-        </div>
+      </div>
+      <div class="bottom-button">
+        <VButton @click="saveContOne">저 장</VButton>
+        <VButton @click="routerMove">취 소</VButton>
       </div>
     </div>
   </div>
@@ -549,6 +615,7 @@ const moveList = () => {
 .table tbody td {
   color: var(--smoke-white);
 }
+
 .datatable-table  {
   td{
     font-family: var(--font),serif;
@@ -573,6 +640,21 @@ const moveList = () => {
   tr:nth-child(5) > td:nth-child(4) {
     color: black;
   }
+
+  tr:nth-child(7) > td {
+    padding: 0 12px;
+  }
+}
+
+/* 일반 상태 */
+.input::placeholder {
+  color: #b0b0b0;
+}
+
+/* 에러 상태 (빨간색) */
+.danger-placeholder::placeholder {
+  color: #ff3860; /* Bulma 기준 빨간색 */
+  opacity: 1;     /* 크롬 등에서 흐려지는 것 방지 */
 }
 
 .bottom-button {
diff --git a/src/pages/app/priceDetail.vue b/src/pages/app/priceDetail.vue
index 9ba1a38..4237ba0 100644
--- a/src/pages/app/priceDetail.vue
+++ b/src/pages/app/priceDetail.vue
@@ -59,9 +59,9 @@ const params = reactive({
   ],
   priceData:[],
   prcsBizsColumn: [ //견적사 입력
-    { key: 'email', label: '이메일', editable: true },
-    { key: 'bizNo', label: '사업자번호', editable: true},
-    { key: 'totAmt', label: '금액', editable: true},
+    { key: 'email', label: '이메일', editable: true},
+    { key: 'bizNo', label: '사업자번호', editable: true, cellClass: 'is-justify-content-center'},
+    { key: 'totAmt', label: '금액', editable: true, cellClass: 'is-justify-content-right'},
     { key: 'sendYn', label: '전송여부', editable: true, cellClass: 'is-justify-content-center'},
     { key: 'retransmitYn', label: '재전송여부', editable: true, cellClass: 'is-justify-content-center'},
   ],
@@ -283,7 +283,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
                       disabled
                   >
                 </div>
-                <div style="transform: translateY(15px)">~</div>
+                <div style="transform: translateY(9px)">~</div>
                 <div class="column is-4">
                   <input
                       :readonly=true
@@ -352,20 +352,14 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
                   <!-- sendYn 컬럼 커스텀 렌더링 -->
                   <template #body-cell-sendYn="{ row }">
                     <div>
-                      <VButton
-                          v-if="!row.sendYn"
-                          color="validation"
-                          size="small"
-                      >
-                        미전송
-                      </VButton>
+                      <span v-if="!row.sendYn" style="color: red;">실패</span>
                       <span v-else>전송완료</span>
                     </div>
                   </template>
                   <template #body-cell-retransmitYn="{ row }">
                     <div>
                       <VButton
-                          v-if="!row.sendYn"
+                          v-if="!row.sendYn && params.stCd == '0200'"
                           color="info"
                           size="small"
                       >
diff --git a/src/pages/app/priceManagement.vue b/src/pages/app/priceManagement.vue
index bf329c2..399eae5 100644
--- a/src/pages/app/priceManagement.vue
+++ b/src/pages/app/priceManagement.vue
@@ -263,6 +263,15 @@ watch(currentPage, (newParams) => {
 </template>
 
 <style scoped lang="scss">
+.datatable-toolbar {
+  padding: 1rem 1.5rem;
+  margin: 0 0 2rem 0;
+}
+
+.flex-table .flex-table-header {
+  min-height: 3rem;
+}
+
 .v-buttons-right-align {
   display: flex;
   justify-content: flex-end;
diff --git a/src/service/contractApi.ts b/src/service/contractApi.ts
index abcb79c..6e3dda6 100644
--- a/src/service/contractApi.ts
+++ b/src/service/contractApi.ts
@@ -116,7 +116,7 @@ export async function getContractList(params = {}) {
  * @param {object} params
  * @returns
  */
-export async function getPriceList() {
+export async function getContractPriceList() {
     try {
         const result = await axios.get(`/api/cont/prcs`)
         return result.data
@@ -139,10 +139,10 @@ export async function getPriceList() {
  * @param {object} contNo
  * @returns
  */
-export async function getPrice(contNo) {
+export async function updateContractReturn(contNo) {
     try {
         const result = await axios.put(`/api/cont/ret/${contNo}`)
-        return result.data
+        return result
     } catch (e) {
         const serverError = e.response?.data;
 
diff --git a/src/service/signDocApi.ts b/src/service/signDocApi.ts
new file mode 100644
index 0000000..fefe0b7
--- /dev/null
+++ b/src/service/signDocApi.ts
@@ -0,0 +1,102 @@
+import axios from 'axios'
+
+/**
+ * (임시) 전자결재 저장(테스트용) 결재중 상태 저장
+ * @param {object} params
+ * @property {string} params.contNo - 계약번호
+ * @returns
+ */
+export async function signStart(params = {}) {
+    console.log(params)
+    try {
+        const result = await axios.post(`/api/sign/start/`,params)
+        return result
+    } catch (e) {
+        const serverError = e.response?.data;
+
+        const message = typeof serverError?.body === 'string'
+            ? serverError.body
+            : 'Unknown error occurred';
+
+        const error = new Error(message); // ✅ 반드시 string만 넣기! 아니면 객체가 문자열로 나옴
+        error.code = serverError?.code;
+        error.errTime = serverError?.errTime;
+        throw error;
+    }
+}
+
+/**
+ * 전자결재 반려 상태변경
+ * @param {object} params
+ * @property {string} params.contNo - 계약번호
+ * @returns
+ */
+export async function signReturn(params = {}) {
+    console.log(params)
+    try {
+        const result = await axios.post(`/api/sign/return/`,params)
+        return result
+    } catch (e) {
+        const serverError = e.response?.data;
+
+        const message = typeof serverError?.body === 'string'
+            ? serverError.body
+            : 'Unknown error occurred';
+
+        const error = new Error(message); // ✅ 반드시 string만 넣기! 아니면 객체가 문자열로 나옴
+        error.code = serverError?.code;
+        error.errTime = serverError?.errTime;
+        throw error;
+    }
+}
+
+/**
+ * 전자결재 회수 상태 변경
+ * @param {object} params
+ * @property {string} params.contNo - 계약번호
+ * @returns
+ */
+export async function signStart(params = {}) {
+    console.log(params)
+    try {
+        const result = await axios.post(`/api/sign/recovery/`,params)
+        return result
+    } catch (e) {
+        const serverError = e.response?.data;
+
+        const message = typeof serverError?.body === 'string'
+            ? serverError.body
+            : 'Unknown error occurred';
+
+        const error = new Error(message); // ✅ 반드시 string만 넣기! 아니면 객체가 문자열로 나옴
+        error.code = serverError?.code;
+        error.errTime = serverError?.errTime;
+        throw error;
+    }
+}
+
+/**
+ * 전자결재 결재완료 상태 변경
+ * @param {object} params
+ * @property {string} params.contNo - 계약번호
+ * @returns
+ */
+export async function signStart(params = {}) {
+    console.log(params)
+    try {
+        const result = await axios.post(`/api/sign/confirm/`,params)
+        return result
+    } catch (e) {
+        const serverError = e.response?.data;
+
+        const message = typeof serverError?.body === 'string'
+            ? serverError.body
+            : 'Unknown error occurred';
+
+        const error = new Error(message); // ✅ 반드시 string만 넣기! 아니면 객체가 문자열로 나옴
+        error.code = serverError?.code;
+        error.errTime = serverError?.errTime;
+        throw error;
+    }
+}
+

From 6ec31fda2a2bcf2dcfa05230eea3f24b812b9f5a Mon Sep 17 00:00:00 2001
From: Kasi <zkfwls12@gmail.com>
Date: Thu, 29 May 2025 11:23:17 +0900
Subject: [PATCH 3/3] =?UTF-8?q?fix=20:=20=EA=B2=AC=EC=A0=81=EC=84=9C?=
 =?UTF-8?q?=ED=99=95=EC=9D=B8=20-=20=EA=B0=80=EA=B2=A9=EC=A1=B0=EC=82=AC?=
 =?UTF-8?q?=20=EC=99=84=EB=A3=8C=EC=97=AC=EB=B6=80=20=EC=A1=B0=EA=B1=B4=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/priceDetail.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/app/priceDetail.vue b/src/pages/app/priceDetail.vue
index 4237ba0..d167ccb 100644
--- a/src/pages/app/priceDetail.vue
+++ b/src/pages/app/priceDetail.vue
@@ -323,7 +323,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
             <td>견적서확인</td>
             <td colspan="9">
               <slot name="status"
-                    v-if="params.stCd == '0100'"
+                    v-if="params.stCd == '0200'"
               >
               <div style="display: flex; justify-content: flex-end; gap: 8px;">
               <VButton