supervision
/
invest_vue
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix--所有输入框加上提示框

main
buaixuexideshitongxue 1 month ago
parent
0c3845a416
commit
199afc3ca3
2 changed files with 489 additions and 135 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 279
      src/views/warning/components/detail.vue
  2. 345
      src/views/warning/edit.vue

279
src/views/warning/components/detail.vue
Unescape View File

@ -303,6 +303,20 @@ const isDisabled = ref(true)
const isAuditButton = ref(false) const isAuditButton = ref(false)
const datePicker = ref() const datePicker = ref()
const serviceTime = ref([]) const serviceTime = ref([])
const getTooltipContent = (value, placeholder = "") => {
if (Array.isArray(value)) {
return value.length ? value.join(" - ") : placeholder;
}
return value === null || value === undefined || value === "" ? placeholder : value;
};
const isTooltipDisabled = (value, placeholder = "") => {
if (Array.isArray(value)) {
return value.length === 0 && !placeholder;
}
return (value === null || value === undefined || value === "") && !placeholder;
};
//获取详情 //获取详情
const getDetailFun = async (val) => { const getDetailFun = async (val) => {
@ -644,7 +658,10 @@ watch(() => formData.value.project.auditUnitId, (val) => {
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="项目名称" prop="reportName"> <el-form-item label="项目名称" prop="reportName">
<el-tooltip :content="formData.project.reportName" :disabled="!formData.project.reportName"> <el-tooltip
:content="getTooltipContent(formData.project.reportName)"
:disabled="isTooltipDisabled(formData.project.reportName)"
>
<el-input :disabled="isDisabled" v-model="formData.project.reportName"></el-input> <el-input :disabled="isDisabled" v-model="formData.project.reportName"></el-input>
</el-tooltip> </el-tooltip>
</el-form-item> </el-form-item>
@ -669,7 +686,10 @@ watch(() => formData.value.project.auditUnitId, (val) => {
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="项目单位" prop="projectUnitId"> <el-form-item label="项目单位" prop="projectUnitId">
<el-tooltip :content="formData.project.projectUnit" :disabled="!formData.project.projectUnit"> <el-tooltip
:content="getTooltipContent(formData.project.projectUnit)"
:disabled="isTooltipDisabled(formData.project.projectUnit)"
>
<depart-tree-select :auth="false" :disabled="isDisabled" v-model="formData.project.projectUnitId" <depart-tree-select :auth="false" :disabled="isDisabled" v-model="formData.project.projectUnitId"
:size="'default'" placeholder="" clearable/> :size="'default'" placeholder="" clearable/>
</el-tooltip> </el-tooltip>
@ -677,17 +697,32 @@ watch(() => formData.value.project.auditUnitId, (val) => {
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="项目负责人" prop="projectPrincipal"> <el-form-item label="项目负责人" prop="projectPrincipal">
<el-input :disabled="isDisabled" v-model="formData.project.projectPrincipal"></el-input> <el-tooltip
:content="getTooltipContent(formData.project.projectPrincipal)"
:disabled="isTooltipDisabled(formData.project.projectPrincipal)"
>
<el-input :disabled="isDisabled" v-model="formData.project.projectPrincipal"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="负责人联系方式" prop="projectPhone"> <el-form-item label="负责人联系方式" prop="projectPhone">
<el-input :disabled="isDisabled" v-model="formData.project.projectPhone"></el-input> <el-tooltip
:content="getTooltipContent(formData.project.projectPhone)"
:disabled="isTooltipDisabled(formData.project.projectPhone)"
>
<el-input :disabled="isDisabled" v-model="formData.project.projectPhone"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item v-if="isEndData" label="报审金额（元）" prop="reportMoney"> <el-form-item v-if="isEndData" label="报审金额（元）" prop="reportMoney">
<el-input :disabled="isDisabled" type="number" v-model="formData.project.reportMoney"></el-input> <el-tooltip
:content="getTooltipContent(formData.project.reportMoney)"
:disabled="isTooltipDisabled(formData.project.reportMoney)"
>
<el-input :disabled="isDisabled" type="number" v-model="formData.project.reportMoney"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
<el-form-item v-else label="采购方式" prop="purchaseMethod"> <el-form-item v-else label="采购方式" prop="purchaseMethod">
<el-select :disabled="isDisabled" v-model="formData.project.purchaseMethod"> <el-select :disabled="isDisabled" v-model="formData.project.purchaseMethod">
@ -702,27 +737,49 @@ watch(() => formData.value.project.auditUnitId, (val) => {
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item v-if="isEndData" label="立项日期" prop="projectApprovalTime"> <el-form-item v-if="isEndData" label="立项日期" prop="projectApprovalTime">
<el-date-picker <el-tooltip
:disabled="isDisabled" :content="getTooltipContent(formData.project.projectApprovalTime, '选择立项日期')"
v-model="formData.project.projectApprovalTime" :disabled="isTooltipDisabled(formData.project.projectApprovalTime, '选择立项日期')"
style="width: 100%" >
type="date" <div :title="getTooltipContent(formData.project.projectApprovalTime, '选择立项日期')">
placeholder="选择立项日期" <el-date-picker
/> :disabled="isDisabled"
v-model="formData.project.projectApprovalTime"
style="width: 100%"
type="date"
placeholder="选择立项日期"
/>
</div>
</el-tooltip>
</el-form-item> </el-form-item>
<el-form-item v-else label="报审金额（元）" prop="reportMoney"> <el-form-item v-else label="报审金额（元）" prop="reportMoney">
<el-input :disabled="isDisabled" type="number" v-model="formData.project.reportMoney"></el-input> <el-tooltip
:content="getTooltipContent(formData.project.reportMoney)"
:disabled="isTooltipDisabled(formData.project.reportMoney)"
>
<el-input :disabled="isDisabled" type="number" v-model="formData.project.reportMoney"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="立项金额（元）" prop="projectApprovalMoney"> <el-form-item label="立项金额（元）" prop="projectApprovalMoney">
<el-input :disabled="isDisabled" type="number" <el-tooltip
v-model="formData.project.projectApprovalMoney"></el-input> :content="getTooltipContent(formData.project.projectApprovalMoney)"
:disabled="isTooltipDisabled(formData.project.projectApprovalMoney)"
>
<el-input :disabled="isDisabled" type="number"
v-model="formData.project.projectApprovalMoney"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="立项审批领导" prop="projectApprovalLead"> <el-form-item label="立项审批领导" prop="projectApprovalLead">
<el-input :disabled="isDisabled" v-model="formData.project.projectApprovalLead"></el-input> <el-tooltip
:content="getTooltipContent(formData.project.projectApprovalLead)"
:disabled="isTooltipDisabled(formData.project.projectApprovalLead)"
>
<el-input :disabled="isDisabled" v-model="formData.project.projectApprovalLead"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
@ -739,13 +796,20 @@ watch(() => formData.value.project.auditUnitId, (val) => {
<el-row> <el-row>
<el-col :span="6" v-if="isEndData"> <el-col :span="6" v-if="isEndData">
<el-form-item label="申报政府采购日期" prop="applyGovernmentTime"> <el-form-item label="申报政府采购日期" prop="applyGovernmentTime">
<el-date-picker <el-tooltip
:disabled="isDisabled" :content="getTooltipContent(formData.project.applyGovernmentTime, '选择申报政府采购日期')"
v-model="formData.project.applyGovernmentTime" :disabled="isTooltipDisabled(formData.project.applyGovernmentTime, '选择申报政府采购日期')"
style="width: 100%" >
type="date" <div :title="getTooltipContent(formData.project.applyGovernmentTime, '选择申报政府采购日期')">
placeholder="选择申报政府采购日期" <el-date-picker
/> :disabled="isDisabled"
v-model="formData.project.applyGovernmentTime"
style="width: 100%"
type="date"
placeholder="选择申报政府采购日期"
/>
</div>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6" v-if="isEndData"> <el-col :span="6" v-if="isEndData">
@ -760,70 +824,116 @@ watch(() => formData.value.project.auditUnitId, (val) => {
</el-col> </el-col>
<el-col :span="6" v-if="isEndData"> <el-col :span="6" v-if="isEndData">
<el-form-item label="采购日期" prop="purchaseTime"> <el-form-item label="采购日期" prop="purchaseTime">
<el-date-picker <el-tooltip
:disabled="isDisabled" :content="getTooltipContent(formData.project.purchaseTime, '选择采购日期')"
v-model="formData.project.purchaseTime" :disabled="isTooltipDisabled(formData.project.purchaseTime, '选择采购日期')"
style="width: 100%" >
type="date" <div :title="getTooltipContent(formData.project.purchaseTime, '选择采购日期')">
placeholder="选择采购日期" <el-date-picker
/> :disabled="isDisabled"
v-model="formData.project.purchaseTime"
style="width: 100%"
type="date"
placeholder="选择采购日期"
/>
</div>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="报审日期" prop="applicantTime"> <el-form-item label="报审日期" prop="applicantTime">
<el-date-picker <el-tooltip
:disabled="isDisabled" :content="getTooltipContent(formData.project.applicantTime, '选择报审日期')"
v-model="formData.project.applicantTime" :disabled="isTooltipDisabled(formData.project.applicantTime, '选择报审日期')"
style="width: 100%" >
type="date" <div :title="getTooltipContent(formData.project.applicantTime, '选择报审日期')">
placeholder="选择报审日期" <el-date-picker
/> :disabled="isDisabled"
v-model="formData.project.applicantTime"
style="width: 100%"
type="date"
placeholder="选择报审日期"
/>
</div>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col v-if="!isEndData && !isAuditEdit(['original','audit'],'文号')" :span="6"> <el-col v-if="!isEndData && !isAuditEdit(['original','audit'],'文号')" :span="6">
<el-form-item label="文号" > <el-form-item label="文号" >
<el-input :disabled="isDisabled" v-model="formData.project.referenceNumber" /> <el-tooltip
:content="getTooltipContent(formData.project.referenceNumber)"
:disabled="isTooltipDisabled(formData.project.referenceNumber)"
>
<el-input :disabled="isDisabled" v-model="formData.project.referenceNumber" />
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col v-if="!isEndData && !isAuditEdit(['original','audit'],'发文日期')" :span="6"> <el-col v-if="!isEndData && !isAuditEdit(['original','audit'],'发文日期')" :span="6">
<el-form-item label="发文日期" > <el-form-item label="发文日期" >
<el-date-picker <el-tooltip
:disabled="isDisabled" :content="getTooltipContent(formData.project.publicationDate, '选择发文日期')"
v-model="formData.project.publicationDate" :disabled="isTooltipDisabled(formData.project.publicationDate, '选择发文日期')"
style="width: 100%" >
type="date" <div :title="getTooltipContent(formData.project.publicationDate, '选择发文日期')">
placeholder="选择发文日期" <el-date-picker
/> :disabled="isDisabled"
v-model="formData.project.publicationDate"
style="width: 100%"
type="date"
placeholder="选择发文日期"
/>
</div>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row v-if="isEndData"> <el-row v-if="isEndData">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="合同签订日期" prop="contractTime"> <el-form-item label="合同签订日期" prop="contractTime">
<el-date-picker <el-tooltip
:disabled="isDisabled" :content="getTooltipContent(formData.project.contractTime, '选择报合同签订日期')"
v-model="formData.project.contractTime" :disabled="isTooltipDisabled(formData.project.contractTime, '选择报合同签订日期')"
style="width: 100%" >
type="date" <div :title="getTooltipContent(formData.project.contractTime, '选择报合同签订日期')">
placeholder="选择报合同签订日期" <el-date-picker
/> :disabled="isDisabled"
v-model="formData.project.contractTime"
style="width: 100%"
type="date"
placeholder="选择报合同签订日期"
/>
</div>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="合同金额" prop="contractMount"> <el-form-item label="合同金额" prop="contractMount">
<el-input :disabled="isDisabled" type="number" v-model="formData.project.contractMount"></el-input> <el-tooltip
:content="getTooltipContent(formData.project.contractMount)"
:disabled="isTooltipDisabled(formData.project.contractMount)"
>
<el-input :disabled="isDisabled" type="number" v-model="formData.project.contractMount"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="服务单位" prop="serviceUnit"> <el-form-item label="服务单位" prop="serviceUnit">
<el-tooltip :content="formData.project.serviceUnit" :disabled="!formData.project.serviceUnit"> <el-tooltip
:content="getTooltipContent(formData.project.serviceUnit)"
:disabled="isTooltipDisabled(formData.project.serviceUnit)"
>
<el-input :disabled="isDisabled" v-model="formData.project.serviceUnit"></el-input> <el-input :disabled="isDisabled" v-model="formData.project.serviceUnit"></el-input>
</el-tooltip> </el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="服务单位负责人" prop="serviceUnitManager"> <el-form-item label="服务单位负责人" prop="serviceUnitManager">
<el-input :disabled="isDisabled" v-model="formData.project.serviceUnitManager"></el-input> <el-tooltip
:content="getTooltipContent(formData.project.serviceUnitManager)"
:disabled="isTooltipDisabled(formData.project.serviceUnitManager)"
>
<el-input :disabled="isDisabled" v-model="formData.project.serviceUnitManager"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -831,40 +941,59 @@ watch(() => formData.value.project.auditUnitId, (val) => {
<el-col :span="6"> <el-col :span="6">
<el-form-item label="服务日期" prop="serviceTime"> <el-form-item label="服务日期" prop="serviceTime">
<el-tooltip <el-tooltip
:content="Array.isArray(formData.project.serviceTime) ? formData.project.serviceTime.join(' - ') : formData.project.serviceTime" :content="getTooltipContent(formData.project.serviceTime, '开始服务日期 - 结束服务日期')"
:disabled="!formData.project.serviceTime || (Array.isArray(formData.project.serviceTime) && !formData.project.serviceTime.length)" :disabled="isTooltipDisabled(formData.project.serviceTime, '开始服务日期 - 结束服务日期')"
> >
<el-date-picker <div :title="getTooltipContent(formData.project.serviceTime, '开始服务日期 - 结束服务日期')">
ref="datePicker" <el-date-picker
:disabled="isDisabled" ref="datePicker"
v-model="formData.project.serviceTime" :disabled="isDisabled"
type="daterange" v-model="formData.project.serviceTime"
range-separator="-" type="daterange"
start-placeholder="开始服务日期" range-separator="-"
end-placeholder="结束服务日期" start-placeholder="开始服务日期"
/> end-placeholder="结束服务日期"
/>
</div>
</el-tooltip> </el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="服务单位联系电话" prop="serviceUnitPhone"> <el-form-item label="服务单位联系电话" prop="serviceUnitPhone">
<el-input :disabled="isDisabled" v-model="formData.project.serviceUnitPhone"></el-input> <el-tooltip
:content="getTooltipContent(formData.project.serviceUnitPhone)"
:disabled="isTooltipDisabled(formData.project.serviceUnitPhone)"
>
<el-input :disabled="isDisabled" v-model="formData.project.serviceUnitPhone"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6" v-if="!isAuditEdit(['original','audit'])"> <el-col :span="6" v-if="!isAuditEdit(['original','audit'])">
<el-form-item label="文号" > <el-form-item label="文号" >
<el-input :disabled="isDisabled" v-model="formData.project.referenceNumber" /> <el-tooltip
:content="getTooltipContent(formData.project.referenceNumber)"
:disabled="isTooltipDisabled(formData.project.referenceNumber)"
>
<el-input :disabled="isDisabled" v-model="formData.project.referenceNumber" />
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6" v-if="!isAuditEdit(['original','audit'])"> <el-col :span="6" v-if="!isAuditEdit(['original','audit'])">
<el-form-item label="发文日期" > <el-form-item label="发文日期" >
<el-date-picker <el-tooltip
:disabled="isDisabled" :content="getTooltipContent(formData.project.publicationDate, '选择发文日期')"
v-model="formData.project.publicationDate" :disabled="isTooltipDisabled(formData.project.publicationDate, '选择发文日期')"
style="width: 100%" >
type="date" <div :title="getTooltipContent(formData.project.publicationDate, '选择发文日期')">
placeholder="选择发文日期" <el-date-picker
/> :disabled="isDisabled"
v-model="formData.project.publicationDate"
style="width: 100%"
type="date"
placeholder="选择发文日期"
/>
</div>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>

345
src/views/warning/edit.vue
Unescape View File

@ -394,6 +394,20 @@ const ensureSupervisionTime = () => {
} }
}; };
const getTooltipContent = (value, placeholder = "") => {
if (Array.isArray(value)) {
return value.length ? value.join(" - ") : placeholder;
}
return value === null || value === undefined || value === "" ? placeholder : value;
};
const isTooltipDisabled = (value, placeholder = "") => {
if (Array.isArray(value)) {
return value.length === 0 && !placeholder;
}
return (value === null || value === undefined || value === "") && !placeholder;
};
</script> </script>
<template> <template>
@ -414,12 +428,17 @@ const ensureSupervisionTime = () => {
<el-col :span="6"> <el-col :span="6">
<el-form-item label="报审类型" prop="reportType"> <el-form-item label="报审类型" prop="reportType">
<!-- 查看态：外观=禁用 el-select，但可复制 --> <!-- 查看态：外观=禁用 el-select，但可复制 -->
<el-input <el-tooltip
v-if="isDisabled" v-if="isDisabled"
:model-value="formData.reportProject.reportType" :content="getTooltipContent(formData.reportProject.reportType)"
readonly :disabled="isTooltipDisabled(formData.reportProject.reportType)"
class="select-disabled-like" >
/> <el-input
:model-value="formData.reportProject.reportType"
readonly
class="select-disabled-like"
/>
</el-tooltip>
<!-- 编辑态：正常 el-select --> <!-- 编辑态：正常 el-select -->
<el-select <el-select
@ -433,19 +452,27 @@ const ensureSupervisionTime = () => {
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="项目名称" prop="reportName"> <el-form-item label="项目名称" prop="reportName">
<el-tooltip :content="formData.reportProject.reportName" :disabled="!formData.reportProject.reportName"> <el-tooltip
:content="getTooltipContent(formData.reportProject.reportName)"
:disabled="isTooltipDisabled(formData.reportProject.reportName)"
>
<el-input :disabled="isDisabled" v-model="formData.reportProject.reportName"></el-input> <el-input :disabled="isDisabled" v-model="formData.reportProject.reportName"></el-input>
</el-tooltip> </el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="项目类别"> <el-form-item label="项目类别">
<el-input <el-tooltip
v-if="isDisabled" v-if="isDisabled"
:model-value="formData.reportProject.projectType" :content="getTooltipContent(formData.reportProject.projectType)"
readonly :disabled="isTooltipDisabled(formData.reportProject.projectType)"
class="select-disabled-like" >
/> <el-input
:model-value="formData.reportProject.projectType"
readonly
class="select-disabled-like"
/>
</el-tooltip>
<el-select <el-select
v-else v-else
v-model="formData.reportProject.projectType" v-model="formData.reportProject.projectType"
@ -460,8 +487,14 @@ const ensureSupervisionTime = () => {
<el-col :span="6"> <el-col :span="6">
<el-form-item label="审计单位" prop="auditUnitId"> <el-form-item label="审计单位" prop="auditUnitId">
<!-- 查看态：可复制 --> <!-- 查看态：可复制 -->
<el-input v-if="isDisabled" :model-value="formData.reportProject.auditUnit" readonly <el-tooltip
class="select-disabled-like"/> v-if="isDisabled"
:content="getTooltipContent(formData.reportProject.auditUnit)"
:disabled="isTooltipDisabled(formData.reportProject.auditUnit)"
>
<el-input :model-value="formData.reportProject.auditUnit" readonly
class="select-disabled-like"/>
</el-tooltip>
<depart-tree-select v-else :auth="false" v-model="formData.reportProject.auditUnitId" clearable/> <depart-tree-select v-else :auth="false" v-model="formData.reportProject.auditUnitId" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -469,7 +502,10 @@ const ensureSupervisionTime = () => {
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="项目单位" prop="projectUnitId"> <el-form-item label="项目单位" prop="projectUnitId">
<el-tooltip :content="formData.reportProject.projectUnit" :disabled="!formData.reportProject.projectUnit"> <el-tooltip
:content="getTooltipContent(formData.reportProject.projectUnit)"
:disabled="isTooltipDisabled(formData.reportProject.projectUnit)"
>
<el-input <el-input
v-if="isDisabled" v-if="isDisabled"
:model-value="formData.reportProject.projectUnit" :model-value="formData.reportProject.projectUnit"
@ -487,30 +523,58 @@ const ensureSupervisionTime = () => {
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="项目负责人" prop="projectPrincipal"> <el-form-item label="项目负责人" prop="projectPrincipal">
<el-input :disabled="isDisabled" v-model="formData.reportProject.projectPrincipal"></el-input> <el-tooltip
:content="getTooltipContent(formData.reportProject.projectPrincipal)"
:disabled="isTooltipDisabled(formData.reportProject.projectPrincipal)"
>
<el-input :disabled="isDisabled" v-model="formData.reportProject.projectPrincipal"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="负责人联系方式" prop="projectPhone"> <el-form-item label="负责人联系方式" prop="projectPhone">
<el-input :disabled="isDisabled" v-model="formData.reportProject.projectPhone"></el-input> <el-tooltip
:content="getTooltipContent(formData.reportProject.projectPhone)"
:disabled="isTooltipDisabled(formData.reportProject.projectPhone)"
>
<el-input :disabled="isDisabled" v-model="formData.reportProject.projectPhone"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item v-if="isEndData" label="报审金额（元）" prop="reportMoney"> <el-form-item v-if="isEndData" label="报审金额（元）" prop="reportMoney">
<el-input :disabled="isDisabled" type="number" <el-tooltip
v-model="formData.reportProject.reportMoney"></el-input> :content="getTooltipContent(formData.reportProject.reportMoney)"
:disabled="isTooltipDisabled(formData.reportProject.reportMoney)"
>
<el-input :disabled="isDisabled" type="number"
v-model="formData.reportProject.reportMoney"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
<el-form-item v-else label="采购方式" prop="purchaseMethod"> <el-form-item v-else label="采购方式" prop="purchaseMethod">
<el-input <el-tooltip
v-if="isDisabled" v-if="isDisabled"
:model-value=" :content="getTooltipContent(
(dict.procurementMethod || []).find(
d => d.dictValue === formData.reportProject.purchaseMethod
)?.dictLabel
)"
:disabled="isTooltipDisabled(
(dict.procurementMethod || []).find(
d => d.dictValue === formData.reportProject.purchaseMethod
)?.dictLabel
)"
>
<el-input
:model-value="
(dict.procurementMethod || []).find( (dict.procurementMethod || []).find(
d => d.dictValue === formData.reportProject.purchaseMethod d => d.dictValue === formData.reportProject.purchaseMethod
)?.dictLabel )?.dictLabel
" "
readonly readonly
class="select-disabled-like" class="select-disabled-like"
/> />
</el-tooltip>
<el-select v-else v-model="formData.reportProject.purchaseMethod"> <el-select v-else v-model="formData.reportProject.purchaseMethod">
<el-option <el-option
v-for="item in dict.procurementMethod" v-for="item in dict.procurementMethod"
@ -525,8 +589,20 @@ const ensureSupervisionTime = () => {
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item v-if="isEndData" label="立项日期" prop="projectApprovalTime"> <el-form-item v-if="isEndData" label="立项日期" prop="projectApprovalTime">
<el-tooltip
v-if="isDisabled"
:content="getTooltipContent(formData.reportProject.projectApprovalTime, '选择立项日期')"
:disabled="isTooltipDisabled(formData.reportProject.projectApprovalTime, '选择立项日期')"
>
<el-input
:model-value="formData.reportProject.projectApprovalTime"
placeholder="选择立项日期"
readonly
class="select-disabled-like"
/>
</el-tooltip>
<el-date-picker <el-date-picker
:disabled="isDisabled" v-else
v-model="formData.reportProject.projectApprovalTime" v-model="formData.reportProject.projectApprovalTime"
style="width: 100%" style="width: 100%"
type="date" type="date"
@ -534,33 +610,65 @@ const ensureSupervisionTime = () => {
/> />
</el-form-item> </el-form-item>
<el-form-item v-else label="报审金额（元）" prop="reportMoney"> <el-form-item v-else label="报审金额（元）" prop="reportMoney">
<el-input :disabled="isDisabled" type="number" <el-tooltip
v-model="formData.reportProject.reportMoney"></el-input> :content="getTooltipContent(formData.reportProject.reportMoney)"
:disabled="isTooltipDisabled(formData.reportProject.reportMoney)"
>
<el-input :disabled="isDisabled" type="number"
v-model="formData.reportProject.reportMoney"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="立项金额（元）" prop="projectApprovalMoney"> <el-form-item label="立项金额（元）" prop="projectApprovalMoney">
<el-input :disabled="isDisabled" type="number" <el-tooltip
v-model="formData.reportProject.projectApprovalMoney"></el-input> :content="getTooltipContent(formData.reportProject.projectApprovalMoney)"
:disabled="isTooltipDisabled(formData.reportProject.projectApprovalMoney)"
>
<el-input :disabled="isDisabled" type="number"
v-model="formData.reportProject.projectApprovalMoney"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="立项审批领导" prop="projectApprovalLead"> <el-form-item label="立项审批领导" prop="projectApprovalLead">
<el-input :disabled="isDisabled" v-model="formData.reportProject.projectApprovalLead"></el-input> <el-tooltip
:content="getTooltipContent(formData.reportProject.projectApprovalLead)"
:disabled="isTooltipDisabled(formData.reportProject.projectApprovalLead)"
>
<el-input :disabled="isDisabled" v-model="formData.reportProject.projectApprovalLead"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="报审人" prop="applicant"> <el-form-item label="报审人" prop="applicant">
<el-input :disabled="isDisabled" v-model="formData.reportProject.applicant"></el-input> <el-tooltip
:content="getTooltipContent(formData.reportProject.applicant)"
:disabled="isTooltipDisabled(formData.reportProject.applicant)"
>
<el-input :disabled="isDisabled" v-model="formData.reportProject.applicant"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="6" v-if="isEndData"> <el-col :span="6" v-if="isEndData">
<el-form-item label="申报政府采购日期" prop="applyGovernmentTime"> <el-form-item label="申报政府采购日期" prop="applyGovernmentTime">
<el-tooltip
v-if="isDisabled"
:content="getTooltipContent(formData.reportProject.applyGovernmentTime, '选择申报政府采购日期')"
:disabled="isTooltipDisabled(formData.reportProject.applyGovernmentTime, '选择申报政府采购日期')"
>
<el-input
:model-value="formData.reportProject.applyGovernmentTime"
placeholder="选择申报政府采购日期"
readonly
class="select-disabled-like"
/>
</el-tooltip>
<el-date-picker <el-date-picker
v-else
:class="{'border_red':timeAlertFun('applyGovernmentTime')}" :class="{'border_red':timeAlertFun('applyGovernmentTime')}"
:disabled="isDisabled"
v-model="formData.reportProject.applyGovernmentTime" v-model="formData.reportProject.applyGovernmentTime"
style="width: 100%" style="width: 100%"
type="date" type="date"
@ -580,8 +688,20 @@ const ensureSupervisionTime = () => {
</el-col> </el-col>
<el-col :span="6" v-if="isEndData"> <el-col :span="6" v-if="isEndData">
<el-form-item label="采购日期" prop="purchaseTime"> <el-form-item label="采购日期" prop="purchaseTime">
<el-tooltip
v-if="isDisabled"
:content="getTooltipContent(formData.reportProject.purchaseTime, '选择采购日期')"
:disabled="isTooltipDisabled(formData.reportProject.purchaseTime, '选择采购日期')"
>
<el-input
:model-value="formData.reportProject.purchaseTime"
placeholder="选择采购日期"
readonly
class="select-disabled-like"
/>
</el-tooltip>
<el-date-picker <el-date-picker
:disabled="isDisabled" v-else
:class="{'border_red':timeAlertFun('purchaseTime')}" :class="{'border_red':timeAlertFun('purchaseTime')}"
v-model="formData.reportProject.purchaseTime" v-model="formData.reportProject.purchaseTime"
style="width: 100%" style="width: 100%"
@ -592,8 +712,20 @@ const ensureSupervisionTime = () => {
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="报审日期" prop="applicantTime"> <el-form-item label="报审日期" prop="applicantTime">
<el-tooltip
v-if="isDisabled"
:content="getTooltipContent(formData.reportProject.applicantTime, '选择报审日期')"
:disabled="isTooltipDisabled(formData.reportProject.applicantTime, '选择报审日期')"
>
<el-input
:model-value="formData.reportProject.applicantTime"
placeholder="选择报审日期"
readonly
class="select-disabled-like"
/>
</el-tooltip>
<el-date-picker <el-date-picker
:disabled="isDisabled" v-else
v-model="formData.reportProject.applicantTime" v-model="formData.reportProject.applicantTime"
style="width: 100%" style="width: 100%"
type="date" type="date"
@ -603,13 +735,30 @@ const ensureSupervisionTime = () => {
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="文号"> <el-form-item label="文号">
<el-input :disabled="isDisabled" v-model="formData.reportProject.referenceNumber"/> <el-tooltip
:content="getTooltipContent(formData.reportProject.referenceNumber)"
:disabled="isTooltipDisabled(formData.reportProject.referenceNumber)"
>
<el-input :disabled="isDisabled" v-model="formData.reportProject.referenceNumber"/>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="发文日期"> <el-form-item label="发文日期">
<el-tooltip
v-if="isDisabled"
:content="getTooltipContent(formData.reportProject.publicationDate, '选择发文日期')"
:disabled="isTooltipDisabled(formData.reportProject.publicationDate, '选择发文日期')"
>
<el-input
:model-value="formData.reportProject.publicationDate"
placeholder="选择发文日期"
readonly
class="select-disabled-like"
/>
</el-tooltip>
<el-date-picker <el-date-picker
:disabled="isDisabled" v-else
v-model="formData.reportProject.publicationDate" v-model="formData.reportProject.publicationDate"
style="width: 100%" style="width: 100%"
type="date" type="date"
@ -621,8 +770,20 @@ const ensureSupervisionTime = () => {
<el-row v-if="isEndData"> <el-row v-if="isEndData">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="合同签订日期" prop="contractTime"> <el-form-item label="合同签订日期" prop="contractTime">
<el-tooltip
v-if="isDisabled"
:content="getTooltipContent(formData.reportProject.contractTime, '选择报合同签订日期')"
:disabled="isTooltipDisabled(formData.reportProject.contractTime, '选择报合同签订日期')"
>
<el-input
:model-value="formData.reportProject.contractTime"
placeholder="选择报合同签订日期"
readonly
class="select-disabled-like"
/>
</el-tooltip>
<el-date-picker <el-date-picker
:disabled="isDisabled" v-else
:class="{'border_red':timeAlertFun('contractTime')}" :class="{'border_red':timeAlertFun('contractTime')}"
v-model="formData.reportProject.contractTime" v-model="formData.reportProject.contractTime"
style="width: 100%" style="width: 100%"
@ -633,20 +794,33 @@ const ensureSupervisionTime = () => {
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="合同金额" prop="contractMount"> <el-form-item label="合同金额" prop="contractMount">
<el-input :disabled="isDisabled" type="number" <el-tooltip
v-model="formData.reportProject.contractMount"></el-input> :content="getTooltipContent(formData.reportProject.contractMount)"
:disabled="isTooltipDisabled(formData.reportProject.contractMount)"
>
<el-input :disabled="isDisabled" type="number"
v-model="formData.reportProject.contractMount"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="服务单位" prop="serviceUnit"> <el-form-item label="服务单位" prop="serviceUnit">
<el-tooltip :content="formData.reportProject.serviceUnit" :disabled="!formData.reportProject.serviceUnit"> <el-tooltip
:content="getTooltipContent(formData.reportProject.serviceUnit)"
:disabled="isTooltipDisabled(formData.reportProject.serviceUnit)"
>
<el-input :disabled="isDisabled" v-model="formData.reportProject.serviceUnit"></el-input> <el-input :disabled="isDisabled" v-model="formData.reportProject.serviceUnit"></el-input>
</el-tooltip> </el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="服务单位负责人" prop="serviceUnitManager"> <el-form-item label="服务单位负责人" prop="serviceUnitManager">
<el-input :disabled="isDisabled" v-model="formData.reportProject.serviceUnitManager"></el-input> <el-tooltip
:content="getTooltipContent(formData.reportProject.serviceUnitManager)"
:disabled="isTooltipDisabled(formData.reportProject.serviceUnitManager)"
>
<el-input :disabled="isDisabled" v-model="formData.reportProject.serviceUnitManager"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -654,24 +828,36 @@ const ensureSupervisionTime = () => {
<el-col :span="6"> <el-col :span="6">
<el-form-item label="服务日期" prop="serviceTime"> <el-form-item label="服务日期" prop="serviceTime">
<el-tooltip <el-tooltip
:content="Array.isArray(formData.reportProject.serviceTime) ? formData.reportProject.serviceTime.join(' - ') : formData.reportProject.serviceTime" v-if="isDisabled"
:disabled="!formData.reportProject.serviceTime || (Array.isArray(formData.reportProject.serviceTime) && !formData.reportProject.serviceTime.length)" :content="getTooltipContent(formData.reportProject.serviceTime, '开始服务日期 - 结束服务日期')"
> :disabled="isTooltipDisabled(formData.reportProject.serviceTime, '开始服务日期 - 结束服务日期')"
<el-date-picker >
ref="datePicker" <el-input
:disabled="isDisabled" :model-value="getTooltipContent(formData.reportProject.serviceTime)"
v-model="formData.reportProject.serviceTime" placeholder="开始服务日期 - 结束服务日期"
type="daterange" readonly
range-separator="-" class="select-disabled-like"
start-placeholder="开始服务日期"
end-placeholder="结束服务日期"
/> />
</el-tooltip> </el-tooltip>
<el-date-picker
v-else
ref="datePicker"
v-model="formData.reportProject.serviceTime"
type="daterange"
range-separator="-"
start-placeholder="开始服务日期"
end-placeholder="结束服务日期"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="服务单位联系电话" prop="serviceUnitPhone"> <el-form-item label="服务单位联系电话" prop="serviceUnitPhone">
<el-input :disabled="isDisabled" v-model="formData.reportProject.serviceUnitPhone"></el-input> <el-tooltip
:content="getTooltipContent(formData.reportProject.serviceUnitPhone)"
:disabled="isTooltipDisabled(formData.reportProject.serviceUnitPhone)"
>
<el-input :disabled="isDisabled" v-model="formData.reportProject.serviceUnitPhone"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="6" >--> <!-- <el-col :span="6" >-->
@ -692,8 +878,20 @@ const ensureSupervisionTime = () => {
<!-- </el-col>--> <!-- </el-col>-->
<el-col :span="6"> <el-col :span="6">
<el-form-item label="归档时间"> <el-form-item label="归档时间">
<el-tooltip
v-if="isDisabled"
:content="getTooltipContent(formData.reportProject.archiving, '请选择')"
:disabled="isTooltipDisabled(formData.reportProject.archiving, '请选择')"
>
<el-input
:model-value="formData.reportProject.archiving"
placeholder="请选择"
readonly
class="select-disabled-like"
/>
</el-tooltip>
<el-date-picker <el-date-picker
:disabled="isDisabled" v-else
v-model="formData.reportProject.archiving" v-model="formData.reportProject.archiving"
type="date" type="date"
/> />
@ -705,14 +903,24 @@ const ensureSupervisionTime = () => {
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="审定金额（元）"> <el-form-item label="审定金额（元）">
<el-input :disabled="isDisabled" type="number" <el-tooltip
v-model="formData.reportProject.archivingMoney"></el-input> :content="getTooltipContent(formData.reportProject.archivingMoney)"
:disabled="isTooltipDisabled(formData.reportProject.archivingMoney)"
>
<el-input :disabled="isDisabled" type="number"
v-model="formData.reportProject.archivingMoney"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="审减金额（元）"> <el-form-item label="审减金额（元）">
<el-input :disabled="isDisabled" type="number" <el-tooltip
v-model="formData.reportProject.archivingReduceMoney"></el-input> :content="getTooltipContent(formData.reportProject.archivingReduceMoney)"
:disabled="isTooltipDisabled(formData.reportProject.archivingReduceMoney)"
>
<el-input :disabled="isDisabled" type="number"
v-model="formData.reportProject.archivingReduceMoney"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
@ -738,10 +946,22 @@ const ensureSupervisionTime = () => {
<el-col :span="6"> <el-col :span="6">
<el-form-item label="预警监督日期" prop="supervisionTime"> <el-form-item label="预警监督日期" prop="supervisionTime">
<el-tooltip
v-if="recordDisplay"
:content="getTooltipContent(formData.record.supervisionTime, '选择预警监督日期')"
:disabled="isTooltipDisabled(formData.record.supervisionTime, '选择预警监督日期')"
>
<el-input
:model-value="formData.record.supervisionTime"
placeholder="选择预警监督日期"
readonly
class="select-disabled-like"
/>
</el-tooltip>
<el-date-picker <el-date-picker
v-else
value-format="YYYY-MM-DD HH:mm" value-format="YYYY-MM-DD HH:mm"
time-format="HH:mm" time-format="HH:mm"
:disabled="recordDisplay"
v-model="formData.record.supervisionTime" v-model="formData.record.supervisionTime"
style="width: 100%" style="width: 100%"
type="date" type="date"
@ -751,8 +971,13 @@ const ensureSupervisionTime = () => {
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="证据提供者" prop="evidenceOffer"> <el-form-item label="证据提供者" prop="evidenceOffer">
<el-input placeholder="请输入证据提供者" :disabled="recordDisplay" <el-tooltip
v-model="formData.record.evidenceOffer"></el-input> :content="getTooltipContent(formData.record.evidenceOffer, '请输入证据提供者')"
:disabled="isTooltipDisabled(formData.record.evidenceOffer, '请输入证据提供者')"
>
<el-input placeholder="请输入证据提供者" :disabled="recordDisplay"
v-model="formData.record.evidenceOffer"></el-input>
</el-tooltip>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">

Write Preview
Loading…
Cancel
Save