明树Git Lab

Skip to content

J
jt_front
Commit 918db535 authored by zhanghan's avatar zhanghan
Browse files
Options

代码补全

parent f71a1732
Pipeline #108022 passed with stage
    in 20 seconds
    Show whitespace changes
    Inline Side-by-side
    Showing with 2165 additions and 1146 deletions
    src/components/FinancialTable.vue
    View file @ 918db535
    ...@@ -15,21 +15,31 @@ ...@@ -15,21 +15,31 @@
    prop="serialNumber" prop="serialNumber"
    label="序号" label="序号"
    width="80" width="80"
    fixed="left"
    align="center" align="center"
    /> />
    <!-- 指标项列（层级缩进）：保留原逻辑 --> <!-- 指标项列（层级缩进）：保留原逻辑 -->
    <el-table-column <el-table-column
    prop="indicatorName" prop="indicatorName"
    label="名称" label="名称"
    fixed="left"
    align="left" align="left"
    min-width="260" min-width="260"
    > >
    <template #default="{ row }"> <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> </template>
    </el-table-column> </el-table-column>
    <!-- 合计列：文本行隐藏合计值，不显示0.00 → 从内部数据取值 --> <!-- 合计列：文本行隐藏合计值，不显示0.00 → 从内部数据取值 -->
    <el-table-column label="合计" width="140" align="right">
    <el-table-column fixed="left" label="合计" width="140" align="right">
    <template #default="{ row }"> <template #default="{ row }">
    <span v-if="!row.noTotal"> <span v-if="!row.noTotal">
    {{ row.total ? Number(row.total).toFixed(2) : "0.00" }}万元 {{ row.total ? Number(row.total).toFixed(2) : "0.00" }}万元
    ...@@ -56,7 +66,6 @@ ...@@ -56,7 +66,6 @@
    align="center" align="center"
    > >
    <template #default="{ row }"> <template #default="{ row }">
    <!-- 1. 文本行：多行文本输入框 -->
    <el-input <el-input
    v-if="row.isTextRow" v-if="row.isTextRow"
    v-model="row[timeItem.prop]" v-model="row[timeItem.prop]"
    ...@@ -283,13 +292,15 @@ const handleTableData = (sourceIndicatorList, sourceTableData) => { ...@@ -283,13 +292,15 @@ const handleTableData = (sourceIndicatorList, sourceTableData) => {
    const newData = []; const newData = [];
    sourceIndicatorList.forEach((item, index) => { sourceIndicatorList.forEach((item, index) => {
    const { name, isTextRow = false, noTotal = false } = item; const { name, isTextRow = false, noTotal = false } = item;
    const level = item?.level || 0;
    const serialNumber = item?.serialNumber || index + 1;
    // 深拷贝源数据行 // 深拷贝源数据行
    const originRow = const originRow =
    sourceTableData.find((row) => row.indicatorName === name) || {}; sourceTableData.find((row) => row.indicatorName === name) || {};
    const rowData = JSON.parse( const rowData = JSON.parse(
    JSON.stringify({ JSON.stringify({
    serialNumber: index + 1, serialNumber,
    level: 0, level,
    indicatorName: name, indicatorName: name,
    isTextRow, isTextRow,
    noTotal, noTotal,
    ...@@ -333,20 +344,6 @@ watch( ...@@ -333,20 +344,6 @@ watch(
    { deep: true, immediate: true }, { 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. 数字行输入回调（逻辑不变） // 10. 数字行输入回调（逻辑不变）
    const handleFinancialChange = (currentRow) => { const handleFinancialChange = (currentRow) => {
    if (props.isPreview || !currentRow || currentRow.noTotal) return; if (props.isPreview || !currentRow || currentRow.noTotal) return;
    ......
    src/styles/verticalManages.css
    View file @ 918db535
    ...@@ -181,7 +181,7 @@ ...@@ -181,7 +181,7 @@
    } }
    ::v-deep.add-project-content .tab-content .upload-file-wrap .delete-btn { ::v-deep.add-project-content .tab-content .upload-file-wrap .delete-btn {
    cursor: pointer; cursor: pointer;
    color: #F56C6C; color: #f56c6c;
    } }
    ::v-deep.add-project-content .tab-content .el-select__wrapper .el-select__selection.is-near { ::v-deep.add-project-content .tab-content .el-select__wrapper .el-select__selection.is-near {
    max-height: 120px; max-height: 120px;
    ...@@ -254,12 +254,18 @@ ...@@ -254,12 +254,18 @@
    } }
    .add-project-header { .add-project-header {
    margin-bottom: 10px; margin-bottom: 10px;
    padding-left: 24px;
    }
    .add-project-header .header-left:hover {
    color: #409eff;
    cursor: pointer;
    } }
    ::v-deep.el-form-item { ::v-deep.el-form-item {
    display: block; display: block;
    } }
    ::v-deep.el-form-item .el-form-item__label { ::v-deep.el-form-item .el-form-item__label {
    width: auto !important; width: auto !important;
    color: #333;
    } }
    .tab-handle { .tab-handle {
    margin-bottom: 10px; margin-bottom: 10px;
    ...@@ -280,9 +286,25 @@ ...@@ -280,9 +286,25 @@
    align-items: center; align-items: center;
    margin-bottom: 24px; 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; flex: auto;
    text-align: left; 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) { :deep(.el-table) {
    --el-table-border-color: #ebeef5; --el-table-border-color: #ebeef5;
    ...@@ -291,3 +313,6 @@ ...@@ -291,3 +313,6 @@
    :deep(.el-upload) { :deep(.el-upload) {
    width: 100%; width: 100%;
    } }
    ::v-deep .el-collapse-item__content {
    padding-bottom: 0;
    }
    src/styles/verticalManages.less
    View file @ 918db535
    .system-manage-container{ .system-manage-container {
    padding: 20px; padding: 20px;
    background: rgba(157, 188, 218, 0.1); background: rgba(157, 188, 218, 0.1);
    height: 100%; height: 100%;
    ...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
    flex-direction: column; flex-direction: column;
    box-sizing: border-box; box-sizing: border-box;
    } }
    .system-manage-header{ .system-manage-header {
    background: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9);
    border-radius: 8px; border-radius: 8px;
    padding: 12px 20px 0; padding: 12px 20px 0;
    ...@@ -15,41 +15,43 @@ ...@@ -15,41 +15,43 @@
    justify-content: space-between; justify-content: space-between;
    align-items: center; align-items: center;
    margin-bottom: 10px; margin-bottom: 10px;
    .header-left{ .header-left {
    flex: 1; flex: 1;
    width: 0; width: 0;
    .el-input, .el-select{
    .el-input,
    .el-select {
    width: 220px; width: 220px;
    } }
    } }
    } }
    .system-manage-content{ .system-manage-content {
    background: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9);
    border-radius: 8px; border-radius: 8px;
    padding: 20px; padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    } }
    .manage-content{ .manage-content {
    flex: 1; flex: 1;
    height: 0; height: 0;
    .common-table{ .common-table {
    height: 100%; height: 100%;
    display: flex; display: flex;
    flex-direction: column; flex-direction: column;
    .table-container{ .table-container {
    flex: 1; flex: 1;
    height: 0; height: 0;
    display: flex; display: flex;
    flex-direction: column; flex-direction: column;
    .el-table{ .el-table {
    flex: 1; flex: 1;
    height: 0; height: 0;
    } }
    } }
    } }
    } }
    .manage{ .manage {
    &-container{ &-container {
    width: 100%; width: 100%;
    height: 100%; height: 100%;
    padding: 20px; padding: 20px;
    ...@@ -58,7 +60,7 @@ ...@@ -58,7 +60,7 @@
    flex-direction: column; flex-direction: column;
    background: rgba(157, 188, 218, 0.1); background: rgba(157, 188, 218, 0.1);
    } }
    &-wrap{ &-wrap {
    width: 100%; width: 100%;
    height: 100%; height: 100%;
    display: flex; display: flex;
    ...@@ -69,26 +71,26 @@ ...@@ -69,26 +71,26 @@
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    } }
    &-header{ &-header {
    display: flex; display: flex;
    justify-content: space-between; justify-content: space-between;
    margin-bottom: 10px; margin-bottom: 10px;
    } }
    &-content{ &-content {
    flex: 1; flex: 1;
    height: 0; height: 0;
    display: flex; display: flex;
    flex-direction: column; flex-direction: column;
    .common-table{ .common-table {
    height: 100%; height: 100%;
    display: flex; display: flex;
    flex-direction: column; flex-direction: column;
    .table-container{ .table-container {
    flex: 1; flex: 1;
    height: 0; height: 0;
    display: flex; display: flex;
    flex-direction: column; flex-direction: column;
    .el-table{ .el-table {
    flex: 1; flex: 1;
    height: 0; height: 0;
    } }
    ...@@ -97,80 +99,80 @@ ...@@ -97,80 +99,80 @@
    } }
    } }
    ::v-deep.add-project{ ::v-deep.add-project {
    &-container{ &-container {
    width: 100%; width: 100%;
    height: 100%; height: 100%;
    padding: 20px; padding: 20px;
    box-sizing: border-box; box-sizing: border-box;
    display: flex; display: flex;
    flex-direction: column; flex-direction: column;
    .el-collapse-item__header{ .el-collapse-item__header {
    color: var(--el-color-primary); color: var(--el-color-primary);
    } }
    } }
    &-header{ &-header {
    display: flex; display: flex;
    justify-content: space-between; justify-content: space-between;
    } }
    &-content{ &-content {
    flex: 1; flex: 1;
    height: 0; height: 0;
    display: flex; display: flex;
    flex-direction: column; flex-direction: column;
    .tabs-content{ .tabs-content {
    flex: 1; flex: 1;
    height: 0; height: 0;
    } }
    .el-tabs{ .el-tabs {
    height: 100%; height: 100%;
    } }
    .el-tab-pane{ .el-tab-pane {
    height: 100%; height: 100%;
    } }
    .tab-content{ .tab-content {
    height: 100%; height: 100%;
    overflow: auto; overflow: auto;
    padding: 0 10px; padding: 0 10px;
    .col-title{ .col-title {
    height: 24px; height: 24px;
    line-height: 24px; line-height: 24px;
    font-weight: bold; font-weight: bold;
    text-align: center; text-align: center;
    } }
    .tab-handle{ .tab-handle {
    margin-bottom: 16px;; margin-bottom: 16px;
    display: flex; display: flex;
    justify-content: flex-end; justify-content: flex-end;
    align-items: center; align-items: center;
    } }
    .el-table{ .el-table {
    margin-bottom: 10px; margin-bottom: 10px;
    thead { thead {
    color: #000; color: #000;
    th{ th {
    background: #f5f7fa; background: #f5f7fa;
    .cell{ .cell {
    text-align: center; text-align: center;
    } }
    } }
    } }
    .sums-column{ .sums-column {
    display: flex; display: flex;
    flex-direction: column; flex-direction: column;
    justify-content: flex-start; justify-content: flex-start;
    &>div{ & > div {
    height: 26px; height: 26px;
    line-height: 26px; line-height: 26px;
    text-align: center; text-align: center;
    } }
    } }
    } }
    .upload-file-wrap{ .upload-file-wrap {
    display: flex; display: flex;
    justify-content: space-between; justify-content: space-between;
    flex-wrap: wrap; flex-wrap: wrap;
    .file-name{ .file-name {
    flex: 1; flex: 1;
    width: 0; width: 0;
    color: #409eff; color: #409eff;
    ...@@ -180,19 +182,19 @@ ...@@ -180,19 +182,19 @@
    overflow: hidden; overflow: hidden;
    text-overflow: ellipsis; text-overflow: ellipsis;
    } }
    .delete-btn{ .delete-btn {
    cursor: pointer; cursor: pointer;
    color: #F56C6C; color: #f56c6c;
    } }
    } }
    .el-select__wrapper{ .el-select__wrapper {
    .el-select__selection.is-near{ .el-select__selection.is-near {
    max-height: 120px; max-height: 120px;
    overflow: auto; overflow: auto;
    } }
    } }
    } }
    .always-click{ .always-click {
    padding: 2px; padding: 2px;
    font-size: 12px; font-size: 12px;
    cursor: pointer !important; cursor: pointer !important;
    ...@@ -202,17 +204,17 @@ ...@@ -202,17 +204,17 @@
    display: inline-flex; display: inline-flex;
    align-items: center; align-items: center;
    } }
    .project-tab-content{ .project-tab-content {
    padding: 0 20px; padding: 0 20px;
    height: 100%; height: 100%;
    } }
    } }
    } }
    ::v-deep .el-input{ ::v-deep .el-input {
    width: 100% !important; width: 100% !important;
    } }
    .add-dialog{ .add-dialog {
    .el-tree{ .el-tree {
    width: 100%; width: 100%;
    } }
    } }
    ...@@ -252,7 +254,7 @@ ...@@ -252,7 +254,7 @@
    justify-content: space-between; justify-content: space-between;
    font-size: 14px; font-size: 14px;
    padding-right: 8px; padding-right: 8px;
    .node-name{ .node-name {
    flex: 1; flex: 1;
    width: 0; width: 0;
    -webkit-background-clip: text; -webkit-background-clip: text;
    ...@@ -260,22 +262,41 @@ ...@@ -260,22 +262,41 @@
    overflow: hidden; overflow: hidden;
    text-overflow: ellipsis; text-overflow: ellipsis;
    } }
    .node-key{ .node-key {
    font-size: 12px; font-size: 12px;
    color: #969696; color: #969696;
    } }
    } }
    } }
    .add-project-header { .add-project-header {
    margin-bottom: 10px; 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 { ::v-deep.el-form-item {
    display: block; display: block;
    .el-form-item__label { .el-form-item__label {
    width: auto !important; width: auto !important;
    color: #333;
    // font-weight: 600;
    }
    } }
    }
    .tab-handle { .tab-handle {
    margin-bottom: 10px; margin-bottom: 10px;
    ...@@ -293,8 +314,6 @@ ...@@ -293,8 +314,6 @@
    } }
    } }
    .add-project-header { .add-project-header {
    display: flex; display: flex;
    justify-content: space-between; justify-content: space-between;
    ...@@ -302,14 +321,30 @@ ...@@ -302,14 +321,30 @@
    margin-bottom: 24px; margin-bottom: 24px;
    } }
    // 动态表格样式适配 ::v-deep .el-collapse-item {
    :deep(.el-collapse-item__content) { .el-collapse-item__title {
    // padding: 16px; color: #333;
    } font-size: 16px;
    ::v-deep .el-collapse-item__title{
    flex: auto; flex: auto;
    text-align: left; 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) { :deep(.el-table) {
    --el-table-border-color: #ebeef5; --el-table-border-color: #ebeef5;
    width: 100%; width: 100%;
    ...@@ -318,3 +353,6 @@ ...@@ -318,3 +353,6 @@
    :deep(.el-upload) { :deep(.el-upload) {
    width: 100%; width: 100%;
    } }
    ::v-deep .el-collapse-item__content {
    padding-bottom: 0;
    }
    src/views/investingManage/decisionAdd.vue
    View file @ 918db535
    ...@@ -11,10 +11,15 @@ ...@@ -11,10 +11,15 @@
    </div> </div>
    </div> </div>
    <div class="tabs-content"> <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-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. 项目基本信息 --> <!-- 1. 项目基本信息 -->
    <el-collapse-item title="项目基本信息" name="项目基本信息"> <el-collapse-item title="项目基本信息" name="项目基本信息">
    <el-row :gutter="20"> <el-row :gutter="20">
    ...@@ -143,7 +148,10 @@ ...@@ -143,7 +148,10 @@
    placeholder="请选择" placeholder="请选择"
    > >
    <el-option label="主业" value="主业"></el-option> <el-option label="主业" value="主业"></el-option>
    <el-option label="非主业" value="非主业"></el-option> <el-option
    label="非主业"
    value="非主业"
    ></el-option>
    </el-select> </el-select>
    </el-form-item> </el-form-item>
    </el-col> </el-col>
    ...@@ -404,7 +412,9 @@ ...@@ -404,7 +412,9 @@
    > >
    <el-row :gutter="20"> <el-row :gutter="20">
    <el-col :span="8"> <el-col :span="8">
    <el-form-item label="是否须报国家发展改革委和商务部核准"> <el-form-item
    label="是否须报国家发展改革委和商务部核准"
    >
    <CommonSelector <CommonSelector
    :radio="true" :radio="true"
    v-model="formData.isReportedToNDRC" v-model="formData.isReportedToNDRC"
    ...@@ -632,7 +642,9 @@ ...@@ -632,7 +642,9 @@
    <el-row :gutter="20"> <el-row :gutter="20">
    <el-col :span="24"> <el-col :span="24">
    <el-form-item label="可研材料"> <el-form-item label="可研材料">
    <FileUploader v-model="formData.feasibilityStudyFile" /> <FileUploader
    v-model="formData.feasibilityStudyFile"
    />
    </el-form-item> </el-form-item>
    </el-col> </el-col>
    <el-col :span="24"> <el-col :span="24">
    ...@@ -656,15 +668,200 @@ ...@@ -656,15 +668,200 @@
    </el-col> </el-col>
    <el-col :span="24"> <el-col :span="24">
    <el-form-item label="上会议案"> <el-form-item label="上会议案">
    <FileUploader v-model="formData.meetingProposalFile" /> <FileUploader
    v-model="formData.meetingProposalFile"
    />
    </el-form-item> </el-form-item>
    </el-col> </el-col>
    </el-row> </el-row>
    </el-collapse-item> </el-collapse-item>
    </el-collapse>
    </el-form> </el-form>
    </div> </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> </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> </div>
    </div> </div>
    ...@@ -675,10 +872,14 @@ import { reactive, ref, onMounted, getCurrentInstance } from "vue"; ...@@ -675,10 +872,14 @@ import { reactive, ref, onMounted, getCurrentInstance } from "vue";
    import { useRouter, useRoute } from "vue-router"; import { useRouter, useRoute } from "vue-router";
    import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
    import DynamicTable from "@/components/FormDynamicTable/index.vue"; import DynamicTable from "@/components/FormDynamicTable/index.vue";
    import FileUploader from "@/components/FileUploader/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([ const constructionScaleColumns = ref([
    { {
    prop: "indicatorName", prop: "indicatorName",
    ...@@ -753,6 +954,138 @@ const shareholderColumns = ref([ ...@@ -753,6 +954,138 @@ const shareholderColumns = ref([
    { prop: "remark", label: "备注", type: "input", placeholder: "请输入备注" }, { 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. 债权融资列配置 // 10. 债权融资列配置
    const debtFinancingColumns = ref([ const debtFinancingColumns = ref([
    { {
    ...@@ -842,6 +1175,7 @@ const activeCollapse = ref([ ...@@ -842,6 +1175,7 @@ const activeCollapse = ref([
    "计量币种", "计量币种",
    "实施时间", "实施时间",
    "投资分类", "投资分类",
    "项目可行性",
    "特别关注、特别监管类等信息", "特别关注、特别监管类等信息",
    "建设规模（实物量指标）", "建设规模（实物量指标）",
    "股东信息", "股东信息",
    ...@@ -938,6 +1272,7 @@ const formData = reactive({ ...@@ -938,6 +1272,7 @@ const formData = reactive({
    equityFinancingCost: "", equityFinancingCost: "",
    equityFinancingTerm: "", equityFinancingTerm: "",
    guaranteeAmount: "", guaranteeAmount: "",
    projectGdxxs: [],
    // 10. 我方担保及债权融资情况 - 动态表格 // 10. 我方担保及债权融资情况 - 动态表格
    debtFinancingList: [ debtFinancingList: [
    ...@@ -973,6 +1308,8 @@ const formData = reactive({ ...@@ -973,6 +1308,8 @@ const formData = reactive({
    // 其他关联字段 // 其他关联字段
    projectName: "", projectName: "",
    // ------------------ 财务评价
    jzymljsh: {},
    }); });
    // ========== 业务方法：获取项目列表 ========== // ========== 业务方法：获取项目列表 ==========
    ...@@ -1087,12 +1424,584 @@ const saveClick = () => { ...@@ -1087,12 +1424,584 @@ const saveClick = () => {
    // ========== 辅助方法 ========== // ========== 辅助方法 ==========
    const backClick = () => router.back(-1); 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(() => { onMounted(() => {
    getProjectData(); getProjectData();
    if (rcCgqyglId.value) { if (rcCgqyglId.value) {
    // 编辑/预览：拉取接口数据 // 编辑/预览：拉取接口数据
    getJsqtzjcDetail(); getJsqtzjcDetail();
    } else {
    initTableData();
    } }
    }); });
    </script> </script>
    ......
    src/views/investingManage/quitAdd.vue
    View file @ 918db535
    ...@@ -19,12 +19,7 @@ ...@@ -19,12 +19,7 @@
    <el-collapse-item title="选择类型" name="选择类型"> <el-collapse-item title="选择类型" name="选择类型">
    <el-row :gutter="20"> <el-row :gutter="20">
    <el-col :span="8"> <el-col :span="8">
    <el-form-item label="请选择登记类型"> <el-form-item label="请选择登记类型" required>
    <!-- <CommonSelector
    :radio="true"
    v-model="formData.djlx"
    dictName="xmtc_djlx"
    /> -->
    <el-radio-group v-model="formData.djlx"> <el-radio-group v-model="formData.djlx">
    <el-radio value="1">中止</el-radio> <el-radio value="1">中止</el-radio>
    <el-radio value="2">重启</el-radio> <el-radio value="2">重启</el-radio>
    ...@@ -276,7 +271,11 @@ ...@@ -276,7 +271,11 @@
    </el-col> </el-col>
    </el-row> </el-row>
    </el-collapse-item> </el-collapse-item>
    <el-collapse-item title="项目中止内容" name="项目中止内容"> <el-collapse-item
    v-if="formData.djlx == 1"
    title="项目中止内容"
    name="项目中止内容"
    >
    <el-row :gutter="20"> <el-row :gutter="20">
    <el-col :span="24"> <el-col :span="24">
    <el-form-item label="中止原因"> <el-form-item label="中止原因">
    ...@@ -327,7 +326,11 @@ ...@@ -327,7 +326,11 @@
    </el-col> </el-col>
    </el-row> </el-row>
    </el-collapse-item> </el-collapse-item>
    <el-collapse-item title="项目重启内容" name="项目重启内容"> <el-collapse-item
    v-if="formData.djlx == 2"
    title="项目重启内容"
    name="项目重启内容"
    >
    <el-row :gutter="20"> <el-row :gutter="20">
    <el-col :span="24"> <el-col :span="24">
    <el-form-item label="中止原因"> <el-form-item label="中止原因">
    ...@@ -378,7 +381,11 @@ ...@@ -378,7 +381,11 @@
    </el-col> </el-col>
    </el-row> </el-row>
    </el-collapse-item> </el-collapse-item>
    <el-collapse-item title="项目终止内容" name="项目终止内容"> <el-collapse-item
    v-if="formData.djlx == 3"
    title="项目终止内容"
    name="项目终止内容"
    >
    <el-row :gutter="20"> <el-row :gutter="20">
    <el-col :span="24"> <el-col :span="24">
    <el-form-item label="中止原因"> <el-form-item label="中止原因">
    ...@@ -429,7 +436,11 @@ ...@@ -429,7 +436,11 @@
    </el-col> </el-col>
    </el-row> </el-row>
    </el-collapse-item> </el-collapse-item>
    <el-collapse-item title="项目退出内容" name="项目退出内容"> <el-collapse-item
    v-if="formData.djlx == 4"
    title="项目退出内容"
    name="项目退出内容"
    >
    <el-row :gutter="20"> <el-row :gutter="20">
    <el-col :span="24"> <el-col :span="24">
    <el-form-item label="中止原因"> <el-form-item label="中止原因">
    ......
    src/views/projectManage/projectAllPage.vue
    View file @ 918db535
    ...@@ -4,7 +4,9 @@ ...@@ -4,7 +4,9 @@
    <div class="manage-header"> <div class="manage-header">
    <div class="header-left"></div> <div class="header-left"></div>
    <div class="header-right"> <div class="header-right">
    <el-button type="primary" @click="showFieldsModal">表头筛选</el-button> <el-button type="primary" @click="showFieldsModal"
    >表头筛选</el-button
    >
    </div> </div>
    </div> </div>
    <div class="manage-content" v-loading="loading"> <div class="manage-content" v-loading="loading">
    ...@@ -24,16 +26,30 @@ ...@@ -24,16 +26,30 @@
    @current-page-change="handleCurrentPageChange" @current-page-change="handleCurrentPageChange"
    > >
    <template #operations="{ row, index }"> <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> </template>
    </common-table> </common-table>
    </div> </div>
    <el-dialog v-model="filedsModalShow" <el-dialog
    v-model="filedsModalShow"
    modal-class="fields-modal" modal-class="fields-modal"
    title="筛选查询" width="50%" top="10vh" title="筛选查询"
    :close-on-click-modal="false" :close-on-press-escape="false" 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" @selection-change="handleFieldsSelectChange"
    > >
    <el-table-column type="selection" width="55" /> <el-table-column type="selection" width="55" />
    ...@@ -42,7 +58,9 @@ ...@@ -42,7 +58,9 @@
    <template #footer> <template #footer>
    <div class="dialog-footer"> <div class="dialog-footer">
    <el-button @click="cancelFieldsModal">取消</el-button> <el-button @click="cancelFieldsModal">取消</el-button>
    <el-button type="primary" @click="confirmFieldsModal">确定</el-button> <el-button type="primary" @click="confirmFieldsModal"
    >确定</el-button
    >
    </div> </div>
    </template> </template>
    </el-dialog> </el-dialog>
    ...@@ -51,27 +69,25 @@ ...@@ -51,27 +69,25 @@
    </template> </template>
    <script setup> <script setup>
    import { reactive, ref, onMounted, computed, getCurrentInstance } from "vue"; import { reactive, ref, onMounted, computed, getCurrentInstance } from "vue";
    import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
    import { ElMessage, ElMessageBox } from "element-plus"; import CommonTable from "@/components/common/commonTable.vue";
    import CommonTable from "@/components/common/commonTable.vue";
    const router = useRouter(); const router = useRouter();
    const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
    // 计算表格高度
    // 计算表格高度 let tableData = ref([]);
    let tableData = ref([]); let tableColumns = ref([
    let tableColumns = ref([
    { {
    prop: "projectName", prop: "projectName",
    label: "项目名称", label: "项目名称",
    showOverflowTooltip: true showOverflowTooltip: true,
    }, },
    { {
    prop: "projectCode", prop: "projectCode",
    label: "项目编号", label: "项目编号",
    showOverflowTooltip: true showOverflowTooltip: true,
    }, },
    { {
    prop: "projectLzType", prop: "projectLzType",
    ...@@ -79,10 +95,20 @@ ...@@ -79,10 +95,20 @@
    width: 120, width: 120,
    align: "center", align: "center",
    formatter: (data) => { formatter: (data) => {
    return data.projectLzType === "1" ? "待立项" : data.projectLzType === "3" ? "立项审批中" : return data.projectLzType === "1"
    data.projectLzType === "5" ? "已立项" : data.projectLzType === "7" ? "决策填报中" : ? "待立项"
    data.projectLzType === "8" ? "决策审批中" : data.projectLzType === "9" ? "已决策" : "待立项" : data.projectLzType === "3"
    } ? "立项审批中"
    : data.projectLzType === "5"
    ? "已立项"
    : data.projectLzType === "7"
    ? "决策填报中"
    : data.projectLzType === "8"
    ? "决策审批中"
    : data.projectLzType === "9"
    ? "已决策"
    : "待立项";
    },
    }, },
    { {
    prop: "operations", prop: "operations",
    ...@@ -90,62 +116,73 @@ ...@@ -90,62 +116,73 @@
    width: 90, width: 90,
    slot: "operations", slot: "operations",
    fixed: "right", fixed: "right",
    align: "center" align: "center",
    } },
    ]); ]);
    // 获取可显示表头项 // 获取可显示表头项
    let filedsModalShow = ref(false); let filedsModalShow = ref(false);
    let tableFields = reactive([]); let tableFields = reactive([]);
    const getTableFields = () => { const getTableFields = () => {
    proxy.$post({ proxy.$post({
    url: "/api/project/getProjectFields", url: "/api/project/getProjectFields",
    data: {}, data: {},
    callback: (data) => { callback: (data) => {
    tableFields = (data[0] && data[0].attributes) || []; tableFields = (data[0] && data[0].attributes) || [];
    } },
    }) });
    }; };
    const showFieldsModal = () => { const showFieldsModal = () => {
    filedsModalShow.value = true; filedsModalShow.value = true;
    } };
    let selectFields = ref([]); let selectFields = ref([]);
    const handleFieldsSelectChange = (datas) => { const handleFieldsSelectChange = (datas) => {
    selectFields.value = datas; selectFields.value = datas;
    }; };
    const cancelFieldsModal = () => { const cancelFieldsModal = () => {
    selectFields.value = []; selectFields.value = [];
    filedsModalShow.value = false; filedsModalShow.value = false;
    } };
    const confirmFieldsModal = () => { const confirmFieldsModal = () => {
    tableColumns.value = selectFields.value.map(item => { tableColumns.value = selectFields.value
    .map((item) => {
    return { return {
    prop: item.fieldName, prop: item.fieldName,
    label: item.comment, label: item.comment,
    showOverflowTooltip: true showOverflowTooltip: true,
    }; };
    }).concat([ })
    .concat([
    { {
    prop: "projectLzType", prop: "projectLzType",
    label: "状态", label: "状态",
    width: 120, width: 120,
    align: "center", align: "center",
    formatter: (data) => { formatter: (data) => {
    return data.projectLzType === "1" ? "待立项" : data.projectLzType === "3" ? "立项审批中" : return data.projectLzType === "1"
    data.projectLzType === "5" ? "已立项" : data.projectLzType === "7" ? "决策填报中" : ? "待立项"
    data.projectLzType === "8" ? "决策审批中" : data.projectLzType === "9" ? "已决策" : "待立项" : data.projectLzType === "3"
    } ? "立项审批中"
    } : data.projectLzType === "5"
    ? "已立项"
    : data.projectLzType === "7"
    ? "决策填报中"
    : data.projectLzType === "8"
    ? "决策审批中"
    : data.projectLzType === "9"
    ? "已决策"
    : "待立项";
    },
    },
    ]); ]);
    filedsModalShow.value = false; filedsModalShow.value = false;
    }; };
    let loading = ref(false); let loading = ref(false);
    let total = ref(0); let total = ref(0);
    let currentPage = ref(1); let currentPage = ref(1);
    let pageSize = ref(10); let pageSize = ref(10);
    // 获取列表数据 // 获取列表数据
    const getProjectData = () => { const getProjectData = () => {
    loading.value = true; loading.value = true;
    proxy.$post({ proxy.$post({
    url: "/api/project/listProject", url: "/api/project/listProject",
    ...@@ -153,42 +190,42 @@ ...@@ -153,42 +190,42 @@
    page: currentPage.value, page: currentPage.value,
    pagesize: pageSize.value, pagesize: pageSize.value,
    attributes: [], attributes: [],
    menuType: "xmdak" menuType: "xmdak",
    }, },
    callback: (data) => { callback: (data) => {
    tableData.value = data.rows; tableData.value = data.rows;
    total.value = data.count; total.value = data.count;
    loading.value = false; loading.value = false;
    } },
    }) });
    }; };
    onMounted(() => { onMounted(() => {
    getTableFields(); getTableFields();
    getProjectData(); getProjectData();
    }) });
    // 分页 // 分页
    const handleSizeChange = (size) => { const handleSizeChange = (size) => {
    pageSize.value = size; pageSize.value = size;
    currentPage.value = 1; currentPage.value = 1;
    getProjectData(); getProjectData();
    } };
    const handleCurrentPageChange = (page) => { const handleCurrentPageChange = (page) => {
    currentPage.value = page; currentPage.value = page;
    getProjectData(); getProjectData();
    } };
    const previewProject = (item) => { const previewProject = (item) => {
    router.push({ router.push({
    name: "addProject", name: "addProject",
    query: { query: {
    isPreview: true, isPreview: true,
    projectId: item.id projectId: item.id,
    } },
    }) });
    } };
    </script> </script>
    <style scoped lang="less"> <style scoped lang="less">
    @import "@/styles/manage.less"; @import "@/styles/manage.less";
    </style> </style>
    src/views/systemManage/departManage.vue
    View file @ 918db535
    ...@@ -2,14 +2,16 @@ ...@@ -2,14 +2,16 @@
    <div class="depart-manage" v-loading="loading"> <div class="depart-manage" v-loading="loading">
    <div class="manage-left"> <div class="manage-left">
    <div class="handle-btn"> <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>
    <div class="tree-content"> <div class="tree-content">
    <el-tree <el-tree
    :data="treeData" :data="treeData"
    node-key="id" node-key="id"
    default-expand-all default-expand-all
    :props="{label: 'name'}" :props="{ label: 'name' }"
    @node-click="handleNodeClick" @node-click="handleNodeClick"
    > >
    <template #default="{ node, data }"> <template #default="{ node, data }">
    ...@@ -45,8 +47,12 @@ ...@@ -45,8 +47,12 @@
    <div class="search-container"> <div class="search-container">
    <el-form :inline="true" :model="searchForm"> <el-form :inline="true" :model="searchForm">
    <el-form-item label="关键字查询"> <el-form-item label="关键字查询">
    <el-input v-model="searchForm.name" :style="{width: '220px'}" clearable <el-input
    placeholder="请输入用户姓名" @keydown.enter="handleSearch" v-model="searchForm.name"
    :style="{ width: '220px' }"
    clearable
    placeholder="请输入用户姓名"
    @keydown.enter="handleSearch"
    /> />
    </el-form-item> </el-form-item>
    <el-form-item> <el-form-item>
    ...@@ -78,9 +84,15 @@ ...@@ -78,9 +84,15 @@
    :title="dialogTitle" :title="dialogTitle"
    width="400px" width="400px"
    @close="cancelDepartForm" @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-form-item label="项目名称" prop="name">
    <el-input v-model="departFormData.name" /> <el-input v-model="departFormData.name" />
    </el-form-item> </el-form-item>
    ...@@ -113,9 +125,7 @@ let departFormData = ref({}); ...@@ -113,9 +125,7 @@ let departFormData = ref({});
    const departForm = ref(); const departForm = ref();
    // 表单验证规则 // 表单验证规则
    const departRules = { const departRules = {
    name: [ name: [{ required: true, message: "请输入部门名称", trigger: "blur" }],
    { required: true, message: "请输入部门名称", trigger: "blur" }
    ]
    }; };
    // 新增部门 // 新增部门
    const handleAdd = () => { const handleAdd = () => {
    ...@@ -127,12 +137,12 @@ const handleAddChild = (data) => { ...@@ -127,12 +137,12 @@ const handleAddChild = (data) => {
    dialogTitle.value = "新增子部门"; dialogTitle.value = "新增子部门";
    departFormData.value.parentId = data.id; departFormData.value.parentId = data.id;
    dialogVisible.value = true; dialogVisible.value = true;
    } };
    const handleEdit = (data) => { const handleEdit = (data) => {
    departFormData.value = {...data}; departFormData.value = { ...data };
    dialogTitle.value = "编辑部门"; dialogTitle.value = "编辑部门";
    dialogVisible.value = true; dialogVisible.value = true;
    } };
    const handleDelete = (data) => { const handleDelete = (data) => {
    ElMessageBox.confirm(`确定删除${data.name}？`, "提示", { ElMessageBox.confirm(`确定删除${data.name}？`, "提示", {
    confirmButtonText: "确定", confirmButtonText: "确定",
    ...@@ -151,13 +161,12 @@ const handleDelete = (data) => { ...@@ -151,13 +161,12 @@ const handleDelete = (data) => {
    }, },
    }); });
    }); });
    } };
    const saveDepartForm = () => { const saveDepartForm = () => {
    departForm.value.validate(valid => { departForm.value.validate((valid) => {
    if (valid) { if (valid) {
    let url = departFormData.value.id ? "updateDepart" : "createDepart" let url = departFormData.value.id ? "updateDepart" : "createDepart";
    proxy.$post({ proxy.$post({
    url: "/api/user/depart/" + url, url: "/api/user/depart/" + url,
    data: departFormData.value, data: departFormData.value,
    ...@@ -171,7 +180,7 @@ const saveDepartForm = () => { ...@@ -171,7 +180,7 @@ const saveDepartForm = () => {
    }, },
    }); });
    } }
    }) });
    }; };
    const cancelDepartForm = () => { const cancelDepartForm = () => {
    departForm.value.resetFields(); departForm.value.resetFields();
    ...@@ -179,10 +188,6 @@ const cancelDepartForm = () => { ...@@ -179,10 +188,6 @@ const cancelDepartForm = () => {
    dialogVisible.value = false; dialogVisible.value = false;
    }; };
    // 处理树节点点击事件 // 处理树节点点击事件
    const handleNodeClick = (data, node, element) => { const handleNodeClick = (data, node, element) => {
    selectedNode.value = data; selectedNode.value = data;
    ...@@ -210,7 +215,6 @@ const loadTreeData = () => { ...@@ -210,7 +215,6 @@ const loadTreeData = () => {
    }); });
    }; };
    // 人员信息 // 人员信息
    const handleUserData = () => { const handleUserData = () => {
    userLoading.value = true; userLoading.value = true;
    ...@@ -299,15 +303,13 @@ const handleCurrentPageChange = (page) => { ...@@ -299,15 +303,13 @@ const handleCurrentPageChange = (page) => {
    handleUserData(); handleUserData();
    }; };
    onMounted(() => { onMounted(() => {
    loadTreeData(); loadTreeData();
    }); });
    </script> </script>
    <style scoped lang="less"> <style scoped lang="less">
    @import "@/styles/manage.less"; @import "@/styles/manage.less";
    .depart-manage { .depart-manage {
    padding: 20px; padding: 20px;
    background: rgba(157, 188, 218, 0.1); background: rgba(157, 188, 218, 0.1);
    ...@@ -325,7 +327,7 @@ onMounted(() => { ...@@ -325,7 +327,7 @@ onMounted(() => {
    display: flex; display: flex;
    flex-direction: column; flex-direction: column;
    } }
    .handle-btn{ .handle-btn {
    display: flex; display: flex;
    justify-content: flex-end; justify-content: flex-end;
    } }
    ...@@ -343,20 +345,20 @@ onMounted(() => { ...@@ -343,20 +345,20 @@ onMounted(() => {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: flex; display: flex;
    flex-direction: column; flex-direction: column;
    .search-container{ .search-container {
    padding: 0 20px; padding: 0 20px;
    } }
    .common-table{ .common-table {
    flex: 1; flex: 1;
    height: 0; height: 0;
    display: flex; display: flex;
    flex-direction: column; flex-direction: column;
    .table-container{ .table-container {
    flex: 1; flex: 1;
    height: 0; height: 0;
    display: flex; display: flex;
    flex-direction: column; flex-direction: column;
    .el-table{ .el-table {
    flex: 1; flex: 1;
    height: 0; 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