From 35ca6200a534564e69448a86dc6ce186a1c02a67 Mon Sep 17 00:00:00 2001
From: Yesol Choi <ysoli36512@gmail.com>
Date: Tue, 27 May 2025 15:21:02 +0900
Subject: [PATCH 1/4] =?UTF-8?q?style=20:=20input=20box=20=EC=8A=A4?=
 =?UTF-8?q?=ED=83=80=EC=9D=BC=20=EB=B3=80=EA=B2=BD=20=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/PriceInsert.vue | 13 ++++++++----
 src/pages/app/priceUpdate.vue | 38 ++++++++++++++++++++++++-----------
 2 files changed, 35 insertions(+), 16 deletions(-)

diff --git a/src/pages/app/PriceInsert.vue b/src/pages/app/PriceInsert.vue
index 7361377..f7bb004 100644
--- a/src/pages/app/PriceInsert.vue
+++ b/src/pages/app/PriceInsert.vue
@@ -2,6 +2,7 @@
 import {deletePrcsFile, getPrcsFileDown, savePrice} from '/src/service/priceApi'
 import {type iPbAtt, Person} from '/@src/utils/types'
 import {formatBizNum,formatDatefromString} from "/@src/utils/common/comfunc.ts";
+import Control from "/@src/pages/components/forms/control.vue";
 
 const notyf = useNotyf()
 const showTable = ref(false)
@@ -204,9 +205,11 @@ const onFileChange = (e: any) => {
 }
 
 const onFilDelete = async ( index: number, fileOrd: number) => {
-  notyf.dismissAll()
+  const confirmed = confirm('삭제하시겠습니까?')
   if (index) {
-    pbAtts.value.splice(index, 1)
+    if (confirmed){
+      pbAtts.value.splice(index, 1)
+    }
   }
 }
 
@@ -308,7 +311,7 @@ function onInput(row, column){
                         <VControl>
                       <input
                           v-model="row[column.key]"
-                          class="editable-input"
+                          class="input custom-text-filter"
                           ref="prcsBizsRef"
                           @blur="onInput(row, column)"
                       />
@@ -353,7 +356,9 @@ function onInput(row, column){
                   @close="detailActionsOpen = false"
               >
                 <template #content>
+                  <div class="form-label">
                   <VButton color="success">일괄업로드</VButton>
+                  </div>
                   <ComVFlexTable
                       :key="params.dtlSpecs.length"
                       :data="params.dtlSpecs"
@@ -368,7 +373,7 @@ function onInput(row, column){
                         <input
                             v-if="column.editable"
                             v-model="row[column.key]"
-                            class="editable-input"
+                            class="input custom-text-filter"
                         />
                         <span v-else-if="column.key=='num'">{{index+1}}</span>
                         <span v-else-if="column.key=='delete'"  class="lnil lnil-close"
diff --git a/src/pages/app/priceUpdate.vue b/src/pages/app/priceUpdate.vue
index 8422338..5eba672 100644
--- a/src/pages/app/priceUpdate.vue
+++ b/src/pages/app/priceUpdate.vue
@@ -222,15 +222,21 @@ const onFileChange = (e: any) => {
 
 const onFilDelete = async (prcsNo: string, index: number, fileOrd: number) => {
   notyf.dismissAll()
-  console.log(prcsNo)
-  if (prcsNo === undefined || prcsNo === null) {
-    pbAtts.value.splice(index, 1)
-  }
-  else {
-    await deletePrcsFile(params.prcsNo, fileOrd).then((res: string) => {
-      notyf.success(res)
+  const confirmed = confirm('삭제하시겠습니까?')
+  if (!prcsNo) {
+    if (confirmed){
       pbAtts.value.splice(index, 1)
-    })
+    }
+  } else {
+    if (confirmed) {
+      await deletePrcsFile(prcsNo, fileOrd).then((res: string) => {
+        notyf.success(res)
+        pbAtts.value.splice(index, 1)
+      }).catch((err) => {
+        notyf.error('삭제 중 오류가 발생했습니다.')
+        console.error(err)
+      })
+    }
   }
 }
 
@@ -334,7 +340,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
                       <input
                           v-if="column.editable"
                           v-model="row[column.key]"
-                          class="input editable-input"
+                          class="input custom-text-filter"
                           @blur="onInput(row, column)"
                       />
                       <span v-else-if="column.key=='num'">{{index + 1}}</span>
@@ -377,7 +383,9 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
                   @close="detailActionsOpen = false"
               >
                 <template #content>
+                  <div class="form-label">
                   <VButton color="success">일괄업로드</VButton>
+                  </div>
                   <ComVFlexTable
                       :key="params.dtlSpecs.length"
                       :data="params.dtlSpecs"
@@ -391,7 +399,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
                         <input
                             v-if="column.editable"
                             v-model="row[column.key]"
-                            class="editable-input input"
+                            class="input custom-text-filter"
                         />
                         <span v-else-if="column.key=='num'">{{index+1}}</span>
                         <span v-else-if="column.key=='delete'" class="lnil lnil-close"
@@ -514,9 +522,12 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
                       <div class="estimate-file-name">
                         {{ f.logiFnm }}{{" ("}}{{Math.ceil(f.size / 1024)}}kb{{")"}}
                       </div>
-                      <div>
+                      <span>
                         <i class="fa fa-download estimate-file-download" @click="onPrcsFileDownload(f.prcsNo, f.fileOrd, f.logiFnm)" />
-                      </div>
+                      </span>
+                      <span>
+                        <i class="fa fa-trash estimate-file-delete" @click="onFilDelete(f.prcsNo, i, f.fileOrd)" />
+                      </span>
                     </div>
                   </VControl>
                 </VField>
@@ -557,6 +568,9 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
                         placeholder="재중"
                         cd_grp=6
                         v-model="row.attendCd">
+<!--                      <template #code>-->
+<!--                        <span v-if="!row.attendCd">{{"재중"}}</span>-->
+<!--                      </template>-->
                     </VCodeSelect>
                   </VField>
                 </span>

From 7c2e00b97830b48c8bd750fc059ebd422caaecd6 Mon Sep 17 00:00:00 2001
From: Yesol Choi <ysoli36512@gmail.com>
Date: Tue, 27 May 2025 15:29:17 +0900
Subject: [PATCH 2/4] =?UTF-8?q?style=20:=20disable=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/contractDetail.vue     | 619 +++++++++++++++++++++++++++
 src/pages/app/contractManagement.vue |   2 +-
 2 files changed, 620 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/app/contractDetail.vue

diff --git a/src/pages/app/contractDetail.vue b/src/pages/app/contractDetail.vue
new file mode 100644
index 0000000..0380950
--- /dev/null
+++ b/src/pages/app/contractDetail.vue
@@ -0,0 +1,619 @@
+<script setup lang="ts">
+
+import axios from 'axios'
+import { getContractDetail, updateContract, saveContract } from "/@src/service/contract.ts";
+import { getDetailPrcs } from "/@src/service/priceApi.ts";
+
+onBeforeMount(async ()=>{
+  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: '',
+  title: '',
+  compNm: '',
+  signDt: '',
+  contAmt: '',
+  contStatCd: '',
+  contStat: '',
+  regsabun: '',
+  regNm: '',
+  regDt: '',
+  reason: '',
+  page: 1,
+  row: 10,
+  flexColumn: [],
+  modalColumn: [],
+})
+
+const completedPriceDataParams = reactive({
+  prcsNo:'',
+  cateCd:'',
+  cateNm:'',
+  bizNo:'',
+  compNm:'',
+  title:'',
+  content:'',
+  regSdat:'',
+  regEdat:'',
+  regSabun:'',
+  regNm:'',
+  regDt:'',
+  contAmt:'',
+  stCd:'',
+  stNm:'',
+  svyDt:'',
+  reason:'',
+  estimates: [],
+  page: 1,
+  row: 5,
+})
+
+params.modalColumn = [
+  { key: 'cateNm', label: '분야' },
+  { key: 'title', label: '제목' },
+  { key: 'regNm', label: '담당자' },
+  { key: 'stNm', label: '등록상태' },
+  { key: 'title', label: '비고' },
+  { key: 'regNm', label: '선택' },
+]
+
+const selectedCode = ref()
+const priceSearchCheckBoxStatus = ref(false)
+
+const data = reactive({
+  contractData: [],
+  completedPriceSearchData: [],
+})
+
+const isLoading = ref(false)
+watch(registerFormOpen, async (isOpen) => {
+  if (isOpen) {
+    isLoading.value = true
+    // error.value = null
+    try {
+      const priceSearchDataRespone = await axios.get('/api/cont/prcs')
+      data.completedPriceSearchData = Array.isArray(priceSearchDataRespone.data) ? priceSearchDataRespone.data : []
+    }
+    catch (error) {
+      console.log(error)
+      data.priceData = []
+    }
+  }
+})
+
+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)
+  return date.toLocaleDateString('ko-KR', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+  }).replace(/\./g, '-').replace(/\s/g, '').replace(/-$/, '')
+}
+
+function getDateDiff(start, end) {
+  if (!start || !end) return null
+  const startDate = new Date(start)
+  const endDate = new Date(end)
+  const diff = Math.ceil((endDate - startDate) / (1000 * 60 * 60 * 24))
+  return diff >= 0 ? diff + 1 : null
+}
+
+const contractPeriod = computed(() => {
+  const start = completedPriceDataParams.regSdat
+  const end = completedPriceDataParams.regEdat
+  const startStr = formatMonthDate(start)
+  const endStr = formatMonthDate(end)
+  const diff = getDateDiff(start, end)
+  if (startStr && endStr && diff) {
+    return `${startStr} ~ ${endStr} (${diff}일)`
+  }
+  else if (startStr && endStr) {
+    return `${startStr} ~ ${endStr}`
+  }
+  else if (startStr) {
+    return `${startStr} ~`
+  }
+  else if (endStr) {
+    return `~ ${endStr}`
+  }
+  else {
+    return ''
+  }
+})
+
+
+function handlePriceRowClick(row) {
+  completedPriceDataParams.prcsNo = row.prcsNo || ''
+  completedPriceDataParams.cateCd = row.cateCd || ''
+  completedPriceDataParams.cateNm = row.cateNm || ''
+  completedPriceDataParams.title = row.title || ''
+  completedPriceDataParams.content = row.content || ''
+  completedPriceDataParams.regSdat = row.regSdat || ''
+  completedPriceDataParams.regEdat = row.regEdat || ''
+  completedPriceDataParams.regSabun = row.regSabun || ''
+  completedPriceDataParams.regNm = row.regNm || ''
+  completedPriceDataParams.regDt = row.regDt || ''
+  completedPriceDataParams.stCd = row.stCd || ''
+  completedPriceDataParams.stNm = row.stNm || ''
+  completedPriceDataParams.svyDt = row.svyDt || ''
+  completedPriceDataParams.reason = row.reason || ''
+
+  selectedCode.value = row.cateCd || ''
+  completedPriceDataParams.estimates = row.estimates || []
+
+  if (row.estimates && row.estimates.length > 0) {
+    const minEstimate = row.estimates.reduce((min, curr) => curr.amt < min.amt ? curr : min, row.estimates[0])
+    completedPriceDataParams.bizNo = minEstimate.bizNo || ''
+    completedPriceDataParams.compNm = minEstimate.compNm || ''
+    completedPriceDataParams.contAmt = minEstimate.amt || ''
+  } else {
+    completedPriceDataParams.bizNo = ''
+    completedPriceDataParams.compNm = ''
+    completedPriceDataParams.contAmt = ''
+    notyf.error("견적서가 없습니다.")
+  }
+
+  registerFormOpen.value = false
+  priceSearchCheckBoxStatus.value = !!row
+  console.log(row)
+  console.log(completedPriceDataParams.contAmt)
+}
+
+const showFileInputs = ref(false)
+const fileInputs = ref([
+  { 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 paramsCont ={
+      prcsNo: completedPriceDataParams.prcsNo,
+      bizNo: completedPriceDataParams.bizNo,
+      compNm: completedPriceDataParams.compNm,
+      title: completedPriceDataParams.title,
+      regSdat: formatMonthDate(completedPriceDataParams.regSdat),
+      regEdat: formatMonthDate(completedPriceDataParams.regEdat),
+      contAmt: completedPriceDataParams.contAmt,
+      signDt: formatMonthDate(completedPriceDataParams.svyDt),
+      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,
+
+    }
+
+    res = await updateContract(paramsCont)
+
+    if(res.request.status == '200'){
+      notyf.primary('등록 되었습니다.')
+      router.push({path: '/app/contractManagement'})
+    }
+  }catch(e){
+    notyf.error(e.message)
+  }finally {
+    loading.value = false
+  }
+}
+
+const moveList = () => {
+  router.push('/app/contractManagement')
+}
+</script>
+
+<template>
+  <div class="page-content is-navbar-lg">
+    <div class="datatable-wrapper">
+      <div class="table-container">
+        <table class="table datatable-table is-fullwidth">
+          <colgroup>
+            <col style="width: 10%;">
+            <col style="width: 20%;">
+            <col style="width: 20%;">
+            <col style="width: 10%;">
+            <col style="width: 10%;">
+            <col style="width: 20%;">
+            <col style="width: 10%;">
+          </colgroup>
+          <tbody>
+          <tr>
+            <td>분야</td>
+            <td>
+                <span class="colum">
+                  <VField class="">
+                    <VCodeSelect
+                        v-model="selectedCode"
+                        cd_grp="5"
+                        disabled
+                    /></VField>
+                </span>
+            </td>
+            <td>
+              <VButton
+                  color="primary"
+                  @click="registerFormOpen = true"
+              >
+                가격조사 가져오기
+              </VButton>
+              <VModal
+                  is="form"
+                  :open="registerFormOpen"
+                  title="계약관리 등록"
+                  size="contract-big"
+                  actions="right"
+              >
+                <template #content>
+                  <div class="modal-form">
+                    <ComVFlexTable
+                        :data="data.completedPriceSearchData"
+                        :columns="params.modalColumn"
+                        :compact="true"
+                        :separators="true"
+                        @row-click="handlePriceRowClick"
+                        clickable
+                    />
+                  </div>
+                </template>
+              </VModal>
+            </td>
+            <td>
+              <VField class="is-flex">
+                <VControl raw subcontrol>
+                  <VCheckbox
+                      label="가격조사여부"
+                      color="info"
+                      v-model="priceSeachCheckBoxStatus"
+                  />
+                </VControl>
+              </VField>
+            </td>
+            <td colspan="3">
+              <div class="column is-fullhd">
+                <VField>
+                  <VControl>
+                    <input
+                        v-model="completedPriceDataParams.reason"
+                        class="input custom-text-filter"
+                        placeholder="가격조사 안했을 시 예외 사유 입력(필수)"
+                        disabled
+                    >
+                  </VControl>
+                </VField>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td>계약명</td>
+            <td colspan="6">
+              <VField>
+                <VControl>
+                  <input
+                      v-model="completedPriceDataParams.title"
+                      class="input custom-text-filter"
+                      placeholder="계약명"
+                      disabled
+                  >
+                </VControl>
+              </VField>
+            </td>
+          </tr>
+          <tr>
+            <td>계약상대자</td>
+            <td>
+              <VField>
+                <VControl>
+                  <input
+                      v-model="completedPriceDataParams.bizNo"
+                      class="input custom-text-filter"
+                      placeholder="사업자번호"
+                      disabled
+                  >
+                </VControl>
+              </VField>
+            </td>
+            <td>
+              <VField>
+                <VControl>
+                  <input
+                      v-model="completedPriceDataParams.compNm"
+                      class="input custom-text-filter"
+                      placeholder="업체명"
+                      disabled
+                  >
+                </VControl>
+              </VField>
+            </td>
+            <td>
+              <VButton color="warning">
+                부정당 확인
+              </VButton>
+            </td>
+            <td>
+              <VButton color="success">
+                정상
+              </VButton>
+            </td>
+            <td>
+              <VButton color="warning">
+                분할계약 확인
+              </VButton>
+            </td>
+            <td>
+              <VButton color="success">
+                정상
+              </VButton>
+            </td>
+          </tr>
+          <tr>
+            <td>계약체결일</td>
+            <td>
+              <VField>
+                <VControl>
+                  <input
+                      :value="formatMonthDate(completedPriceDataParams.regSdat)"
+                      class="input custom-text-filter"
+                      placeholder="계약체결일"
+                      disabled
+                  >
+                </VControl>
+              </VField>
+            </td>
+            <td>
+              <VButton
+                  color="primary"
+              >
+                계 약 금 액
+              </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>
+                <VControl>
+                  <input
+                      v-model="completedPriceDataParams.contAmt"
+                      class="input custom-text-filter"
+                      placeholder="금액"
+                      disabled
+                  >
+                </VControl>
+              </VField>
+            </td>
+            <td colspan="1">
+                <span class="colum">
+                  <VField>
+                    <VSelect disabled>
+                      <VOption value="">
+                        수의계약 사유
+                      </VOption>
+                    </VSelect>
+                  </VField>
+                </span>
+            </td>
+            <td>
+              <VButton>근거</VButton>
+            </td>
+          </tr>
+          <tr>
+            <td>계약기간</td>
+            <td colspan="1">
+              <div>
+                <div>
+                  <VDatePicker
+                      v-model="completedPriceDataParams.regSdat"
+                      color="green"
+                      trim-weeks
+                  >
+                    <template #default="{ inputValue, inputEvents }">
+                      <VField>
+                        <VControl icon="lucide:calendar">
+                          <input
+                              class="input v-input"
+                              type="text"
+                              :value="inputValue"
+                              placeholder="시작일"
+                              v-on="inputEvents"
+                              disabled
+                          >
+                        </VControl>
+                      </VField>
+                    </template>
+                  </VDatePicker>
+                </div>
+              </div>
+            </td>
+            <td colspan="1">
+              <div class="">
+                <div>
+                  <VDatePicker
+                      v-model="completedPriceDataParams.regEdat"
+                      color="green"
+                      trim-weeks
+                  >
+                    <template #default="{ inputValue, inputEvents }">
+                      <VField>
+                        <VControl icon="lucide:calendar">
+                          <input
+                              class="input v-input"
+                              type="text"
+                              :value="inputValue"
+                              placeholder="종료일"
+                              v-on="inputEvents"
+                              disabled
+                          >
+                        </VControl>
+                      </VField>
+                    </template>
+                  </VDatePicker>
+                </div>
+              </div>
+            </td>
+            <td colspan="5">
+              계약기간 : {{ contractPeriod }}
+            </td>
+          </tr>
+          <tr>
+            <td>첨부파일</td>
+            <td colspan="1">
+              <VButton color="info" @click="showFileInputs = !showFileInputs">
+                등록
+              </VButton>
+            </td>
+            <td colspan="5">
+              <!-- 첨부파일 입력영역: 등록 버튼 클릭 시 토글 -->
+              <div v-if="showFileInputs" class="file-upload-list" style="margin-top:10px;">
+                <div
+                    v-for="(input, idx) in fileInputs"
+                    :key="idx"
+                    style="display: flex; align-items: center; margin-bottom: 8px;"
+                >
+                  <!-- 파일선택 -->
+                  <label class="file-label" style="margin-right: 10px;">
+                    <input
+                        type="file"
+                        class="file-input"
+                        @change="e => handleFileChange(e, idx)"
+                    />
+                    <span class="file-cta">파일선택</span>
+                  </label>
+                  <span style="flex:1; margin-right: 10px;">{{ input.file ? input.file.name : '첨부된 파일 없음' }}</span>
+                  <span style="flex:2; color: #666;">{{ input.description }}</span>
+                </div>
+              </div>
+            </td>
+          </tr>
+          </tbody>
+        </table>
+        <div class="bottom-button">
+          <VButton @click="saveContOne">수 정</VButton>
+          <VButton @click="moveList">취 소</VButton>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.table tbody td {
+  color: var(--smoke-white);
+}
+.datatable-table  {
+  td{
+    font-family: var(--font),serif;
+    vertical-align: middle;
+    padding: 4px 12px;
+    border-bottom: 1px solid var(--fade-grey);
+  }
+
+  td:nth-child(1) {
+    background-color: var(--primary);
+    text-align: center;
+  }
+
+  tr:nth-child(3) {
+    text-align: center;
+  }
+
+  tr td button{
+    width: 100%;
+  }
+
+  tr:nth-child(5) > td:nth-child(4) {
+    color: black;
+  }
+}
+
+.bottom-button {
+  text-align: center;
+  button {
+    background-color: cornflowerblue;
+    margin: 10px;
+    font-weight: bold;
+    border-color: var(--primary);
+    color: white;
+  }
+}
+button:nth-child(2) {
+  background-color: #AB9A6c;
+}
+button:nth-child(3) {
+  background-color: silver;
+}
+.field {
+  margin-bottom: 0;
+}
+
+.file-label {
+  cursor: pointer;
+}
+.file-input {
+  display: none;
+}
+.file-cta {
+  background: #eee;
+  padding: 4px 12px;
+  border-radius: 4px;
+}
+</style>
diff --git a/src/pages/app/contractManagement.vue b/src/pages/app/contractManagement.vue
index 1dadcda..b4c06bf 100644
--- a/src/pages/app/contractManagement.vue
+++ b/src/pages/app/contractManagement.vue
@@ -58,7 +58,7 @@ function getContractDetail(){
   if(params.sessionUser.sabun == arguments[0].regSabun && arguments[0].contStatCd == '0000'){
     router.push({ path: '/app/contractUpdate', state: { key: arguments[0].contNo}})
   }else{
-    //router.push({ path: '/app/priceDetail', state: { key: arguments[0].prcsNo }})
+    router.push({ path: '/app/contractDetail', state: { key: arguments[0].contNo }})
   }
 }
 </script>

From 81db50c11af2587c9f084018103b42bd006ed419 Mon Sep 17 00:00:00 2001
From: Yesol Choi <ysoli36512@gmail.com>
Date: Tue, 27 May 2025 15:32:13 +0900
Subject: [PATCH 3/4] =?UTF-8?q?style=20:=20disable=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/priceDetail.vue | 53 +++++------------------------------
 1 file changed, 7 insertions(+), 46 deletions(-)

diff --git a/src/pages/app/priceDetail.vue b/src/pages/app/priceDetail.vue
index b9f83f0..455b858 100644
--- a/src/pages/app/priceDetail.vue
+++ b/src/pages/app/priceDetail.vue
@@ -179,6 +179,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
                       v-model="params.cateSelect"
                       class="input custom-text-filter"
                       placeholder="제목"
+                      disabled
                   >
                 </span>
             </td>
@@ -192,6 +193,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
                         v-model="generalParams.title"
                         class="input custom-text-filter"
                         placeholder="제목"
+                        disabled
                     >
                   </VControl>
                 </VField>
@@ -209,6 +211,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
                           v-model="generalParams.content"
                           class="input custom-text-filter"
                           placeholder="내용"
+                          disabled
                       />
                   </VControl>
                 </VField>
@@ -249,7 +252,8 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
                             :readonly=true
                             v-if="column.editable"
                             v-model="row[column.key]"
-                            class="editable-input"
+                            class="input custom-text-filter"
+                            disabled
                         />
                         <span v-else-if="column.key=='num'">{{index+1}}</span>
                         <span v-else>{{ value }}</span>
@@ -265,63 +269,20 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
             <td colspan="5">
               <div class="columns">
                 <div class="column is-5">
-<!--                  <VDatePicker-->
-<!--                      v-model="generalParams.regSdat"-->
-<!--                      color="green"-->
-<!--                      disabled-->
-<!--                      trim-weeks-->
-<!--                      style="pointer-events: none;"-->
-<!--                  >-->
-<!--                    <template #default="{ inputValue, inputEvents }">-->
-<!--                      <VField>-->
-<!--                        <VControl icon="lucide:calendar">-->
-<!--                          <input-->
-<!--                              :readonly=true-->
-<!--                              class="input v-input"-->
-<!--                              type="text"-->
-<!--                              :value="inputValue"-->
-<!--                              v-on="inputEvents"-->
-<!--                              placeholder="시작일"-->
-<!--                          >-->
-<!--                        </VControl>-->
-<!--                      </VField>-->
-<!--                    </template>-->
-<!--                  </VDatePicker>-->
                   <input
                       :readonly=true
                       v-model="generalParams.regSdat"
                       class="input custom-text-filter"
-                      placeholder="제목"
+                      disabled
                   >
                 </div>
                 <div style="transform: translateY(15px)">~</div>
                 <div class="column is-5">
-<!--                  <VDatePicker-->
-<!--                      v-model="generalParams.regEdat"-->
-<!--                      color="green"-->
-<!--                      trim-weeks-->
-<!--                      disabledDates=""-->
-<!--                  >-->
-<!--                    <template #default="{ inputValue, inputEvents }">-->
-<!--                      <VField>-->
-<!--                        <VControl icon="lucide:calendar">-->
-<!--                          <input-->
-<!--                              :readonly=true-->
-<!--                              class="input v-input"-->
-<!--                              type="text"-->
-<!--                              :value="inputValue"-->
-<!--                              v-on="inputEvents"-->
-<!--                              placeholder="종료일"-->
-<!--                          >-->
-<!--                        </VControl>-->
-<!--                      </VField>-->
-<!--                    </template>-->
-<!--                  </VDatePicker>-->
                   <input
                       :readonly=true
                       v-model="generalParams.regEdat"
                       class="input custom-text-filter"
-                      placeholder="제목"
+                      disabled
                   >
                 </div>
               </div>

From cebc55c90b1a598a26124a8fb7d069215c7e8c17 Mon Sep 17 00:00:00 2001
From: Yesol Choi <ysoli36512@gmail.com>
Date: Tue, 27 May 2025 15:53:38 +0900
Subject: [PATCH 4/4] =?UTF-8?q?style=20:=20priceUpdate=20UI=20=EB=A7=9E?=
 =?UTF-8?q?=EC=B6=94=EA=B8=B0=20=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20?=
 =?UTF-8?q?=EC=86=8C=EC=8A=A4=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/PriceInsert.vue | 115 ++++++++++++++++++++++++----------
 src/pages/app/priceDetail.vue |  11 +---
 2 files changed, 85 insertions(+), 41 deletions(-)

diff --git a/src/pages/app/PriceInsert.vue b/src/pages/app/PriceInsert.vue
index f7bb004..4805829 100644
--- a/src/pages/app/PriceInsert.vue
+++ b/src/pages/app/PriceInsert.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import {deletePrcsFile, getPrcsFileDown, savePrice} from '/src/service/priceApi'
+import {savePrice} from '/src/service/priceApi'
 import {type iPbAtt, Person} from '/@src/utils/types'
 import {formatBizNum,formatDatefromString} from "/@src/utils/common/comfunc.ts";
-import Control from "/@src/pages/components/forms/control.vue";
 
 const notyf = useNotyf()
 const showTable = ref(false)
@@ -242,28 +241,28 @@ function onInput(row, column){
           <tr>
             <td>분야</td>
             <td colspan="2">
-                <span class="column">
-                  <VField class="pr-2">
-                    <VCodeSelect
-                        cd_grp=5
-                        v-model="params.cateSelect"
-                        ref="cateSelectRef"/>
-                  </VField>
-                </span>
+              <span class="column is-7">
+              <VField class="pr-2">
+                <VCodeSelect
+                    cd_grp=5
+                    v-model="params.cateSelect"
+                    ref="cateSelectRef"/>
+              </VField>
+              </span>
             </td>
             <td>제목</td>
             <td colspan="6">
               <div class="column is-fullhd">
-                <VField class="pr-2">
-                  <VControl>
-                    <input
-                        v-model="generalParams.title"
-                        class="input custom-text-filter"
-                        placeholder="제목"
-                        ref="titleRef"
-                    >
-                  </VControl>
-                </VField>
+              <VField class="pr-2">
+                <VControl>
+                  <input
+                      v-model="generalParams.title"
+                      class="input custom-text-filter"
+                      placeholder="제목"
+                      ref="titleRef"
+                  >
+                </VControl>
+              </VField>
               </div>
             </td>
           </tr>
@@ -271,16 +270,16 @@ function onInput(row, column){
             <td>내용</td>
             <td colspan="10">
               <div class="column is-fullhd">
-                <VField class="pr-2">
-                  <VControl>
-                      <textarea
-                          v-model="generalParams.content"
-                          class="input custom-text-filter"
-                          placeholder="내용"
-                          ref="contentRef"
-                      />
-                  </VControl>
-                </VField>
+              <VField class="pr-2">
+                <VControl>
+                    <textarea
+                        v-model="generalParams.content"
+                        class="input custom-text-filter"
+                        placeholder="내용"
+                        ref="contentRef"
+                    />
+                </VControl>
+              </VField>
               </div>
             </td>
           </tr>
@@ -369,7 +368,7 @@ function onInput(row, column){
                   >
                     <template #body-cell="{ row, column, index, value }">
                       <!-- 예: 특정 컬럼이면 input, 아니면 그냥 값 출력 -->
-                      <div>
+                      <div class="control w-100" :class="column.key === 'delete'? 'text-center': ''">
                         <input
                             v-if="column.editable"
                             v-model="row[column.key]"
@@ -401,7 +400,7 @@ function onInput(row, column){
             <td>등록기간</td>
             <td colspan="6">
               <div class="columns">
-                <div class="column is-5">
+                <div class="column is-4">
                   <VDatePicker
                       v-model="generalParams.regSdat"
                       color="green"
@@ -423,7 +422,7 @@ function onInput(row, column){
                   </VDatePicker>
                 </div>
                 <div style="transform: translateY(15px)">~</div>
-                <div class="column is-5">
+                <div class="column is-4">
                   <VDatePicker
                       v-model="generalParams.regEdat"
                       color="green"
@@ -545,6 +544,56 @@ function onInput(row, column){
 </template>
 
 <style scoped lang="scss">
+/*css 추가 start*/
+.flex-table {
+  .flex-table-header {
+    padding: 0.1rem !important;
+    min-height: 40px;
+    border-top-left-radius: .75rem;
+    border-top-right-radius: .75rem;
+  }
+
+  .flex-table-cell {
+    .w-100 {
+      width: 100%;
+    }
+  }
+  .flex-table-item {
+    padding: 0.1rem !important;
+    min-height: 40px;
+
+    .column {
+      min-height: 40px;
+      padding: 0.1rem !important;
+    }
+
+    &:last-child {
+      border-bottom-left-radius: .75rem;
+      border-bottom-right-radius: .75rem;
+    }
+  }
+}
+
+.table-container {
+  overflow:hidden;
+  .control {
+    width: 100%;
+  }
+  td {
+    padding: 10px 10px !important;
+    .columns {
+      margin-left: 10px !important;
+      padding-top: 10px;
+    }
+    .column {
+      padding: 0 !important;
+    }
+  }
+}
+
+.text-center {
+  text-align:center;
+}
 .table tbody td {
   color: var(--smoke-white);
 }
diff --git a/src/pages/app/priceDetail.vue b/src/pages/app/priceDetail.vue
index 455b858..db66eed 100644
--- a/src/pages/app/priceDetail.vue
+++ b/src/pages/app/priceDetail.vue
@@ -221,6 +221,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
           <tr>
             <td>규격입력</td>
             <td colspan="2">
+              <span class="column is-7">
               <VButton
                   color='success'
                   icon="fas"
@@ -264,6 +265,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
                 <template #cancel>
                 </template>
               </VModal>
+              </span>
             </td>
             <td>등록기간</td>
             <td colspan="5">
@@ -320,14 +322,7 @@ const onPrcsFileDownload = async (prcsNo: string, fileOrd: number, logiFnm: stri
             <td colspan="6">
               <slot name="status" v-if="!params.svyYn">
               <div style="display: flex; justify-content: flex-end; gap: 8px;">
-<!--              <VButton-->
-<!--                  color="primary"-->
-<!--                  icon="fas"-->
-<!--                  elevated-->
-<!--                  @click="showTable = !showTable"-->
-<!--              >-->
-<!--                견적사 확인-->
-<!--              </VButton>-->
+
               <VButton
                   color="primary"
                   icon="fas fa-circle"