style : priceUpdate UI 맞추기 불필요한 소스 삭제

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,7 +241,7 @@ function onInput(row, column){
           <tr>
             <td>분야</td>
             <td colspan="2">
-                <span class="column">
+              <span class="column is-7">
               <VField class="pr-2">
                 <VCodeSelect
                     cd_grp=5
@@ -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);
 }

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"