mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 01:22:33 +09:00
병합에러 업로드
This commit is contained in:
Yesol Choi
@@ -1,142 +1,252 @@
|
||||
<script setup lang="ts">
|
||||
import {getDetailPrcs, updatePrcsNo, putSurveyPrcsNo} from '/src/service/priceApi'
|
||||
import { type Person } from '/@src/utils/types'
|
||||
import {formatDatefromString} from "/@src/utils/common/comfunc.ts";
|
||||
|
||||
|
||||
const notyf = useNotyf()
|
||||
const loading = ref(false)
|
||||
const router = useRouter()
|
||||
|
||||
const props = defineProps<{
|
||||
prcsNo: iPrcs
|
||||
}>()
|
||||
|
||||
import axios from 'axios'
|
||||
import { getContractDetail, updateContract, saveContract } from "/@src/service/contract.ts";
|
||||
import { getDetailPrcs } from "/@src/service/priceApi.ts";
|
||||
|
||||
onBeforeMount(async ()=>{
|
||||
let result;
|
||||
if(history.state.key === undefined) {
|
||||
result = await getDetailPrcs(props.prcsNo)
|
||||
} else {
|
||||
result = await getDetailPrcs(history.state.key)
|
||||
}
|
||||
const result = await getContractDetail(history.state.key)
|
||||
getDetailList(result)
|
||||
})
|
||||
|
||||
const detailActionsOpen = ref(false)
|
||||
const apprLine = defineModel<Person[]>()
|
||||
|
||||
const generalParams = reactive({
|
||||
title: "",
|
||||
content: "",
|
||||
regSdat: "",
|
||||
regEdat: "",
|
||||
prvYn: true,
|
||||
prvRsn : "",
|
||||
prvPwd : "",
|
||||
aiYn: true,
|
||||
})
|
||||
const registerFormOpen = ref(false)
|
||||
const loading = ref(false)
|
||||
const notyf = useNotyf()
|
||||
const router = useRouter()
|
||||
const params = reactive({
|
||||
cateSelect: '',
|
||||
prcsNo: '', // 키값
|
||||
stCd:'',//결재상태 코드{ 등록중:0100[회수버튼],
|
||||
// 회수: 0300, 반려: 0400, 등록 완료: 0200 }
|
||||
prcsAttsColumn:[ //첨부파일 입력
|
||||
{ key: 'logiFnm', label: '구분'},
|
||||
{ key: 'data', label: '데이터'}
|
||||
],
|
||||
prcsAtts: [], //첨부파일 데이터
|
||||
felxColumn: [
|
||||
{ key: 'gubunNm', label: '구분'},
|
||||
{ key: 'deptNm', label: '부서' },
|
||||
{ key: 'sabun', label: '사번' },
|
||||
{ key: 'name', label: '이름' },
|
||||
{ key: 'attendNm', label: '비고' },
|
||||
{ key: 'apprStat', label: '결재상태'},
|
||||
{ key: 'date', label: '승인일자'},
|
||||
],
|
||||
priceData:[],
|
||||
prcsBizsColumn: [ //견적사 입력
|
||||
{ key: 'num', label: '구분', width: '10%' },
|
||||
{ key: 'email', label: '이메일', editable: true, width: '50px' },
|
||||
{ key: 'bizNo', label: '사업자번호', editable: true, width: '50px'},
|
||||
],
|
||||
prcsBizs: [], //견적사 입력 데이터
|
||||
dtlSpecsColumn: [
|
||||
{ key: 'num', label: '번호', editable: false },
|
||||
{ key: 'itemNm', label: '품명', editable: true },
|
||||
{ key: 'spec', label: '규격', editable: true },
|
||||
{ key: 'unit', label: '단위', editable: true },
|
||||
{ key: 'qty', label: '수량', editable: true },
|
||||
{ key: '', label: '단가(VAT별도)', editable: false },
|
||||
{ key: '', label: '금액(VAT별도)', editable: false },
|
||||
],
|
||||
dtlSpecs: [], //상세 규격 입력 데이터
|
||||
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){
|
||||
params.prcsNo = arg.prcsNo
|
||||
params.stCd = arg.stCd
|
||||
params.cateSelect = arg.cateNm
|
||||
generalParams.title = arg.title
|
||||
generalParams.content = arg.content
|
||||
params.prcsBizs = arg.prcsBizs.map(req => ({
|
||||
bizNo: req.bizNo,
|
||||
email: req.email,
|
||||
}))
|
||||
params.dtlSpecs = arg.dtlSpecs
|
||||
generalParams.regSdat = formatDatefromString(arg.regSdat)
|
||||
generalParams.regEdat = formatDatefromString(arg.regEdat)
|
||||
apprLine.value = arg.apprMst.apprReqs.map(req => ({
|
||||
gubunNm: req.gubunNm,
|
||||
deptCd: req.deptCd,
|
||||
deptNm: req.deptNm,
|
||||
sabun: req.sabun,
|
||||
name: req.name,
|
||||
apprNo: req.apprNo,
|
||||
apprOrd: req.apprOrd,
|
||||
apprStat: req.apprStat,
|
||||
attendNm: req.attendNm
|
||||
})) //비고 데이터 없음, 승인일자 없음 todo
|
||||
console.log(" apprLine.value", apprLine.value)
|
||||
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
|
||||
}
|
||||
|
||||
const updateState = async () => {
|
||||
let res = null
|
||||
try {
|
||||
loading.value = true
|
||||
const paramsPrice = {
|
||||
prcsNo : params.prcsNo
|
||||
}
|
||||
res = await updatePrcsNo(paramsPrice.prcsNo)
|
||||
notyf.dismissAll()
|
||||
if (res.request.status === 200) {
|
||||
notyf.primary('회수 되었습니다.')
|
||||
router.push({path: '/app/priceManagement'})
|
||||
}
|
||||
} catch (e) {
|
||||
notyf.error(e.message)
|
||||
} finally {
|
||||
loading.value = false
|
||||
|
||||
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 onChangeFinal = async () => {
|
||||
const saveContOne = async () => {
|
||||
let res = null
|
||||
try {
|
||||
try{
|
||||
loading.value = true
|
||||
res = await putSurveyPrcsNo(params.prcsNo)
|
||||
notyf.dismissAll()
|
||||
if (res.request.status === 200) {
|
||||
notyf.primary('가격조사 완료 되었습니다.')
|
||||
// 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) {
|
||||
}catch(e){
|
||||
notyf.error(e.message)
|
||||
} finally {
|
||||
}finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const moveList = () => {
|
||||
router.push('/app/contractManagement')
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -146,36 +256,74 @@ const onChangeFinal = async () => {
|
||||
<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: 10%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 20%;">
|
||||
<col style="width: 10%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>분야</td>
|
||||
<td colspan="2">
|
||||
<span class="column is-7">
|
||||
<input
|
||||
:readonly=true
|
||||
v-model="params.cateSelect"
|
||||
class="input custom-text-filter"
|
||||
placeholder="제목"
|
||||
>
|
||||
<td>
|
||||
<span class="colum">
|
||||
<VField class="">
|
||||
<VCodeSelect
|
||||
v-model="selectedCode"
|
||||
cd_grp="5"
|
||||
disabled
|
||||
/></VField>
|
||||
</span>
|
||||
</td>
|
||||
<td>제목</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 class="pr-2">
|
||||
<VField>
|
||||
<VControl>
|
||||
<input
|
||||
:readonly=true
|
||||
v-model="generalParams.title"
|
||||
v-model="completedPriceDataParams.reason"
|
||||
class="input custom-text-filter"
|
||||
placeholder="제목"
|
||||
placeholder="가격조사 안했을 시 예외 사유 입력(필수)"
|
||||
disabled
|
||||
>
|
||||
</VControl>
|
||||
</VField>
|
||||
@@ -183,234 +331,225 @@ const onChangeFinal = async () => {
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>내용</td>
|
||||
<td>계약명</td>
|
||||
<td colspan="6">
|
||||
<div class="column is-fullhd">
|
||||
<VField class="pr-2">
|
||||
<VControl>
|
||||
<input
|
||||
:readonly=true
|
||||
v-model="generalParams.content"
|
||||
class="input custom-text-filter"
|
||||
placeholder="내용"
|
||||
/>
|
||||
</VControl>
|
||||
</VField>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>규격입력</td>
|
||||
<td colspan="2">
|
||||
<VButton
|
||||
color='success'
|
||||
icon="fas"
|
||||
elevated
|
||||
@click="detailActionsOpen = true"
|
||||
>
|
||||
<span> 상세 규격 등록 완료</span>
|
||||
</VButton>
|
||||
<VModal
|
||||
:open="detailActionsOpen"
|
||||
actions="center"
|
||||
title="상세 규격 입력"
|
||||
size="contract-big"
|
||||
cancelLabel="닫기"
|
||||
@close="detailActionsOpen = false"
|
||||
>
|
||||
<template #content>
|
||||
<ComVFlexTable
|
||||
:key="params.dtlSpecs.length"
|
||||
:data="params.dtlSpecs"
|
||||
:columns="params.dtlSpecsColumn"
|
||||
:separators="true"
|
||||
:clickable="true"
|
||||
>
|
||||
<template #body-cell="{ row, column, index, value }">
|
||||
<!-- 예: 특정 컬럼이면 input, 아니면 그냥 값 출력 -->
|
||||
<div>
|
||||
<input
|
||||
:readonly=true
|
||||
v-if="column.editable"
|
||||
v-model="row[column.key]"
|
||||
class="editable-input"
|
||||
/>
|
||||
<span v-else-if="column.key=='num'">{{index+1}}</span>
|
||||
<span v-else>{{ value }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</ComVFlexTable>
|
||||
</template>
|
||||
<template #cancel>
|
||||
</template>
|
||||
</VModal>
|
||||
</td>
|
||||
<td>등록기간</td>
|
||||
<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>-->
|
||||
<VField>
|
||||
<VControl>
|
||||
<input
|
||||
:readonly=true
|
||||
v-model="generalParams.regSdat"
|
||||
v-model="completedPriceDataParams.title"
|
||||
class="input custom-text-filter"
|
||||
placeholder="제목"
|
||||
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="제목"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>첨부파일</td>
|
||||
<td colspan="3">
|
||||
<VField class="file has-name is-right">
|
||||
<div class="file-label">
|
||||
<input
|
||||
class="file-input"
|
||||
type="file"
|
||||
name="resume">
|
||||
<span class="file-cta">
|
||||
<span class="file-icon">
|
||||
<i class="fas fa-cloud-upload-alt"/>
|
||||
</span>
|
||||
<span class="file-label">첨부파일</span>
|
||||
</span>
|
||||
<span class="file-name light-text">2022.xls</span>
|
||||
</div>
|
||||
</VControl>
|
||||
</VField>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>견적요청</td>
|
||||
<td colspan="6">
|
||||
<div style="display: flex; justify-content: flex-end; gap: 8px;">
|
||||
<!-- <VButton-->
|
||||
<!-- color="primary"-->
|
||||
<!-- icon="fas"-->
|
||||
<!-- elevated-->
|
||||
<!-- @click="showTable = !showTable"-->
|
||||
<!-- >-->
|
||||
<!-- 견적사 확인-->
|
||||
<!-- </VButton>-->
|
||||
<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"
|
||||
icon="fas fa-circle"
|
||||
elevated
|
||||
@click="onChangeFinal"
|
||||
>
|
||||
가격조사 완료
|
||||
계 약 금 액
|
||||
</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>
|
||||
<div class="mt-2">
|
||||
<ComVFlexTable
|
||||
:key="params.prcsBizs.length"
|
||||
:data="params.prcsBizs"
|
||||
:columns="params.prcsBizsColumn"
|
||||
:compact="true"
|
||||
:separators="true"
|
||||
:clickable="true"
|
||||
</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;"
|
||||
>
|
||||
<template #body-cell="{ column, index, value }">
|
||||
<div>
|
||||
<span v-if="column.key=='num'">{{index + 1}}</span>
|
||||
<!-- readonly 출력 -->
|
||||
<span v-else>{{ value }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</ComVFlexTable>
|
||||
<!-- 파일선택 -->
|
||||
<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>
|
||||
<div class="column is-12">
|
||||
<VField class="pr-2">
|
||||
<VLabel class="has-fullwidth">
|
||||
결재선
|
||||
</VLabel>
|
||||
</VField>
|
||||
<ComVFlexTable
|
||||
:data="apprLine"
|
||||
:columns="params.felxColumn"
|
||||
:separators="true"
|
||||
:clickable="true"
|
||||
:compact="true">
|
||||
<template #body-cell="{ row, column, index, value }">
|
||||
<!-- 예: 특정 컬럼이면 input, 아니면 그냥 값 출력 -->
|
||||
<div>
|
||||
<span v-if="column.key=='attendNm' && !value">{{'재중'}}</span>
|
||||
<span v-else>{{value}}</span>
|
||||
</div>
|
||||
</template>
|
||||
</ComVFlexTable>
|
||||
</div>
|
||||
<div>
|
||||
<VButton
|
||||
v-if="params.stCd === '0100'"
|
||||
color="warning"
|
||||
@click.stop="updateState"
|
||||
>
|
||||
회수
|
||||
</VButton>
|
||||
<VButton
|
||||
to="/app/priceManagement"
|
||||
v-if="params.stCd === '0100' || '0200' || '0300' || '0400'"
|
||||
color="info"
|
||||
>
|
||||
닫기
|
||||
</VButton>
|
||||
<div class="bottom-button">
|
||||
<VButton @click="saveContOne">수 정</VButton>
|
||||
<VButton @click="moveList">취 소</VButton>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -420,16 +559,61 @@ const onChangeFinal = async () => {
|
||||
.table tbody td {
|
||||
color: var(--smoke-white);
|
||||
}
|
||||
|
||||
.datatable-table {
|
||||
padding: 12px 12px;
|
||||
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;
|
||||
}
|
||||
td:nth-child(3) {
|
||||
background-color: var(--primary);
|
||||
|
||||
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>
|
||||
Reference in New Issue
Block a user