xzt
1 year ago
12 changed files with 2386 additions and 182 deletions
@ -1,3 +1,880 @@ |
|||
<template> |
|||
<div>666</div> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="180px"> |
|||
<el-col :span="24"> |
|||
<el-form-item label="项目名称" prop="projectName"> |
|||
<!-- <el-input |
|||
v-model="form.projectName" |
|||
placeholder="请输入项目名称" |
|||
/> --> |
|||
<el-select |
|||
v-model="form.projectName" |
|||
placeholder="请输入项目名称" |
|||
filterable |
|||
clearable |
|||
size="small" |
|||
style="width: 100%" |
|||
> |
|||
<el-option |
|||
v-for="dict in projectNameOptions" |
|||
:key="dict.projectName + dict.id" |
|||
:label="dict.projectName + '[' + dict.projectCode + ']'" |
|||
:value="dict.projectName + '[' + dict.projectCode + ']'" |
|||
@click.native="getId(dict)" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="项目法人" prop="unitLeader"> |
|||
<el-input v-model="form.unitLeader" placeholder="请输入项目法人" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<!-- <el-col :span="24"> |
|||
<el-form-item label="项目法人" prop="projectLegalPerson"> |
|||
<el-input |
|||
v-model="form.projectLegalPerson" |
|||
placeholder="请输入项目法人" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> --> |
|||
<el-col :span="24"> |
|||
<el-form-item label="项目法人单位" prop="projectLegalUnit"> |
|||
<el-input |
|||
v-model="form.projectLegalUnit" |
|||
placeholder="请输入项目法人单位" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="项目类型" prop="projectType"> |
|||
<div style="margin-bottom: 10px"> |
|||
<el-radio v-model="radio" label="zd" @input="changeisMajor()" |
|||
>重大项目</el-radio |
|||
> |
|||
<el-radio v-model="radio" label="ms" @input="changeisMajor()" |
|||
>面上项目</el-radio |
|||
> |
|||
</div> |
|||
<div> |
|||
<el-radio |
|||
v-model="form.projectType" |
|||
v-for="dict in radio == 'zd' |
|||
? zd_projectTypeOptions |
|||
: ms_projectTypeOptions" |
|||
:label="dict.dictValue" |
|||
:key="dict.dictLabel + dict.id" |
|||
> |
|||
{{ dict.dictLabel }} |
|||
</el-radio> |
|||
</div> |
|||
<!-- <el-select |
|||
v-model="form.projectType" |
|||
placeholder="请选择项目类型" |
|||
style="width: 100%" |
|||
> |
|||
<div style="margin-bottom: 10px"> |
|||
<el-radio v-model="radio" label="zd">重大项目</el-radio> |
|||
<el-radio v-model="radio" label="ms">面上项目</el-radio> |
|||
</div> |
|||
重大项目选项 |
|||
<template v-if="radio == 'zd'"> |
|||
<el-option |
|||
v-for="dict in zd_projectTypeOptions" |
|||
:key="dict.dictLabel + dict.id" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
/> |
|||
</template> |
|||
面上项目选项 |
|||
<template v-if="radio == 'ms'"> |
|||
<el-option |
|||
v-for="dict in ms_projectTypeOptions" |
|||
:key="dict.dictLabel + dict.id" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
/> |
|||
</template> |
|||
</el-select> --> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="单位负责人电话" prop="projectLegalPhone"> |
|||
<el-input |
|||
v-model="form.projectLegalPhone" |
|||
placeholder="请输入单位负责人电话" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="工程等别" prop="engineeringGrade"> |
|||
<!-- <el-input |
|||
v-model="form.engineeringGrade" |
|||
placeholder="请输入工程等别" |
|||
/> --> |
|||
<el-select |
|||
v-model="form.engineeringGrade" |
|||
placeholder="请输入工程等别" |
|||
filterable |
|||
clearable |
|||
size="small" |
|||
style="width: 100%" |
|||
> |
|||
<el-option |
|||
v-for="dict in engineeringGradeOptions" |
|||
:key="dict.dictLabel + dict.id" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="工程用途" prop="engineeringPurposes"> |
|||
<!-- <el-input |
|||
v-model="form.engineeringPurposes" |
|||
placeholder="请输入工程用途" |
|||
/> --> |
|||
<el-select |
|||
v-model="form.engineeringPurposes" |
|||
placeholder="请输入工程用途" |
|||
filterable |
|||
clearable |
|||
size="small" |
|||
style="width: 100%" |
|||
> |
|||
<el-option |
|||
v-for="dict in engineeringPurposesOptions" |
|||
:key="dict.dictLabel + dict.id" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="工程类别" prop="workCategory"> |
|||
<!-- <el-input |
|||
v-model="form.workCategory" |
|||
placeholder="请输入工程类别" |
|||
/> --> |
|||
<el-select |
|||
v-model="form.workCategory" |
|||
placeholder="请输入工程用途" |
|||
filterable |
|||
clearable |
|||
size="small" |
|||
style="width: 100%" |
|||
> |
|||
<el-option |
|||
v-for="dict in workCategoryOptions" |
|||
:key="dict.dictLabel + dict.id" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="项目建设地址" prop="constructionAddress"> |
|||
<el-input |
|||
v-model="form.constructionAddress" |
|||
placeholder="请输入项目建设地址" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="建设模式" prop="constructionMode"> |
|||
<!-- <el-input |
|||
v-model="form.constructionMode" |
|||
placeholder="请输入建设模式" |
|||
/> --> |
|||
<el-select |
|||
v-model="form.constructionMode" |
|||
placeholder="请输入建设模式" |
|||
filterable |
|||
clearable |
|||
size="small" |
|||
style="width: 100%" |
|||
> |
|||
<el-option |
|||
v-for="dict in constructionModeOptions" |
|||
:key="dict.dictLabel + dict.id" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="建设性质" prop="constructionNature"> |
|||
<!-- <el-input |
|||
v-model="form.constructionNature" |
|||
placeholder="请输入建设性质" |
|||
/> --> |
|||
<el-select |
|||
v-model="form.constructionNature" |
|||
placeholder="请输入建设模式" |
|||
filterable |
|||
clearable |
|||
size="small" |
|||
style="width: 100%" |
|||
> |
|||
<el-option |
|||
v-for="dict in constructionNatureOptions" |
|||
:key="dict.dictLabel + dict.id" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="建设内容" prop="constructionContent"> |
|||
<el-input |
|||
v-model="form.constructionContent" |
|||
placeholder="请输入建设内容" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="行政区划" prop="adcd"> |
|||
<el-input v-model="form.adcd" placeholder="请输入行政区划" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="所属流域" prop="basin"> |
|||
<el-input v-model="form.basin" placeholder="请输入所属流域" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
|
|||
<el-col :span="24"> |
|||
<el-form-item label="中央资金" prop="centralArrangedFunds"> |
|||
<el-input |
|||
v-model="form.centralArrangedFunds" |
|||
placeholder="请输入中央资金" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="中央资金比例" prop="centralArrangedFundsRate"> |
|||
<el-input |
|||
v-model="form.centralArrangedFundsRate" |
|||
placeholder="请输入中央资金比例" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="省级资金" prop="provincialFunding"> |
|||
<el-input |
|||
v-model="form.provincialFunding" |
|||
placeholder="请输入省级资金" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="省级资金比例" prop="provincialFundingRate"> |
|||
<el-input |
|||
v-model="form.provincialFundingRate" |
|||
placeholder="请输入省级资金比例" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="地市资金" prop="cityLevelFunds"> |
|||
<el-input v-model="form.cityLevelFunds" placeholder="请输入地市资金" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="地市资金比例" prop="cityLevelFundsRate"> |
|||
<el-input |
|||
v-model="form.cityLevelFundsRate" |
|||
placeholder="请输入地市资金比例" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="区县资金" prop="countyLevelFunds"> |
|||
<el-input |
|||
v-model="form.countyLevelFunds" |
|||
placeholder="请输入区县资金" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="区县资金比例" prop="cityLevelFundsRate"> |
|||
<el-input |
|||
v-model="form.countyLevelFundsRate" |
|||
placeholder="请输入区县资金比例" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="乡镇及群众自筹和其他投资" prop="countyLevelFunds"> |
|||
<el-input |
|||
v-model="form.townshipInvestments" |
|||
placeholder="请输入乡镇及群众自筹和其他投资" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item |
|||
label="乡镇及群众自筹和其他投资比例" |
|||
prop="cityLevelFundsRate" |
|||
> |
|||
<el-input |
|||
v-model="form.townshipInvestmentsRate" |
|||
placeholder="请输入乡镇及群众自筹和其他投资比例" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="是否172项重大水利工程" prop="isMajorProject"> |
|||
<!-- <el-input |
|||
v-model="form.isMajorProject" |
|||
placeholder="请输入是否172项重大水利工程" |
|||
/> --> |
|||
<el-select |
|||
v-model="form.isMajorProject" |
|||
placeholder="是否172项重大水利工程" |
|||
clearable |
|||
size="small" |
|||
style="width: 100%" |
|||
> |
|||
<el-option |
|||
v-for="dict in isMajorProjectOptions" |
|||
:key="dict.dictValue" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="项目投资主体" prop="investmentSubject"> |
|||
<el-input |
|||
v-model="form.investmentSubject" |
|||
placeholder="请输入项目投资主体" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="建设阶段" prop="constructionPhase"> |
|||
<el-input |
|||
v-model="form.constructionPhase" |
|||
placeholder="请输入建设阶段" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="资金下达文号" prop="fundingNumber"> |
|||
<el-input |
|||
v-model="form.fundingNumber" |
|||
placeholder="请输入资金下达文号" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-form> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
listInfo, |
|||
getInfo, |
|||
delInfo, |
|||
addInfo, |
|||
updateInfo, |
|||
exportInfo, |
|||
} from "@/api/build/projectInfo"; |
|||
import { |
|||
listProposal, |
|||
getProposal, |
|||
delProposal, |
|||
addProposal, |
|||
updateProposal, |
|||
exportProposal, |
|||
getProjectCode, |
|||
} from "@/api/earlyStage/proposal"; |
|||
|
|||
export default { |
|||
name: "Info", |
|||
data() { |
|||
return { |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 项目基本信息管理表格数据 |
|||
infoList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
viewTitle: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
viewOpen: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
ids: null, |
|||
data: { |
|||
isMajor: null, |
|||
projectName: null, |
|||
unitLeader: null, |
|||
projectLegalPerson: null, |
|||
projectLegalUnit: null, |
|||
projectLegalPhone: null, |
|||
engineeringGrade: null, |
|||
engineeringPurposes: null, |
|||
workCategory: null, |
|||
constructionAddress: null, |
|||
constructionMode: null, |
|||
constructionNature: null, |
|||
constructionContent: null, |
|||
adcd: null, |
|||
basin: null, |
|||
projectType: null, |
|||
// fundingSource: null, |
|||
|
|||
centralArrangedFunds: null, |
|||
centralArrangedFundsRate: null, |
|||
provincialFunding: null, |
|||
provincialFundingRate: null, |
|||
cityLevelFunds: null, |
|||
cityLevelFundsRate: null, |
|||
countyLevelFunds: null, |
|||
countyLevelFundsRate: null, |
|||
townshipInvestments: null, |
|||
townshipInvestmentsRate: null, |
|||
|
|||
isMajorProject: null, |
|||
investmentSubject: null, |
|||
constructionPhase: null, |
|||
fundingNumber: null, |
|||
proCode: null, |
|||
proNo: null, |
|||
createUid: null, |
|||
createTime: null, |
|||
updateUid: null, |
|||
updateTime: null, |
|||
owerDept: null, |
|||
}, |
|||
// 排序方式 |
|||
params: { |
|||
// 按哪个字段排序 |
|||
orderBy: "create_time", |
|||
// desc降序，升序asc |
|||
sort: "desc", |
|||
}, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
copyForm: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
projectLegalPerson: [ |
|||
// { required: true, message: "项目法人不能为空", trigger: "blur" }, |
|||
], |
|||
}, |
|||
//项目名称 |
|||
projectNameOptions: [], |
|||
proNo: "", |
|||
proCode: "", |
|||
// 是否是是否172项重大水利工程 |
|||
isMajorProjectOptions: [], |
|||
radio: "zd", |
|||
// 重大项目字典 |
|||
zd_projectTypeOptions: [], |
|||
// 面上项目字典 |
|||
ms_projectTypeOptions: [], |
|||
// 工程等别字典 |
|||
engineeringGradeOptions: [], |
|||
// 工程用途字典 |
|||
engineeringPurposesOptions: [], |
|||
// 工程类别字典 |
|||
workCategoryOptions: [], |
|||
// 建设模式字典 |
|||
constructionModeOptions: [], |
|||
// 建设性质字典 |
|||
constructionNatureOptions: [], |
|||
proMsg: {}, |
|||
// 面包屑，路由信息 |
|||
routeList: [ |
|||
{ |
|||
path: "/building/projectInfo", |
|||
routeName: "项目基本信息管理", |
|||
}, |
|||
], |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
this.getDicts("whether").then((response) => { |
|||
this.isMajorProjectOptions = response.data; |
|||
}); |
|||
this.getDicts("major_project").then((response) => { |
|||
// console.log("4444444444444444", response.data); |
|||
this.zd_projectTypeOptions = response.data; |
|||
}); |
|||
this.getDicts("general_project").then((response) => { |
|||
// console.log("5555555555555", response.data); |
|||
this.ms_projectTypeOptions = response.data; |
|||
}); |
|||
this.getDicts("engineering_grade").then((response) => { |
|||
this.engineeringGradeOptions = response.data; |
|||
}); |
|||
this.getDicts("project_purposes").then((response) => { |
|||
this.engineeringPurposesOptions = response.data; |
|||
}); |
|||
this.getDicts("project_category").then((response) => { |
|||
this.workCategoryOptions = response.data; |
|||
}); |
|||
this.getDicts("Construction_mode").then((response) => { |
|||
this.constructionModeOptions = response.data; |
|||
}); |
|||
this.getDicts("CONSTRUCTION_NATURE").then((response) => { |
|||
this.constructionNatureOptions = response.data; |
|||
}); |
|||
}, |
|||
methods: { |
|||
// 保留项目类型 |
|||
changeisMajor() { |
|||
if (this.radio == this.copyForm.isMajor) { |
|||
this.form.projectType = this.copyForm.projectType; |
|||
} else { |
|||
this.form.projectType = ""; |
|||
} |
|||
}, |
|||
// 工程等别字典翻译 |
|||
engineeringGradeFormat(row, column) { |
|||
return this.selectDictLabel( |
|||
this.engineeringGradeOptions, |
|||
row.engineeringGrade |
|||
); |
|||
}, |
|||
// 工程用途字典翻译 |
|||
engineeringPurposesFormat(row, column) { |
|||
return this.selectDictLabel( |
|||
this.engineeringPurposesOptions, |
|||
row.engineeringPurposes |
|||
); |
|||
}, |
|||
// 工程类别字典翻译 |
|||
workCategoryFormat(row, column) { |
|||
return this.selectDictLabel(this.workCategoryOptions, row.workCategory); |
|||
}, |
|||
// 建设模式字典 |
|||
constructionModeFormat(row, column) { |
|||
return this.selectDictLabel( |
|||
this.constructionModeOptions, |
|||
row.constructionMode |
|||
); |
|||
}, |
|||
|
|||
// 建设性质字典 |
|||
constructionNatureFormat(row, column) { |
|||
return this.selectDictLabel( |
|||
this.constructionNatureOptions, |
|||
row.constructionNature |
|||
); |
|||
}, |
|||
|
|||
// 项目类型字典翻译 |
|||
projectTypeFormat(row, column) { |
|||
if (row.isMajor == "zd") { |
|||
return this.selectDictLabel( |
|||
this.zd_projectTypeOptions, |
|||
row.projectType |
|||
); |
|||
} else if (row.isMajor == "ms") { |
|||
return this.selectDictLabel( |
|||
this.ms_projectTypeOptions, |
|||
row.projectType |
|||
); |
|||
} |
|||
}, |
|||
// 是否是是否172项重大水利工程 |
|||
isBelongPlanningFormat(row, column) { |
|||
return this.selectDictLabel( |
|||
this.isMajorProjectOptions, |
|||
row.isMajorProject |
|||
); |
|||
}, |
|||
projectNameFormat(row) { |
|||
if (row.projectName) |
|||
return row.projectName.slice(0, row.projectName.indexOf("[")); |
|||
}, |
|||
getId(res) { |
|||
// console.log(res) |
|||
getProposal(res.id).then((response) => { |
|||
// console.log(response.data) |
|||
this.proNo = response.data.proNo; |
|||
this.proCode = response.data.projectCode; |
|||
}); |
|||
}, |
|||
/** 查询项目基本信息管理列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listInfo(this.queryParams).then((response) => { |
|||
this.infoList = response.records; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: null, |
|||
isMajor: null, |
|||
projectName: null, |
|||
unitLeader: null, |
|||
projectLegalPerson: null, |
|||
projectLegalUnit: null, |
|||
projectLegalPhone: null, |
|||
engineeringGrade: null, |
|||
engineeringPurposes: null, |
|||
workCategory: null, |
|||
constructionAddress: null, |
|||
constructionMode: null, |
|||
constructionNature: null, |
|||
constructionContent: null, |
|||
adcd: null, |
|||
basin: null, |
|||
projectType: null, |
|||
// fundingSource: null, |
|||
|
|||
centralArrangedFunds: null, |
|||
centralArrangedFundsRate: null, |
|||
provincialFunding: null, |
|||
provincialFundingRate: null, |
|||
cityLevelFunds: null, |
|||
cityLevelFundsRate: null, |
|||
countyLevelFunds: null, |
|||
countyLevelFundsRate: null, |
|||
townshipInvestments: null, |
|||
townshipInvestmentsRate: null, |
|||
|
|||
isMajorProject: null, |
|||
investmentSubject: null, |
|||
constructionPhase: null, |
|||
fundingNumber: null, |
|||
proCode: null, |
|||
proNo: null, |
|||
createUid: null, |
|||
createTime: null, |
|||
updateUid: null, |
|||
updateTime: null, |
|||
owerDept: null, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
// 查询表单重置 |
|||
resetQueryForm() { |
|||
this.queryParams = { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
data: { |
|||
id: null, |
|||
isMajor: null, |
|||
projectName: null, |
|||
unitLeader: null, |
|||
projectLegalPerson: null, |
|||
projectLegalUnit: null, |
|||
projectLegalPhone: null, |
|||
engineeringGrade: null, |
|||
engineeringPurposes: null, |
|||
workCategory: null, |
|||
constructionAddress: null, |
|||
constructionMode: null, |
|||
constructionNature: null, |
|||
constructionContent: null, |
|||
adcd: null, |
|||
basin: null, |
|||
projectType: null, |
|||
// fundingSource: null, |
|||
|
|||
centralArrangedFunds: null, |
|||
centralArrangedFundsRate: null, |
|||
provincialFunding: null, |
|||
provincialFundingRate: null, |
|||
cityLevelFunds: null, |
|||
cityLevelFundsRate: null, |
|||
countyLevelFunds: null, |
|||
countyLevelFundsRate: null, |
|||
townshipInvestments: null, |
|||
townshipInvestmentsRate: null, |
|||
|
|||
isMajorProject: null, |
|||
investmentSubject: null, |
|||
constructionPhase: null, |
|||
fundingNumber: null, |
|||
proCode: null, |
|||
proNo: null, |
|||
createUid: null, |
|||
createTime: null, |
|||
updateUid: null, |
|||
updateTime: null, |
|||
owerDept: null, |
|||
}, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetQueryForm(); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map((item) => item.id); |
|||
this.single = selection.length !== 1; |
|||
this.multiple = !selection.length; |
|||
}, |
|||
|
|||
// 查看信息 |
|||
viewInfo(row) { |
|||
this.viewTitle = row.projectName.slice(0, row.projectName.indexOf("[")); |
|||
this.proMsg = row; |
|||
console.log("proMsg", row); |
|||
this.viewOpen = true; |
|||
}, |
|||
|
|||
// 关闭弹窗 |
|||
closeView() { |
|||
this.proMsg = {}; |
|||
}, |
|||
|
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
listProposal(this.queryParams).then((response) => { |
|||
this.projectNameOptions = response.records; |
|||
}); |
|||
this.radio = "zd"; |
|||
this.open = true; |
|||
this.title = "添加项目基本信息管理"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.reset(); |
|||
const id = row.id || this.ids; |
|||
getInfo(id).then((response) => { |
|||
this.form = response.data; |
|||
if (this.form) |
|||
listProposal(this.queryParams).then((response) => { |
|||
this.projectNameOptions = response.records; |
|||
}); |
|||
// 重大项目与面上项目 区分 |
|||
this.radio = this.form.isMajor; |
|||
this.form.projectName = |
|||
this.form.projectName + "[" + this.form.proCode + "]"; |
|||
this.copyForm = { ...this.form }; |
|||
this.open = true; |
|||
this.title = "修改项目基本信息管理"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate((valid) => { |
|||
if (valid) { |
|||
this.form.isMajor = this.radio; |
|||
if (this.proNo) { |
|||
this.form.proNo = this.proNo; |
|||
} |
|||
if (this.proCode) { |
|||
this.form.proCode = this.proCode; |
|||
} |
|||
if ( |
|||
this.form.projectName && |
|||
this.form.projectName.indexOf("[") != -1 |
|||
) { |
|||
this.form.projectName = this.form.projectName.slice( |
|||
0, |
|||
this.form.projectName.indexOf("[") |
|||
); |
|||
} |
|||
console.log(this.form); |
|||
// console.log("this.form.isMajor", this.form.isMajor); |
|||
if (this.form.id != null) { |
|||
updateInfo(this.form).then((response) => { |
|||
if (response.code === 200) { |
|||
this.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
} |
|||
}); |
|||
} else { |
|||
addInfo(this.form).then((response) => { |
|||
if (response.code === 200) { |
|||
this.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
if (ids) { |
|||
this.$confirm("是否删除选中的数据？", "警告", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(function () { |
|||
return delInfo(ids); |
|||
}) |
|||
.then(() => { |
|||
this.getList(); |
|||
this.msgSuccess("删除成功"); |
|||
}) |
|||
.catch(function () {}); |
|||
} else { |
|||
this.$message.warning("请选择要删除的数据！！"); |
|||
} |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
const queryParams = this.queryParams; |
|||
let message = "是否确认导出所有的数据项?"; |
|||
if (this.ids) { |
|||
message = "是否确认导出选中的数据项?"; |
|||
queryParams.ids = this.ids; |
|||
} |
|||
this.$confirm(message, "警告", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(function () { |
|||
return exportInfo(queryParams); |
|||
}) |
|||
.then((response) => { |
|||
this.downloadFile(response, true, response.msg); |
|||
// this.download(response.msg); |
|||
}) |
|||
.catch(function () {}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
@ -0,0 +1,911 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<!-- 面包屑 --> |
|||
<!-- <el-breadcrumb separator="/" style="margin-bottom: 20px"> |
|||
<el-breadcrumb-item |
|||
v-for="(item, index) in routeList" |
|||
:key="item + index" |
|||
:to="{ path: item.path }" |
|||
>{{ item.routeName }}</el-breadcrumb-item |
|||
> |
|||
</el-breadcrumb> --> |
|||
|
|||
<el-form |
|||
:model="queryParams" |
|||
ref="queryForm" |
|||
:inline="true" |
|||
v-show="showSearch" |
|||
label-width="68px" |
|||
> |
|||
<el-form-item label="项目法人" prop="projectLegalPerson"> |
|||
<el-input |
|||
v-model="queryParams.data.projectLegalPerson" |
|||
placeholder="请输入项目法人" |
|||
clearable |
|||
size="small" |
|||
@keyup.enter.native="handleQuery" |
|||
><el-button |
|||
type="primary" |
|||
slot="append" |
|||
icon="el-icon-search" |
|||
size="small" |
|||
@click="handleQuery" |
|||
></el-button> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item |
|||
label="项目法人单位" |
|||
prop="projectLegalUnit" |
|||
label-width="96px" |
|||
> |
|||
<el-input |
|||
v-model="queryParams.data.projectLegalUnit" |
|||
placeholder="请输入项目法人单位" |
|||
clearable |
|||
size="small" |
|||
@keyup.enter.native="handleQuery" |
|||
><el-button |
|||
type="primary" |
|||
slot="append" |
|||
icon="el-icon-search" |
|||
size="small" |
|||
@click="handleQuery" |
|||
></el-button> |
|||
</el-input> |
|||
</el-form-item> |
|||
|
|||
<el-form-item> |
|||
<!-- <el-button |
|||
type="cyan" |
|||
icon="el-icon-search" |
|||
size="mini" |
|||
@click="handleQuery" |
|||
>搜索</el-button |
|||
> --> |
|||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery" |
|||
>重置</el-button |
|||
> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="primary" |
|||
icon="el-icon-plus" |
|||
size="mini" |
|||
@click="handleAdd" |
|||
v-hasPermi="['build:info:add']" |
|||
>新增</el-button |
|||
> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="success" |
|||
icon="el-icon-edit" |
|||
size="mini" |
|||
:disabled="single" |
|||
@click="handleUpdate" |
|||
v-hasPermi="['build:info:edit']" |
|||
>修改</el-button |
|||
> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="danger" |
|||
icon="el-icon-delete" |
|||
size="mini" |
|||
:disabled="multiple" |
|||
@click="handleDelete" |
|||
v-hasPermi="['build:info:remove']" |
|||
>删除</el-button |
|||
> |
|||
</el-col> |
|||
|
|||
<right-toolbar |
|||
:showSearch.sync="showSearch" |
|||
@queryTable="getList" |
|||
></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table |
|||
v-loading="loading" |
|||
:data="infoList" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" align="center" fixed /> |
|||
<el-table-column |
|||
label="序号" |
|||
type="index" |
|||
width="50" |
|||
align="center" |
|||
fixed |
|||
/> |
|||
|
|||
<el-table-column |
|||
label="项目法人" |
|||
align="center" |
|||
prop="projectLegalPerson" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="项目法人单位" |
|||
align="center" |
|||
prop="projectLegalUnit" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="项目法人联系方式" |
|||
align="center" |
|||
prop="projectLegalPhone" |
|||
min-width="150" |
|||
/> |
|||
<el-table-column |
|||
label="设计单位" |
|||
align="center" |
|||
prop="dsun" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="设计单位联系人" |
|||
align="center" |
|||
prop="dsunPerson" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="设计单位联系人职务" |
|||
align="center" |
|||
prop="dsunTitle" |
|||
min-width="150" |
|||
/> |
|||
<el-table-column |
|||
label="设计单位联系电话" |
|||
align="center" |
|||
prop="dsunPhone" |
|||
min-width="150" |
|||
/> |
|||
<el-table-column |
|||
label="承建单位" |
|||
align="center" |
|||
prop="constructionUnit" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="承建单位联系人" |
|||
align="center" |
|||
prop="constructionUnitPerson" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="承建单位联系人职务" |
|||
align="center" |
|||
prop="constructionUnitTitle" |
|||
min-width="150" |
|||
/> |
|||
<el-table-column |
|||
label="承建单位联系人电话" |
|||
align="center" |
|||
prop="constructionUnitPhone" |
|||
min-width="150" |
|||
/> |
|||
<el-table-column |
|||
label="监理单位" |
|||
align="center" |
|||
prop="supervisionUnit" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="监理单位联系人" |
|||
align="center" |
|||
prop="supervisionUnitPerson" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="监理单位联系人职务" |
|||
align="center" |
|||
prop="supervisionUnitTitle" |
|||
min-width="150" |
|||
/> |
|||
<el-table-column |
|||
label="监理单位联系人电话" |
|||
align="center" |
|||
prop="supervisionUnitPhone" |
|||
min-width="150" |
|||
/> |
|||
<el-table-column |
|||
label="其他单位" |
|||
align="center" |
|||
prop="otherUnit" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="其他单位类别" |
|||
align="center" |
|||
prop="otherUnitType" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="其他单位联系人" |
|||
align="center" |
|||
prop="otherUnitPerson" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="其他单位联系人职务" |
|||
align="center" |
|||
prop="otherUnitTitle" |
|||
min-width="150" |
|||
/> |
|||
<el-table-column |
|||
label="其他单位联系人电话" |
|||
align="center" |
|||
prop="otherUnitPhone" |
|||
min-width="150" |
|||
/> |
|||
<el-table-column |
|||
label="行政区划" |
|||
align="center" |
|||
prop="adcd" |
|||
min-width="120" |
|||
/> |
|||
|
|||
<el-table-column |
|||
label="操作" |
|||
align="center" |
|||
class-name="small-padding fixed-width" |
|||
min-width="180" |
|||
fixed="right" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-view" |
|||
@click="viewInfo(scope.row)" |
|||
>查看</el-button |
|||
> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['build:info:edit']" |
|||
>修改</el-button |
|||
> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['build:info:remove']" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination |
|||
v-show="total > 0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
|
|||
<!-- 添加或修改企业信息管理对话框 --> |
|||
<el-dialog |
|||
:title="title" |
|||
:visible.sync="open" |
|||
width="1200px" |
|||
append-to-body |
|||
> |
|||
<el-row :gutter="15"> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="150px"> |
|||
<el-col :span="12"> |
|||
<el-form-item label="项目法人" prop="projectLegalPerson"> |
|||
<el-input |
|||
v-model="form.projectLegalPerson" |
|||
placeholder="请输入项目法人" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="项目法人单位" prop="projectLegalUnit"> |
|||
<el-input |
|||
v-model="form.projectLegalUnit" |
|||
placeholder="请输入项目法人单位" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="项目法人联系方式" prop="projectLegalPhone"> |
|||
<el-input |
|||
v-model="form.projectLegalPhone" |
|||
placeholder="请输入项目法人联系方式" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="设计单位" prop="dsun"> |
|||
<el-input v-model="form.dsun" placeholder="请输入设计单位" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="设计单位联系人" prop="dsunPerson"> |
|||
<el-input |
|||
v-model="form.dsunPerson" |
|||
placeholder="请输入设计单位联系人" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="设计单位联系人职务" prop="dsunTitle"> |
|||
<el-input |
|||
v-model="form.dsunTitle" |
|||
placeholder="请输入设计单位联系人职务" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="设计单位联系电话" prop="dsunPhone"> |
|||
<el-input |
|||
v-model="form.dsunPhone" |
|||
placeholder="请输入设计单位联系电话" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="承建单位" prop="constructionUnit"> |
|||
<el-input |
|||
v-model="form.constructionUnit" |
|||
placeholder="请输入承建单位" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="承建单位联系人" prop="constructionUnitPerson"> |
|||
<el-input |
|||
v-model="form.constructionUnitPerson" |
|||
placeholder="请输入承建单位联系人" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item |
|||
label="承建单位联系人职务" |
|||
prop="constructionUnitTitle" |
|||
> |
|||
<el-input |
|||
v-model="form.constructionUnitTitle" |
|||
placeholder="请输入承建单位联系人职务" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item |
|||
label="承建单位联系人电话" |
|||
prop="constructionUnitPhone" |
|||
> |
|||
<el-input |
|||
v-model="form.constructionUnitPhone" |
|||
placeholder="请输入承建单位联系人电话" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="监理单位" prop="supervisionUnit"> |
|||
<el-input |
|||
v-model="form.supervisionUnit" |
|||
placeholder="请输入监理单位" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="监理单位联系人" prop="supervisionUnitPerson"> |
|||
<el-input |
|||
v-model="form.supervisionUnitPerson" |
|||
placeholder="请输入监理单位联系人" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item |
|||
label="监理单位联系人职务" |
|||
prop="supervisionUnitTitle" |
|||
> |
|||
<el-input |
|||
v-model="form.supervisionUnitTitle" |
|||
placeholder="请输入监理单位联系人职务" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item |
|||
label="监理单位联系人电话" |
|||
prop="supervisionUnitPhone" |
|||
> |
|||
<el-input |
|||
v-model="form.supervisionUnitPhone" |
|||
placeholder="请输入监理单位联系人电话" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="其他单位" prop="otherUnit"> |
|||
<el-input v-model="form.otherUnit" placeholder="请输入其他单位" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="其他单位类别" prop="otherUnitType"> |
|||
<el-select |
|||
v-model="form.otherUnitType" |
|||
placeholder="请选择其他单位类别" |
|||
style="width: 100%" |
|||
> |
|||
<el-option label="请选择字典生成" value="" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="其他单位联系人" prop="otherUnitPerson"> |
|||
<el-input |
|||
v-model="form.otherUnitPerson" |
|||
placeholder="请输入其他单位联系人" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="其他单位联系人职务" prop="otherUnitTitle"> |
|||
<el-input |
|||
v-model="form.otherUnitTitle" |
|||
placeholder="请输入其他单位联系人职务" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="其他单位联系人电话" prop="otherUnitPhone"> |
|||
<el-input |
|||
v-model="form.otherUnitPhone" |
|||
placeholder="请输入其他单位联系人电话" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="行政区划" prop="adcd"> |
|||
<el-input v-model="form.adcd" placeholder="请输入行政区划" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-form> |
|||
</el-row> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
<!--查看 --> |
|||
<el-dialog |
|||
:title="viewTitle" |
|||
:visible.sync="viewOpen" |
|||
width="1200px" |
|||
append-to-body |
|||
@close="closeView" |
|||
> |
|||
<!-- 查看企业信息 --> |
|||
<div class="infoTitle">参建企业信息</div> |
|||
<div class="draLine"></div> |
|||
<div class="content"> |
|||
<el-descriptions |
|||
class="margin-top" |
|||
:column="2" |
|||
border |
|||
:labelStyle="{ |
|||
'text-align': 'left', |
|||
width: '180px', |
|||
height: '50px', |
|||
}" |
|||
:contentStyle="{}" |
|||
> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 项目法人 </template> |
|||
{{ this.firmMsg.projectLegalPerson }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 项目法人单位 </template> |
|||
{{ this.firmMsg.projectLegalPhone }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 项目法人联系方式 </template> |
|||
{{ this.firmMsg.projectLegalPerson }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 设计单位 </template> |
|||
{{ this.firmMsg.dsun }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 设计单位联系人 </template> |
|||
{{ this.firmMsg.dsunPerson }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 设计单位联系人职务 </template> |
|||
{{ this.firmMsg.dsunTitle }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 设计单位联系电话 </template> |
|||
{{ this.firmMsg.dsunPhone }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 承建单位 </template> |
|||
{{ this.firmMsg.constructionUnit }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 承建单位联系人 </template> |
|||
{{ this.firmMsg.constructionUnitPerson }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 承建单位联系人职务 </template> |
|||
{{ this.firmMsg.constructionUnitTitle }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 承建单位联系人电话 </template> |
|||
{{ this.firmMsg.constructionUnitPhone }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 监理单位 </template> |
|||
{{ this.firmMsg.supervisionUnit }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 监理单位联系人 </template> |
|||
{{ this.firmMsg.supervisionUnitPerson }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 监理单位联系人职务 </template> |
|||
{{ this.firmMsg.supervisionUnitTitle }} |
|||
</el-descriptions-item> |
|||
|
|||
<el-descriptions-item> |
|||
<template slot="label"> 请输入监理单位联系人电话 </template> |
|||
{{ this.firmMsg.supervisionUnitPhone }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 其他单位 </template> |
|||
{{ this.firmMsg.otherUnit }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 其他单位类别 </template> |
|||
{{ this.firmMsg.otherUnitType }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 其他单位联系人 </template> |
|||
{{ this.firmMsg.otherUnitPerson }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 其他单位联系人职务 </template> |
|||
{{ this.firmMsg.请输入其他单位联系人职务 }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 其他单位联系人电话 </template> |
|||
{{ this.firmMsg.otherUnitPhone }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item> |
|||
<template slot="label"> 行政区划 </template> |
|||
{{ this.firmMsg.adcd }} |
|||
</el-descriptions-item> |
|||
</el-descriptions> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
listInfo, |
|||
getInfo, |
|||
delInfo, |
|||
addInfo, |
|||
updateInfo, |
|||
exportInfo, |
|||
} from "@/api/build/enteInfo"; |
|||
|
|||
export default { |
|||
name: "Info", |
|||
data() { |
|||
return { |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 企业信息管理表格数据 |
|||
infoList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
viewTitle: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
viewOpen: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
ids: null, |
|||
data: { |
|||
projectLegalPerson: null, |
|||
projectLegalUnit: null, |
|||
projectLegalPhone: null, |
|||
dsun: null, |
|||
dsunPerson: null, |
|||
dsunTitle: null, |
|||
dsunPhone: null, |
|||
constructionUnit: null, |
|||
constructionUnitPerson: null, |
|||
constructionUnitTitle: null, |
|||
constructionUnitPhone: null, |
|||
supervisionUnit: null, |
|||
supervisionUnitPerson: null, |
|||
supervisionUnitTitle: null, |
|||
supervisionUnitPhone: null, |
|||
otherUnit: null, |
|||
otherUnitType: null, |
|||
otherUnitPerson: null, |
|||
otherUnitTitle: null, |
|||
otherUnitPhone: null, |
|||
adcd: null, |
|||
proCode: null, |
|||
proNo: null, |
|||
createUid: null, |
|||
createTime: null, |
|||
updateUid: null, |
|||
updateTime: null, |
|||
owerDept: null, |
|||
}, |
|||
// 排序方式 |
|||
params: { |
|||
// 按哪个字段排序 |
|||
orderBy: "create_time", |
|||
// desc降序，升序asc |
|||
sort: "desc", |
|||
}, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: {}, |
|||
firmMsg: {}, |
|||
// 面包屑，路由信息 |
|||
routeList: [ |
|||
{ |
|||
path: "/building/firmInfo", |
|||
routeName: "参建企业信息管理", |
|||
}, |
|||
], |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询企业信息管理列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listInfo(this.queryParams).then((response) => { |
|||
this.infoList = response.records; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: null, |
|||
projectLegalPerson: null, |
|||
projectLegalUnit: null, |
|||
projectLegalPhone: null, |
|||
dsun: null, |
|||
dsunPerson: null, |
|||
dsunTitle: null, |
|||
dsunPhone: null, |
|||
constructionUnit: null, |
|||
constructionUnitPerson: null, |
|||
constructionUnitTitle: null, |
|||
constructionUnitPhone: null, |
|||
supervisionUnit: null, |
|||
supervisionUnitPerson: null, |
|||
supervisionUnitTitle: null, |
|||
supervisionUnitPhone: null, |
|||
otherUnit: null, |
|||
otherUnitType: null, |
|||
otherUnitPerson: null, |
|||
otherUnitTitle: null, |
|||
otherUnitPhone: null, |
|||
adcd: null, |
|||
proCode: null, |
|||
proNo: null, |
|||
createUid: null, |
|||
createTime: null, |
|||
updateUid: null, |
|||
updateTime: null, |
|||
owerDept: null, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
// 查询表单重置 |
|||
resetQueryForm() { |
|||
this.queryParams = { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
data: { |
|||
id: null, |
|||
projectLegalPerson: null, |
|||
projectLegalUnit: null, |
|||
projectLegalPhone: null, |
|||
dsun: null, |
|||
dsunPerson: null, |
|||
dsunTitle: null, |
|||
dsunPhone: null, |
|||
constructionUnit: null, |
|||
constructionUnitPerson: null, |
|||
constructionUnitTitle: null, |
|||
constructionUnitPhone: null, |
|||
supervisionUnit: null, |
|||
supervisionUnitPerson: null, |
|||
supervisionUnitTitle: null, |
|||
supervisionUnitPhone: null, |
|||
otherUnit: null, |
|||
otherUnitType: null, |
|||
otherUnitPerson: null, |
|||
otherUnitTitle: null, |
|||
otherUnitPhone: null, |
|||
adcd: null, |
|||
proCode: null, |
|||
proNo: null, |
|||
createUid: null, |
|||
createTime: null, |
|||
updateUid: null, |
|||
updateTime: null, |
|||
owerDept: null, |
|||
}, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetQueryForm(); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map((item) => item.id); |
|||
this.single = selection.length !== 1; |
|||
this.multiple = !selection.length; |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = "添加参建企业信息管理"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.reset(); |
|||
const id = row.id || this.ids; |
|||
getInfo(id).then((response) => { |
|||
this.form = response.data; |
|||
this.open = true; |
|||
this.title = "修改参建企业信息管理"; |
|||
}); |
|||
}, |
|||
|
|||
// 查看信息 |
|||
viewInfo(row) { |
|||
this.viewTitle = "查看参建企业信息"; |
|||
this.firmMsg = row; |
|||
console.log("firmMsg", row); |
|||
this.viewOpen = true; |
|||
}, |
|||
|
|||
// 关闭弹窗 |
|||
closeView() { |
|||
this.firmMsg = {}; |
|||
}, |
|||
|
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate((valid) => { |
|||
if (valid) { |
|||
if (this.form.id != null) { |
|||
updateInfo(this.form).then((response) => { |
|||
if (response.code === 200) { |
|||
this.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
} |
|||
}); |
|||
} else { |
|||
addInfo(this.form).then((response) => { |
|||
if (response.code === 200) { |
|||
this.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
if (ids) { |
|||
this.$confirm("是否删除选中的数据？", "警告", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(function () { |
|||
return delInfo(ids); |
|||
}) |
|||
.then(() => { |
|||
this.getList(); |
|||
this.msgSuccess("删除成功"); |
|||
}) |
|||
.catch(function () {}); |
|||
} else { |
|||
this.$message.warning("请选择要删除的数据！！"); |
|||
} |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped lang="scss"> |
|||
::v-deep { |
|||
.el-dialog { |
|||
margin-top: 2vh !important; |
|||
height: 95%; |
|||
overflow-y: auto; |
|||
.content { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
.margin-top { |
|||
width: 95%; |
|||
border-left: 1px solid #f0f0f0; |
|||
border-right: 1px solid #f0f0f0; |
|||
} |
|||
} |
|||
} |
|||
.el-dialog__title { |
|||
font-weight: 700; |
|||
font-size: 28px; |
|||
// font-size: 24px; |
|||
// line-height: 32px; |
|||
} |
|||
.draLine { |
|||
width: 100%; |
|||
border: 2px solid #000; |
|||
margin: 10px 0 20px 0; |
|||
} |
|||
.infoTitle { |
|||
color: #000; |
|||
font-size: 20px; |
|||
font-weight: 700; |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue