明树Git Lab

Skip to content

J
jt_front
Commit 05d4eaef authored by zhanghan's avatar zhanghan
Browse files
Options

1

parent 92ea2af0
Pipeline #108418 passed with stage
    in 20 seconds
    Show whitespace changes
    Inline Side-by-side
    Showing with 8821 additions and 5972 deletions
    src/components/FileUploader/index.vue
    View file @ 05d4eaef
    ......@@ -26,7 +26,7 @@
    <!-- 文件列表表格 -->
    <el-table
    v-if="!isInline"
    :data="fileList"
    :data="safeFileList"
    style="width: 100%"
    empty-text="暂无数据"
    border
    ......@@ -66,21 +66,21 @@
    placement="bottom-start"
    width="420"
    trigger="hover"
    :disabled="fileList.length === 0 || disabled"
    :disabled="safeFileList.length === 0 || disabled"
    popper-class="file-popover"
    >
    <!-- 弹窗内容 -->
    <template #default>
    <div class="file-popover-content">
    <!-- 无文件提示 -->
    <div v-if="fileList.length === 0" class="empty-file-tip">
    <div v-if="safeFileList.length === 0" class="empty-file-tip">
    暂无上传文件
    </div>
    <!-- 文件列表 -->
    <div v-else class="file-list">
    <div
    v-for="(file, index) in fileList"
    v-for="(file, index) in safeFileList"
    :key="file.id || index"
    class="file-item"
    >
    ......@@ -127,7 +127,7 @@
    <template #reference>
    <div class="inline-file">
    <div class="file-count">
    <span class="count-num">{{ fileList.length }}</span>
    <span class="count-num">{{ safeFileList.length }}</span>
    <span class="count-text">个文件</span>
    </div>
    <el-icon class="upload-icon"><ArrowDown /></el-icon>
    ......@@ -144,12 +144,12 @@ import { ElMessageBox, ElMessage } from "element-plus";
    import moment from "moment";
    import windowConfig from "@/window";
    // 引入需要的图标
    import { Document, Download, Delete } from "@element-plus/icons-vue";
    import { Document, Download, Delete, ArrowDown } from "@element-plus/icons-vue"; // 补充缺失的 ArrowDown 图标
    // 定义组件 props（设置默认值，无需外部传参）
    // 定义组件 props（放宽类型限制，增加兼容性）
    const props = defineProps({
    modelValue: {
    type: Array,
    type: [Array, String, Number], // 兼容更多类型
    default: () => [],
    required: true,
    },
    ......@@ -192,13 +192,15 @@ const emit = defineEmits(["update:modelValue"]);
    const selectedIds = ref([]);
    const popoverVisible = ref(false);
    // 计算属性：获取文件列表（双向绑定）
    const fileList = computed({
    // 核心：安全处理文件列表，将非数组值转为空数组
    const safeFileList = computed({
    get() {
    return props.modelValue;
    // 校验：如果是数组则直接返回，否则转为空数组
    return Array.isArray(props.modelValue) ? props.modelValue : [];
    },
    set(value) {
    emit("update:modelValue", value);
    // 向外发射的值始终是数组，保证数据类型统一
    emit("update:modelValue", Array.isArray(value) ? value : []);
    },
    });
    ......@@ -210,7 +212,7 @@ const formatDate = (date) => {
    // 文件上传成功处理
    const handleUploadSuccess = (res) => {
    if (res && res.data) {
    fileList.value = [...fileList.value, res.data];
    safeFileList.value = [...safeFileList.value, res.data]; // 改用 safeFileList
    console.log("上传成功：", res.data);
    ElMessage.success("文件上传成功");
    popoverVisible.value = false;
    ......@@ -253,9 +255,9 @@ const handleDelete = (index) => {
    type: "warning",
    })
    .then(() => {
    const newList = [...fileList.value];
    const newList = [...safeFileList.value]; // 改用 safeFileList
    newList.splice(index, 1);
    fileList.value = newList;
    safeFileList.value = newList; // 改用 safeFileList
    // 删除后关闭popover
    popoverVisible.value = false;
    })
    ......@@ -270,20 +272,21 @@ const handleMultiDelete = () => {
    type: "warning",
    })
    .then(() => {
    const newList = fileList.value.filter(
    const newList = safeFileList.value.filter(
    // 改用 safeFileList
    (item) => !selectedIds.value.includes(item.id),
    );
    fileList.value = newList;
    safeFileList.value = newList; // 改用 safeFileList
    selectedIds.value = [];
    })
    .catch(() => {});
    };
    // 监听外部文件列表变化
    // 监听外部文件列表变化（改为监听 safeFileList，无需额外处理）
    watch(
    () => props.modelValue,
    () => safeFileList.value,
    (newVal) => {
    fileList.value = newVal;
    // 空监听，仅保证响应式（safeFileList 已处理类型兼容）
    },
    { deep: true },
    );
    ......
    src/views/investingManage/addControl.vue
    View file @ 05d4eaef
    ......@@ -19,16 +19,26 @@
    <el-row :gutter="20">
    <el-col :span="12">
    <el-form-item label="项目信息" required>
    <el-select v-model="formData.projectId" placeholder="请选择" no-data-text="暂无数据">
    <el-option v-for="item in projectList" :key="item.id"
    :label="item.projectName" :value="item.id"
    <el-select
    v-model="formData.projectId"
    placeholder="请选择"
    no-data-text="暂无数据"
    >
    <el-option
    v-for="item in projectList"
    :key="item.id"
    :label="item.projectName"
    :value="item.id"
    ></el-option>
    </el-select>
    </el-form-item>
    </el-col>
    </el-row>
    </el-collapse-item>
    <el-collapse-item title="费用分项控制、阶段对比表" name="费用分项控制、阶段对比表">
    <el-collapse-item
    title="费用分项控制、阶段对比表"
    name="费用分项控制、阶段对比表"
    >
    <el-row :gutter="20">
    <template v-if="fyfxkzIsEdit">
    <el-col :span="6">
    ......@@ -55,181 +65,390 @@
    <el-col :span="6" :offset="fyfxkzIsEdit ? 6 : 18">
    <div class="tab-handle">
    <template v-if="fyfxkzIsEdit">
    <el-button type="default" size="small" @click="cancelFyfxkz">取消</el-button>
    <el-button type="primary" size="small" @click="saveFyfxkz">确定</el-button>
    <el-button
    type="default"
    size="small"
    @click="cancelFyfxkz"
    >取消</el-button
    >
    <el-button
    type="primary"
    size="small"
    @click="saveFyfxkz"
    >确定</el-button
    >
    </template>
    <template v-else>
    <el-select v-model="selectRange" placeholder="请选择" no-data-text="暂无数据"
    :style="{width: '200px', marginRight: '20px'}"
    <el-select
    v-model="selectRange"
    placeholder="请选择"
    no-data-text="暂无数据"
    :style="{ width: '200px', marginRight: '20px' }"
    @change="changeRange"
    >
    <el-option v-for="item in rangeList" :key="item.key"
    :label="item.key" :value="item.key"
    <el-option
    v-for="item in rangeList"
    :key="item.key"
    :label="item.key"
    :value="item.key"
    ></el-option>
    </el-select>
    <el-button v-if="selectRange" type="primary" size="small" @click="editFyfxkz">编辑</el-button>
    <el-button type="primary" size="small" @click="addFyfxkz">新增</el-button>
    <el-button
    v-if="selectRange"
    type="primary"
    size="small"
    @click="editFyfxkz"
    >编辑</el-button
    >
    <el-button
    type="primary"
    size="small"
    @click="addFyfxkz"
    >新增</el-button
    >
    </template>
    </div>
    </el-col>
    </el-row>
    <el-row :gutter="20">
    <el-col :span="24">
    <el-table :data="fyfxkzData" style="width: 100%" empty-text="暂无数据" border height="500">
    <el-table
    :data="fyfxkzData"
    style="width: 100%"
    empty-text="暂无数据"
    border
    height="500"
    >
    <el-table-column type="index" label="序号" width="60" />
    <el-table-column prop="xm" label="项目" width="240">
    <template #default="scope">
    <el-input v-model="scope.row.xm" :disabled="!fyfxkzIsEdit"/>
    <el-input
    v-model="scope.row.xm"
    :disabled="!fyfxkzIsEdit"
    />
    </template>
    </el-table-column>
    <el-table-column prop="zbgs" label="招标估算" width="180">
    <el-table-column
    prop="zbgs"
    label="招标估算"
    width="180"
    >
    <template #default="scope">
    <el-input-number v-model="scope.row.zbgs" :min="0" :max="99999999999.99999999"
    controls-position="right" :disabled="!fyfxkzIsEdit"
    <el-input-number
    v-model="scope.row.zbgs"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    :disabled="!fyfxkzIsEdit"
    />
    </template>
    </el-table-column>
    <el-table-column prop="jcgs" label="决策估算" width="180">
    <el-table-column
    prop="jcgs"
    label="决策估算"
    width="180"
    >
    <template #default="scope">
    <el-input-number v-model="scope.row.jcgs" :min="0" :max="99999999999.99999999"
    controls-position="right" :disabled="!fyfxkzIsEdit"
    <el-input-number
    v-model="scope.row.jcgs"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    :disabled="!fyfxkzIsEdit"
    />
    </template>
    </el-table-column>
    <el-table-column prop="pfgusuan" label="批复估算" width="180">
    <el-table-column
    prop="pfgusuan"
    label="批复估算"
    width="180"
    >
    <template #default="scope">
    <el-input-number v-model="scope.row.pfgusuan" :min="0" :max="99999999999.99999999"
    controls-position="right" :disabled="!fyfxkzIsEdit"
    <el-input-number
    v-model="scope.row.pfgusuan"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    :disabled="!fyfxkzIsEdit"
    />
    </template>
    </el-table-column>
    <el-table-column prop="pfgs" label="批复概算" width="180">
    <el-table-column
    prop="pfgs"
    label="批复概算"
    width="180"
    >
    <template #default="scope">
    <el-input-number v-model="scope.row.pfgs" :min="0" :max="99999999999.99999999"
    controls-position="right" :disabled="!fyfxkzIsEdit"
    <el-input-number
    v-model="scope.row.pfgs"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    :disabled="!fyfxkzIsEdit"
    />
    </template>
    </el-table-column>
    <el-table-column prop="tkjgs" label="同口径概算" width="180">
    <el-table-column
    prop="tkjgs"
    label="同口径概算"
    width="180"
    >
    <template #default="scope">
    <el-input-number v-model="scope.row.tkjgs" :min="0" :max="99999999999.99999999"
    controls-position="right" :disabled="!fyfxkzIsEdit"
    <el-input-number
    v-model="scope.row.tkjgs"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    :disabled="!fyfxkzIsEdit"
    />
    </template>
    </el-table-column>
    <el-table-column prop="pfys" label="批复预算" width="180">
    <el-table-column
    prop="pfys"
    label="批复预算"
    width="180"
    >
    <template #default="scope">
    <el-input-number v-model="scope.row.pfys" :min="0" :max="99999999999.99999999"
    controls-position="right" :disabled="!fyfxkzIsEdit"
    <el-input-number
    v-model="scope.row.pfys"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    :disabled="!fyfxkzIsEdit"
    />
    </template>
    </el-table-column>
    <el-table-column prop="zbqy" label="招标签约" width="180">
    <el-table-column
    prop="zbqy"
    label="招标签约"
    width="180"
    >
    <template #default="scope">
    <el-input-number v-model="scope.row.zbqy" :min="0" :max="99999999999.99999999"
    controls-position="right" :disabled="!fyfxkzIsEdit"
    <el-input-number
    v-model="scope.row.zbqy"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    :disabled="!fyfxkzIsEdit"
    />
    </template>
    </el-table-column>
    <el-table-column prop="jgjssj" label="竣工决算审计" width="180">
    <el-table-column
    prop="jgjssj"
    label="竣工决算审计"
    width="180"
    >
    <template #default="scope">
    <el-input-number v-model="scope.row.jgjssj" :min="0" :max="99999999999.99999999"
    controls-position="right" :disabled="!fyfxkzIsEdit"
    <el-input-number
    v-model="scope.row.jgjssj"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    :disabled="!fyfxkzIsEdit"
    />
    </template>
    </el-table-column>
    <el-table-column prop="sqyc" label="上期预测" width="180">
    <el-table-column
    prop="sqyc"
    label="上期预测"
    width="180"
    >
    <template #default="scope">
    <el-input-number v-model="scope.row.sqyc" :min="0" :max="99999999999.99999999"
    controls-position="right" :disabled="!fyfxkzIsEdit"
    <el-input-number
    v-model="scope.row.sqyc"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    :disabled="!fyfxkzIsEdit"
    />
    </template>
    </el-table-column>
    <el-table-column prop="bqyc" label="本期预测" width="180">
    <el-table-column
    prop="bqyc"
    label="本期预测"
    width="180"
    >
    <template #default="scope">
    <el-input-number v-model="scope.row.bqyc" :min="0" :max="99999999999.99999999"
    controls-position="right" :disabled="!fyfxkzIsEdit"
    <el-input-number
    v-model="scope.row.bqyc"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    :disabled="!fyfxkzIsEdit"
    />
    </template>
    </el-table-column>
    <el-table-column prop="bqjsq" label="本期-上期" width="180">
    <el-table-column
    prop="bqjsq"
    label="本期-上期"
    width="180"
    >
    <template #default="scope">
    <el-input-number v-model="scope.row.bqjsq" :min="0" :max="99999999999.99999999"
    controls-position="right" :disabled="!fyfxkzIsEdit"
    <el-input-number
    v-model="scope.row.bqjsq"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    :disabled="!fyfxkzIsEdit"
    />
    </template>
    </el-table-column>
    <el-table-column prop="cysm" label="本期较上期差异原因说明" width="240">
    <el-table-column
    prop="cysm"
    label="本期较上期差异原因说明"
    width="240"
    >
    <template #default="scope">
    <el-input v-model="scope.row.cysm" type="textarea" :disabled="!fyfxkzIsEdit" />
    <el-input
    v-model="scope.row.cysm"
    type="textarea"
    :disabled="!fyfxkzIsEdit"
    />
    </template>
    </el-table-column>
    </el-table>
    </el-col>
    </el-row>
    </el-collapse-item>
    <el-collapse-item title="决策条件落实情况" name="决策条件落实情况">
    <el-collapse-item
    title="决策条件落实情况"
    name="决策条件落实情况"
    >
    <el-row :gutter="20">
    <el-col :span="12">
    <el-form-item label="决策单位">
    <el-select v-model="formData.jcdw" placeholder="请选择" no-data-text="暂无数据">
    <el-option v-for="item in jcdwList" :key="item.key"
    :label="item.name" :value="item.key"
    <el-select
    v-model="formData.jcdw"
    placeholder="请选择"
    no-data-text="暂无数据"
    >
    <el-option
    v-for="item in jcdwList"
    :key="item.key"
    :label="item.name"
    :value="item.key"
    ></el-option>
    </el-select>
    </el-form-item>
    </el-col>
    <el-col :span="24">
    <el-form-item label="项目批复意见落实情况" :label-width="170"></el-form-item>
    <el-form-item
    label="项目批复意见落实情况"
    :label-width="170"
    ></el-form-item>
    <div class="tab-handle">
    <el-button type="primary" size="small" @click="addPfyjlsqk">新增</el-button>
    <el-button
    type="primary"
    size="small"
    @click="addPfyjlsqk"
    >新增</el-button
    >
    </div>
    <el-table :data="pfyjlsqkData" style="width: 100%" empty-text="暂无数据" border>
    <el-table
    :data="pfyjlsqkData"
    style="width: 100%"
    empty-text="暂无数据"
    border
    >
    <el-table-column type="index" width="60" />
    <el-table-column prop="zyx" label="重要性" width="180">
    <template #default="scope">
    <el-input v-model="scope.row.zyx" />
    </template>
    </el-table-column>
    <el-table-column prop="ssjd" label="实施阶段" width="180">
    <el-table-column
    prop="ssjd"
    label="实施阶段"
    width="180"
    >
    <template #default="scope">
    <el-select v-model="scope.row.ssjd" placeholder="请选择" no-data-text="暂无数据">
    <el-option v-for="item in ssjdList" :key="item.key"
    :label="item.name" :value="item.key"
    <el-select
    v-model="scope.row.ssjd"
    placeholder="请选择"
    no-data-text="暂无数据"
    >
    <el-option
    v-for="item in ssjdList"
    :key="item.key"
    :label="item.name"
    :value="item.key"
    ></el-option>
    </el-select>
    </template>
    </el-table-column>
    <el-table-column prop="pfnr" label="批复内容" width="180">
    <el-table-column
    prop="pfnr"
    label="批复内容"
    width="180"
    >
    <template #default="scope">
    <el-input v-model="scope.row.pfnr" type="textarea" />
    <el-input
    v-model="scope.row.pfnr"
    type="textarea"
    />
    </template>
    </el-table-column>
    <el-table-column prop="pfyjlsqkjtsm" label="批复意见落实情况具体说明" width="180">
    <el-table-column
    prop="pfyjlsqkjtsm"
    label="批复意见落实情况具体说明"
    width="180"
    >
    <template #default="scope">
    <el-input v-model="scope.row.pfyjlsqkjtsm" type="textarea" />
    <el-input
    v-model="scope.row.pfyjlsqkjtsm"
    type="textarea"
    />
    </template>
    </el-table-column>
    <el-table-column prop="lszxqk" label="落实（执行）情况" width="180">
    <el-table-column
    prop="lszxqk"
    label="落实（执行）情况"
    width="180"
    >
    <template #default="scope">
    <el-select v-model="scope.row.lszxqk" placeholder="请选择" no-data-text="暂无数据">
    <el-option v-for="item in lsqkList" :key="item.key"
    :label="item.name" :value="item.key"
    <el-select
    v-model="scope.row.lszxqk"
    placeholder="请选择"
    no-data-text="暂无数据"
    >
    <el-option
    v-for="item in lsqkList"
    :key="item.key"
    :label="item.name"
    :value="item.key"
    ></el-option>
    </el-select>
    </template>
    </el-table-column>
    <el-table-column prop="wlsyy" label="未落实原因" width="180">
    <el-table-column
    prop="wlsyy"
    label="未落实原因"
    width="180"
    >
    <template #default="scope">
    <el-input v-model="scope.row.wlsyy" type="textarea" />
    <el-input
    v-model="scope.row.wlsyy"
    type="textarea"
    />
    </template>
    </el-table-column>
    <el-table-column prop="xybgzcs" label="下一步工作措施" width="180">
    <el-table-column
    prop="xybgzcs"
    label="下一步工作措施"
    width="180"
    >
    <template #default="scope">
    <el-input v-model="scope.row.xybgzcs" type="textarea" />
    <el-input
    v-model="scope.row.xybgzcs"
    type="textarea"
    />
    </template>
    </el-table-column>
    <el-table-column prop="yjwcsj" label="预计完成时间" width="260">
    <el-table-column
    prop="yjwcsj"
    label="预计完成时间"
    width="260"
    >
    <template #default="scope">
    <el-date-picker
    v-model="scope.row.yjwcsj"
    ......@@ -239,17 +458,29 @@
    />
    </template>
    </el-table-column>
    <el-table-column prop="zrld" label="责任领导" width="180">
    <el-table-column
    prop="zrld"
    label="责任领导"
    width="180"
    >
    <template #default="scope">
    <el-input v-model="scope.row.zrld" />
    </template>
    </el-table-column>
    <el-table-column prop="zrbmjzrr" label="责任部门及责任人" width="180">
    <el-table-column
    prop="zrbmjzrr"
    label="责任部门及责任人"
    width="180"
    >
    <template #default="scope">
    <el-input v-model="scope.row.zrbmjzrr" />
    </template>
    </el-table-column>
    <el-table-column prop="sfgx" label="是否更新" width="160">
    <el-table-column
    prop="sfgx"
    label="是否更新"
    width="160"
    >
    <template #default="scope">
    <el-radio-group v-model="scope.row.sfgx">
    <el-radio value="1">是</el-radio>
    ......@@ -257,20 +488,35 @@
    </el-radio-group>
    </template>
    </el-table-column>
    <el-table-column label="文件上传" prop="wjsc" width="180">
    <el-table-column
    label="文件上传"
    prop="wjsc"
    width="180"
    >
    <template #default="scope">
    <el-upload
    v-if="!scope.row.wjsc"
    :action="windowConfig.baseUrl + '/api/file/upload'"
    :headers="{Authorization: token}"
    :action="
    windowConfig.baseUrl + '/api/file/upload'
    "
    :headers="{ Authorization: token }"
    :show-file-list="false"
    :on-success="(res, file) => addWjscFile(res, file, scope.row)"
    :on-success="
    (res, file) => addWjscFile(res, file, scope.row)
    "
    >
    <el-button link type="primary">上传</el-button>
    </el-upload>
    <div class="upload-file-wrap" v-else>
    <span class="file-name" @click="downloadFile(scope.row.wjsc)">{{ scope.row.wjsc.originalname }}</span>
    <span class="delete-btn" @click="deleteWjscFile(scope.row, scope.$index)">
    <span
    class="file-name"
    @click="downloadFile(scope.row.wjsc)"
    >{{ scope.row.wjsc.originalname }}</span
    >
    <span
    class="delete-btn"
    @click="deleteWjscFile(scope.row, scope.$index)"
    >
    <el-icon><CloseBold /></el-icon>
    </span>
    </div>
    ......@@ -283,61 +529,120 @@
    </el-table-column>
    <el-table-column label="操作" width="60" fixed="right">
    <template #default="scope">
    <el-button link type="danger" size="small" @click="deletePfyjlsqk(scope.$index)">删除</el-button>
    <el-button
    link
    type="danger"
    size="small"
    @click="deletePfyjlsqk(scope.$index)"
    >删除</el-button
    >
    </template>
    </el-table-column>
    </el-table>
    </el-col>
    </el-row>
    </el-collapse-item>
    <el-collapse-item title="其他建设目标重大偏差" name="其他建设目标重大偏差">
    <el-collapse-item
    title="其他建设目标重大偏差"
    name="其他建设目标重大偏差"
    >
    <el-row :gutter="20">
    <el-col :span="24">
    <el-form-item label="工期" :label-width="50"></el-form-item>
    <el-form-item
    label="工期"
    :label-width="50"
    ></el-form-item>
    <div class="tab-handle">
    <el-button type="primary" size="small" @click="addGq">新增</el-button>
    <el-button type="primary" size="small" @click="addGq"
    >新增</el-button
    >
    </div>
    <el-table :data="gqData" style="width: 100%" empty-text="暂无数据" border>
    <el-table
    :data="gqData"
    style="width: 100%"
    empty-text="暂无数据"
    border
    >
    <el-table-column type="index" width="60" />
    <el-table-column label="监理开工令上传" prop="jlkglsc" width="180">
    <el-table-column
    label="监理开工令上传"
    prop="jlkglsc"
    width="180"
    >
    <template #default="scope">
    <el-upload
    v-if="!scope.row.jlkglsc"
    :action="windowConfig.baseUrl + '/api/file/upload'"
    :headers="{Authorization: token}"
    :action="
    windowConfig.baseUrl + '/api/file/upload'
    "
    :headers="{ Authorization: token }"
    :show-file-list="false"
    :on-success="(res, file) => addJlkglFile(res, file, scope.row)"
    :on-success="
    (res, file) =>
    addJlkglFile(res, file, scope.row)
    "
    >
    <el-button link type="primary">上传</el-button>
    </el-upload>
    <div class="upload-file-wrap" v-else>
    <span class="file-name" @click="downloadFile(scope.row.jlkglsc)">{{ scope.row.jlkglsc.originalname }}</span>
    <span class="delete-btn" @click="deleteJlkglFile(scope.row, scope.$index)">
    <span
    class="file-name"
    @click="downloadFile(scope.row.jlkglsc)"
    >{{ scope.row.jlkglsc.originalname }}</span
    >
    <span
    class="delete-btn"
    @click="
    deleteJlkglFile(scope.row, scope.$index)
    "
    >
    <el-icon><CloseBold /></el-icon>
    </span>
    </div>
    </template>
    </el-table-column>
    <el-table-column label="行业主管部门施工许可证上传" prop="sgxkzsc" width="180">
    <el-table-column
    label="行业主管部门施工许可证上传"
    prop="sgxkzsc"
    width="180"
    >
    <template #default="scope">
    <el-upload
    v-if="!scope.row.sgxkzsc"
    :action="windowConfig.baseUrl + '/api/file/upload'"
    :headers="{Authorization: token}"
    :action="
    windowConfig.baseUrl + '/api/file/upload'
    "
    :headers="{ Authorization: token }"
    :show-file-list="false"
    :on-success="(res, file) => addSgxkzFile(res, file, scope.row)"
    :on-success="
    (res, file) =>
    addSgxkzFile(res, file, scope.row)
    "
    >
    <el-button link type="primary">上传</el-button>
    </el-upload>
    <div class="upload-file-wrap" v-else>
    <span class="file-name" @click="downloadFile(scope.row.sgxkzsc)">{{ scope.row.sgxkzsc.originalname }}</span>
    <span class="delete-btn" @click="deleteSgxkzFile(scope.row, scope.$index)">
    <span
    class="file-name"
    @click="downloadFile(scope.row.sgxkzsc)"
    >{{ scope.row.sgxkzsc.originalname }}</span
    >
    <span
    class="delete-btn"
    @click="
    deleteSgxkzFile(scope.row, scope.$index)
    "
    >
    <el-icon><CloseBold /></el-icon>
    </span>
    </div>
    </template>
    </el-table-column>
    <el-table-column prop="kglsj" label="监理开工令开工时间" width="260">
    <el-table-column
    prop="kglsj"
    label="监理开工令开工时间"
    width="260"
    >
    <template #default="scope">
    <el-date-picker
    v-model="scope.row.kglsj"
    ......@@ -347,7 +652,11 @@
    />
    </template>
    </el-table-column>
    <el-table-column prop="sgxksj" label="施工许可时间" width="260">
    <el-table-column
    prop="sgxksj"
    label="施工许可时间"
    width="260"
    >
    <template #default="scope">
    <el-date-picker
    v-model="scope.row.sgxksj"
    ......@@ -357,7 +666,11 @@
    />
    </template>
    </el-table-column>
    <el-table-column prop="yjsjwgsj" label="预计/实际完成时间" width="260">
    <el-table-column
    prop="yjsjwgsj"
    label="预计/实际完成时间"
    width="260"
    >
    <template #default="scope">
    <el-date-picker
    v-model="scope.row.yjsjwgsj"
    ......@@ -367,50 +680,103 @@
    />
    </template>
    </el-table-column>
    <el-table-column prop="htgqydms" label="合同工期约定描述" width="180">
    <el-table-column
    prop="htgqydms"
    label="合同工期约定描述"
    width="180"
    >
    <template #default="scope">
    <el-input v-model="scope.row.htgqydms" type="textarea" />
    <el-input
    v-model="scope.row.htgqydms"
    type="textarea"
    />
    </template>
    </el-table-column>
    <el-table-column prop="gqywsm" label="工期延误说明" width="180">
    <el-table-column
    prop="gqywsm"
    label="工期延误说明"
    width="180"
    >
    <template #default="scope">
    <el-input v-model="scope.row.gqywsm" type="textarea" />
    <el-input
    v-model="scope.row.gqywsm"
    type="textarea"
    />
    </template>
    </el-table-column>
    <el-table-column prop="gqtqsm" label="工期提前说明" width="180">
    <el-table-column
    prop="gqtqsm"
    label="工期提前说明"
    width="180"
    >
    <template #default="scope">
    <el-input v-model="scope.row.gqtqsm" type="textarea" />
    <el-input
    v-model="scope.row.gqtqsm"
    type="textarea"
    />
    </template>
    </el-table-column>
    <el-table-column label="操作" width="60" fixed="right">
    <template #default="scope">
    <el-button link type="danger" size="small" @click="deleteGq(scope.$index)">删除</el-button>
    <el-button
    link
    type="danger"
    size="small"
    @click="deleteGq(scope.$index)"
    >删除</el-button
    >
    </template>
    </el-table-column>
    </el-table>
    </el-col>
    <el-col :span="24">
    <el-form-item label="安全质量环保" :label-width="100"></el-form-item>
    <el-form-item
    label="安全质量环保"
    :label-width="100"
    ></el-form-item>
    <div class="tab-handle">
    <el-button type="primary" size="small" @click="addAqzlhb">新增</el-button>
    <el-button
    type="primary"
    size="small"
    @click="addAqzlhb"
    >新增</el-button
    >
    </div>
    <el-table :data="aqzlhbData" style="width: 100%" empty-text="暂无数据" border>
    <el-table
    :data="aqzlhbData"
    style="width: 100%"
    empty-text="暂无数据"
    border
    >
    <el-table-column type="index" width="60" />
    <el-table-column prop="jlkglsc" label="目标描述">
    <template #default="scope">
    <el-input v-model="scope.row.jlkglsc" type="textarea" />
    <el-input
    v-model="scope.row.jlkglsc"
    type="textarea"
    />
    </template>
    </el-table-column>
    <el-table-column prop="ly" label="来源">
    <template #default="scope">
    <el-select v-model="scope.row.ly" placeholder="请选择" no-data-text="暂无数据">
    <el-option v-for="item in lyList" :key="item.key"
    :label="item.name" :value="item.key"
    <el-select
    v-model="scope.row.ly"
    placeholder="请选择"
    no-data-text="暂无数据"
    >
    <el-option
    v-for="item in lyList"
    :key="item.key"
    :label="item.name"
    :value="item.key"
    ></el-option>
    </el-select>
    </template>
    </el-table-column>
    <el-table-column prop="sffsaqzlhbwt" label="是否发生安全质量环保问题被行政处罚">
    <el-table-column
    prop="sffsaqzlhbwt"
    label="是否发生安全质量环保问题被行政处罚"
    >
    <template #default="scope">
    <el-radio-group v-model="scope.row.sffsaqzlhbwt">
    <el-radio value="1">是</el-radio>
    ......@@ -420,53 +786,57 @@
    </el-table-column>
    <el-table-column label="操作" width="60" fixed="right">
    <template #default="scope">
    <el-button link type="danger" size="small" @click="deleteAqzlhb(scope.$index)">删除</el-button>
    <el-button
    link
    type="danger"
    size="small"
    @click="deleteAqzlhb(scope.$index)"
    >删除</el-button
    >
    </template>
    </el-table-column>
    </el-table>
    </el-col>
    <el-col :span="24">
    <el-col :span="24" class="fileCla">
    <el-form-item label="文件上传">
    <el-upload
    <FileUploader
    v-model="formData.qtjsmbzdpc"
    ></FileUploader>
    </el-form-item>
    <!-- <el-upload
    :action="windowConfig.baseUrl + '/api/file/upload'"
    :headers="{Authorization: token}"
    :headers="{ Authorization: token }"
    :show-file-list="false"
    multiple
    :on-success="addMbpcFile"
    >
    <el-button type="default">上传</el-button>
    </el-upload>
    <el-button type="default" @click="multiDeleteMbpc" :disabled="!mbpcSelectIds.length">删除选中文件</el-button>
    </el-form-item>
    <el-table :data="mbpcData" style="width: 100%" empty-text="暂无数据" border
    @selection-change="mbpcSelectionChange"
    >
    <el-table-column type="selection" width="55" />
    <el-table-column prop="originalname" label="文件名" />
    <el-table-column prop="updatedAt" label="上传时间">
    <template #default="{ row, index }">
    <span>{{ moment(row.updatedAt).format("YYYY-MM-DD HH:mm:SS") }}</span>
    </template>
    </el-table-column>
    <el-table-column prop="size" label="大小" />
    <el-table-column fixed="right" label="操作" width="100">
    <template #default="{ row, index }">
    <!-- 需要在查看表单disabled时保持允许下载 -->
    <span class="always-click" @click="downloadFile(row)">下载</span>
    <el-button link type="danger" size="small" @click="deleteMbpc(index)">删除</el-button>
    </template>
    </el-table-column>
    </el-table>
    <el-button
    type="default"
    @click="multiDeleteMbpc"
    :disabled="!mbpcSelectIds.length"
    >删除选中文件</el-button
    > -->
    </el-col>
    </el-row>
    </el-collapse-item>
    <el-collapse-item title="投资收益" name="投资收益">
    <el-row :gutter="20">
    <el-col :span="24">
    <el-form-item label="财务评价主要边界条件变化对比表" :label-width="230"></el-form-item>
    <el-table :data="cwpjData" style="width: 100%" empty-text="暂无数据" border height="500">
    <el-form-item
    label="财务评价主要边界条件变化对比表"
    :label-width="230"
    ></el-form-item>
    <el-table
    :data="cwpjData"
    style="width: 100%"
    empty-text="暂无数据"
    border
    height="500"
    >
    <el-table-column type="index" label="序号" width="60" />
    <el-table-column prop="bjtj" label="边界条件"/>
    <el-table-column prop="bjtj" label="边界条件" />
    <el-table-column prop="jc" label="决策">
    <template #default="scope">
    <el-input v-model="scope.row.jc" />
    ......@@ -479,14 +849,26 @@
    </el-table-column>
    <el-table-column prop="zycysm" label="主要差异说明">
    <template #default="scope">
    <el-input v-model="scope.row.zycysm" type="textarea" />
    <el-input
    v-model="scope.row.zycysm"
    type="textarea"
    />
    </template>
    </el-table-column>
    </el-table>
    </el-col>
    <el-col :span="24">
    <el-form-item label="投资收益指标变化对比表" :label-width="170"></el-form-item>
    <el-table :data="tzsyData" style="width: 100%" empty-text="暂无数据" border height="500">
    <el-form-item
    label="投资收益指标变化对比表"
    :label-width="170"
    ></el-form-item>
    <el-table
    :data="tzsyData"
    style="width: 100%"
    empty-text="暂无数据"
    border
    height="500"
    >
    <el-table-column type="index" label="序号" width="60" />
    <el-table-column prop="pjzb" label="评价指标" />
    <el-table-column prop="jczb" label="决策指标">
    ......@@ -512,97 +894,103 @@
    </div>
    </template>
    <script setup>
    import { reactive, ref, onMounted, getCurrentInstance, h } from "vue";
    import { useRouter, useRoute } from "vue-router";
    import { ElMessage, ElMessageBox } from "element-plus";
    import { useUserStore } from "@/stores/user.js";
    const userStore = useUserStore();
    const router = useRouter();
    const route = useRoute();
    const { proxy } = getCurrentInstance();
    let token = ref("");
    token.value = userStore.authToken || sessionStorage.getItem("authToken") || "";
    import { reactive, ref, onMounted, getCurrentInstance } from "vue";
    import { useRouter, useRoute } from "vue-router";
    import { ElMessage, ElMessageBox } from "element-plus";
    import FileUploader from "@/components/FileUploader/index.vue";
    const activeCollapse = reactive([
    "投资额控制", "费用分项控制、阶段对比表", "决策条件落实情况", "其他建设目标重大偏差", "投资收益"
    ]);
    let formData = reactive({});
    let loading = ref(false);
    import { useUserStore } from "@/stores/user.js";
    const userStore = useUserStore();
    const router = useRouter();
    const route = useRoute();
    const { proxy } = getCurrentInstance();
    let token = ref("");
    token.value = userStore.authToken || sessionStorage.getItem("authToken") || "";
    // 项目列表
    let projectList = ref([]);
    const getProjectData = () => {
    const activeCollapse = reactive([
    "投资额控制",
    "费用分项控制、阶段对比表",
    "决策条件落实情况",
    "其他建设目标重大偏差",
    "投资收益",
    ]);
    let formData = reactive({});
    let loading = ref(false);
    // 项目列表
    let projectList = ref([]);
    const getProjectData = () => {
    proxy.$post({
    url: "/api/project/listProject",
    data: {
    page: 1,
    pagesize: 1000,
    attributes: [],
    menuType: "xmjc"
    menuType: "xmjc",
    },
    callback: (data) => {
    projectList.value = data.rows;
    }
    })
    };
    // 费用分项控制、阶段对比表
    const fyfxkzFormData = reactive({});
    let rangeList = ref([]); // 往期列表
    const selectRange = ref(""); // 选择查看往期数据
    const fyfxkzDefaultData = [
    },
    });
    };
    // 费用分项控制、阶段对比表
    const fyfxkzFormData = reactive({});
    let rangeList = ref([]); // 往期列表
    const selectRange = ref(""); // 选择查看往期数据
    const fyfxkzDefaultData = [
    {
    xm: "建筑安装工程费"
    xm: "建筑安装工程费",
    },
    {
    xm: "土地使用及拆迁补偿费"
    xm: "土地使用及拆迁补偿费",
    },
    {
    xm: "项目建设其他费"
    xm: "项目建设其他费",
    },
    {
    xm: "建设单位管理费"
    xm: "建设单位管理费",
    },
    {
    xm: "信息化费"
    xm: "信息化费",
    },
    {
    xm: "监理费"
    xm: "监理费",
    },
    {
    xm: "预备费"
    xm: "预备费",
    },
    {
    xm: "建设期贷款利息"
    xm: "建设期贷款利息",
    },
    {
    xm: "新增费用"
    xm: "新增费用",
    },
    {
    xm: "合计"
    }
    ];
    let fyfxkzData = ref([]);
    let fyfxkzIsEdit = ref(false);
    xm: "合计",
    },
    ];
    let fyfxkzData = ref([]);
    let fyfxkzIsEdit = ref(false);
    let isPreview = !!route.query.isPreview;
    let controlId = route.query.controlId;
    const getControlInfo = () => {
    let isPreview = !!route.query.isPreview;
    let controlId = route.query.controlId;
    const getControlInfo = () => {
    loading.value = true;
    proxy.$post({
    url: "/api/project/getTzkzInfo",
    data: {
    id: controlId
    id: controlId,
    },
    callback: (res) => {
    loading.value = false;
    Object.assign(formData, res);
    if (res.tzkztzekzs && res.tzkztzekzs.length) {
    rangeList.value = res.tzkztzekzs.map(item => {
    rangeList.value = res.tzkztzekzs.map((item) => {
    return {
    ...item,
    bqsj: proxy.moment(item.bqsj).format("YYYY-MM"),
    sqsj: proxy.moment(item.sqsj).format("YYYY-MM")
    }
    sqsj: proxy.moment(item.sqsj).format("YYYY-MM"),
    };
    });
    selectRange.value = res.tzkztzekzs[0].key;
    fyfxkzData.value = res.tzkztzekzs[0].tables;
    ......@@ -610,18 +998,17 @@
    Object.assign(pfyjlsqkData.value, res.tzkzjcpfyjs);
    Object.assign(gqData.value, res.tzkzgqs);
    Object.assign(aqzlhbData.value, res.tzkzaqzlhbs);
    Object.assign(mbpcData.value, res.qtjsmbzdpc);
    Object.assign(cwpjData.value, res.tzkzcwpjs);
    Object.assign(tzsyData.value, res.tzkztzsys);
    }
    },
    });
    };
    let ssjdList = reactive([]);
    let jcdwList = reactive([]);
    let lsqkList = reactive([]);
    let lyList = reactive([]); // 安全质量环保-来源列表
    };
    let ssjdList = reactive([]);
    let jcdwList = reactive([]);
    let lsqkList = reactive([]);
    let lyList = reactive([]); // 安全质量环保-来源列表
    onMounted(() => {
    onMounted(() => {
    getProjectData();
    let resourceData = JSON.parse(sessionStorage.getItem("resourceData"));
    ssjdList = resourceData.ssjd;
    ......@@ -635,43 +1022,45 @@
    fyfxkzData.value = JSON.parse(JSON.stringify(fyfxkzDefaultData));
    fyfxkzIsEdit.value = true;
    }
    });
    // 新增费用分项控制、阶段对比表
    const addFyfxkz = () => {
    });
    // 新增费用分项控制、阶段对比表
    const addFyfxkz = () => {
    selectRange.value = "";
    fyfxkzIsEdit.value = true;
    fyfxkzData.value = JSON.parse(JSON.stringify(fyfxkzDefaultData));
    };
    const editFyfxkz = () => {
    };
    const editFyfxkz = () => {
    fyfxkzIsEdit.value = true;
    let selectData = rangeList.value.filter(item => item.key === selectRange.value);
    let selectData = rangeList.value.filter(
    (item) => item.key === selectRange.value,
    );
    fyfxkzFormData.bqsj = selectData[0].bqsj;
    fyfxkzFormData.sqsj = selectData[0].sqsj;
    };
    const saveFyfxkz = () => {
    };
    const saveFyfxkz = () => {
    if (fyfxkzFormData.bqsj && fyfxkzFormData.sqsj) {
    if (selectRange.value) {
    rangeList.value = rangeList.value.map(item => {
    rangeList.value = rangeList.value.map((item) => {
    if (item.key === selectRange.value) {
    selectRange.value = fyfxkzFormData.bqsj + "至" + fyfxkzFormData.sqsj;
    return {
    bqsj: fyfxkzFormData.bqsj,
    sqsj: fyfxkzFormData.sqsj,
    key: fyfxkzFormData.bqsj + "至" + fyfxkzFormData.sqsj,
    tables: fyfxkzData.value
    }
    tables: fyfxkzData.value,
    };
    } else {
    return {
    ...item
    ...item,
    };
    }
    })
    });
    } else {
    rangeList.value.push({
    bqsj: fyfxkzFormData.bqsj,
    sqsj: fyfxkzFormData.sqsj,
    key: fyfxkzFormData.bqsj + "至" + fyfxkzFormData.sqsj,
    tables: fyfxkzData.value
    tables: fyfxkzData.value,
    });
    }
    fyfxkzIsEdit.value = false;
    ......@@ -679,14 +1068,16 @@
    selectRange.value = rangeList.value[0].key;
    fyfxkzData.value = rangeList.value[0].tables;
    } else {
    let selectData = rangeList.value.filter(item => item.key === selectRange.value);
    let selectData = rangeList.value.filter(
    (item) => item.key === selectRange.value,
    );
    fyfxkzData.value = selectData.length ? selectData[0].tables : [];
    }
    } else {
    ElMessage.warning("请补充本期及上期时间");
    }
    }
    const cancelFyfxkz = () => {
    };
    const cancelFyfxkz = () => {
    if (selectRange.value) {
    fyfxkzData.value = rangeList.value[0].tables;
    } else if (formData.id) {
    ......@@ -695,212 +1086,220 @@
    fyfxkzData.value = JSON.parse(JSON.stringify(fyfxkzDefaultData));
    }
    fyfxkzIsEdit.value = false;
    }
    const changeRange = (val) => {
    fyfxkzData.value = rangeList.value.filter(item => item.key === val)[0].tables;
    };
    };
    const changeRange = (val) => {
    fyfxkzData.value = rangeList.value.filter(
    (item) => item.key === val,
    )[0].tables;
    };
    // 项目批复意见落实情况
    let pfyjlsqkData = ref([]);
    const addPfyjlsqk = () => {
    // 项目批复意见落实情况
    let pfyjlsqkData = ref([]);
    const addPfyjlsqk = () => {
    pfyjlsqkData.value.push({});
    };
    const addWjscFile = (res, file, row) => {
    };
    const addWjscFile = (res, file, row) => {
    row.wjsc = {};
    Object.assign(row.wjsc, res.data);
    };
    const deleteWjscFile = (row, index) => {
    let {wjsc, ...data} = row;
    };
    const deleteWjscFile = (row, index) => {
    let { wjsc, ...data } = row;
    pfyjlsqkData.value[index] = data;
    };
    const deletePfyjlsqk = (index) => {
    ElMessageBox.confirm("确认删除该项？", "提示",{
    confirmButtonText: '确认',
    cancelButtonText: '取消',
    type: 'warning',
    };
    const deletePfyjlsqk = (index) => {
    ElMessageBox.confirm("确认删除该项？", "提示", {
    confirmButtonText: "确认",
    cancelButtonText: "取消",
    type: "warning",
    }).then(() => {
    pfyjlsqkData.value.splice(index, 1);
    })
    }
    });
    };
    // 其他建设目标重大偏差
    //-工期
    let gqData = ref([]);
    const addGq = () => {
    // 其他建设目标重大偏差
    //-工期
    let gqData = ref([]);
    const addGq = () => {
    gqData.value.push({});
    };
    // --监理开工令上传
    const addJlkglFile = (res, file, row) => {
    };
    // --监理开工令上传
    const addJlkglFile = (res, file, row) => {
    row.jlkglsc = {};
    Object.assign(row.jlkglsc, res.data);
    };
    const deleteJlkglFile = (row, index) => {
    let {wjsc, ...data} = row;
    };
    const deleteJlkglFile = (row, index) => {
    let { wjsc, ...data } = row;
    gqData.value[index] = data;
    };
    // --行业主管部门施工许可证上传
    const addSgxkzFile = (res, file, row) => {
    };
    // --行业主管部门施工许可证上传
    const addSgxkzFile = (res, file, row) => {
    row.sgxkzsc = {};
    Object.assign(row.sgxkzsc, res.data);
    };
    const deleteSgxkzFile = (row, index) => {
    let {wjsc, ...data} = row;
    };
    const deleteSgxkzFile = (row, index) => {
    let { wjsc, ...data } = row;
    gqData.value[index] = data;
    };
    const deleteGq = (index) => {
    ElMessageBox.confirm("确认删除该项？", "提示",{
    confirmButtonText: '确认',
    cancelButtonText: '取消',
    type: 'warning',
    };
    const deleteGq = (index) => {
    ElMessageBox.confirm("确认删除该项？", "提示", {
    confirmButtonText: "确认",
    cancelButtonText: "取消",
    type: "warning",
    }).then(() => {
    gqData.value.splice(index, 1);
    })
    }
    // -安全质量环保
    let aqzlhbData = ref([]);
    const addAqzlhb = () => {
    });
    };
    // -安全质量环保
    let aqzlhbData = ref([]);
    const addAqzlhb = () => {
    aqzlhbData.value.push({});
    };
    const deleteAqzlhb = (index) => {
    ElMessageBox.confirm("确认删除该项？", "提示",{
    confirmButtonText: '确认',
    cancelButtonText: '取消',
    type: 'warning',
    };
    const deleteAqzlhb = (index) => {
    ElMessageBox.confirm("确认删除该项？", "提示", {
    confirmButtonText: "确认",
    cancelButtonText: "取消",
    type: "warning",
    }).then(() => {
    aqzlhbData.value.splice(index, 1);
    })
    }
    });
    };
    // -文件上传
    let mbpcData = ref([]);
    const addMbpcFile = (res, file) => {
    // -文件上传
    let mbpcData = ref([]);
    const addMbpcFile = (res, file) => {
    mbpcData.value.push(res.data);
    }
    const deleteMbpc = (index) => {
    ElMessageBox.confirm("确认删除该项？", "提示",{
    confirmButtonText: '确认',
    cancelButtonText: '取消',
    type: 'warning',
    }).then(() => {
    };
    const deleteMbpc = (index) => {
    ElMessageBox.confirm("确认删除该项？", "提示", {
    confirmButtonText: "确认",
    cancelButtonText: "取消",
    type: "warning",
    })
    .then(() => {
    mbpcData.value.splice(index, 1);
    }).catch(() => {})
    }
    let mbpcSelectIds = ref([]);
    const mbpcSelectionChange = (datas) => {
    mbpcSelectIds.value = datas.map(item => item.id);
    };
    const multiDeleteMbpc = () => {
    ElMessageBox.confirm("确认删除选中数据？", "提示",{
    confirmButtonText: '确认',
    cancelButtonText: '取消',
    type: 'warning',
    }).then(() => {
    mbpcData.value = mbpcData.value.filter(item => !mbpcSelectIds.value.includes(item.id));
    }).catch(() => {})
    };
    })
    .catch(() => {});
    };
    let mbpcSelectIds = ref([]);
    const mbpcSelectionChange = (datas) => {
    mbpcSelectIds.value = datas.map((item) => item.id);
    };
    const multiDeleteMbpc = () => {
    ElMessageBox.confirm("确认删除选中数据？", "提示", {
    confirmButtonText: "确认",
    cancelButtonText: "取消",
    type: "warning",
    })
    .then(() => {
    mbpcData.value = mbpcData.value.filter(
    (item) => !mbpcSelectIds.value.includes(item.id),
    );
    })
    .catch(() => {});
    };
    // 下载已上传文件
    const downloadFile = (data) => {
    // 下载已上传文件
    const downloadFile = (data) => {
    let a = document.createElement("a");
    a.href = `${proxy.windowConfig.baseUrl}/api/file/download/${data.id}`;
    a.download = data.originalname;
    document.body.appendChild(a);
    a.click();
    a.remove();
    };
    };
    // 财务评价主要边界条件变化对比表
    const cwpjData = ref([
    // 财务评价主要边界条件变化对比表
    const cwpjData = ref([
    {
    bjtj: "项目总投资（万元）"
    bjtj: "项目总投资（万元）",
    },
    {
    bjtj: "项目资本金（万元）"
    bjtj: "项目资本金（万元）",
    },
    {
    bjtj: "我方出资（万元）"
    bjtj: "我方出资（万元）",
    },
    {
    bjtj: "政府方出资（万元）"
    bjtj: "政府方出资（万元）",
    },
    {
    bjtj: "项目融资（万元）"
    bjtj: "项目融资（万元）",
    },
    {
    bjtj: "年度投资比例"
    bjtj: "年度投资比例",
    },
    {
    bjtj: "合作年限"
    bjtj: "合作年限",
    },
    {
    bjtj: "长期贷款利率"
    bjtj: "长期贷款利率",
    },
    {
    bjtj: "债务偿还方式"
    bjtj: "债务偿还方式",
    },
    {
    bjtj: "项目收入（亿元）"
    bjtj: "项目收入（亿元）",
    },
    {
    bjtj: "通行费收入（亿元）"
    bjtj: "通行费收入（亿元）",
    },
    {
    bjtj: "其他收入（亿元）"
    bjtj: "其他收入（亿元）",
    },
    {
    bjtj: "运营期补助收入（亿元）"
    bjtj: "运营期补助收入（亿元）",
    },
    {
    bjtj: "经营成本（亿元）"
    bjtj: "经营成本（亿元）",
    },
    {
    bjtj: "税率"
    bjtj: "税率",
    },
    {
    bjtj: "折旧摊销方式"
    }
    ]);
    // 投资收益指标变化对比表
    const tzsyData = ref([
    bjtj: "折旧摊销方式",
    },
    ]);
    // 投资收益指标变化对比表
    const tzsyData = ref([
    {
    pjzb: "项目全投资内部收益率"
    pjzb: "项目全投资内部收益率",
    },
    {
    pjzb: "项目资本金内部收益率"
    pjzb: "项目资本金内部收益率",
    },
    {
    pjzb: "社会资本方内部收益率"
    pjzb: "社会资本方内部收益率",
    },
    {
    pjzb: "资本金综合内部收益率"
    pjzb: "资本金综合内部收益率",
    },
    {
    pjzb: "静态投资回收期（年）"
    pjzb: "静态投资回收期（年）",
    },
    {
    pjzb: "累计净现金流（亿元）"
    pjzb: "累计净现金流（亿元）",
    },
    {
    pjzb: "静态投资回收期（年）"
    pjzb: "静态投资回收期（年）",
    },
    {
    pjzb: "累计净现金流（亿元）"
    pjzb: "累计净现金流（亿元）",
    },
    {
    pjzb: "现金流平衡年"
    pjzb: "现金流平衡年",
    },
    {
    pjzb: "盈亏平衡年"
    pjzb: "盈亏平衡年",
    },
    {
    pjzb: "可供分配利润转正年"
    }
    ]);
    pjzb: "可供分配利润转正年",
    },
    ]);
    const backClick = () => {
    router.back(-1)
    }
    const saveClick = () => {
    const backClick = () => {
    router.back(-1);
    };
    const saveClick = () => {
    if (!formData.projectId) {
    return ElMessage.warning("请选择项目信息");
    }
    ......@@ -908,7 +1307,9 @@
    return ElMessage.warning("请先保存正在添加的费用分项控制、阶段对比表");
    }
    let url = formData.id ? "updateTzkz" : "createTzkz";
    let project = projectList.value.filter(item => item.id === formData.projectId)[0];
    let project = projectList.value.filter(
    (item) => item.id === formData.projectId,
    )[0];
    proxy.$post({
    url: "/api/project/" + url,
    data: {
    ......@@ -918,21 +1319,28 @@
    tzkzjcpfyjs: pfyjlsqkData.value,
    tzkzgqs: gqData.value,
    tzkzaqzlhbs: aqzlhbData.value,
    qtjsmbzdpc: mbpcData.value,
    tzkzcwpjs: cwpjData.value,
    tzkztzsys: tzsyData.value
    tzkztzsys: tzsyData.value,
    },
    callback: (data) => {
    router.back(-1)
    }
    router.back(-1);
    },
    });
    }
    };
    </script>
    <style lang="less">
    @import "@/styles/manage.less";
    .add-project-header{
    margin-bottom: 10px;
    .fileCla {
    .el-form-item {
    display: block !important;
    .el-form-item__label {
    margin-bottom: 16px;
    }
    }
    }
    @import "@/styles/manage.less";
    .add-project-header {
    margin-bottom: 10px;
    }
    </style>
    src/views/investingManage/addStatement.vue
    View file @ 05d4eaef
    ......@@ -15,9 +15,16 @@
    <el-tab-pane label="全生命周期责任书" name="全生命周期责任书">
    <div class="project-tab-content">
    <div class="tab-content">
    <el-form :model="formData" :label-width="130" :disabled="isPreview">
    <el-form
    :model="formData"
    :label-width="130"
    :disabled="isPreview"
    >
    <el-collapse v-model="activeCollapse">
    <el-collapse-item title="责任书基本信息" name="责任书基本信息">
    <el-collapse-item
    title="责任书基本信息"
    name="责任书基本信息"
    >
    <el-row :gutter="20">
    <el-col :span="12">
    <el-form-item label="责任书类型">
    ......@@ -38,11 +45,17 @@
    </el-col>
    <el-col :span="12">
    <el-form-item label="项目信息" required>
    <el-select v-model="formData.projectId" placeholder="请选择" no-data-text="暂无数据"
    <el-select
    v-model="formData.projectId"
    placeholder="请选择"
    no-data-text="暂无数据"
    @change="changeProject"
    >
    <el-option v-for="item in projectList" :key="item.id"
    :label="item.projectName" :value="item.id"
    <el-option
    v-for="item in projectList"
    :key="item.id"
    :label="item.projectName"
    :value="item.id"
    ></el-option>
    </el-select>
    </el-form-item>
    ......@@ -50,33 +63,73 @@
    <el-col :span="24">
    <el-form-item label="责任书文件">
    <el-upload
    :action="windowConfig.baseUrl + '/api/file/upload'"
    :headers="{Authorization: token}"
    :action="
    windowConfig.baseUrl + '/api/file/upload'
    "
    :headers="{ Authorization: token }"
    :show-file-list="false"
    multiple
    :on-success="addZrsFile"
    >
    <el-button type="default">上传</el-button>
    </el-upload>
    <el-button type="default" @click="multiDeleteZrs" :disabled="!zrsSelectIds.length">删除选中文件</el-button>
    <el-button
    type="default"
    @click="multiDeleteZrs"
    :disabled="!zrsSelectIds.length"
    >删除选中文件</el-button
    >
    </el-form-item>
    <el-form-item label="">
    <el-table :data="zrsData" style="width: 100%" empty-text="暂无数据" border
    <el-table
    :data="zrsData"
    style="width: 100%"
    empty-text="暂无数据"
    border
    @selection-change="zrsSelectionChange"
    >
    <el-table-column type="selection" width="55" />
    <el-table-column prop="originalname" label="文件名" />
    <el-table-column prop="updatedAt" label="上传时间">
    <el-table-column
    prop="originalname"
    label="文件名"
    />
    <el-table-column
    prop="updatedAt"
    label="上传时间"
    >
    <template #default="{ row, index }">
    <span>{{ moment(row.updatedAt).format("YYYY-MM-DD HH:mm:SS") }}</span>
    <span>{{
    moment(row.updatedAt).format(
    "YYYY-MM-DD HH:mm:SS",
    )
    }}</span>
    </template>
    </el-table-column>
    <el-table-column prop="size" label="大小" />
    <el-table-column fixed="right" label="操作" width="100">
    <el-table-column prop="size" label="大小">
    <template #default="{ row }">
    <span>{{ row.size }} MB</span>
    </template>
    </el-table-column>
    <el-table-column
    fixed="right"
    label="操作"
    width="100"
    >
    <template #default="{ row, index }">
    <!-- 需要在查看表单disabled时保持允许下载 -->
    <span class="always-click" @click="downloadFile(row)">下载</span>
    <el-button link type="danger" size="small" @click="deleteZrs(index)">删除</el-button>
    <span
    class="always-click"
    @click="downloadFile(row)"
    >下载</span
    >
    <el-button
    link
    type="danger"
    size="small"
    @click="deleteZrs(index)"
    >删除</el-button
    >
    </template>
    </el-table-column>
    </el-table>
    ......@@ -108,7 +161,10 @@
    </el-col>
    <el-col :span="8">
    <el-form-item label="项目实施期限">
    <el-input-number v-model="formData.xmssqx" :min="0" :max="99999999999.99999999"
    <el-input-number
    v-model="formData.xmssqx"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    ></el-input-number>
    年
    ......@@ -116,88 +172,157 @@
    </el-col>
    <el-col :span="12">
    <el-form-item label="项目内容概述">
    <el-input v-model="formData.xmnrgs" type="textarea"
    :autosize="{minRows: 2, maxRows: 5}"
    <el-input
    v-model="formData.xmnrgs"
    type="textarea"
    :autosize="{ minRows: 2, maxRows: 5 }"
    />
    </el-form-item>
    </el-col>
    <el-col :span="12">
    <el-form-item label="项目经济指标概述">
    <el-input v-model="formData.xmjjzbgs" type="textarea"
    :autosize="{minRows: 2, maxRows: 5}"
    <el-input
    v-model="formData.xmjjzbgs"
    type="textarea"
    :autosize="{ minRows: 2, maxRows: 5 }"
    />
    </el-form-item>
    </el-col>
    </el-row>
    </el-collapse-item>
    <el-collapse-item title="责任书具体指标" name="责任书具体指标">
    <el-table :data="zrsjtzbData" style="width: 100%" empty-text="暂无数据" border
    show-summary :summary-method="getSummaries"
    <el-collapse-item
    title="责任书具体指标"
    name="责任书具体指标"
    >
    <el-table
    :data="zrsjtzbData"
    style="width: 100%"
    empty-text="暂无数据"
    border
    show-summary
    :summary-method="getSummaries"
    >
    <el-table-column type="index" label="序号" width="60" />
    <el-table-column prop="zbmc" label="指标名称" />
    <el-table-column prop="zbmbz" label="指标目标值" width="180">
    <el-table-column
    prop="zbmbz"
    label="指标目标值"
    width="180"
    >
    <template #default="scope">
    <el-input-number v-model="scope.row.zbmbz" :min="0" :max="99999999999.99999999"
    <el-input-number
    v-model="scope.row.zbmbz"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    />
    </template>
    </el-table-column>
    <el-table-column prop="khjzf" label="考核基准分" width="180">
    <el-table-column
    prop="khjzf"
    label="考核基准分"
    width="180"
    >
    <template #default="scope">
    <el-input-number v-model="scope.row.khjzf" :min="0" :max="99999999999.99999999"
    <el-input-number
    v-model="scope.row.khjzf"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    />
    </template>
    </el-table-column>
    <el-table-column prop="sfsy" label="是否适用" width="90">
    <el-table-column
    prop="sfsy"
    label="是否适用"
    width="90"
    >
    <template #default="scope">
    <el-switch
    v-model="scope.row.sfsy" inline-prompt
    active-value="1" active-text="是"
    inactive-value="2" inactive-text="否"
    v-model="scope.row.sfsy"
    inline-prompt
    active-value="1"
    active-text="是"
    inactive-value="2"
    inactive-text="否"
    />
    </template>
    </el-table-column>
    <el-table-column prop="khsm" label="考核说明">
    <template #default="scope">
    <el-input v-model="scope.row.khsm" type="textarea" />
    <el-input
    v-model="scope.row.khsm"
    type="textarea"
    />
    </template>
    </el-table-column>
    </el-table>
    </el-collapse-item>
    <el-collapse-item title="批复意见落实情况" name="批复意见落实情况">
    <el-collapse-item
    title="批复意见落实情况"
    name="批复意见落实情况"
    >
    <div class="tab-handle">
    <el-button type="primary" size="small" @click="addPfyjlsqk">新增</el-button>
    <el-button
    type="primary"
    size="small"
    @click="addPfyjlsqk"
    >新增</el-button
    >
    </div>
    <el-table :data="pfyjlsqkData" style="width: 100%" empty-text="暂无数据" border>
    <el-table
    :data="pfyjlsqkData"
    style="width: 100%"
    empty-text="暂无数据"
    border
    >
    <el-table-column type="index" width="60" />
    <el-table-column prop="lx" label="类型">
    <template #default="scope">
    <el-select v-model="scope.row.lx" placeholder="请选择" no-data-text="暂无数据">
    <el-option v-for="item in pfyjlxList" :key="item.key"
    :label="item.name" :value="item.key"
    <el-select
    v-model="scope.row.lx"
    placeholder="请选择"
    no-data-text="暂无数据"
    >
    <el-option
    v-for="item in pfyjlxList"
    :key="item.key"
    :label="item.name"
    :value="item.key"
    ></el-option>
    </el-select>
    </template>
    </el-table-column>
    <el-table-column prop="pfyj" label="批复意见">
    <template #default="scope">
    <el-input v-model="scope.row.pfyj" type="textarea" />
    <el-input
    v-model="scope.row.pfyj"
    type="textarea"
    />
    </template>
    </el-table-column>
    <el-table-column prop="jzf" label="基准分">
    <template #default="scope">
    <el-input-number v-model="scope.row.jzf" :min="0" :max="99999999999.99999999"
    <el-input-number
    v-model="scope.row.jzf"
    :min="0"
    :max="99999999999.99999999"
    controls-position="right"
    />
    </template>
    </el-table-column>
    <el-table-column prop="lsqk" label="落实情况">
    <template #default="scope">
    <el-select v-model="scope.row.lsqk" placeholder="请选择" no-data-text="暂无数据">
    <el-option v-for="item in lsqkList" :key="item.key"
    :label="item.name" :value="item.key"
    <el-select
    v-model="scope.row.lsqk"
    placeholder="请选择"
    no-data-text="暂无数据"
    >
    <el-option
    v-for="item in lsqkList"
    :key="item.key"
    :label="item.name"
    :value="item.key"
    ></el-option>
    </el-select>
    </template>
    ......@@ -212,14 +337,26 @@
    />
    </template>
    </el-table-column>
    <el-table-column prop="lsqkjtsm" label="落实情况具体说明">
    <el-table-column
    prop="lsqkjtsm"
    label="落实情况具体说明"
    >
    <template #default="scope">
    <el-input v-model="scope.row.lsqkjtsm" type="textarea" />
    <el-input
    v-model="scope.row.lsqkjtsm"
    type="textarea"
    />
    </template>
    </el-table-column>
    <el-table-column label="操作" width="60">
    <template #default="scope">
    <el-button link type="danger" size="small" @click="deletePfyjlsqk(scope.$index)">删除</el-button>
    <el-button
    link
    type="danger"
    size="small"
    @click="deletePfyjlsqk(scope.$index)"
    >删除</el-button
    >
    </template>
    </el-table-column>
    </el-table>
    ......@@ -237,32 +374,62 @@
    <el-form-item label="策划文件">
    <el-upload
    :action="windowConfig.baseUrl + '/api/file/upload'"
    :headers="{Authorization: token}"
    :headers="{ Authorization: token }"
    :show-file-list="false"
    multiple
    :disabled="isPreview"
    :on-success="addChwjFile"
    >
    <el-button type="default">上传</el-button>
    <el-button :disabled="isPreview" type="default"
    >上传</el-button
    >
    </el-upload>
    <el-button type="default" @click="multiDeleteChwj" :disabled="!chwjSelectIds.length">删除选中文件</el-button>
    <el-button
    type="default"
    @click="multiDeleteChwj"
    :disabled="!chwjSelectIds.length"
    >删除选中文件</el-button
    >
    </el-form-item>
    <el-form-item label="">
    <el-table :data="chwjData" style="width: 100%" empty-text="暂无数据" border
    <el-table
    :data="chwjData"
    style="width: 100%"
    empty-text="暂无数据"
    border
    @selection-change="chwjSelectionChange"
    >
    <el-table-column type="selection" width="55" />
    <el-table-column prop="originalname" label="文件名" />
    <el-table-column prop="updatedAt" label="上传时间">
    <template #default="{ row, index }">
    <span>{{ moment(row.updatedAt).format("YYYY-MM-DD HH:mm:SS") }}</span>
    <span>{{
    moment(row.updatedAt).format(
    "YYYY-MM-DD HH:mm:SS",
    )
    }}</span>
    </template>
    </el-table-column>
    <el-table-column prop="size" label="大小">
    <template #default="{ row }">
    <span>{{ row.size }} MB</span>
    </template>
    </el-table-column>
    <el-table-column prop="size" label="大小" />
    <el-table-column fixed="right" label="操作" width="100">
    <template #default="{ row, index }">
    <!-- 需要在查看表单disabled时保持允许下载 -->
    <span class="always-click" @click="downloadFile(row)">下载</span>
    <el-button link type="danger" size="small" @click="deleteChwj(index)">删除</el-button>
    <span
    class="always-click"
    @click="downloadFile(row)"
    >下载</span
    >
    <el-button
    link
    type="danger"
    size="small"
    @click="deleteChwj(index)"
    >删除</el-button
    >
    </template>
    </el-table-column>
    </el-table>
    ......@@ -278,9 +445,20 @@
    <el-row :gutter="20">
    <el-col :span="24">
    <div class="tab-handle">
    <el-button type="primary" size="small" @click="addJyglzrs">新增</el-button>
    <el-button
    type="primary"
    :disabled="isPreview"
    size="small"
    @click="addJyglzrs"
    >新增</el-button
    >
    </div>
    <el-table :data="jyglzrsData" style="width: 100%" empty-text="暂无数据" border>
    <el-table
    :data="jyglzrsData"
    style="width: 100%"
    empty-text="暂无数据"
    border
    >
    <el-table-column type="index" width="50" />
    <el-table-column prop="nd" label="年度" width="260">
    <template #default="scope">
    ......@@ -297,15 +475,25 @@
    <el-upload
    v-if="!scope.row.jyglzrs"
    :action="windowConfig.baseUrl + '/api/file/upload'"
    :headers="{Authorization: token}"
    :headers="{ Authorization: token }"
    :show-file-list="false"
    :on-success="(res, file) => addJyglzrsFile(res, file, scope.row)"
    :on-success="
    (res, file) =>
    addJyglzrsFile(res, file, scope.row)
    "
    >
    <el-button link type="primary">上传</el-button>
    </el-upload>
    <div class="upload-file-wrap" v-else>
    <span class="file-name" @click="downloadFile(scope.row.jyglzrs)">{{ scope.row.jyglzrs.originalname }}</span>
    <span class="delete-btn" @click="deleteRowFile(scope.row, scope.$index)">
    <span
    class="file-name"
    @click="downloadFile(scope.row.jyglzrs)"
    >{{ scope.row.jyglzrs.originalname }}</span
    >
    <span
    class="delete-btn"
    @click="deleteRowFile(scope.row, scope.$index)"
    >
    <el-icon><CloseBold /></el-icon>
    </span>
    </div>
    ......@@ -318,7 +506,13 @@
    </el-table-column>
    <el-table-column label="操作" width="60" fixed="right">
    <template #default="scope">
    <el-button link type="danger" size="small" @click="deleteJyglzrs(scope.$index)">删除</el-button>
    <el-button
    link
    type="danger"
    size="small"
    @click="deleteJyglzrs(scope.$index)"
    >删除</el-button
    >
    </template>
    </el-table-column>
    </el-table>
    ......@@ -334,113 +528,121 @@
    </template>
    <script setup>
    import { reactive, ref, onMounted, getCurrentInstance, h, watch } from "vue";
    import { useRouter, useRoute } from "vue-router";
    import { ElMessage, ElMessageBox } from "element-plus";
    import { useUserStore } from "@/stores/user.js";
    const userStore = useUserStore();
    const router = useRouter();
    const route = useRoute();
    const { proxy } = getCurrentInstance();
    const pageActiveName = ref("全生命周期责任书");
    let token = ref("");
    token.value = userStore.authToken || sessionStorage.getItem("authToken") || "";
    import { reactive, ref, onMounted, getCurrentInstance, h, watch } from "vue";
    import { useRouter, useRoute } from "vue-router";
    import { ElMessage, ElMessageBox } from "element-plus";
    import { useUserStore } from "@/stores/user.js";
    const userStore = useUserStore();
    const router = useRouter();
    const route = useRoute();
    const { proxy } = getCurrentInstance();
    const pageActiveName = ref("全生命周期责任书");
    let token = ref("");
    token.value = userStore.authToken || sessionStorage.getItem("authToken") || "";
    const activeCollapse = reactive([
    "责任书基本信息", "责任书具体指标", "批复意见落实情况"
    ]);
    let formData = reactive({});
    let loading = ref(false);
    // 责任书类型
    let zrslxList = reactive([]);
    let zrslxProps = {
    label: "name"
    }
    let selectedFullPath = ref(""); //已选项的全路径名称
    watch(() => formData.zrslx, (newVal) => {
    const activeCollapse = reactive([
    "责任书基本信息",
    "责任书具体指标",
    "批复意见落实情况",
    ]);
    let formData = reactive({});
    let loading = ref(false);
    // 责任书类型
    let zrslxList = reactive([]);
    let zrslxProps = {
    label: "name",
    };
    let selectedFullPath = ref(""); //已选项的全路径名称
    watch(
    () => formData.zrslx,
    (newVal) => {
    if (newVal) {
    selectedFullPath.value = getFullPathById(newVal);
    } else {
    selectedFullPath.value = "";
    }
    })
    // 构建节点映射表
    const nodeMap = new Map()
    let buildNodeMap;
    const getFullPathById = (id) => {
    const node = nodeMap.get(id)
    if (!node) return ''
    },
    );
    // 构建节点映射表
    const nodeMap = new Map();
    let buildNodeMap;
    const getFullPathById = (id) => {
    const node = nodeMap.get(id);
    if (!node) return "";
    const path = []
    let current = node
    const path = [];
    let current = node;
    while (current) {
    path.unshift(current.name)
    current = current.parent
    path.unshift(current.name);
    current = current.parent;
    }
    return path.join(' / ')
    }
    // 项目列表
    let projectList = ref([]);
    const getProjectData = () => {
    return path.join(" / ");
    };
    // 项目列表
    let projectList = ref([]);
    const getProjectData = () => {
    proxy.$post({
    url: "/api/project/listProject",
    data: {
    page: 1,
    pagesize: 1000,
    attributes: [],
    menuType: "xmjc"
    menuType: "xmjc",
    },
    callback: (data) => {
    projectList.value = data.rows;
    }
    })
    };
    // 批复意见落实情况
    let pfyjlxList = reactive([]);
    let lsqkList = reactive([]);
    let pfyjlsqkData = ref([]);
    const addPfyjlsqk = () => {
    },
    });
    };
    // 批复意见落实情况
    let pfyjlxList = reactive([]);
    let lsqkList = reactive([]);
    let pfyjlsqkData = ref([]);
    const addPfyjlsqk = () => {
    pfyjlsqkData.value.push({});
    };
    const deletePfyjlsqk = (index) => {
    ElMessageBox.confirm("确认删除该项？", "提示",{
    confirmButtonText: '确认',
    cancelButtonText: '取消',
    type: 'warning',
    };
    const deletePfyjlsqk = (index) => {
    ElMessageBox.confirm("确认删除该项？", "提示", {
    confirmButtonText: "确认",
    cancelButtonText: "取消",
    type: "warning",
    }).then(() => {
    pfyjlsqkData.value.splice(index, 1);
    })
    }
    });
    };
    let isPreview = !!route.query.isPreview;
    let statementId = route.query.statementId;
    // 查看编辑详情
    const getStatementInfo = () => {
    let isPreview = !!route.query.isPreview;
    let statementId = route.query.statementId;
    // 查看编辑详情
    const getStatementInfo = () => {
    loading.value = true;
    proxy.$post({
    url: "/api/project/getTzmbzrsInfo",
    data: {
    id: statementId
    id: statementId,
    },
    callback: (res) => {
    loading.value = false;
    Object.assign(formData, res);
    Object.assign(zrsData.value, res.zrswj);
    Object.assign(zrsjtzbData.value, res.tzmbzrsZbs.map(item => {
    Object.assign(
    zrsjtzbData.value,
    res.tzmbzrsZbs.map((item) => {
    return {
    ...item,
    sfsy: item.sfsy && item.sfsy.toString()
    }
    }));
    sfsy: item.sfsy && item.sfsy.toString(),
    };
    }),
    );
    Object.assign(chwjData.value, res.chwj);
    Object.assign(jyglzrsData.value, res.tzmbzrsNds);
    Object.assign(pfyjlsqkData.value, res.tzmbzrsPfyjs);
    }
    },
    });
    };
    onMounted(() => {
    };
    onMounted(() => {
    getProjectData();
    let resourceData = JSON.parse(sessionStorage.getItem("resourceData"));
    zrslxList = resourceData.level;
    ......@@ -449,271 +651,276 @@
    statementId && getStatementInfo();
    buildNodeMap = (nodes, parent = null) => {
    nodes.forEach(node => {
    node.parent = parent
    nodeMap.set(node.key, node)
    nodes.forEach((node) => {
    node.parent = parent;
    nodeMap.set(node.key, node);
    if (node.children && node.children.length > 0) {
    buildNodeMap(node.children, node)
    }
    })
    buildNodeMap(node.children, node);
    }
    });
    };
    // 初始化构建映射
    buildNodeMap(zrslxList);
    });
    // 选择关联项目，同步相关字段信息
    const changeProject = (val) => {
    let selectData = projectList.value.filter(item => item.id === val)[0];
    });
    // 选择关联项目，同步相关字段信息
    const changeProject = (val) => {
    let selectData = projectList.value.filter((item) => item.id === val)[0];
    if (selectData) {
    formData.projectName = selectData.projectName;
    formData.tzzt = selectData.tzzt;
    }
    }
    };
    // 责任书文件
    let zrsData = ref([]);
    const addZrsFile = (res, file) => {
    // 责任书文件
    let zrsData = ref([]);
    const addZrsFile = (res, file) => {
    zrsData.value.push(res.data);
    }
    const deleteZrs = (index) => {
    ElMessageBox.confirm("确认删除该项？", "提示",{
    confirmButtonText: '确认',
    cancelButtonText: '取消',
    type: 'warning',
    }).then(() => {
    };
    const deleteZrs = (index) => {
    ElMessageBox.confirm("确认删除该项？", "提示", {
    confirmButtonText: "确认",
    cancelButtonText: "取消",
    type: "warning",
    })
    .then(() => {
    zrsData.value.splice(index, 1);
    }).catch(() => {})
    }
    let zrsSelectIds = ref([]);
    const zrsSelectionChange = (datas) => {
    zrsSelectIds.value = datas.map(item => item.id);
    };
    const multiDeleteZrs = () => {
    ElMessageBox.confirm("确认删除选中数据？", "提示",{
    confirmButtonText: '确认',
    cancelButtonText: '取消',
    type: 'warning',
    }).then(() => {
    zrsData.value = zrsData.value.filter(item => !zrsSelectIds.value.includes(item.id));
    }).catch(() => {})
    };
    // 责任书具体指标
    let zrsjtzbData = ref([]);
    let qsmzqZrs = [
    })
    .catch(() => {});
    };
    let zrsSelectIds = ref([]);
    const zrsSelectionChange = (datas) => {
    zrsSelectIds.value = datas.map((item) => item.id);
    };
    const multiDeleteZrs = () => {
    ElMessageBox.confirm("确认删除选中数据？", "提示", {
    confirmButtonText: "确认",
    cancelButtonText: "取消",
    type: "warning",
    })
    .then(() => {
    zrsData.value = zrsData.value.filter(
    (item) => !zrsSelectIds.value.includes(item.id),
    );
    })
    .catch(() => {});
    };
    // 责任书具体指标
    let zrsjtzbData = ref([]);
    let qsmzqZrs = [
    {
    xh: "1",
    zbmc: "项目总投资(亿元)"
    zbmc: "项目总投资(亿元)",
    },
    {
    xh: "1.1",
    zbmc: "建安费用(亿元)"
    zbmc: "建安费用(亿元)",
    },
    {
    xh: "2",
    zbmc: "项目带动工程收益(亿元)"
    zbmc: "项目带动工程收益(亿元)",
    },
    {
    xh: "2.1",
    zbmc: "工程收益率(%)"
    zbmc: "工程收益率(%)",
    },
    {
    xh: "3",
    zbmc: "政府补助资金到位(亿元)"
    zbmc: "政府补助资金到位(亿元)",
    },
    {
    xh: "4",
    zbmc: "我方资本金投入(亿元)"
    zbmc: "我方资本金投入(亿元)",
    },
    {
    xh: "5",
    zbmc: "我方负责引入的股权融资(亿元)"
    zbmc: "我方负责引入的股权融资(亿元)",
    },
    {
    xh: "6",
    zbmc: "项目融资额(亿元)"
    zbmc: "项目融资额(亿元)",
    },
    {
    xh: "6.1",
    zbmc: "融资利率(%)"
    zbmc: "融资利率(%)",
    },
    {
    xh: "7",
    zbmc: "项目实现营业收入累计(亿元)"
    zbmc: "项目实现营业收入累计(亿元)",
    },
    {
    xh: "8",
    zbmc: "项目经营净现金流累计(亿元)"
    zbmc: "项目经营净现金流累计(亿元)",
    },
    {
    xh: "9",
    zbmc: "项目全投资财务内部收益率（税前）(%)"
    zbmc: "项目全投资财务内部收益率（税前）(%)",
    },
    {
    xh: "10",
    zbmc: "项目资本金财务内部收益率(%)"
    zbmc: "项目资本金财务内部收益率(%)",
    },
    {
    xh: "11",
    zbmc: "项目竣工投产时间(年月)"
    }
    ];
    let jsqZrs = [
    zbmc: "项目竣工投产时间(年月)",
    },
    ];
    let jsqZrs = [
    {
    xh: "1",
    zbmc: "项目总投资 (亿元)"
    zbmc: "项目总投资 (亿元)",
    },
    {
    xh: "1.1",
    zbmc: "建安费用(亿元)"
    zbmc: "建安费用(亿元)",
    },
    {
    xh: "2",
    zbmc: "项目带动工程收益 (亿元)"
    zbmc: "项目带动工程收益 (亿元)",
    },
    {
    xh: "2.1",
    zbmc: "工程收益率(%)"
    zbmc: "工程收益率(%)",
    },
    {
    xh: "3",
    zbmc: "建设期政府补助资金(亿元)"
    zbmc: "建设期政府补助资金(亿元)",
    },
    {
    xh: "4",
    zbmc: "我方资本金投入(亿元)"
    zbmc: "我方资本金投入(亿元)",
    },
    {
    xh: "5",
    zbmc: "我方负责引入的股权融资(亿元)"
    zbmc: "我方负责引入的股权融资(亿元)",
    },
    {
    xh: "5.1",
    zbmc: "股权融资成本(%)"
    zbmc: "股权融资成本(%)",
    },
    {
    xh: "6",
    zbmc: "项目建设期融资额(亿元)"
    zbmc: "项目建设期融资额(亿元)",
    },
    {
    xh: "6.1",
    zbmc: "融资利率(%)"
    zbmc: "融资利率(%)",
    },
    {
    xh: "7",
    zbmc: "项目全投资财务内部收益率（税前）(%)"
    zbmc: "项目全投资财务内部收益率（税前）(%)",
    },
    {
    xh: "8",
    zbmc: "项目资本金财务内部收益率(%)"
    zbmc: "项目资本金财务内部收益率(%)",
    },
    {
    xh: "9",
    zbmc: "项目竣工投产时间(年月)"
    }
    ];
    let yyqZrs = [
    zbmc: "项目竣工投产时间(年月)",
    },
    ];
    let yyqZrs = [
    {
    xh: "1",
    zbmc: "运营期政府补助资金到位(亿元)"
    zbmc: "运营期政府补助资金到位(亿元)",
    },
    {
    xh: "2",
    zbmc: "项目运营期融资额(亿元)"
    zbmc: "项目运营期融资额(亿元)",
    },
    {
    xh: "2.1",
    zbmc: "融资利率(%)"
    zbmc: "融资利率(%)",
    },
    {
    xh: "3",
    zbmc: "项目实现营业收入累计(亿元)"
    zbmc: "项目实现营业收入累计(亿元)",
    },
    {
    xh: "3.1",
    zbmc: "利润总额累计(亿元)"
    zbmc: "利润总额累计(亿元)",
    },
    {
    xh: "4",
    zbmc: "项目经营净现金流累计(亿元)"
    zbmc: "项目经营净现金流累计(亿元)",
    },
    {
    xh: "5",
    zbmc: "项目全投资财务内部收益率（税前）(%)"
    zbmc: "项目全投资财务内部收益率（税前）(%)",
    },
    {
    xh: "6",
    zbmc: "项目资本金财务内部收益率(%)"
    }
    ];
    let ndZrs = [
    zbmc: "项目资本金财务内部收益率(%)",
    },
    ];
    let ndZrs = [
    {
    xh: "1",
    zbmc: "本年度完成投资(亿元)"
    zbmc: "本年度完成投资(亿元)",
    },
    {
    xh: "1.1",
    zbmc: "建安费用(亿元)"
    zbmc: "建安费用(亿元)",
    },
    {
    xh: "1.2",
    zbmc: "项目征地拆迁费(亿元)"
    zbmc: "项目征地拆迁费(亿元)",
    },
    {
    xh: "2",
    zbmc: "本年度工程收益(亿元)"
    zbmc: "本年度工程收益(亿元)",
    },
    {
    xh: "2.1",
    zbmc: "工程收益率(%)"
    zbmc: "工程收益率(%)",
    },
    {
    xh: "3",
    zbmc: "本年度政府补助资金(亿元)"
    zbmc: "本年度政府补助资金(亿元)",
    },
    {
    xh: "4",
    zbmc: "本年度我方资本金投入(亿元)"
    zbmc: "本年度我方资本金投入(亿元)",
    },
    {
    xh: "5",
    zbmc: "本年度我方负责引入的股权融资(亿元)"
    zbmc: "本年度我方负责引入的股权融资(亿元)",
    },
    {
    xh: "5.1",
    zbmc: "股权融资成本(%)"
    zbmc: "股权融资成本(%)",
    },
    {
    xh: "6",
    zbmc: "本年度项目融资额(亿元)"
    zbmc: "本年度项目融资额(亿元)",
    },
    {
    xh: "6.1",
    zbmc: "融资利率(%)"
    zbmc: "融资利率(%)",
    },
    {
    xh: "7",
    zbmc: "本年度投资项目实现营业收入(亿元)"
    zbmc: "本年度投资项目实现营业收入(亿元)",
    },
    {
    xh: "8",
    zbmc: "本年度项目经营净现金流(亿元)"
    zbmc: "本年度项目经营净现金流(亿元)",
    },
    {
    xh: "9",
    zbmc: "项目全投资财务内部收益率（税前）(%)"
    zbmc: "项目全投资财务内部收益率（税前）(%)",
    },
    {
    xh: "10",
    zbmc: "项目资本金财务内部收益率(%)"
    }
    ]
    // 选择责任书类型，同步切换责任书具体指标数据
    const changeZrslx = (data) => {
    zbmc: "项目资本金财务内部收益率(%)",
    },
    ];
    // 选择责任书类型，同步切换责任书具体指标数据
    const changeZrslx = (data) => {
    if (!data.children || !data.children.length) {
    // 点击到最内层子节点
    if (data.name.indexOf("年度") != -1) {
    zrsjtzbData.value = ndZrs;
    } else if(data.name.indexOf("建设") != -1) {
    } else if (data.name.indexOf("建设") != -1) {
    zrsjtzbData.value = jsqZrs;
    } else if (data.name.indexOf("运营") != -1) {
    zrsjtzbData.value = yyqZrs;
    ......@@ -721,90 +928,95 @@
    zrsjtzbData.value = qsmzqZrs;
    }
    }
    }
    const getSummaries = (param) => {
    };
    const getSummaries = (param) => {
    const { columns, data } = param;
    let sums = [];
    columns.forEach((column, index) => {
    if (index === 0) {
    sums[0] = h("div", "合计");
    return
    return;
    }
    const values = data.map((item) => Number(item[column.property]))
    const values = data.map((item) => Number(item[column.property]));
    if (["khjzf"].includes(column.property)) {
    sums[index] = `${values.reduce((prev, curr) => {
    const value = Number(curr);
    if (!Number.isNaN(value)) {
    return prev + curr
    return prev + curr;
    } else {
    return prev
    return prev;
    }
    }, 0)}`
    }, 0)}`;
    } else {
    sums[index] = "";
    }
    });
    return sums;
    };
    // 策划文件
    let chwjData = ref([]);
    const addChwjFile = (res, file) => {
    };
    // 策划文件
    let chwjData = ref([]);
    const addChwjFile = (res, file) => {
    chwjData.value.push(res.data);
    }
    const deleteChwj = (index) => {
    ElMessageBox.confirm("确认删除该项？", "提示",{
    confirmButtonText: '确认',
    cancelButtonText: '取消',
    type: 'warning',
    }).then(() => {
    };
    const deleteChwj = (index) => {
    ElMessageBox.confirm("确认删除该项？", "提示", {
    confirmButtonText: "确认",
    cancelButtonText: "取消",
    type: "warning",
    })
    .then(() => {
    chwjData.value.splice(index, 1);
    }).catch(() => {})
    }
    let chwjSelectIds = ref([]);
    const chwjSelectionChange = (datas) => {
    chwjSelectIds.value = datas.map(item => item.id);
    };
    const multiDeleteChwj = () => {
    ElMessageBox.confirm("确认删除选中数据？", "提示",{
    confirmButtonText: '确认',
    cancelButtonText: '取消',
    type: 'warning',
    }).then(() => {
    chwjData.value = chwjData.value.filter(item => !chwjSelectIds.value.includes(item.id));
    }).catch(() => {})
    };
    // 经营管理责任书
    let jyglzrsData = ref([]);
    const addJyglzrs = () => {
    })
    .catch(() => {});
    };
    let chwjSelectIds = ref([]);
    const chwjSelectionChange = (datas) => {
    chwjSelectIds.value = datas.map((item) => item.id);
    };
    const multiDeleteChwj = () => {
    ElMessageBox.confirm("确认删除选中数据？", "提示", {
    confirmButtonText: "确认",
    cancelButtonText: "取消",
    type: "warning",
    })
    .then(() => {
    chwjData.value = chwjData.value.filter(
    (item) => !chwjSelectIds.value.includes(item.id),
    );
    })
    .catch(() => {});
    };
    // 经营管理责任书
    let jyglzrsData = ref([]);
    const addJyglzrs = () => {
    jyglzrsData.value.push({});
    }
    const deleteJyglzrs = (index) => {
    };
    const deleteJyglzrs = (index) => {
    jyglzrsData.value.splice(index, 1);
    }
    const addJyglzrsFile = (res, file, row) => {
    };
    const addJyglzrsFile = (res, file, row) => {
    row.jyglzrs = {};
    Object.assign(row.jyglzrs, res.data);
    };
    const deleteRowFile = (row, index) => {
    let {jyglzrs, ...data} = row;
    };
    const deleteRowFile = (row, index) => {
    let { jyglzrs, ...data } = row;
    jyglzrsData.value[index] = data;
    };
    };
    // 下载已上传文件
    const downloadFile = (data) => {
    // 下载已上传文件
    const downloadFile = (data) => {
    let a = document.createElement("a");
    a.href = `${proxy.windowConfig.baseUrl}/api/file/download/${data.id}`;
    a.download = data.originalname;
    document.body.appendChild(a);
    a.click();
    a.remove();
    };
    };
    const backClick = () => {
    router.back(-1)
    }
    const saveClick = () => {
    const backClick = () => {
    router.back(-1);
    };
    const saveClick = () => {
    if (formData.projectId) {
    let url = formData.id ? "updateTzmbzrs" : "createTzmbzrs";
    proxy.$post({
    ......@@ -815,22 +1027,21 @@
    tzmbzrsZbs: zrsjtzbData.value,
    chwj: chwjData.value,
    tzmbzrsNds: jyglzrsData.value,
    tzmbzrsPfyjs: pfyjlsqkData.value
    tzmbzrsPfyjs: pfyjlsqkData.value,
    },
    callback: (data) => {
    router.back(-1)
    }
    })
    router.back(-1);
    },
    });
    } else {
    ElMessage.warning("请选择项目信息");
    }
    }
    };
    </script>
    <style lang="less">
    @import "@/styles/manage.less";
    .add-project-header{
    @import "@/styles/manage.less";
    .add-project-header {
    margin-bottom: 10px;
    }
    }
    </style>
    src/views/projectManage/addProject.vue
    View file @ 05d4eaef
    This source diff could not be displayed because it is too large. You can view the blob instead.
    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