优化

src/views/projectLib/projectPlan/index.vue

@@ -1,39 +1,40 @@
 <template>
-     <PageWrapper dense>
+  <PageWrapper dense>
     <!--引用表格-->
-    <BasicTable @register="registerTable" >
+    <BasicTable @register="registerTable">
       <template #action="{ record }">
         <!-- <TableAction :actions="getTableAction(record)" /> -->
-        <TableAction :actions="getTableAction(record)"  />
+        <TableAction :actions="getTableAction(record)" />
       </template>
       <template #tableTitle>
-          <el-button color="#626aef" :dark="true" @click="openModfiyInfoPage()">项目计划修改记录</el-button>
+        <el-button color="#626aef" :dark="true" @click="openModfiyInfoPage()">项目计划修改记录</el-button>
       </template>
     </BasicTable>
 
-  <BasicModal @register="registeViewPlanDetail" title="项目计划详情" width="1200px" :showOkBtn="false">
+    <BasicModal @register="registeViewPlanDetail" title="项目计划详情" width="1200px" :showOkBtn="false">
-    <viewPlanDetail :projectId="projectId" :projectStage="projectStage"/>
+      <viewPlanDetail :projectId="projectId" :projectStage="projectStage" />
-  </BasicModal>
+    </BasicModal>
-  <BasicModal @register="registerProjectPlan" title="发起项目计划审批" width="1200px" :showOkBtn="false" :showCancelBtn="false">
+    <BasicModal @register="registerProjectPlan" title="发起项目计划审批" width="1200px" :showOkBtn="false"
-    <addPlan :type="type" :projectid="projectId" @close="closeProjectPlanModal()" />
+      :showCancelBtn="false">
-  </BasicModal>
+      <addPlan :type="type" :projectid="projectId" @close="closeProjectPlanModal()" />
-</PageWrapper>
+    </BasicModal>
+  </PageWrapper>
 
 </template>
 
 <script lang="ts" name="system-user" setup>
 //ts语法
 import { ref } from 'vue';
-import { ActionItem, BasicTable, TableAction,useTable } from '@/components/Table';
+import { ActionItem, BasicTable, TableAction, useTable } from '@/components/Table';
 import { PageWrapper } from '@/components/Page';
 
-import { useModal,BasicModal } from '@/components/Modal';
+import { useModal, BasicModal } from '@/components/Modal';
 import addPlan from '@/views/projectLib/projectPlan/addPlan.vue'
 import viewPlanDetail from "@/views/projectLib/projectPlan/viewPlanDetail.vue";
 import { isShowByRoles } from '@/views/projectLib/projectInfo/projectInfo.api';
 
-import { columns, searchFormSchema } from '@/views/projectLib/projectInfo/projectInfo.data';
+import { columns } from '@/views/projectLib/projectInfo/projectInfo.data';
-
+import { searchFormSchema } from '@/views/projectLib/projectPlan/projectPlan.data';
 import { projectPlanPageList } from '@/views/projectLib/projectPlan/projectPlan.api';
 import { useUserStore } from '@/store/modules/user';
 import { useRouter } from 'vue-router';  // 导入 useRouter
@@ -44,22 +45,27 @@ let projectStage = ref();
 const [registeViewPlanDetail, { openModal: openViewPlanDetail }] = useModal();//查看计划审批的
 const [registerProjectPlan, { openModal: openProjectPlan, closeModal: closeProjectPlan }] = useModal();//发起计划审批的
 
-const [registerTable, { reload }]= useTable({
+const [registerTable, { reload }] = useTable({
-    title: '项目信息',
+  title: '项目信息',
-    api: projectPlanPageList,
+  api: projectPlanPageList,
-    columns: columns,
+  columns: columns,
-    useSearchForm: true,
+  useSearchForm: true,
-    showIndexColumn:false,
+  showIndexColumn: false,
-    actionColumn: {
+  actionColumn: {
     width: 140,
     title: '操作',
     dataIndex: 'action',
     slots: { customRender: 'action' },
   },
-    //表单查询项设置
+  //表单查询项设置
-    formConfig: {
+  formConfig: {
-      schemas: searchFormSchema,
+    schemas: searchFormSchema,
+  },
+  beforeFetch: (params) => {
+    if (params.stage == undefined || params.stage == null) {
+      params.stage = "2"
     }
+  },
 
 });
 
@@ -76,14 +82,14 @@ function getTableAction(record): ActionItem[] {
     {
       label: '设计项目计划',
       ifShow: () => {
-        return record.stage ==2 &&isShowByRoles("projectContact")
+        return record.stage == 2 && isShowByRoles("projectContact")
       },
       onClick: handlePlan.bind(null, record)
     },
     {
       label: '修改项目计划',
       ifShow: () => {
-        return record.stage == 5 &&isShowByRoles("projectContact")
+        return record.stage == 5 && isShowByRoles("projectContact")
       },
       onClick: handlePlan.bind(null, record)
     },
@@ -93,12 +99,12 @@ function getTableAction(record): ActionItem[] {
 
 function handleDetailpage(record) {
   projectId.value = record.id
-  projectStage.value=record.stage
+  projectStage.value = record.stage
   openViewPlanDetail()
 
 }
 function handlePlan(record) {
-  type.value =record.stage==5?"2":"1"
+  type.value = record.stage == 5 ? "2" : "1"
   projectId.value = record.id
   openProjectPlan()
 
@@ -161,6 +167,4 @@ function openModfiyInfoPage() {
   height: auto !important;
   /* 其他样式 */
 }
-
-
 </style>