From aaad0addb780baa73f4cc4555b890567b2bb58b1 Mon Sep 17 00:00:00 2001
From: zhouhaibin <zhouhaibin@qq.com>
Date: Mon, 29 Jul 2024 11:19:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=A1=B9=E7=9B=AE=E8=AE=A1?=
 =?UTF-8?q?=E5=88=92=E7=AB=8B=E9=A1=B9=E9=83=A8=E5=88=86=E5=8F=98=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/ApprovalPageModel.vue           |   2 +-
 .../planFileApproval.vue                      |   2 +-
 src/views/projectLib/projectInfo/index.vue    |   4 +-
 .../projectLib/projectPlan/viewPlanDetail.vue | 519 ++++++++++--------
 4 files changed, 281 insertions(+), 246 deletions(-)

diff --git a/src/views/ProcessApprovalSubPage/component/ApprovalPageModel.vue b/src/views/ProcessApprovalSubPage/component/ApprovalPageModel.vue
index 8ebe46e..99fadad 100644
--- a/src/views/ProcessApprovalSubPage/component/ApprovalPageModel.vue
+++ b/src/views/ProcessApprovalSubPage/component/ApprovalPageModel.vue
@@ -25,7 +25,7 @@ import uploadURTfileApproval from '../uploadURTfileApproval.vue'
 import MergeProjectApprova from '../MergeProjectApprova.vue'
 import SplitProjectApprova from '../SplitProjectApprova.vue'
 
-const planfileNames = ["feasibilityReportPreparation","jointTechnicalReview","centralizedCheck","createPlaninfoFile","bidDocumentsPreparation"]
+const planfileNames = ["feasibilityTechReviewConfirm","finalFeasibilityReportDraft","centralizedCheck","createPlaninfoFile","bidDocumentsPreparation","costEvalReportConfirm"]
 const [registerModal, { closeModal }] = useModalInner(init);
 defineProps(["record"])
 
diff --git a/src/views/ProcessApprovalSubPage/planFileApproval.vue b/src/views/ProcessApprovalSubPage/planFileApproval.vue
index adf553a..3301e75 100644
--- a/src/views/ProcessApprovalSubPage/planFileApproval.vue
+++ b/src/views/ProcessApprovalSubPage/planFileApproval.vue
@@ -19,7 +19,7 @@
       <el-divider content-position="left" v-if="resButton.isEdit">重新上传项目计划资料</el-divider>
       <div
         v-if="resButton.isEdit"
-        style="display: flex; justify-content: center; align-items: center; height: 100px"
+        style="display: flex; justify-content: center; align-items: center; height: 400px"
       >
         <el-form ref="importFormRef">
           <el-form-item
diff --git a/src/views/projectLib/projectInfo/index.vue b/src/views/projectLib/projectInfo/index.vue
index f876f91..4b250cc 100644
--- a/src/views/projectLib/projectInfo/index.vue
+++ b/src/views/projectLib/projectInfo/index.vue
@@ -39,7 +39,7 @@
         <el-button type="primary" round @click="handleBatchdownload"> 导出项目</el-button>
       </template>
       <template #toolbar>
-        <!-- <el-button
+        <el-button
           style="background-color: #ff7f24; color: aliceblue"
           round
           @click="handlesplitinfo()"
@@ -54,7 +54,7 @@
           v-if="isShowByRoles('projectContact')"
         >
           合并项目</el-button
-        > -->
+        >
         <el-button
           type="primary"
           round
diff --git a/src/views/projectLib/projectPlan/viewPlanDetail.vue b/src/views/projectLib/projectPlan/viewPlanDetail.vue
index 5a8dd6e..d8bc904 100644
--- a/src/views/projectLib/projectPlan/viewPlanDetail.vue
+++ b/src/views/projectLib/projectPlan/viewPlanDetail.vue
@@ -26,7 +26,6 @@
 
     </el-row> -->
     <el-row>
-
       <el-col :span="24">
         项目进度：<Progress :size="15" :percent="activities[0]?.totalPercent"></Progress>
       </el-col>
@@ -34,25 +33,33 @@
     <el-row>
       <el-col :span="24">
         <el-steps finish-status="success" :active="activities.status">
-          <el-step v-for="(item, index) in activities" :key="index" :status="item.isfinish == 2 ? 'success' : 'wait'">
+          <el-step
+            v-for="(item, index) in activities"
+            :key="index"
+            :status="item.isfinish == 2 ? 'success' : 'wait'"
+          >
             <template #title>
               <div>
                 {{ item.taskName }}
               </div>
               <div>
-                {{ item.scheduledStartTime + "--" + item.scheduledEndTime }}
+                {{ item.scheduledStartTime + '--' + item.scheduledEndTime }}
               </div>
             </template>
             <template #description>
               <elstepchild v-if="item.children != null" :child="item.children"></elstepchild>
             </template>
             <template #icon>
-              <Progress type="circle" :percent="item.percent" :size="40" :status="item.progressStatus"></Progress>
+              <Progress
+                type="circle"
+                :percent="item.percent"
+                :size="40"
+                :status="item.progressStatus"
+              ></Progress>
             </template>
           </el-step>
         </el-steps>
       </el-col>
-
     </el-row>
   </div>
 
@@ -63,274 +70,302 @@
       <TableAction :actions="getTableAction(record)" />
     </template>
     <template #tableTitle>
-      <el-button type="primary" @click="handledownload" v-if="isShowByRoles('manageOrg,supervisor')">下载</el-button>
+      <el-button type="primary" @click="handledownload" v-if="isShowByRoles('manageOrg,supervisor')"
+        >下载</el-button
+      >
     </template>
   </BasicTable>
   <div v-if="dataTo.projectStage == 4">
     <ApprovalDetails :projectid="projectId" stage="createPlaninfo" />
   </div>
-  <BasicModal @register="registeruploadFile" title="上传文件" width="1200px" :showOkBtn="false" :showCancelBtn="false">
-    <addPlanFile :type="type" :planinfoid="planinfoid" :files="fileArr" @close="closePlanFileModal()" />
+  <BasicModal
+    @register="registeruploadFile"
+    title="上传文件"
+    width="1200px"
+    :showOkBtn="false"
+    :showCancelBtn="false"
+  >
+    <addPlanFile
+      :type="type"
+      :planinfoid="planinfoid"
+      :files="fileArr"
+      @close="closePlanFileModal()"
+    />
   </BasicModal>
   <planinfoFileDetail @register="registerFileInfo" />
-  <BasicModal @register="registerplanFileApproval" title="文件审批" width="1200px" :showOkBtn="false"
-    :showCancelBtn="false">
+  <BasicModal
+    @register="registerplanFileApproval"
+    title="文件审批"
+    width="1200px"
+    :showOkBtn="false"
+    :showCancelBtn="false"
+  >
     <planFileApproval :record="recordData" @close="closeplanFile" />
   </BasicModal>
-  <uploadURTfile @register="registerUnitedTechnicalReview"  @close="closePlanFileModal" />
-
+  <uploadURTfile @register="registerUnitedTechnicalReview" @close="closePlanFileModal" />
 </template>
 <script lang="ts" name="viewPlanDetail" setup>
-import { ref, onMounted } from 'vue'
-import elstepchild from './elstepchild.vue'
-import addPlanFile from './addPlanFile.vue'
-import planinfoFileDetail from './planinfoFileDetail.vue'
-import { Progress,message } from 'ant-design-vue';
-import { BasicModal } from '@/components/Modal';
-import { PlaninfoColumn } from './projectPlan.data';
-import { queryPlanInfoMainTimeline, getPlanFileApprovalInfoByPlaninfoId, planUploadFile, downloadPlanInfo } from './projectPlan.api'
-import { ActionItem, BasicTable, TableAction, useTable } from '@/components/Table';
-import { useModal } from '@/components/Modal';
-import ApprovalDetails from "../../ProcessApprovalSubPage/component/ApprovalDetails.vue"
-import planFileApproval from '@/views/ProcessApprovalSubPage/planFileApproval.vue'
-import { isShowByRoles } from '../../projectLib/projectInfo/projectInfo.api';
-import uploadURTfile from "@/views/projectLib/projectPlan/uploadURTfile.vue"
-
-let dataTo = defineProps(["projectId", "projectStage"])
-let projectId = ref(dataTo.projectId)
-let isfinish = ref()
-let activities = ref([])
-let type = ref(1)
-let fileArr = ref([])
-let planinfoid = ref()
-let taskName = ref()
-let recordData = ref({})
-const [registeruploadFile, { openModal: openPlanFile, closeModal: closePlanFile }] = useModal();//文件上传和查看
-const [registerplanFileApproval, { openModal: openplanFileApproval, closeModal: closeplanFileApproval }] = useModal();//文件上传和查看
-const [registerFileInfo, { openModal: openFileInfo }] = useModal();//文件上传和查看
-const [registerUnitedTechnicalReview, { openModal:openUnitedTechnicalReviewmode,closeModal:closeUnitedTechnicalReviewmode}] = useModal();//新增修改周月报页面
-
-onMounted(() => {
-  queryPlanInfoMainTimeline({
-    projectid: dataTo.projectId
-  }).then(res => {
-    activities.value = res
-    console.log("activities", activities)
-  })
-  console.log("projectid1111111111", activities, dataTo.projectId)
-
-})
-
-
-
-// 项目入库审批table
-const [registerTable, { reload,getDataSource }] = useTable({
-  size: 'small',//紧凑型表格
-  title: '项目计划阶段详情',
-  api: queryPlanInfoMainTimeline,
-  columns: PlaninfoColumn,
-  // showActionColumn: true,
-  rowKey: "taskName",
-  showIndexColumn: false,
-  useSearchForm: false,
-  actionColumn: {
-    width: 140,
-    title: '操作',
-    dataIndex: 'action',
-    slots: { customRender: 'action' },
-  },
-  beforeFetch(params) {
-    params.projectid = projectId.value;
-  },
-});
-
-function getTableAction(record): ActionItem[] {
-  if (dataTo.projectStage == 4) {
-    return []
-  }
-  return [
-    {
-      label: '详情',
-      ifShow: () => {
-        if (record.isfinish >= 1) {
-          return true
-        }
-        return false
-      },
-      onClick: handleDetail.bind(null, record),
+  import { ref, onMounted } from 'vue';
+  import elstepchild from './elstepchild.vue';
+  import addPlanFile from './addPlanFile.vue';
+  import planinfoFileDetail from './planinfoFileDetail.vue';
+  import { Progress, message } from 'ant-design-vue';
+  import { BasicModal } from '@/components/Modal';
+  import { PlaninfoColumn } from './projectPlan.data';
+  import {
+    queryPlanInfoMainTimeline,
+    getPlanFileApprovalInfoByPlaninfoId,
+    planUploadFile,
+    downloadPlanInfo,
+  } from './projectPlan.api';
+  import { ActionItem, BasicTable, TableAction, useTable } from '@/components/Table';
+  import { useModal } from '@/components/Modal';
+  import ApprovalDetails from '../../ProcessApprovalSubPage/component/ApprovalDetails.vue';
+  import planFileApproval from '@/views/ProcessApprovalSubPage/planFileApproval.vue';
+  import { isShowByRoles } from '../../projectLib/projectInfo/projectInfo.api';
+  import uploadURTfile from '@/views/projectLib/projectPlan/uploadURTfile.vue';
+
+  let dataTo = defineProps(['projectId', 'projectStage']);
+  let projectId = ref(dataTo.projectId);
+  let isfinish = ref();
+  let activities = ref([]);
+  let type = ref(1);
+  let fileArr = ref([]);
+  let planinfoid = ref();
+  let taskName = ref();
+  let recordData = ref({});
+  const [registeruploadFile, { openModal: openPlanFile, closeModal: closePlanFile }] = useModal(); //文件上传和查看
+  const [
+    registerplanFileApproval,
+    { openModal: openplanFileApproval, closeModal: closeplanFileApproval },
+  ] = useModal(); //文件上传和查看
+  const [registerFileInfo, { openModal: openFileInfo }] = useModal(); //文件上传和查看
+  const [
+    registerUnitedTechnicalReview,
+    { openModal: openUnitedTechnicalReviewmode, closeModal: closeUnitedTechnicalReviewmode },
+  ] = useModal(); //新增修改周月报页面
+
+  onMounted(() => {
+    queryPlanInfoMainTimeline({
+      projectid: dataTo.projectId,
+    }).then((res) => {
+      activities.value = res;
+      console.log('activities', activities);
+    });
+    console.log('projectid1111111111', activities, dataTo.projectId);
+  });
+
+  // 项目入库审批table
+  const [registerTable, { reload, getDataSource }] = useTable({
+    size: 'small', //紧凑型表格
+    title: '项目计划阶段详情',
+    api: queryPlanInfoMainTimeline,
+    columns: PlaninfoColumn,
+    // showActionColumn: true,
+    rowKey: 'taskName',
+    showIndexColumn: false,
+    useSearchForm: false,
+    actionColumn: {
+      width: 140,
+      title: '操作',
+      dataIndex: 'action',
+      slots: { customRender: 'action' },
+    },
+    beforeFetch(params) {
+      params.projectid = projectId.value;
     },
-    {
-      label: '上传资料',
-      ifShow: () => {
-        if (record.isfinish == 0 && record.taskFile?.length > 0) {
-          if (isShowByRoles('projectContact')) {
-            return true
+  });
+
+  function getTableAction(record): ActionItem[] {
+    if (dataTo.projectStage == 4) {
+      return [];
+    }
+    return [
+      {
+        label: '详情',
+        ifShow: () => {
+          if (record.isfinish >= 1) {
+            return true;
           }
-          return false
-        }
-        return false
+          return false;
+        },
+        onClick: handleDetail.bind(null, record),
       },
-      onClick: handleuploadfile.bind(null, record)
-    },
-    {
-      label: '完成',
-      ifShow: () => {
-        if (record.isfinish == 0 && record.children == null && record.taskFile?.length == 0) {//归档流程中不允许修改
-          if (isShowByRoles('projectContact')) {
-            return true
+      {
+        label: '上传资料',
+        ifShow: () => {
+          if (
+            record.isfinish == 0 &&
+            record.taskFile?.length > 0 &&
+            record.taskName != '可研技术审查报告确认' &&
+            record.taskName != '造价评估报告确认'
+          ) {
+            if (isShowByRoles('projectContact')) {
+              return true;
+            }
+            return false;
           }
-          return false
-        }
-        return false
+          return false;
+        },
+        onClick: handleuploadfile.bind(null, record),
       },
-      // onClick: handleModifyuploadfile.bind(null, record)
-      popConfirm: {
-        title: '确定完成该阶段吗?',
-        confirm: handlefinish.bind(null, record),
+      {
+        label: '完成',
+        ifShow: () => {
+          if (record.isfinish == 0 && record.children == null && record.taskFile?.length == 0) {
+            //归档流程中不允许修改
+            if (isShowByRoles('projectContact')) {
+              return true;
+            }
+            return false;
+          }
+          return false;
+        },
+        // onClick: handleModifyuploadfile.bind(null, record)
+        popConfirm: {
+          title: '确定完成该阶段吗?',
+          confirm: handlefinish.bind(null, record),
+        },
       },
-    },
-  ];
-}
-
-function handleDetail(record) {
-
-  openFileInfo(true, { planinfoid: record.id, taskName: record.taskName, isfinish: record.isfinish })
+    ];
+  }
 
-}
- async function handleuploadfile(record) {
-  type.value = record.isfinish
-  fileArr = record.taskFile.split(",")
-  planinfoid.value = record.id
-  let tableData = await getDataSource()
-  console.log("tableData",tableData)
-  //项目立项阶段
-  for(let i = 0;i<tableData[0].children.length;i++)
- {
-  let child=tableData[0].children[i]
-  //得到当前计划
-  if(child.id==record.id){
-    //获取上一个计划
-    let pre=tableData[0].children[i-1]
-    if(pre.isfinish!=2){
-      message.error("请先完成【"+pre.taskName+"】")
-      return
+  function handleDetail(record) {
+    openFileInfo(true, {
+      planinfoid: record.id,
+      taskName: record.taskName,
+      isfinish: record.isfinish,
+    });
+  }
+  async function handleuploadfile(record) {
+    type.value = record.isfinish;
+    fileArr = record.taskFile.split(',');
+    planinfoid.value = record.id;
+    let tableData = await getDataSource();
+    console.log('tableData', tableData);
+    //项目立项阶段先后顺序限制取消
+    // for (let i = 0; i < tableData[0].children.length; i++) {
+    //   let child = tableData[0].children[i];
+    //   //得到当前计划
+    //   if (child.id == record.id) {
+    //     //获取上一个计划
+    //     let pre = tableData[0].children[i - 1];
+    //     if (pre.isfinish != 2) {
+    //       message.error('请先完成【' + pre.taskName + '】');
+    //       return;
+    //     }
+    //   }
+    // }
+    if (record.taskName == '联合技术审查') {
+      openUnitedTechnicalReviewmode(true, { planinfoid: record.id });
+    } else {
+      openPlanFile();
     }
   }
- }
-  if(record.taskName=="联合技术审查"){
-    openUnitedTechnicalReviewmode(true,{planinfoid:record.id})
-  }else{
-    openPlanFile()
+  async function handlefinish(record) {
+    let params = {
+      planinfoid: record.id,
+    };
+    await planUploadFile(params);
+    reload();
   }
-}
-async function handlefinish(record) {
-  let params = {
-    planinfoid: record.id,
+  async function handleModifyuploadfile(record) {
+    //更加record.id获取当前阶段的流程信息。返回流程信息，然后打开文件上传弹窗
+    let res = await getPlanFileApprovalInfoByPlaninfoId({ planinfoid: record.id });
+    if (res.isEdit == 1) {
+      recordData.value = res;
+      openplanFileApproval();
+    }
+    record.id;
   }
-  await planUploadFile(params)
-  reload()
-
-}
-async function handleModifyuploadfile(record) {
-  //更加record.id获取当前阶段的流程信息。返回流程信息，然后打开文件上传弹窗
-  let res = await getPlanFileApprovalInfoByPlaninfoId({ planinfoid: record.id })
-  if (res.isEdit == 1) {
-    recordData.value = res
-    openplanFileApproval()
+  function closeplanFile() {
+    closeplanFileApproval();
+    reload();
+  }
+  function closePlanFileModal() {
+    closePlanFile();
+    closeUnitedTechnicalReviewmode();
+    reload();
+    queryPlanInfoMainTimeline({
+      projectid: dataTo.projectId,
+    }).then((res) => {
+      activities.value = res;
+      console.log('activities', activities);
+    });
+  }
+  async function handledownload() {
+    //下载
+    await downloadPlanInfo({ projectid: dataTo.projectId });
   }
-  record.id
-}
-function closeplanFile() {
-  closeplanFileApproval()
-  reload()
-}
-function closePlanFileModal() {
-  closePlanFile()
-  closeUnitedTechnicalReviewmode()
-  reload()
-  queryPlanInfoMainTimeline({
-    projectid: dataTo.projectId
-  }).then(res => {
-    activities.value = res
-    console.log("activities", activities)
-  })
-}
-async function handledownload() {
-  //下载
-  await downloadPlanInfo({ projectid: dataTo.projectId });
-}
 </script>
 <style scoped>
-.timeline {
-  display: flex;
-  width: 100%;
-  margin-bottom: 100px;
-
-  .lineitem {
-    transform: translateX(50%);
-    width: 25%;
+  .timeline {
+    display: flex;
+    width: 100%;
+    margin-bottom: 100px;
+
+    .lineitem {
+      transform: translateX(50%);
+      width: 25%;
+    }
   }
-}
-
-:deep(.el-timeline-item__tail) {
-  border-left: none;
-  border-top: 2px solid #e4e7ed;
-  width: 100%;
-  position: absolute;
-  top: 9px;
-}
-
-:deep(.el-timeline-item__wrapper) {
-  padding-left: 0;
-  position: absolute;
-  top: 20px;
-  transform: translateX(-50%);
-  text-align: center;
-}
 
-:deep(.el-timeline-item__timestamp) {
-  font-size: 14px;
-
-}
+  :deep(.el-timeline-item__tail) {
+    border-left: none;
+    border-top: 2px solid #e4e7ed;
+    width: 100%;
+    position: absolute;
+    top: 9px;
+  }
 
-.el-row {
-  margin-bottom: 25px;
-  margin-top: 25px;
+  :deep(.el-timeline-item__wrapper) {
+    padding-left: 0;
+    position: absolute;
+    top: 20px;
+    transform: translateX(-50%);
+    text-align: center;
+  }
 
-}
+  :deep(.el-timeline-item__timestamp) {
+    font-size: 14px;
+  }
 
-.componentA {
-  position: absolute;
-  z-index: 1;
-  /* 设置较低的z-index值 */
-  /* 其他样式 */
-}
+  .el-row {
+    margin-bottom: 25px;
+    margin-top: 25px;
+  }
 
-.componentB {
-  position: absolute;
-  z-index: 2;
-  /* 设置较高的z-index值 */
-  /* 其他样式 */
-}
+  .componentA {
+    position: absolute;
+    z-index: 1;
+    /* 设置较低的z-index值 */
+    /* 其他样式 */
+  }
 
-.custom-content {
-  position: absolute;
-  top: 0;
-  transform: translateX(-50%);
-  transition: left 0.3s;
-  z-index: 3;
-  margin-top: 20px;
+  .componentB {
+    position: absolute;
+    z-index: 2;
+    /* 设置较高的z-index值 */
+    /* 其他样式 */
+  }
 
-}
+  .custom-content {
+    position: absolute;
+    top: 0;
+    transform: translateX(-50%);
+    transition: left 0.3s;
+    z-index: 3;
+    margin-top: 20px;
+  }
 
-.italicize {
-  /* transform: skew(15deg); 使用 transform 属性进行倾斜 */
-  transform: rotate(-45deg);
-  display: inline-block;
-  /* 需要将元素设为块级元素才能应用transform属性 */
-  z-index: 4;
-  margin-top: -20px;
-  color: #ea1212;
-  font-size: large;
-}
-</style>
\ No newline at end of file
+  .italicize {
+    /* transform: skew(15deg); 使用 transform 属性进行倾斜 */
+    transform: rotate(-45deg);
+    display: inline-block;
+    /* 需要将元素设为块级元素才能应用transform属性 */
+    z-index: 4;
+    margin-top: -20px;
+    color: #ea1212;
+    font-size: large;
+  }
+</style>