明树Git Lab

Commit 918db535 authored by zhanghan's avatar zhanghan

代码补全

parent f71a1732
Pipeline #108022 passed with stage
in 20 seconds
......@@ -15,21 +15,31 @@
prop="serialNumber"
label="序号"
width="80"
fixed="left"
align="center"
/>
<!-- 指标项列(层级缩进):保留原逻辑 -->
<el-table-column
prop="indicatorName"
label="名称"
fixed="left"
align="left"
min-width="260"
>
<template #default="{ row }">
<div style="text-align: left">{{ row.indicatorName }}</div>
<div
:style="{
textIndent: row.level ? `${row.level * 20}px` : '0px',
textAlign: 'left',
}"
>
{{ row.indicatorName }}
</div>
</template>
</el-table-column>
<!-- 合计列:文本行隐藏合计值,不显示0.00 → 从内部数据取值 -->
<el-table-column label="合计" width="140" align="right">
<el-table-column fixed="left" label="合计" width="140" align="right">
<template #default="{ row }">
<span v-if="!row.noTotal">
{{ row.total ? Number(row.total).toFixed(2) : "0.00" }}万元
......@@ -56,7 +66,6 @@
align="center"
>
<template #default="{ row }">
<!-- 1. 文本行:多行文本输入框 -->
<el-input
v-if="row.isTextRow"
v-model="row[timeItem.prop]"
......@@ -283,13 +292,15 @@ const handleTableData = (sourceIndicatorList, sourceTableData) => {
const newData = [];
sourceIndicatorList.forEach((item, index) => {
const { name, isTextRow = false, noTotal = false } = item;
const level = item?.level || 0;
const serialNumber = item?.serialNumber || index + 1;
// 深拷贝源数据行
const originRow =
sourceTableData.find((row) => row.indicatorName === name) || {};
const rowData = JSON.parse(
JSON.stringify({
serialNumber: index + 1,
level: 0,
serialNumber,
level,
indicatorName: name,
isTextRow,
noTotal,
......@@ -333,20 +344,6 @@ watch(
{ deep: true, immediate: true },
);
// 监听时间配置变化:更新内部数据
watch(
() => validDynamicTimeList.value,
() => {
if (!validConfig.value || tableDataRef.value.length === 0) return;
tableDataRef.value.forEach((row) => {
initRowTimeField(row);
row.total = calculateRowTotal(row);
});
emitDataChange(tableDataRef.value);
},
{ deep: true, immediate: true },
);
// 10. 数字行输入回调(逻辑不变)
const handleFinancialChange = (currentRow) => {
if (props.isPreview || !currentRow || currentRow.noTotal) return;
......
......@@ -181,7 +181,7 @@
}
::v-deep.add-project-content .tab-content .upload-file-wrap .delete-btn {
cursor: pointer;
color: #F56C6C;
color: #f56c6c;
}
::v-deep.add-project-content .tab-content .el-select__wrapper .el-select__selection.is-near {
max-height: 120px;
......@@ -254,12 +254,18 @@
}
.add-project-header {
margin-bottom: 10px;
padding-left: 24px;
}
.add-project-header .header-left:hover {
color: #409eff;
cursor: pointer;
}
::v-deep.el-form-item {
display: block;
}
::v-deep.el-form-item .el-form-item__label {
width: auto !important;
color: #333;
}
.tab-handle {
margin-bottom: 10px;
......@@ -280,9 +286,25 @@
align-items: center;
margin-bottom: 24px;
}
::v-deep .el-collapse-item__title {
::v-deep .el-collapse-item .el-collapse-item__title {
color: #333;
font-size: 16px;
flex: auto;
text-align: left;
padding-left: 16px;
position: relative;
}
::v-deep .el-collapse-item .el-collapse-item__title::after {
position: absolute;
content: "";
left: 0;
top: 15px;
width: 2px;
height: 19px;
background-color: #409eff;
}
::v-deep .el-collapse-item .el-icon {
font-size: 16px;
}
:deep(.el-table) {
--el-table-border-color: #ebeef5;
......@@ -291,3 +313,6 @@
:deep(.el-upload) {
width: 100%;
}
::v-deep .el-collapse-item__content {
padding-bottom: 0;
}
.system-manage-container{
.system-manage-container {
padding: 20px;
background: rgba(157, 188, 218, 0.1);
height: 100%;
......@@ -6,7 +6,7 @@
flex-direction: column;
box-sizing: border-box;
}
.system-manage-header{
.system-manage-header {
background: rgba(255, 255, 255, 0.9);
border-radius: 8px;
padding: 12px 20px 0;
......@@ -15,41 +15,43 @@
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
.header-left{
.header-left {
flex: 1;
width: 0;
.el-input, .el-select{
.el-input,
.el-select {
width: 220px;
}
}
}
.system-manage-content{
.system-manage-content {
background: rgba(255, 255, 255, 0.9);
border-radius: 8px;
padding: 20px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.manage-content{
.manage-content {
flex: 1;
height: 0;
.common-table{
.common-table {
height: 100%;
display: flex;
flex-direction: column;
.table-container{
.table-container {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
.el-table{
.el-table {
flex: 1;
height: 0;
}
}
}
}
.manage{
&-container{
.manage {
&-container {
width: 100%;
height: 100%;
padding: 20px;
......@@ -58,7 +60,7 @@
flex-direction: column;
background: rgba(157, 188, 218, 0.1);
}
&-wrap{
&-wrap {
width: 100%;
height: 100%;
display: flex;
......@@ -69,26 +71,26 @@
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
&-header{
&-header {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
&-content{
&-content {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
.common-table{
.common-table {
height: 100%;
display: flex;
flex-direction: column;
.table-container{
.table-container {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
.el-table{
.el-table {
flex: 1;
height: 0;
}
......@@ -97,80 +99,80 @@
}
}
::v-deep.add-project{
&-container{
::v-deep.add-project {
&-container {
width: 100%;
height: 100%;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
.el-collapse-item__header{
.el-collapse-item__header {
color: var(--el-color-primary);
}
}
&-header{
&-header {
display: flex;
justify-content: space-between;
}
&-content{
&-content {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
.tabs-content{
.tabs-content {
flex: 1;
height: 0;
}
.el-tabs{
.el-tabs {
height: 100%;
}
.el-tab-pane{
.el-tab-pane {
height: 100%;
}
.tab-content{
.tab-content {
height: 100%;
overflow: auto;
padding: 0 10px;
.col-title{
.col-title {
height: 24px;
line-height: 24px;
font-weight: bold;
text-align: center;
}
.tab-handle{
margin-bottom: 16px;;
.tab-handle {
margin-bottom: 16px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.el-table{
.el-table {
margin-bottom: 10px;
thead {
color: #000;
th{
th {
background: #f5f7fa;
.cell{
.cell {
text-align: center;
}
}
}
.sums-column{
.sums-column {
display: flex;
flex-direction: column;
justify-content: flex-start;
&>div{
& > div {
height: 26px;
line-height: 26px;
text-align: center;
}
}
}
.upload-file-wrap{
.upload-file-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.file-name{
.file-name {
flex: 1;
width: 0;
color: #409eff;
......@@ -180,19 +182,19 @@
overflow: hidden;
text-overflow: ellipsis;
}
.delete-btn{
.delete-btn {
cursor: pointer;
color: #F56C6C;
color: #f56c6c;
}
}
.el-select__wrapper{
.el-select__selection.is-near{
.el-select__wrapper {
.el-select__selection.is-near {
max-height: 120px;
overflow: auto;
}
}
}
.always-click{
.always-click {
padding: 2px;
font-size: 12px;
cursor: pointer !important;
......@@ -202,17 +204,17 @@
display: inline-flex;
align-items: center;
}
.project-tab-content{
.project-tab-content {
padding: 0 20px;
height: 100%;
}
}
}
::v-deep .el-input{
::v-deep .el-input {
width: 100% !important;
}
.add-dialog{
.el-tree{
.add-dialog {
.el-tree {
width: 100%;
}
}
......@@ -252,7 +254,7 @@
justify-content: space-between;
font-size: 14px;
padding-right: 8px;
.node-name{
.node-name {
flex: 1;
width: 0;
-webkit-background-clip: text;
......@@ -260,22 +262,41 @@
overflow: hidden;
text-overflow: ellipsis;
}
.node-key{
.node-key {
font-size: 12px;
color: #969696;
}
}
}
.add-project-header {
}
.add-project-header {
margin-bottom: 10px;
padding-left: 24px;
.header-left {
&:hover {
color: #409eff;
cursor: pointer;
}
// position: relative;
// &::before {
// position: absolute;
// content: "<";
// left: -26px;
// top: -3px;
// width: 2px;
// height: 19px;
// font-size: 19px;
// }
}
}
::v-deep.el-form-item {
display: block;
.el-form-item__label {
width: auto !important;
color: #333;
// font-weight: 600;
}
}
}
.tab-handle {
margin-bottom: 10px;
......@@ -293,8 +314,6 @@
}
}
.add-project-header {
display: flex;
justify-content: space-between;
......@@ -302,14 +321,30 @@
margin-bottom: 24px;
}
// 动态表格样式适配
:deep(.el-collapse-item__content) {
// padding: 16px;
}
::v-deep .el-collapse-item__title{
::v-deep .el-collapse-item {
.el-collapse-item__title {
color: #333;
font-size: 16px;
flex: auto;
text-align: left;
padding-left: 16px;
position: relative;
&::after {
position: absolute;
content: "";
left: 0;
top: 15px;
width: 2px;
height: 19px;
background-color: #409eff;
}
}
.el-icon {
font-size: 16px;
}
}
:deep(.el-table) {
--el-table-border-color: #ebeef5;
width: 100%;
......@@ -318,3 +353,6 @@
:deep(.el-upload) {
width: 100%;
}
::v-deep .el-collapse-item__content {
padding-bottom: 0;
}
......@@ -11,10 +11,15 @@
</div>
</div>
<div class="tabs-content">
<div class="project-tab-content">
<div class="tab-content">
<el-form :model="formData" :label-width="200" :disabled="isPreview">
<el-collapse v-model="activeCollapse">
<el-tabs v-model="pageActiveName" type="border-card">
<el-tab-pane label="基础信息" name="基础信息">
<div class="project-tab-content">
<el-form
:model="formData"
:label-width="200"
:disabled="isPreview"
>
<!-- 1. 项目基本信息 -->
<el-collapse-item title="项目基本信息" name="项目基本信息">
<el-row :gutter="20">
......@@ -143,7 +148,10 @@
placeholder="请选择"
>
<el-option label="主业" value="主业"></el-option>
<el-option label="非主业" value="非主业"></el-option>
<el-option
label="非主业"
value="非主业"
></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -404,7 +412,9 @@
>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="是否须报国家发展改革委和商务部核准">
<el-form-item
label="是否须报国家发展改革委和商务部核准"
>
<CommonSelector
:radio="true"
v-model="formData.isReportedToNDRC"
......@@ -632,7 +642,9 @@
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="可研材料">
<FileUploader v-model="formData.feasibilityStudyFile" />
<FileUploader
v-model="formData.feasibilityStudyFile"
/>
</el-form-item>
</el-col>
<el-col :span="24">
......@@ -656,15 +668,200 @@
</el-col>
<el-col :span="24">
<el-form-item label="上会议案">
<FileUploader v-model="formData.meetingProposalFile" />
<FileUploader
v-model="formData.meetingProposalFile"
/>
</el-form-item>
</el-col>
</el-row>
</el-collapse-item>
</el-collapse>
</el-form>
</div>
</el-tab-pane>
<el-tab-pane label="财务评价" name="财务评价">
<div class="project-tab-content">
<FinancialTable
v-model="formData.cwpj"
:is-preview="isPreview"
/>
<el-collapse-item title="项目可行性" name="项目可行性">
<el-tabs v-model="kxxName">
<el-tab-pane
label="项目投资现金流量表"
name="项目投资现金流量表"
>
<!-- 测试数据 -->
<!-- {{
formData.jzymljsh?.tableData?.length > 0 &&
formData.jzymljsh.tableData[0]
}} -->
<FinancialTable
v-model="formData.jzymljsh"
:is-preview="isPreview"
/>
</el-tab-pane>
<el-tab-pane
label="项目资本金现金流量表"
name="项目资本金现金流量表"
>项目资本金现金流量表</el-tab-pane
>
<el-tab-pane
label="投资各方现金流量表"
name="投资各方现金流量表"
>投资各方现金流量表</el-tab-pane
>
<el-tab-pane label="利润表" name="利润表"
>利润表</el-tab-pane
>
</el-tabs>
</el-collapse-item>
<el-col :span="24" style="margin-top: 20px">
投屏报告以及测试表
<FileUploader v-model="formData.milestoneApprovalFile" />
</el-col>
</div>
</el-tab-pane>
<el-tab-pane label="决策批复" name="决策批复">
<el-collapse-item
title="项目投资总额(全口径)"
name="项目投资总额(全口径)"
>
<FinancialTable
v-model="formData.tzze"
:is-preview="isPreview"
/>
</el-collapse-item>
<el-collapse-item
title="财务评价指标(已评审指标请必填)"
name="财务评价指标(已评审指标请必填)"
>
<FinancialTable
v-model="formData.cwpjzb"
:is-preview="isPreview"
/>
</el-collapse-item>
<el-collapse-item title="核心边界条件 " name="核心边界条件 ">
<el-form-item label=" ">
<DynamicTable
:showAddButton="!isPreview"
:columns="transferColumns"
:disabled="isPreview"
v-model="formData.projectGdxxs"
/>
</el-form-item>
</el-collapse-item>
<el-collapse-item
title="投资主体审核情况 "
name="投资主体审核情况 "
>
<DynamicTable
:showAddButton="!isPreview"
:columns="shqkColumns"
:disabled="isPreview"
v-model="formData.projectTzztshqk"
/>
</el-collapse-item>
<el-collapse-item title="项目批复信息 " name="项目批复信息 ">
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="最终审批意见">
<el-input
v-model="formData.projectCode"
placeholder="请输入最终审批意见"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="项目批复时间">
<el-input
v-model="formData.projectCode"
placeholder="请输入项目批复时间"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="项目批复编号">
<el-input
v-model="formData.projectCode"
placeholder="请输入项目批复编号"
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="未通过主要原因和要求">
<el-input
v-model="formData.projectCode"
placeholder="请输入未通过主要原因和要求"
type="textarea"
rows="3"
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="批复文件">
<FileUploader v-model="formData.pfwj" />
</el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="审批意见 " name="审批意见 ">
<DynamicTable
:showAddButton="!isPreview"
:columns="spyjColumns"
:disabled="isPreview"
v-model="formData.projectSpyj"
/>
</el-collapse-item>
<el-collapse-item title="其他 " name="其他 ">
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="投资主体首次申报时间">
<el-input
v-model="formData.projectCode"
placeholder="请输入投资主体首次申报时间"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="会签完成时间">
<el-input
v-model="formData.projectCode"
placeholder="请输入会签完成时间"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="首次发函时间">
<el-input
v-model="formData.projectCode"
placeholder="请输入首次发函时间"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="补充材料时间">
<el-input
v-model="formData.projectCode"
placeholder="请输入补充材料时间"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="审核人">
<el-input
v-model="formData.projectCode"
placeholder="请输入审核人"
/>
</el-form-item>
</el-col>
</el-row>
</el-collapse-item>
</el-tab-pane>
<el-tab-pane label="申请报告" name="申请报告">申请报告</el-tab-pane>
</el-tabs>
</el-collapse>
</div>
</div>
</div>
......@@ -675,10 +872,14 @@ import { reactive, ref, onMounted, getCurrentInstance } from "vue";
import { useRouter, useRoute } from "vue-router";
import { ElMessage } from "element-plus";
import DynamicTable from "@/components/FormDynamicTable/index.vue";
import FileUploader from "@/components/FileUploader/index.vue";
import FinancialTable from "@/components/FinancialTable.vue";
const pageActiveName = ref("基础信息");
const kxxName = ref("项目投资现金流量表");
// ========== 动态表格列配置 ==========
// 7. 建设规模列配置
const constructionScaleColumns = ref([
{
prop: "indicatorName",
......@@ -753,6 +954,138 @@ const shareholderColumns = ref([
{ prop: "remark", label: "备注", type: "input", placeholder: "请输入备注" },
]);
const transferColumns = ref([
{
prop: "njfcgbl",
label: "业务类型",
type: "input",
headerGroup: " ",
placeholder: "请填写能建方持股比例",
},
{
prop: "szdt",
label: "数值",
type: "input",
headerGroup: "单位工程造价(动态)",
placeholder: "请填写能建方持股比例情况",
},
{
prop: "dwdt",
label: "单位",
type: "input",
headerGroup: "单位工程造价(动态)",
placeholder: "请填写能建方持股比例情况",
},
{
prop: "zjsz",
label: "数值",
type: "input",
headerGroup: "单位工程造价(静态)",
placeholder: "请填写能建方持股比例情况",
},
{
prop: "zjdw",
label: "单位",
type: "input",
headerGroup: "单位工程造价(静态)",
placeholder: "请填写能建方持股比例情况",
},
{
prop: "xsfwsz",
label: "数值",
type: "input",
headerGroup: "销售/服务能力",
placeholder: "请填写能建方持股比例情况",
},
{
prop: "xsfwdw",
label: "造价",
type: "input",
headerGroup: "销售/服务能力",
placeholder: "请填写能建方持股比例情况",
},
{
prop: "fhsz",
label: "数值",
type: "input",
headerGroup: "年均负荷率",
placeholder: "请填写能建方持股比例情况",
},
{
prop: "fhdw",
label: "造价",
type: "input",
headerGroup: "年均负荷率",
placeholder: "请填写能建方持股比例情况",
},
{
prop: "scfwsz",
label: "数值",
type: "input",
headerGroup: "单位生产/服务总成本",
placeholder: "请填写能建方持股比例情况",
},
{
prop: "scfwzj",
label: "造价",
type: "input",
headerGroup: "单位生产/服务总成本",
placeholder: "请填写能建方持股比例情况",
},
]);
const shqkColumns = ref([
{
prop: "shareholderType",
label: "会议类型",
type: "input",
placeholder: "请输入会议类型",
},
{
prop: "shareholderName",
label: "会议届次",
type: "input",
placeholder: "请输入会议届次",
},
{
prop: "shareholderName",
label: "审核时间",
type: "input",
placeholder: "请输入审核时间",
},
{
prop: "shareholderName",
label: "结论",
type: "input",
placeholder: "请输入结论",
},
{
prop: "shareholderName",
label: "附件",
type: "input",
placeholder: "请输入附件",
},
]);
const spyjColumns = ref([
{
prop: "shareholderType",
label: "类型",
type: "input",
placeholder: "请输入类型",
},
{
prop: "shareholderName",
label: "审批意见",
type: "input",
placeholder: "请输入审批意见",
},
{
prop: "shareholderName",
label: "批复意见时间",
type: "input",
placeholder: "请输入批复意见时间",
},
]);
// 10. 债权融资列配置
const debtFinancingColumns = ref([
{
......@@ -842,6 +1175,7 @@ const activeCollapse = ref([
"计量币种",
"实施时间",
"投资分类",
"项目可行性",
"特别关注、特别监管类等信息",
"建设规模(实物量指标)",
"股东信息",
......@@ -938,6 +1272,7 @@ const formData = reactive({
equityFinancingCost: "",
equityFinancingTerm: "",
guaranteeAmount: "",
projectGdxxs: [],
// 10. 我方担保及债权融资情况 - 动态表格
debtFinancingList: [
......@@ -973,6 +1308,8 @@ const formData = reactive({
// 其他关联字段
projectName: "",
// ------------------ 财务评价
jzymljsh: {},
});
// ========== 业务方法:获取项目列表 ==========
......@@ -1087,12 +1424,584 @@ const saveClick = () => {
// ========== 辅助方法 ==========
const backClick = () => router.back(-1);
let initTableData = () => {
Object.assign(formData, {
jzymljsh: {
// 指标列表
indicatorList: [
{
name: "现金流入",
isTextRow: false,
noTotal: false,
level: 1,
},
{
name: "现金流出",
isTextRow: false,
noTotal: false,
},
{
name: "所得税前净现金流量",
isTextRow: false,
noTotal: false,
},
{
name: "调整所得税",
isTextRow: false,
noTotal: false,
},
{
name: "所得税后净现金流量",
isTextRow: false,
noTotal: false,
},
],
// 时间列表(月度)
dynamicTimeList: [
"2021",
"2022",
"2023",
"2024",
"2025",
"2026",
"2027",
"2028",
"2029",
"2030",
"2031",
"2032",
"2033",
"2034",
"2035",
"2036",
"2037",
"2038",
"2039",
"2040",
"2041",
"2042",
"2043",
"2044",
"2045",
],
// 表格数据(子组件会自动初始化,父组件可传初始值)
tableData: [],
},
tzze: {
// 指标列表
indicatorList: [
{
name: "项目造价构成",
isTextRow: true,
noTotal: true,
serialNumber: "",
},
{
name: "建安设备费",
isTextRow: false,
noTotal: false,
serialNumber: "1",
},
{
name: "其他费用",
isTextRow: false,
noTotal: false,
serialNumber: "2",
},
{
name: "其中:土地相关费用",
isTextRow: false,
noTotal: false,
serialNumber: "2.1",
},
{
name: "基本预备费",
isTextRow: false,
noTotal: false,
serialNumber: "3",
},
{
name: "建设期利息",
isTextRow: false,
noTotal: false,
serialNumber: "4",
},
{
name: "项目资金构成",
isTextRow: false,
noTotal: false,
serialNumber: "",
},
{
name: "项目资本金",
isTextRow: false,
noTotal: false,
serialNumber: "1",
},
{
name: "能建方出资",
isTextRow: false,
noTotal: false,
serialNumber: "1.1",
},
{
name: "外部股东",
isTextRow: false,
noTotal: false,
serialNumber: "1.2",
},
{
name: "贷款",
isTextRow: false,
noTotal: false,
serialNumber: "2",
},
{
name: "其中:非并表项目我方贷款/担保额",
isTextRow: false,
noTotal: false,
serialNumber: "2.1",
},
{
name: "其他出资",
isTextRow: false,
noTotal: false,
serialNumber: "3",
},
{
name: "其中:能建方出资",
isTextRow: false,
noTotal: false,
serialNumber: "3.1",
},
{
name: "单位工程造价",
isTextRow: false,
noTotal: false,
serialNumber: "4",
},
{
name: "批复总投资",
isTextRow: false,
noTotal: false,
serialNumber: "",
},
],
// 时间列表(月度)
dynamicTimeList: ["人民币计价"],
// 表格数据(子组件会自动初始化,父组件可传初始值)
tableData: [],
},
cwpjzb: {
// 指标列表
indicatorList: [
{
name: "项目投资内容部收益率(税前)",
isTextRow: false,
noTotal: false,
serialNumber: "",
},
{
name: "项目投资内容部收益率(税后)",
isTextRow: false,
noTotal: false,
serialNumber: "1",
},
{
name: "项目投资动态回收期(税前)",
isTextRow: false,
noTotal: false,
serialNumber: "2",
},
{
name: "能建方内部收益率",
isTextRow: false,
noTotal: false,
serialNumber: "2.1",
},
{
name: "净现金流首次回证年份",
isTextRow: false,
noTotal: false,
serialNumber: "3",
},
{
name: "净利润流首次回证年份",
isTextRow: false,
noTotal: false,
serialNumber: "4",
},
{
name: "可分配利润首次回证年份",
isTextRow: false,
noTotal: false,
serialNumber: "",
},
],
// 时间列表(月度)
dynamicTimeList: ["投资评估阶段批复值"],
// 表格数据(子组件会自动初始化,父组件可传初始值)
tableData: [],
},
cwpj: {
// 指标列表
indicatorList: [
{
name: "项目筹资(建设期投资)",
level: 1,
serialNumber: "1",
isTextRow: false,
noTotal: false,
},
{
name: "项目资本金(股权融资)",
level: 2,
serialNumber: "1.1",
isTextRow: false,
noTotal: false,
},
{
name: "能建方",
level: 3,
serialNumber: "1.1.1",
isTextRow: false,
noTotal: false,
},
{
name: "其他社会资本方",
level: 3,
serialNumber: "1.1.2",
isTextRow: false,
noTotal: false,
},
{
name: "借款(债权融资)",
level: 2,
serialNumber: "1.2",
isTextRow: false,
noTotal: false,
},
{
name: "银行贷款",
level: 3,
serialNumber: "1.2.1",
isTextRow: false,
noTotal: false,
},
{
name: "其中:非并表项目我方贷款/担保额",
level: 4,
serialNumber: "1.2.1.1",
isTextRow: false,
noTotal: false,
},
{
name: "其他出资",
level: 2,
serialNumber: "1.3",
isTextRow: false,
noTotal: false,
},
{
name: "其中:能建方出资",
level: 3,
serialNumber: "1.3.1",
isTextRow: false,
noTotal: false,
},
{
name: "筹资总额",
level: 1,
serialNumber: " ",
isTextRow: false,
noTotal: false,
},
// 2. 经营情况 相关
{
name: "经营情况",
level: 1,
serialNumber: "2",
isTextRow: false,
noTotal: false,
},
{
name: "营业总收入",
level: 2,
serialNumber: "2.1",
isTextRow: false,
noTotal: false,
},
{
name: "营业总成本",
level: 2,
serialNumber: "2.2",
isTextRow: false,
noTotal: false,
},
{
name: "其中:营业成本",
level: 3,
serialNumber: "2.2.1",
isTextRow: false,
noTotal: false,
},
{
name: "其中:折旧及摊销",
level: 3,
serialNumber: "2.2.2",
isTextRow: false,
noTotal: false,
},
{
name: "利润总额",
level: 2,
serialNumber: "2.3",
isTextRow: false,
noTotal: false,
},
{
name: "所得税",
level: 2,
serialNumber: "2.4",
isTextRow: false,
noTotal: false,
},
{
name: "净利润",
level: 2,
serialNumber: "2.5",
isTextRow: false,
noTotal: false,
},
{
name: "能建方分红(税前)",
level: 2,
serialNumber: "2.6",
isTextRow: false,
noTotal: false,
},
{
name: "能建方分红(税后)",
level: 2,
serialNumber: "2.7",
isTextRow: false,
noTotal: false,
},
{
name: "未分配利润",
level: 2,
serialNumber: "2.8",
isTextRow: false,
noTotal: false,
},
// 3. 资金偿还 相关
{
name: "资金偿还",
level: 1,
serialNumber: "3",
isTextRow: false,
noTotal: false,
},
{
name: "银行贷款",
level: 2,
serialNumber: "3.1",
isTextRow: false,
noTotal: false,
},
{
name: "项目贷",
level: 3,
serialNumber: "3.1.1",
isTextRow: false,
noTotal: false,
},
{
name: "项目贷利息",
level: 3,
serialNumber: "3.1.2",
isTextRow: false,
noTotal: false,
},
{
name: "其他资金",
level: 2,
serialNumber: "3.2",
isTextRow: false,
noTotal: false,
},
{
name: "其他资金本金",
level: 3,
serialNumber: "3.2.1",
isTextRow: false,
noTotal: false,
},
{
name: "其他资金利息(融资费用)",
level: 3,
serialNumber: "3.2.2",
isTextRow: false,
noTotal: false,
},
// 4. 项目公司其他财务指标 相关
{
name: "项目公司其他财务指标",
level: 1,
serialNumber: "4",
isTextRow: false,
noTotal: false,
},
{
name: "资产总额(期末值)",
level: 2,
serialNumber: "4.1",
isTextRow: false,
noTotal: false,
},
{
name: "负债总额(期末值)",
level: 2,
serialNumber: "4.2",
isTextRow: false,
noTotal: false,
},
{
name: "经营活动产生的现金流净额",
level: 2,
serialNumber: "4.3",
isTextRow: false,
noTotal: false,
},
{
name: "经营活动产生的现金流入",
level: 3,
serialNumber: "4.3.1",
isTextRow: false,
noTotal: false,
},
{
name: "经营活动产生的现金流出",
level: 3,
serialNumber: "4.3.2",
isTextRow: false,
noTotal: false,
},
{
name: "投资活动产生的现金流净额",
level: 2,
serialNumber: "4.4",
isTextRow: false,
noTotal: false,
},
{
name: "投资活动产生的现金流入",
level: 3,
serialNumber: "4.4.1",
isTextRow: false,
noTotal: false,
},
{
name: "投资活动产生的现金流出",
level: 3,
serialNumber: "4.4.2",
isTextRow: false,
noTotal: false,
},
{
name: "筹资活动产生的现金流净额",
level: 2,
serialNumber: "4.5",
isTextRow: false,
noTotal: false,
},
{
name: "筹资活动产生的现金流入",
level: 3,
serialNumber: "4.5.1",
isTextRow: false,
noTotal: false,
},
{
name: "筹资活动产生的现金流出",
level: 3,
serialNumber: "4.5.2",
isTextRow: false,
noTotal: false,
},
{
name: "利息备付率",
level: 2,
serialNumber: "4.6",
isTextRow: false,
noTotal: false,
},
{
name: "偿债备付率",
level: 2,
serialNumber: "4.7",
isTextRow: false,
noTotal: false,
},
{
name: "投资回收额",
level: 2,
serialNumber: "4.8",
isTextRow: false,
noTotal: false,
},
],
// 时间列表(月度)
dynamicTimeList: [
"2021",
"2022",
"2023",
"2024",
"2025",
"2026",
"2027",
"2028",
"2029",
"2030",
"2031",
"2032",
"2033",
"2034",
"2035",
"2036",
"2037",
"2038",
"2039",
"2040",
"2041",
"2042",
"2043",
"2044",
"2045",
],
// 表格数据(子组件会自动初始化,父组件可传初始值)
tableData: [],
},
});
};
onMounted(() => {
getProjectData();
if (rcCgqyglId.value) {
// 编辑/预览:拉取接口数据
getJsqtzjcDetail();
} else {
initTableData();
}
});
</script>
......
......@@ -19,12 +19,7 @@
<el-collapse-item title="选择类型" name="选择类型">
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="请选择登记类型">
<!-- <CommonSelector
:radio="true"
v-model="formData.djlx"
dictName="xmtc_djlx"
/> -->
<el-form-item label="请选择登记类型" required>
<el-radio-group v-model="formData.djlx">
<el-radio value="1">中止</el-radio>
<el-radio value="2">重启</el-radio>
......@@ -276,7 +271,11 @@
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="项目中止内容" name="项目中止内容">
<el-collapse-item
v-if="formData.djlx == 1"
title="项目中止内容"
name="项目中止内容"
>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="中止原因">
......@@ -327,7 +326,11 @@
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="项目重启内容" name="项目重启内容">
<el-collapse-item
v-if="formData.djlx == 2"
title="项目重启内容"
name="项目重启内容"
>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="中止原因">
......@@ -378,7 +381,11 @@
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="项目终止内容" name="项目终止内容">
<el-collapse-item
v-if="formData.djlx == 3"
title="项目终止内容"
name="项目终止内容"
>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="中止原因">
......@@ -429,7 +436,11 @@
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="项目退出内容" name="项目退出内容">
<el-collapse-item
v-if="formData.djlx == 4"
title="项目退出内容"
name="项目退出内容"
>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="中止原因">
......
......@@ -4,7 +4,9 @@
<div class="manage-header">
<div class="header-left"></div>
<div class="header-right">
<el-button type="primary" @click="showFieldsModal">表头筛选</el-button>
<el-button type="primary" @click="showFieldsModal"
>表头筛选</el-button
>
</div>
</div>
<div class="manage-content" v-loading="loading">
......@@ -24,16 +26,30 @@
@current-page-change="handleCurrentPageChange"
>
<template #operations="{ row, index }">
<el-button link type="primary" size="small" @click="previewProject(row)">查看</el-button>
<el-button
link
type="primary"
size="small"
@click="previewProject(row)"
>查看</el-button
>
</template>
</common-table>
</div>
<el-dialog v-model="filedsModalShow"
<el-dialog
v-model="filedsModalShow"
modal-class="fields-modal"
title="筛选查询" width="50%" top="10vh"
:close-on-click-modal="false" :close-on-press-escape="false"
title="筛选查询"
width="50%"
top="10vh"
:close-on-click-modal="false"
:close-on-press-escape="false"
>
<el-table :data="tableFields" style="width: 100%; height: 500px;" empty-text="暂无数据" border
<el-table
:data="tableFields"
style="width: 100%; height: 500px"
empty-text="暂无数据"
border
@selection-change="handleFieldsSelectChange"
>
<el-table-column type="selection" width="55" />
......@@ -42,7 +58,9 @@
<template #footer>
<div class="dialog-footer">
<el-button @click="cancelFieldsModal">取消</el-button>
<el-button type="primary" @click="confirmFieldsModal">确定</el-button>
<el-button type="primary" @click="confirmFieldsModal"
>确定</el-button
>
</div>
</template>
</el-dialog>
......@@ -51,27 +69,25 @@
</template>
<script setup>
import { reactive, ref, onMounted, computed, getCurrentInstance } from "vue";
import { useRouter } from "vue-router";
import { ElMessage, ElMessageBox } from "element-plus";
import CommonTable from "@/components/common/commonTable.vue";
import { reactive, ref, onMounted, computed, getCurrentInstance } from "vue";
import { useRouter } from "vue-router";
import CommonTable from "@/components/common/commonTable.vue";
const router = useRouter();
const { proxy } = getCurrentInstance();
const router = useRouter();
const { proxy } = getCurrentInstance();
// 计算表格高度
let tableData = ref([]);
let tableColumns = ref([
// 计算表格高度
let tableData = ref([]);
let tableColumns = ref([
{
prop: "projectName",
label: "项目名称",
showOverflowTooltip: true
showOverflowTooltip: true,
},
{
prop: "projectCode",
label: "项目编号",
showOverflowTooltip: true
showOverflowTooltip: true,
},
{
prop: "projectLzType",
......@@ -79,10 +95,20 @@
width: 120,
align: "center",
formatter: (data) => {
return data.projectLzType === "1" ? "待立项" : data.projectLzType === "3" ? "立项审批中" :
data.projectLzType === "5" ? "已立项" : data.projectLzType === "7" ? "决策填报中" :
data.projectLzType === "8" ? "决策审批中" : data.projectLzType === "9" ? "已决策" : "待立项"
}
return data.projectLzType === "1"
? "待立项"
: data.projectLzType === "3"
? "立项审批中"
: data.projectLzType === "5"
? "已立项"
: data.projectLzType === "7"
? "决策填报中"
: data.projectLzType === "8"
? "决策审批中"
: data.projectLzType === "9"
? "已决策"
: "待立项";
},
},
{
prop: "operations",
......@@ -90,62 +116,73 @@
width: 90,
slot: "operations",
fixed: "right",
align: "center"
}
]);
// 获取可显示表头项
let filedsModalShow = ref(false);
let tableFields = reactive([]);
const getTableFields = () => {
align: "center",
},
]);
// 获取可显示表头项
let filedsModalShow = ref(false);
let tableFields = reactive([]);
const getTableFields = () => {
proxy.$post({
url: "/api/project/getProjectFields",
data: {},
callback: (data) => {
tableFields = (data[0] && data[0].attributes) || [];
}
})
};
const showFieldsModal = () => {
},
});
};
const showFieldsModal = () => {
filedsModalShow.value = true;
}
let selectFields = ref([]);
const handleFieldsSelectChange = (datas) => {
};
let selectFields = ref([]);
const handleFieldsSelectChange = (datas) => {
selectFields.value = datas;
};
const cancelFieldsModal = () => {
};
const cancelFieldsModal = () => {
selectFields.value = [];
filedsModalShow.value = false;
}
const confirmFieldsModal = () => {
tableColumns.value = selectFields.value.map(item => {
};
const confirmFieldsModal = () => {
tableColumns.value = selectFields.value
.map((item) => {
return {
prop: item.fieldName,
label: item.comment,
showOverflowTooltip: true
showOverflowTooltip: true,
};
}).concat([
})
.concat([
{
prop: "projectLzType",
label: "状态",
width: 120,
align: "center",
formatter: (data) => {
return data.projectLzType === "1" ? "待立项" : data.projectLzType === "3" ? "立项审批中" :
data.projectLzType === "5" ? "已立项" : data.projectLzType === "7" ? "决策填报中" :
data.projectLzType === "8" ? "决策审批中" : data.projectLzType === "9" ? "已决策" : "待立项"
}
}
return data.projectLzType === "1"
? "待立项"
: data.projectLzType === "3"
? "立项审批中"
: data.projectLzType === "5"
? "已立项"
: data.projectLzType === "7"
? "决策填报中"
: data.projectLzType === "8"
? "决策审批中"
: data.projectLzType === "9"
? "已决策"
: "待立项";
},
},
]);
filedsModalShow.value = false;
};
};
let loading = ref(false);
let total = ref(0);
let currentPage = ref(1);
let pageSize = ref(10);
// 获取列表数据
const getProjectData = () => {
let loading = ref(false);
let total = ref(0);
let currentPage = ref(1);
let pageSize = ref(10);
// 获取列表数据
const getProjectData = () => {
loading.value = true;
proxy.$post({
url: "/api/project/listProject",
......@@ -153,42 +190,42 @@
page: currentPage.value,
pagesize: pageSize.value,
attributes: [],
menuType: "xmdak"
menuType: "xmdak",
},
callback: (data) => {
tableData.value = data.rows;
total.value = data.count;
loading.value = false;
}
})
};
},
});
};
onMounted(() => {
onMounted(() => {
getTableFields();
getProjectData();
})
// 分页
const handleSizeChange = (size) => {
});
// 分页
const handleSizeChange = (size) => {
pageSize.value = size;
currentPage.value = 1;
getProjectData();
}
const handleCurrentPageChange = (page) => {
};
const handleCurrentPageChange = (page) => {
currentPage.value = page;
getProjectData();
}
};
const previewProject = (item) => {
const previewProject = (item) => {
router.push({
name: "addProject",
query: {
isPreview: true,
projectId: item.id
}
})
}
projectId: item.id,
},
});
};
</script>
<style scoped lang="less">
@import "@/styles/manage.less";
@import "@/styles/manage.less";
</style>
......@@ -2,14 +2,16 @@
<div class="depart-manage" v-loading="loading">
<div class="manage-left">
<div class="handle-btn">
<el-button type="primary" size="small" @click="handleAdd">新增</el-button>
<el-button type="primary" size="small" @click="handleAdd"
>新增</el-button
>
</div>
<div class="tree-content">
<el-tree
:data="treeData"
node-key="id"
default-expand-all
:props="{label: 'name'}"
:props="{ label: 'name' }"
@node-click="handleNodeClick"
>
<template #default="{ node, data }">
......@@ -45,8 +47,12 @@
<div class="search-container">
<el-form :inline="true" :model="searchForm">
<el-form-item label="关键字查询">
<el-input v-model="searchForm.name" :style="{width: '220px'}" clearable
placeholder="请输入用户姓名" @keydown.enter="handleSearch"
<el-input
v-model="searchForm.name"
:style="{ width: '220px' }"
clearable
placeholder="请输入用户姓名"
@keydown.enter="handleSearch"
/>
</el-form-item>
<el-form-item>
......@@ -78,9 +84,15 @@
:title="dialogTitle"
width="400px"
@close="cancelDepartForm"
:close-on-click-modal="false" :close-on-press-escape="false"
:close-on-click-modal="false"
:close-on-press-escape="false"
>
<el-form
:model="departFormData"
ref="departForm"
:rules="departRules"
label-width="100"
>
<el-form :model="departFormData" ref="departForm" :rules="departRules" label-width="100">
<el-form-item label="项目名称" prop="name">
<el-input v-model="departFormData.name" />
</el-form-item>
......@@ -113,9 +125,7 @@ let departFormData = ref({});
const departForm = ref();
// 表单验证规则
const departRules = {
name: [
{ required: true, message: "请输入部门名称", trigger: "blur" }
]
name: [{ required: true, message: "请输入部门名称", trigger: "blur" }],
};
// 新增部门
const handleAdd = () => {
......@@ -127,12 +137,12 @@ const handleAddChild = (data) => {
dialogTitle.value = "新增子部门";
departFormData.value.parentId = data.id;
dialogVisible.value = true;
}
};
const handleEdit = (data) => {
departFormData.value = {...data};
departFormData.value = { ...data };
dialogTitle.value = "编辑部门";
dialogVisible.value = true;
}
};
const handleDelete = (data) => {
ElMessageBox.confirm(`确定删除${data.name}?`, "提示", {
confirmButtonText: "确定",
......@@ -151,13 +161,12 @@ const handleDelete = (data) => {
},
});
});
}
};
const saveDepartForm = () => {
departForm.value.validate(valid => {
departForm.value.validate((valid) => {
if (valid) {
let url = departFormData.value.id ? "updateDepart" : "createDepart"
let url = departFormData.value.id ? "updateDepart" : "createDepart";
proxy.$post({
url: "/api/user/depart/" + url,
data: departFormData.value,
......@@ -171,7 +180,7 @@ const saveDepartForm = () => {
},
});
}
})
});
};
const cancelDepartForm = () => {
departForm.value.resetFields();
......@@ -179,10 +188,6 @@ const cancelDepartForm = () => {
dialogVisible.value = false;
};
// 处理树节点点击事件
const handleNodeClick = (data, node, element) => {
selectedNode.value = data;
......@@ -210,7 +215,6 @@ const loadTreeData = () => {
});
};
// 人员信息
const handleUserData = () => {
userLoading.value = true;
......@@ -299,15 +303,13 @@ const handleCurrentPageChange = (page) => {
handleUserData();
};
onMounted(() => {
loadTreeData();
});
</script>
<style scoped lang="less">
@import "@/styles/manage.less";
@import "@/styles/manage.less";
.depart-manage {
padding: 20px;
background: rgba(157, 188, 218, 0.1);
......@@ -325,7 +327,7 @@ onMounted(() => {
display: flex;
flex-direction: column;
}
.handle-btn{
.handle-btn {
display: flex;
justify-content: flex-end;
}
......@@ -343,20 +345,20 @@ onMounted(() => {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
.search-container{
.search-container {
padding: 0 20px;
}
.common-table{
.common-table {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
.table-container{
.table-container {
flex: 1;
height: 0;
display: flex;
flex-direction: column;
.el-table{
.el-table {
flex: 1;
height: 0;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment