我的任务样式修改

ruoyi-ui/src/router/index.js

@@ -68,155 +68,133 @@ export const constantRoutes = [
   //   hidden: true
   // },
   {
-    path: '/project',
+    path: '/myTask/project',
     component: Layout,
     hidden: true,
     // redirect: 'noredirect',
     children: [
-      {
-        path: 'poolEdit',
-        name: 'poolEdit',
-        component: () => import('@/views/project/poolEdit'),
-        meta: { title: '项目编辑' }
-      },
-      {
-        path: 'poolDetail',
-        name: 'poolDetail',
-        component: () => import('@/views/project/poolDetail'),
-        meta: { title: '项目详情' }
-      },
       //项目机会
-      {
-        path: 'investOpp/apply',
-        name: 'investOppApply',
-        component: () => import('@/views/project/investOpp/apply'),
-        meta: { title: '申请项目机会' }
-      },
       {
         path: 'investOpp/edit',
         name: 'investOppEdit',
         component: () => import('@/views/project/investOpp/edit'),
-        meta: { title: '修改项目机会' }
+        meta: { title: '修改项目机会', activeMenu: '/myTask/project/investOpp/myTask' }
       },
       {
         path: "investOpp/audit",
         name: 'investOppAudit',
         component: () => import('@/views/project/investOpp/audit'),
-        meta: { title: '审批项目机会' }
+        meta: { title: '审批项目机会', activeMenu: '/myTask/project/investOpp/myTask' }
       },
       {
         path: 'investOpp/detail',
         name: 'investOppDetail',
         component: () => import('@/views/project/investOpp/detail'),
-        meta: { title: '项目机会详情' }
+        meta: { title: '项目机会详情', activeMenu: '/myTask/project/investOpp/myTask' }
       },
       //项目立项
       {
         path: "approval/edit",
         name: 'approvalEdit',
         component: () => import('@/views/project/approval/edit'),
-        meta: { title: '修改项目立项' }
+        meta: { title: '修改项目立项', activeMenu: '/myTask/project/approval/myTask' }
       },
       {
         path: "approval/audit",
         name: 'approvalAudit',
         component: () => import('@/views/project/approval/audit'),
-        meta: { title: '审批项目立项' }
+        meta: { title: '审批项目立项', activeMenu: '/myTask/project/approval/myTask' }
       },
       {
         path: "approval/detail",
         name: 'approvalDetail',
         component: () => import('@/views/project/approval/detail'),
-        meta: { title: '项目立项详情' }
+        meta: { title: '项目立项详情', activeMenu: '/myTask/project/approval/myTask' }
       },
       //尽职背调
       {
         path: "investigate/edit",
         name: 'investigateEdit',
         component: () => import('@/views/project/investigate/edit'),
-        meta: { title: '修改尽职背调' }
+        meta: { title: '修改尽职背调', activeMenu: '/myTask/project/investigate/myTask' }
       },
       {
         path: "investigate/audit",
         name: 'investigateAudit',
         component: () => import('@/views/project/investigate/audit'),
-        meta: { title: '审批尽职背调' }
+        meta: { title: '审批尽职背调', activeMenu: '/myTask/project/investigate/myTask' }
       },
       {
         path: "investigate/detail",
         name: 'investigateDetail',
         component: () => import('@/views/project/investigate/detail'),
-        meta: { title: '尽职背调详情' }
+        meta: { title: '尽职背调详情', activeMenu: '/myTask/project/investigate/myTask' }
       },
       //项目投决
       {
         path: "decision/edit",
         name: 'decisionEdit',
         component: () => import('@/views/project/decision/edit'),
-        meta: { title: '修改项目投决' }
+        meta: { title: '修改项目投决', activeMenu: '/myTask/project/decision/myTask' }
       },
       {
         path: "decision/audit",
         name: 'decisionAudit',
         component: () => import('@/views/project/decision/audit'),
-        meta: { title: '审批项目投决' }
+        meta: { title: '审批项目投决', activeMenu: '/myTask/project/decision/myTask' }
       },
       {
         path: "decision/detail",
         name: 'decisionDetail',
         component: () => import('@/views/project/decision/detail'),
-        meta: { title: '项目投决详情' }
+        meta: { title: '项目投决详情', activeMenu: '/myTask/project/decision/myTask' }
       },
       //项目终止
       {
         path: "termination/edit",
         name: 'terminationEdit',
         component: () => import('@/views/project/termination/edit'),
-        meta: { title: '修改项目终止' }
+        meta: { title: '修改项目终止', activeMenu: '/myTask/project/termination/myTask' }
       },
       {
         path: "termination/audit",
         name: 'terminationAudit',
         component: () => import('@/views/project/termination/audit'),
-        meta: { title: '审批项目终止' }
+        meta: { title: '审批项目终止', activeMenu: '/myTask/project/termination/myTask' }
       },
       {
         path: "termination/detail",
         name: 'terminationDetail',
         component: () => import('@/views/project/termination/detail'),
-        meta: { title: '项目终止详情' }
+        meta: { title: '项目终止详情', activeMenu: '/myTask/project/termination/myTask' }
+      },
+    ]
+  },
+  {
+    path: '/stage/project',
+    component: Layout,
+    hidden: true,
+    // redirect: 'noredirect',
+    children: [
+      {
+        path: 'poolEdit',
+        name: 'poolEdit',
+        component: () => import('@/views/project/poolEdit'),
+        meta: { title: '项目编辑', activeMenu: '/stage/project/listStage/listPool' }
+      },
+      {
+        path: 'poolDetail',
+        name: 'poolDetail',
+        component: () => import('@/views/project/poolDetail'),
+        meta: { title: '项目详情', activeMenu: '/stage/project/listStage/listPool' }
+      },
+      //项目机会
+      {
+        path: 'investOpp/apply',
+        name: 'investOppApply',
+        component: () => import('@/views/project/investOpp/apply'),
+        meta: { title: '申请项目机会', activeMenu: '/stage/project/listStage/listInvestOpp' }
       },
-      // {
-      //   path: "record/index",
-      //   name: 'investRecordIndex',
-      //   component: () => import('@/views/invest/record/index')
-      // },
-      // {
-      //   path: "channel/index",
-      //   name: 'investChannelIndex',
-      //   component: () => import('@/views/invest/channel/index')
-      // },
-      // {
-      //   path: "contract/index",
-      //   name: 'investContractIndex',
-      //   component: () => import('@/views/invest/contract/index')
-      // },
-      // {
-      //   path: "meeting/index",
-      //   name: 'investMeetingmpanyctsIndex',
-      //   component: () => import('@/views/invest/meeting/index')
-      // },
-      // {
-      //   path: "meeting/mark",
-      //   name: 'investMeetingmpanyctsMark',
-      //   component: () => import('@/views/invest/meeting/mark'),
-      //   meta: { title: '会议数据' }
-      // },
-      // {
-      //   path: 'information/index',
-      //   component: () => import('@/views/invest/information/index'),
-      //   name: 'investInformationIndex',
-      // }
     ]
   },
   {

ruoyi-ui/src/views/project/approval/myTask.vue

@@ -1,88 +1,90 @@
 <template>
-<!--  <div class="app-container">-->
+  <!--  <div class="app-container">-->
   <div>
     <el-card shadow="hover">
       <!-- 查询表单区域 -->
-      <el-form :model="queryParams" ref="queryForm" inline>
-        <el-form-item label="项目名称" prop="projectName">
-          <el-input
-            v-model.trim="queryParams.projectName"
-            placeholder="请输入项目名称"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="项目概况" prop="projectOverview">
-          <el-input
-            v-model.trim="queryParams.projectOverview"
-            placeholder="请输入项目概况"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="项目亮点" prop="projectSparkle">
-          <el-input
-            v-model.trim="queryParams.projectSparkle"
-            placeholder="请输入项目亮点"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
+      <el-form :model="queryParams" ref="queryForm" inline label-position="top">
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item label="项目名称" prop="projectName">
+              <el-input v-model.trim="queryParams.projectName" placeholder="请输入项目名称" clearable
+                @keyup.enter.native="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="项目概况" prop="projectOverview">
+              <el-input v-model.trim="queryParams.projectOverview" placeholder="请输入项目概况" clearable
+                @keyup.enter.native="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="项目亮点" prop="projectSparkle">
+              <el-input v-model.trim="queryParams.projectSparkle" placeholder="请输入项目亮点" clearable
+                @keyup.enter.native="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="6">
+
+          </el-col>
+          <el-col :span="6">
+
+          </el-col>
+          <el-col :span="6"></el-col>
+          <el-col :span="6"></el-col>
+        </el-row>
         <!-- 可继续扩展其他查询表单项目，比如项目编号、负责人等 -->
-        <el-form-item>
-          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-          <el-button type="warning" plain icon="el-icon-download" size="mini" @click="exportQuery">导出</el-button>
-        </el-form-item>
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item label="搜索">
+              <el-button style="width: 100%;" type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="重置">
+              <el-button style="width: 100%;" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="导出">
+              <el-button style="width: 100%;" type="warning" plain icon="el-icon-download"
+                @click="exportQuery">导出</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <!-- Tab 切换区域 -->
-      <el-tabs v-model="activeTab" type="card" @tab-click="handleTabClick">
+      <el-tabs v-model="activeTab" type="border-card" @tab-click="handleTabClick">
         <el-tab-pane label="待办任务" name="list1">
           <!-- 列表一内容 -->
-          <el-table
-            ref="dataTable"
-            @row-click="clickRow"
-            class="tableWrapper"
-            v-loading="loading"
-            border
-            :data="myTaskList"
-          >
-<!--            <el-table-column type="selection" width="40" align="center" />-->
-            <el-table-column
-              type="index"
-              label="序号"
-              width="50"
-              align="center"
-            ></el-table-column>
+          <el-table height="450" ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
+            :data="myTaskList">
+            <!--            <el-table-column type="selection" width="40" align="center" />-->
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
 
             <el-table-column label="项目名称" align="center" prop="projectName" width="200">
               <template slot-scope="scope">
-                <div
-                  :title="scope.row.projectName"
-                  class="public-text-blue public-cursor"
-                  @click.stop="handleInvestOppDetail(scope.row)"
-                >
+                <div :title="scope.row.projectName" class="public-text-blue public-cursor"
+                  @click.stop="handleInvestOppDetail(scope.row)">
                   {{ scope.row.projectName }}
                 </div>
               </template>
             </el-table-column>
-            <el-table-column label="所属行业" align="center" prop="industry"
-            ><template slot-scope="scope">
-              <dict-tag
-                :options="dict.type.CUSTOMER_TRADE"
-                :value="scope.row.industry"
-              />
-            </template>
+            <el-table-column label="所属行业" align="center" prop="industry"><template slot-scope="scope">
+                <dict-tag :options="dict.type.CUSTOMER_TRADE" :value="scope.row.industry" />
+              </template>
             </el-table-column>
             <el-table-column label="项目阶段" align="center" prop="projectStage">
               <template slot-scope="scope">
-                <dict-tag
-                  :options="dict.type.project_stage"
-                  :value="scope.row.projectStage"
-                />
+                <dict-tag :options="dict.type.project_stage" :value="scope.row.projectStage" />
               </template>
             </el-table-column>
-<!--            <el-table-column
+            <!--            <el-table-column
               label="项目状态"
               align="center"
               prop="projectState"
@@ -98,18 +100,16 @@
             <el-table-column label="项目机会状态" align="center" prop="projectStatus">
               <template slot-scope="scope">
                 <!-- 定义状态文本映射对象 -->
-                <el-tag
-                  :type="{
-                    0: 'success',
-                    1: 'danger',
-                    2: 'warning'
-                  }[scope.row.projectStatus] || 'info'"
-                >
+                <el-tag :type="{
+                  0: 'success',
+                  1: 'danger',
+                  2: 'warning'
+                }[scope.row.projectStatus] || 'info'">
                   {{ {
-                  0: '正常',
-                  1: '终止',
-                  2: '观望'
-                }[scope.row.projectStatus] || '未知状态' }}
+                    0: '正常',
+                    1: '终止',
+                    2: '观望'
+                  }[scope.row.projectStatus] || '未知状态' }}
                 </el-tag>
               </template>
             </el-table-column>
@@ -156,15 +156,16 @@
             </el-table-column>
             <el-table-column label="当前节点" align="center" prop="taskName">
               <template slot-scope="scope">
-                <div :title="scope.row.taskName"  class="public-text-blue public-cursor" @click="handleReadImage(scope.row)">
-                  {{ scope.row.taskName}}
+                <div :title="scope.row.taskName" class="public-text-blue public-cursor"
+                  @click="handleReadImage(scope.row)">
+                  {{ scope.row.taskName }}
                 </div>
               </template>
             </el-table-column>
             <el-table-column label="当前处理人" align="center" prop="assigneeName">
               <template slot-scope="scope">
                 <div :title="scope.row.assigneeName">
-                  {{ scope.row.assigneeName}}
+                  {{ scope.row.assigneeName }}
                 </div>
               </template>
             </el-table-column>
@@ -183,80 +184,56 @@
             <el-table-column label="操作" align="center" width="90" class-name="small-padding fixed-width">
               <template slot-scope="scope">
 
-                <el-button v-if="scope.row.taskDefKey=='modifyApply'" size="mini" type="text" @click="handleEdit(scope.row)">处理</el-button>
+                <el-button v-if="scope.row.taskDefKey == 'modifyApply'" type="text" size="small"
+                  @click="handleEdit(scope.row)">处理</el-button>
                 <template v-else>
-                <!-- 1. 签收按钮：无签收人时显示 -->
-                  <el-button v-if="!scope.row.assignee" type="primary" size="mini" @click="handleSign(scope.row)">签收</el-button>
+                  <!-- 1. 签收按钮：无签收人时显示 -->
+                  <el-button v-if="!scope.row.assignee" type="text" size="small"
+                    @click="handleSign(scope.row)">签收</el-button>
                   <!-- 2. 处理按钮：有签收人时显示 -->
-                  <el-button v-else size="mini" type="text" @click="handleProcess(scope.row)">处理</el-button>
-                <!-- 3. 撤回按钮：需补充逻辑（比如仅未签收可撤回，可结合 signPerson 判断） -->
-<!--                <el-button v-if="!scope.row.assignee" size="mini" type="text" icon="el-icon-refresh-right" @click="handleWithdraw(scope.row)">撤回</el-button>-->
-                <!-- 4. 详情按钮：一直显示 -->
+                  <el-button v-else type="text" size="small" @click="handleProcess(scope.row)">处理</el-button>
+                  <!-- 3. 撤回按钮：需补充逻辑（比如仅未签收可撤回，可结合 signPerson 判断） -->
+                  <!--                <el-button v-if="!scope.row.assignee" type="text" size="small" icon="el-icon-refresh-right" @click="handleWithdraw(scope.row)">撤回</el-button>-->
+                  <!-- 4. 详情按钮：一直显示 -->
 
                 </template>
-                <el-button type="text" size="mini" @click="handleDetail(scope.row)">详情</el-button>
+                <el-button style="color:#1890ff" type="text" size="small" @click="handleDetail(scope.row)">详情</el-button>
               </template>
             </el-table-column>
           </el-table>
 
           <!-- 分页 -->
-          <pagination
-            v-show="myTaskTotal > 0"
-            :total="myTaskTotal"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getMyTaskList"
-          />
+          <pagination v-show="myTaskTotal > 0" :total="myTaskTotal" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getMyTaskList" />
         </el-tab-pane>
 
         <el-tab-pane label="已办任务" name="list2">
           <!-- 我的单据表格 -->
           <!-- 列表一内容 -->
-          <el-table
-            ref="dataTable"
-            @row-click="clickRow"
-            class="tableWrapper"
-            v-loading="loading"
-            border
-            :data="myDoneTaskList"
-          >
-<!--            <el-table-column type="selection" width="40" align="center" />-->
-            <el-table-column
-              type="index"
-              label="序号"
-              width="50"
-              align="center"
-            ></el-table-column>
+          <el-table height="450" ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
+            :data="myDoneTaskList">
+            <!--            <el-table-column type="selection" width="40" align="center" />-->
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
             <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
             <el-table-column label="项目名称" align="center" prop="projectName" width="200">
               <template slot-scope="scope">
-                <div
-                  :title="scope.row.projectName"
-                  class="public-text-blue public-cursor"
-                  @click.stop="handleInvestOppDetail(scope.row)"
-                >
+                <div :title="scope.row.projectName" class="public-text-blue public-cursor"
+                  @click.stop="handleInvestOppDetail(scope.row)">
                   {{ scope.row.projectName }}
                 </div>
               </template>
             </el-table-column>
 
-            <el-table-column label="所属行业" align="center" prop="industry"
-            ><template slot-scope="scope">
-              <dict-tag
-                :options="dict.type.CUSTOMER_TRADE"
-                :value="scope.row.industry"
-              />
-            </template>
+            <el-table-column label="所属行业" align="center" prop="industry"><template slot-scope="scope">
+                <dict-tag :options="dict.type.CUSTOMER_TRADE" :value="scope.row.industry" />
+              </template>
             </el-table-column>
             <el-table-column label="项目阶段" align="center" prop="projectStage">
               <template slot-scope="scope">
-                <dict-tag
-                  :options="dict.type.project_stage"
-                  :value="scope.row.projectStage"
-                />
+                <dict-tag :options="dict.type.project_stage" :value="scope.row.projectStage" />
               </template>
             </el-table-column>
-<!--            <el-table-column
+            <!--            <el-table-column
               label="项目状态"
               align="center"
               prop="projectState"
@@ -272,18 +249,16 @@
             <el-table-column label="项目机会状态" align="center" prop="projectStatus">
               <template slot-scope="scope">
                 <!-- 定义状态文本映射对象 -->
-                <el-tag
-                  :type="{
-                    0: 'success',
-                    1: 'danger',
-                    2: 'warning'
-                  }[scope.row.projectStatus] || 'info'"
-                >
+                <el-tag :type="{
+                  0: 'success',
+                  1: 'danger',
+                  2: 'warning'
+                }[scope.row.projectStatus] || 'info'">
                   {{ {
-                  0: '正常',
-                  1: '终止',
-                  2: '观望'
-                }[scope.row.projectStatus] || '未知状态' }}
+                    0: '正常',
+                    1: '终止',
+                    2: '观望'
+                  }[scope.row.projectStatus] || '未知状态' }}
                 </el-tag>
               </template>
             </el-table-column>
@@ -331,18 +306,20 @@
             </el-table-column>
             <el-table-column label="当前节点" align="center" prop="taskName">
               <template slot-scope="scope">
-                <div  v-if="scope.row.deployId !== null && scope.row.deployId !== undefined && scope.row.deployId !== ''"  :title="scope.row.taskName" class="public-text-blue public-cursor" @click="handleReadImage(scope.row)">
-                  {{ scope.row.taskName}}
+                <div v-if="scope.row.deployId !== null && scope.row.deployId !== undefined && scope.row.deployId !== ''"
+                  :title="scope.row.taskName" class="public-text-blue public-cursor"
+                  @click="handleReadImage(scope.row)">
+                  {{ scope.row.taskName }}
                 </div>
                 <div v-else :title="scope.row.taskName">
-                  {{ scope.row.taskName}}
+                  {{ scope.row.taskName }}
                 </div>
               </template>
             </el-table-column>
             <el-table-column label="当前处理人" align="center" prop="assigneeName">
               <template slot-scope="scope">
                 <div :title="scope.row.assigneeName">
-                  {{ scope.row.assigneeName}}
+                  {{ scope.row.assigneeName }}
                 </div>
               </template>
             </el-table-column>
@@ -360,66 +337,40 @@
             <!-- fixed="right" -->
             <el-table-column label="操作" align="center" width="70" class-name="small-padding fixed-width">
               <template slot-scope="scope">
-                <el-button type="text" size="mini" @click="handleDetail(scope.row)">详情</el-button>
+                <el-button style="color:#1890ff" type="text" size="small" @click="handleDetail(scope.row)">详情</el-button>
               </template>
             </el-table-column>
           </el-table>
           <!-- 分页 -->
-          <pagination
-            v-show="myDoneTaskTotal > 0"
-            :total="myDoneTaskTotal"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getMyDoneTaskList"
-          />
+          <pagination v-show="myDoneTaskTotal > 0" :total="myDoneTaskTotal" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getMyDoneTaskList" />
         </el-tab-pane>
-        <el-tab-pane label="我的单据" name="list3">
+        <el-tab-pane  label="我的单据" name="list3">
           <!-- 我的单据表格 -->
           <!-- 列表一内容 -->
-          <el-table
-            ref="dataTable"
-            @row-click="clickRow"
-            class="tableWrapper"
-            v-loading="loading"
-            border
-            :data="myList"
-          >
-<!--            <el-table-column type="selection" width="40" align="center" />-->
-            <el-table-column
-              type="index"
-              label="序号"
-              width="50"
-              align="center"
-            ></el-table-column>
+          <el-table height="450" ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
+            :data="myList">
+            <!--            <el-table-column type="selection" width="40" align="center" />-->
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
             <el-table-column label="项目名称" align="center" prop="projectName" width="200">
               <template slot-scope="scope">
-                <div
-                  :title="scope.row.projectName"
-                  class="public-text-blue public-cursor"
-                  @click.stop="handleInvestOppDetail(scope.row)"
-                >
+                <div :title="scope.row.projectName" class="public-text-blue public-cursor"
+                  @click.stop="handleInvestOppDetail(scope.row)">
                   {{ scope.row.projectName }}
                 </div>
               </template>
             </el-table-column>
 
-            <el-table-column label="所属行业" align="center" prop="industry"
-            ><template slot-scope="scope">
-              <dict-tag
-                :options="dict.type.CUSTOMER_TRADE"
-                :value="scope.row.industry"
-              />
-            </template>
+            <el-table-column label="所属行业" align="center" prop="industry"><template slot-scope="scope">
+                <dict-tag :options="dict.type.CUSTOMER_TRADE" :value="scope.row.industry" />
+              </template>
             </el-table-column>
             <el-table-column label="项目阶段" align="center" prop="projectStage">
               <template slot-scope="scope">
-                <dict-tag
-                  :options="dict.type.project_stage"
-                  :value="scope.row.projectStage"
-                />
+                <dict-tag :options="dict.type.project_stage" :value="scope.row.projectStage" />
               </template>
             </el-table-column>
-<!--            <el-table-column
+            <!--            <el-table-column
               label="项目状态"
               align="center"
               prop="projectState"
@@ -435,18 +386,16 @@
             <el-table-column label="项目机会状态" align="center" prop="projectStatus">
               <template slot-scope="scope">
                 <!-- 定义状态文本映射对象 -->
-                <el-tag
-                  :type="{
-                    0: 'success',
-                    1: 'danger',
-                    2: 'warning'
-                  }[scope.row.projectStatus] || 'info'"
-                >
+                <el-tag :type="{
+                  0: 'success',
+                  1: 'danger',
+                  2: 'warning'
+                }[scope.row.projectStatus] || 'info'">
                   {{ {
-                  0: '正常',
-                  1: '终止',
-                  2: '观望'
-                }[scope.row.projectStatus] || '未知状态' }}
+                    0: '正常',
+                    1: '终止',
+                    2: '观望'
+                  }[scope.row.projectStatus] || '未知状态' }}
                 </el-tag>
               </template>
             </el-table-column>
@@ -493,15 +442,16 @@
             </el-table-column>
             <el-table-column label="当前节点" align="center" prop="taskName">
               <template slot-scope="scope">
-                <div :title="scope.row.taskName" class="public-text-blue public-cursor" @click="handleReadImage(scope.row)">
-                  {{ scope.row.taskName}}
+                <div :title="scope.row.taskName" class="public-text-blue public-cursor"
+                  @click="handleReadImage(scope.row)">
+                  {{ scope.row.taskName }}
                 </div>
               </template>
             </el-table-column>
             <el-table-column label="当前处理人" align="center" prop="assigneeName">
               <template slot-scope="scope">
                 <div :title="scope.row.assigneeName">
-                  {{ scope.row.assigneeName}}
+                  {{ scope.row.assigneeName }}
                 </div>
               </template>
             </el-table-column>
@@ -519,34 +469,29 @@
             <!-- fixed="right" -->
             <el-table-column label="操作" align="center" width="70" class-name="small-padding fixed-width">
               <template slot-scope="scope">
-                <el-button type="text" size="mini" @click="handleDetail(scope.row)">详情</el-button>
+                <el-button style="color:#1890ff" type="text" size="small" @click="handleDetail(scope.row)">详情</el-button>
               </template>
             </el-table-column>
           </el-table>
           <!-- 分页 -->
-          <pagination
-            v-show="myTotal > 0"
-            :total="myTotal"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getMyList"
-          />
+          <pagination v-show="myTotal > 0" :total="myTotal" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getMyList" />
         </el-tab-pane>
       </el-tabs>
     </el-card>
-  <!-- Flowable 流程图弹窗 -->
-  <!-- 流程图 -->
+    <!-- Flowable 流程图弹窗 -->
+    <!-- 流程图 -->
 
-  <el-dialog :title="readImage.title" :visible.sync="readImage.open" width="70%"  append-to-body>
-    <!-- <el-image :src="readImage.src"></el-image> -->
-    <flow :flowData="flowData"/>
-  </el-dialog>
+    <el-dialog :title="readImage.title" :visible.sync="readImage.open" width="70%" append-to-body>
+      <!-- <el-image :src="readImage.src"></el-image> -->
+      <flow :flowData="flowData" />
+    </el-dialog>
 
   </div>
 </template>
 
 <script>
-import { getMyTaskList,getMyDoneTaskList,getMyList } from "@/api/project/approval/pool";
+import { getMyTaskList, getMyDoneTaskList, getMyList } from "@/api/project/approval/pool";
 import { flowXmlAndNode } from "@/api/flowable/definition";
 import { listChannel } from "@/api/invest/channel";
 import dueDiligenceList from "../../invest/components/dueDiligenceList";
@@ -572,7 +517,7 @@ export default {
   data() {
     return {
       // 当前激活的 Tab
-      activeTab:"list1",
+      activeTab: "list1",
       // 遮罩层
       loading: false,
       // 查询参数
@@ -618,7 +563,7 @@ export default {
       myTotal: 0,
       channelList: [], //渠道
       //流程图信息
-      readImage:{
+      readImage: {
         open: false,
         src: "",
       },
@@ -776,18 +721,22 @@ export default {
     handleInvestOppDetail(row) {
       const projectPoolId = row.projectPoolId;
       getPool(projectPoolId).then((response) => {
-        const pInstId=response.data.procInstId;
-        this.$router.push({ path: "/project/investOpp/detail", query: { id:
-            projectPoolId , pInstId: pInstId } });
+        const pInstId = response.data.procInstId;
+        this.$router.push({
+          path: "/myTask/project/investOpp/detail", query: {
+            id:
+              projectPoolId, pInstId: pInstId
+          }
+        });
       });
     },
     // 跳转到处理页面(暂存节点页面）
-    handleEdit(row){
+    handleEdit(row) {
       const id = row.id || this.ids;
-      const poolId=row.projectPoolId;
-      const pInstId=row.procInstId;
-      const taskId=row.taskId;
-      this.$router.push({ path: "/project/approval/edit", query: { id: poolId , pInstId: pInstId , taskId:taskId} });
+      const poolId = row.projectPoolId;
+      const pInstId = row.procInstId;
+      const taskId = row.taskId;
+      this.$router.push({ path: "/myTask/project/approval/edit", query: { id: poolId, pInstId: pInstId, taskId: taskId } });
     },
     // 签收操作
     handleSign(row) {
@@ -796,13 +745,13 @@ export default {
       this.$message.success('签收成功');
     },
     // 跳转到处理页面
-    handleProcess(row){
+    handleProcess(row) {
       const id = row.id || this.ids;
-      const poolId=row.projectPoolId;
-      const pInstId=row.procInstId;
-      const taskId=row.taskId;
+      const poolId = row.projectPoolId;
+      const pInstId = row.procInstId;
+      const taskId = row.taskId;
       this.$store.commit("SET_PROJECTITEMMESSAGE", row);
-      this.$router.push({ path: "/project/approval/audit", query: { id:poolId , pInstId: pInstId ,taskId:taskId} });
+      this.$router.push({ path: "/myTask/project/approval/audit", query: { id: poolId, pInstId: pInstId, taskId: taskId } });
 
     },
     // 撤回操作
@@ -819,9 +768,9 @@ export default {
     /*详情*/
     handleDetail(row) {
       const id = row.id || this.ids;
-      const poolId=row.projectPoolId;
-      const pInstId=row.procInstId;
-      this.$router.push({ path: "/project/approval/detail", query: { id: poolId , pInstId: pInstId } });
+      const poolId = row.projectPoolId;
+      const pInstId = row.procInstId;
+      this.$router.push({ path: "/myTask/project/approval/detail", query: { id: poolId, pInstId: pInstId } });
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -841,14 +790,14 @@ export default {
           this.getList();
           this.$modal.msgSuccess("已终止");
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     /** 流程图查看 */
-    handleReadImage(row){
+    handleReadImage(row) {
       this.readImage.title = "流程图";
       this.readImage.open = true;
       // this.readImage.src = process.env.VUE_APP_BASE_API + "/flowable/definition/readImage/" + deploymentId;
-      flowXmlAndNode({procInsId: row.procInstId,deployId:row.deployId}).then(res => {
+      flowXmlAndNode({ procInsId: row.procInstId, deployId: row.deployId }).then(res => {
         this.flowData = res.data;
       })
     },
@@ -857,9 +806,45 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+::v-deep .el-card__body {
+  background-color: #f3f3f4;
+}
+
+::v-deep .el-form-item {
+  width: 100%;
+  margin-right: 0px;
+  margin-bottom: 10px;
+}
+
+::v-deep .el-form--label-top {
+  background-color: #fff;
+  padding: 10px;
+  margin-bottom: 15px;
+}
+
+::v-deep .el-form--label-top .el-form-item__label {
+  padding: 0;
+  line-height: 26px;
+}
+
+
+::v-deep .el-tabs--border-card {
+  border: none;
+  box-shadow: none;
+}
+
+::v-deep .el-tabs--border-card>.el-tabs__header {
+  background-color: #f3f3f4;
+}
+
+::v-deep .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
+  border-radius: 4px 4px 0 0;
+}
+
 .tableWrapper {
   font-size: 12px;
   color: #000;
+
   ::v-deep .el-table__header-wrapper th {
     font-size: 12px;
     font-weight: bolder;
@@ -876,12 +861,9 @@ export default {
     -webkit-box-orient: vertical;
   }
 }
+
 /**找到表头那一行，然后把里面的复选框隐藏掉**/
-.hideHeaderCheckBox
-::v-deep
-.el-table__header-wrapper
-.el-table__header
-.el-checkbox {
+.hideHeaderCheckBox::v-deep .el-table__header-wrapper .el-table__header .el-checkbox {
   display: none;
 }
 </style>

ruoyi-ui/src/views/project/decision/myTask.vue

@@ -1,80 +1,87 @@
 <template>
-<!--  <div class="app-container">-->
+  <!--  <div class="app-container">-->
   <div>
     <el-card shadow="hover">
       <!-- 查询表单区域 -->
-      <el-form :model="queryParams" ref="queryForm" inline>
-        <el-form-item label="项目名称" prop="projectName">
-          <el-input
-            v-model.trim="queryParams.projectName"
-            placeholder="请输入项目名称"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="股权/其他合作商务条款" prop="provision">
-          <el-input
-            v-model.trim="queryParams.provision"
-            placeholder="请输入股权/其他合作商务条款"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
+      <el-form :model="queryParams" ref="queryForm" inline label-position="top">
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item label="项目名称" prop="projectName">
+              <el-input v-model.trim="queryParams.projectName" placeholder="请输入项目名称" clearable
+                @keyup.enter.native="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="股权/其他合作商务条款" prop="provision">
+              <el-input v-model.trim="queryParams.provision" placeholder="请输入股权/其他合作商务条款" clearable
+                @keyup.enter.native="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+
+          </el-col>
+          <el-col :span="6">
+
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="6">
+
+          </el-col>
+          <el-col :span="6">
+
+          </el-col>
+          <el-col :span="6"></el-col>
+          <el-col :span="6"></el-col>
+        </el-row>
         <!-- 可继续扩展其他查询表单项目，比如项目编号、负责人等 -->
-        <el-form-item>
-          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-          <el-button type="warning" plain icon="el-icon-download" size="mini" @click="exportQuery">导出</el-button>
-        </el-form-item>
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item label="搜索">
+              <el-button style="width: 100%;" type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="重置">
+              <el-button style="width: 100%;" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="导出">
+              <el-button style="width: 100%;" type="warning" plain icon="el-icon-download"
+                @click="exportQuery">导出</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <!-- Tab 切换区域 -->
-      <el-tabs v-model="activeTab" type="card" @tab-click="handleTabClick">
+      <el-tabs v-model="activeTab" type="border-card" @tab-click="handleTabClick">
         <el-tab-pane label="待办任务" name="list1">
           <!-- 列表一内容 -->
-          <el-table
-            ref="dataTable"
-            @row-click="clickRow"
-            class="tableWrapper"
-            v-loading="loading"
-            border
-            :data="myTaskList"
-          >
-<!--            <el-table-column type="selection" width="40" align="center" />-->
-            <el-table-column
-              type="index"
-              label="序号"
-              width="50"
-              align="center"
-            ></el-table-column>
+          <el-table height="450" ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
+            :data="myTaskList">
+            <!--            <el-table-column type="selection" width="40" align="center" />-->
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
             <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
             <el-table-column label="项目名称" align="center" prop="projectName" width="200">
               <template slot-scope="scope">
-                <div
-                  :title="scope.row.projectName"
-                  class="public-text-blue public-cursor"
-                  @click.stop="handleInvestOppDetail(scope.row)"
-                >
+                <div :title="scope.row.projectName" class="public-text-blue public-cursor"
+                  @click.stop="handleInvestOppDetail(scope.row)">
                   {{ scope.row.projectName }}
                 </div>
               </template>
             </el-table-column>
-            <el-table-column label="所属行业" align="center" prop="industry"
-            ><template slot-scope="scope">
-              <dict-tag
-                :options="dict.type.CUSTOMER_TRADE"
-                :value="scope.row.industry"
-              />
-            </template>
+            <el-table-column label="所属行业" align="center" prop="industry"><template slot-scope="scope">
+                <dict-tag :options="dict.type.CUSTOMER_TRADE" :value="scope.row.industry" />
+              </template>
             </el-table-column>
             <el-table-column label="项目阶段" align="center" prop="projectStage">
               <template slot-scope="scope">
-                <dict-tag
-                  :options="dict.type.project_stage"
-                  :value="scope.row.projectStage"
-                />
+                <dict-tag :options="dict.type.project_stage" :value="scope.row.projectStage" />
               </template>
             </el-table-column>
-<!--            <el-table-column
+            <!--            <el-table-column
               label="项目状态"
               align="center"
               prop="projectState"
@@ -90,18 +97,16 @@
             <el-table-column label="项目机会状态" align="center" prop="projectStatus">
               <template slot-scope="scope">
                 <!-- 定义状态文本映射对象 -->
-                <el-tag
-                  :type="{
-                    0: 'success',
-                    1: 'danger',
-                    2: 'warning'
-                  }[scope.row.projectStatus] || 'info'"
-                >
+                <el-tag :type="{
+                  0: 'success',
+                  1: 'danger',
+                  2: 'warning'
+                }[scope.row.projectStatus] || 'info'">
                   {{ {
-                  0: '正常',
-                  1: '终止',
-                  2: '观望'
-                }[scope.row.projectStatus] || '未知状态' }}
+                    0: '正常',
+                    1: '终止',
+                    2: '观望'
+                  }[scope.row.projectStatus] || '未知状态' }}
                 </el-tag>
               </template>
             </el-table-column>
@@ -141,15 +146,16 @@
             </el-table-column>
             <el-table-column label="当前节点" align="center" prop="taskName">
               <template slot-scope="scope">
-                <div :title="scope.row.taskName"  class="public-text-blue public-cursor" @click="handleReadImage(scope.row)">
-                  {{ scope.row.taskName}}
+                <div :title="scope.row.taskName" class="public-text-blue public-cursor"
+                  @click="handleReadImage(scope.row)">
+                  {{ scope.row.taskName }}
                 </div>
               </template>
             </el-table-column>
             <el-table-column label="当前处理人" align="center" prop="assigneeName">
               <template slot-scope="scope">
                 <div :title="scope.row.assigneeName">
-                  {{ scope.row.assigneeName}}
+                  {{ scope.row.assigneeName }}
                 </div>
               </template>
             </el-table-column>
@@ -167,79 +173,56 @@
             <!-- fixed="right" -->
             <el-table-column label="操作" align="center" width="90" class-name="small-padding fixed-width">
               <template slot-scope="scope">
-                <el-button v-if="scope.row.taskDefKey=='modifyApply'" type="text" @click="handleEdit(scope.row)">处理</el-button>
+                <el-button v-if="scope.row.taskDefKey == 'modifyApply'" type="text" size="small"
+                  @click="handleEdit(scope.row)">处理</el-button>
                 <template v-else>
-                <!-- 1. 签收按钮：无签收人时显示 -->
-                  <el-button v-if="!scope.row.assignee" type="primary"  @click="handleSign(scope.row)">签收</el-button>
+                  <!-- 1. 签收按钮：无签收人时显示 -->
+                  <el-button v-if="!scope.row.assignee" type="text" size="small"
+                    @click="handleSign(scope.row)">签收</el-button>
                   <!-- 2. 处理按钮：有签收人时显示 -->
-                  <el-button v-else  type="text" @click="handleProcess(scope.row)">处理</el-button>
-                <!-- 3. 撤回按钮：需补充逻辑（比如仅未签收可撤回，可结合 signPerson 判断） -->
-<!--                <el-button v-if="!scope.row.assignee" size="mini" type="text" icon="el-icon-refresh-right" @click="handleWithdraw(scope.row)">撤回</el-button>-->
-                <!-- 4. 详情按钮：一直显示 -->
+                  <el-button v-else type="text" size="small" @click="handleProcess(scope.row)">处理</el-button>
+                  <!-- 3. 撤回按钮：需补充逻辑（比如仅未签收可撤回，可结合 signPerson 判断） -->
+                  <!--                <el-button v-if="!scope.row.assignee" size="mini" type="text" size="small" icon="el-icon-refresh-right" @click="handleWithdraw(scope.row)">撤回</el-button>-->
+                  <!-- 4. 详情按钮：一直显示 -->
 
                 </template>
-                <el-button type="text"  @click="handleDetail(scope.row)">详情</el-button>
+                <el-button style="color:#1890ff" type="text" size="small"
+                  @click="handleDetail(scope.row)">详情</el-button>
               </template>
             </el-table-column>
           </el-table>
 
           <!-- 分页 -->
-          <pagination
-            v-show="myTaskTotal > 0"
-            :total="myTaskTotal"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getMyTaskList"
-          />
+          <pagination v-show="myTaskTotal > 0" :total="myTaskTotal" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getMyTaskList" />
         </el-tab-pane>
 
         <el-tab-pane label="已办任务" name="list2">
           <!-- 我的单据表格 -->
           <!-- 列表一内容 -->
-          <el-table
-            ref="dataTable"
-            @row-click="clickRow"
-            class="tableWrapper"
-            v-loading="loading"
-            border
-            :data="myDoneTaskList"
-          >
-<!--            <el-table-column type="selection" width="40" align="center" />-->
-            <el-table-column
-              type="index"
-              label="序号"
-              width="50"
-              align="center"
-            ></el-table-column>
+          <el-table height="450" ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
+            :data="myDoneTaskList">
+            <!--            <el-table-column type="selection" width="40" align="center" />-->
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
             <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
             <el-table-column label="项目名称" align="center" prop="projectName" width="200">
               <template slot-scope="scope">
-                <div
-                  :title="scope.row.projectName"
-                  class="public-text-blue public-cursor"
-                  @click.stop="handleInvestOppDetail(scope.row)"
-                >
+                <div :title="scope.row.projectName" class="public-text-blue public-cursor"
+                  @click.stop="handleInvestOppDetail(scope.row)">
                   {{ scope.row.projectName }}
                 </div>
               </template>
             </el-table-column>
-            <el-table-column label="所属行业" align="center" prop="industry"
-            ><template slot-scope="scope">
-              <dict-tag
-                :options="dict.type.CUSTOMER_TRADE"
-                :value="scope.row.industry"
-              />
-            </template>
+            <el-table-column label="所属行业" align="center" prop="industry"><template slot-scope="scope">
+                <dict-tag :options="dict.type.CUSTOMER_TRADE" :value="scope.row.industry" />
+              </template>
             </el-table-column>
             <el-table-column label="项目阶段" align="center" prop="projectStage">
               <template slot-scope="scope">
-                <dict-tag
-                  :options="dict.type.project_stage"
-                  :value="scope.row.projectStage"
-                />
+                <dict-tag :options="dict.type.project_stage" :value="scope.row.projectStage" />
               </template>
             </el-table-column>
-<!--            <el-table-column
+            <!--            <el-table-column
               label="项目状态"
               align="center"
               prop="projectState"
@@ -256,18 +239,16 @@
             <el-table-column label="项目机会状态" align="center" prop="projectStatus">
               <template slot-scope="scope">
                 <!-- 定义状态文本映射对象 -->
-                <el-tag
-                  :type="{
-                    0: 'success',
-                    1: 'danger',
-                    2: 'warning'
-                  }[scope.row.projectStatus] || 'info'"
-                >
+                <el-tag :type="{
+                  0: 'success',
+                  1: 'danger',
+                  2: 'warning'
+                }[scope.row.projectStatus] || 'info'">
                   {{ {
-                  0: '正常',
-                  1: '终止',
-                  2: '观望'
-                }[scope.row.projectStatus] || '未知状态' }}
+                    0: '正常',
+                    1: '终止',
+                    2: '观望'
+                  }[scope.row.projectStatus] || '未知状态' }}
                 </el-tag>
               </template>
             </el-table-column>
@@ -307,18 +288,20 @@
             </el-table-column>
             <el-table-column label="当前节点" align="center" prop="taskName">
               <template slot-scope="scope">
-                <div  v-if="scope.row.deployId !== null && scope.row.deployId !== undefined && scope.row.deployId !== ''"  :title="scope.row.taskName" class="public-text-blue public-cursor" @click="handleReadImage(scope.row)">
-                  {{ scope.row.taskName}}
+                <div v-if="scope.row.deployId !== null && scope.row.deployId !== undefined && scope.row.deployId !== ''"
+                  :title="scope.row.taskName" class="public-text-blue public-cursor"
+                  @click="handleReadImage(scope.row)">
+                  {{ scope.row.taskName }}
                 </div>
                 <div v-else :title="scope.row.taskName">
-                  {{ scope.row.taskName}}
+                  {{ scope.row.taskName }}
                 </div>
               </template>
             </el-table-column>
             <el-table-column label="当前处理人" align="center" prop="assigneeName">
               <template slot-scope="scope">
                 <div :title="scope.row.assigneeName">
-                  {{ scope.row.assigneeName}}
+                  {{ scope.row.assigneeName }}
                 </div>
               </template>
             </el-table-column>
@@ -336,66 +319,41 @@
             <!-- fixed="right" -->
             <el-table-column label="操作" align="center" width="70" class-name="small-padding fixed-width">
               <template slot-scope="scope">
-                <el-button type="text" size="small" @click="handleDetail(scope.row)">详情</el-button>
+                <el-button style="color:#1890ff" type="text" size="small"
+                  @click="handleDetail(scope.row)">详情</el-button>
               </template>
             </el-table-column>
           </el-table>
           <!-- 分页 -->
-          <pagination
-            v-show="myDoneTaskTotal > 0"
-            :total="myDoneTaskTotal"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getMyDoneTaskList"
-          />
+          <pagination v-show="myDoneTaskTotal > 0" :total="myDoneTaskTotal" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getMyDoneTaskList" />
         </el-tab-pane>
         <el-tab-pane label="我的单据" name="list3">
           <!-- 我的单据表格 -->
           <!-- 列表一内容 -->
-          <el-table
-            ref="dataTable"
-            @row-click="clickRow"
-            class="tableWrapper"
-            v-loading="loading"
-            border
-            :data="myList"
-          >
-<!--            <el-table-column type="selection" width="40" align="center" />-->
-            <el-table-column
-              type="index"
-              label="序号"
-              width="50"
-              align="center"
-            ></el-table-column>
+          <el-table height="450" ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
+            :data="myList">
+            <!--            <el-table-column type="selection" width="40" align="center" />-->
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
             <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
             <el-table-column label="项目名称" align="center" prop="projectName" width="200">
               <template slot-scope="scope">
-                <div
-                  :title="scope.row.projectName"
-                  class="public-text-blue public-cursor"
-                  @click.stop="handleInvestOppDetail(scope.row)"
-                >
+                <div :title="scope.row.projectName" class="public-text-blue public-cursor"
+                  @click.stop="handleInvestOppDetail(scope.row)">
                   {{ scope.row.projectName }}
                 </div>
               </template>
             </el-table-column>
-            <el-table-column label="所属行业" align="center" prop="industry"
-            ><template slot-scope="scope">
-              <dict-tag
-                :options="dict.type.CUSTOMER_TRADE"
-                :value="scope.row.industry"
-              />
-            </template>
+            <el-table-column label="所属行业" align="center" prop="industry"><template slot-scope="scope">
+                <dict-tag :options="dict.type.CUSTOMER_TRADE" :value="scope.row.industry" />
+              </template>
             </el-table-column>
             <el-table-column label="项目阶段" align="center" prop="projectStage">
               <template slot-scope="scope">
-                <dict-tag
-                  :options="dict.type.project_stage"
-                  :value="scope.row.projectStage"
-                />
+                <dict-tag :options="dict.type.project_stage" :value="scope.row.projectStage" />
               </template>
             </el-table-column>
-<!--            <el-table-column
+            <!--            <el-table-column
               label="项目状态"
               align="center"
               prop="projectState"
@@ -412,18 +370,16 @@
             <el-table-column label="项目机会状态" align="center" prop="projectStatus">
               <template slot-scope="scope">
                 <!-- 定义状态文本映射对象 -->
-                <el-tag
-                  :type="{
-                    0: 'success',
-                    1: 'danger',
-                    2: 'warning'
-                  }[scope.row.projectStatus] || 'info'"
-                >
+                <el-tag :type="{
+                  0: 'success',
+                  1: 'danger',
+                  2: 'warning'
+                }[scope.row.projectStatus] || 'info'">
                   {{ {
-                  0: '正常',
-                  1: '终止',
-                  2: '观望'
-                }[scope.row.projectStatus] || '未知状态' }}
+                    0: '正常',
+                    1: '终止',
+                    2: '观望'
+                  }[scope.row.projectStatus] || '未知状态' }}
                 </el-tag>
               </template>
             </el-table-column>
@@ -463,15 +419,16 @@
             </el-table-column>
             <el-table-column label="当前节点" align="center" prop="taskName">
               <template slot-scope="scope">
-                <div :title="scope.row.taskName" class="public-text-blue public-cursor" @click="handleReadImage(scope.row)">
-                  {{ scope.row.taskName}}
+                <div :title="scope.row.taskName" class="public-text-blue public-cursor"
+                  @click="handleReadImage(scope.row)">
+                  {{ scope.row.taskName }}
                 </div>
               </template>
             </el-table-column>
             <el-table-column label="当前处理人" align="center" prop="assigneeName">
               <template slot-scope="scope">
                 <div :title="scope.row.assigneeName">
-                  {{ scope.row.assigneeName}}
+                  {{ scope.row.assigneeName }}
                 </div>
               </template>
             </el-table-column>
@@ -488,34 +445,30 @@
             </el-table-column>
             <el-table-column label="操作" align="center" width="70" class-name="small-padding fixed-width">
               <template slot-scope="scope">
-                <el-button type="text" size="small" @click="handleDetail(scope.row)">详情</el-button>
+                <el-button style="color:#1890ff" type="text" size="small"
+                  @click="handleDetail(scope.row)">详情</el-button>
               </template>
             </el-table-column>
           </el-table>
           <!-- 分页 -->
-          <pagination
-            v-show="myTotal > 0"
-            :total="myTotal"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getMyList"
-          />
+          <pagination v-show="myTotal > 0" :total="myTotal" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getMyList" />
         </el-tab-pane>
       </el-tabs>
     </el-card>
-  <!-- Flowable 流程图弹窗 -->
-  <!-- 流程图 -->
+    <!-- Flowable 流程图弹窗 -->
+    <!-- 流程图 -->
 
-  <el-dialog :title="readImage.title" :visible.sync="readImage.open" width="70%"  append-to-body>
-    <!-- <el-image :src="readImage.src"></el-image> -->
-    <flow :flowData="flowData"/>
-  </el-dialog>
+    <el-dialog :title="readImage.title" :visible.sync="readImage.open" width="70%" append-to-body>
+      <!-- <el-image :src="readImage.src"></el-image> -->
+      <flow :flowData="flowData" />
+    </el-dialog>
 
   </div>
 </template>
 
 <script>
-import { getMyTaskList,getMyDoneTaskList,getMyList } from "@/api/project/decision/pool";
+import { getMyTaskList, getMyDoneTaskList, getMyList } from "@/api/project/decision/pool";
 import { flowXmlAndNode } from "@/api/flowable/definition";
 import { listChannel } from "@/api/invest/channel";
 import flow from '@/views/flowable/task/todo/detail/flow';
@@ -527,7 +480,7 @@ export default {
   data() {
     return {
       // 当前激活的 Tab
-      activeTab:"list1",
+      activeTab: "list1",
       // 遮罩层
       loading: false,
       // 查询参数
@@ -573,7 +526,7 @@ export default {
       myTotal: 0,
       channelList: [], //渠道
       //流程图信息
-      readImage:{
+      readImage: {
         open: false,
         src: "",
       },
@@ -732,18 +685,22 @@ export default {
     handleInvestOppDetail(row) {
       const projectPoolId = row.projectPoolId;
       getPool(projectPoolId).then((response) => {
-        const pInstId=response.data.procInstId;
-        this.$router.push({ path: "/project/investOpp/detail", query: { id:
-            projectPoolId , pInstId: pInstId } });
+        const pInstId = response.data.procInstId;
+        this.$router.push({
+          path: "/myTask/project/investOpp/detail", query: {
+            id:
+              projectPoolId, pInstId: pInstId
+          }
+        });
       });
     },
     // 跳转到处理页面(暂存节点页面）
-    handleEdit(row){
+    handleEdit(row) {
       const id = row.id || this.ids;
-      const poolId=row.projectPoolId;
-      const pInstId=row.procInstId; ``
-      const taskId=row.taskId;
-      this.$router.push({ path: "/project/decision/edit", query: { id: poolId , pInstId: pInstId , taskId:taskId} });
+      const poolId = row.projectPoolId;
+      const pInstId = row.procInstId; ``
+      const taskId = row.taskId;
+      this.$router.push({ path: "/myTask/project/decision/edit", query: { id: poolId, pInstId: pInstId, taskId: taskId } });
     },
     // 签收操作
     handleSign(row) {
@@ -752,13 +709,13 @@ export default {
       this.$message.success('签收成功');
     },
     // 跳转到处理页面
-    handleProcess(row){
+    handleProcess(row) {
       const id = row.id || this.ids;
-      const poolId=row.projectPoolId;
-      const pInstId=row.procInstId;
-      const taskId=row.taskId;
+      const poolId = row.projectPoolId;
+      const pInstId = row.procInstId;
+      const taskId = row.taskId;
       this.$store.commit("SET_PROJECTITEMMESSAGE", row);
-      this.$router.push({ path: "/project/decision/audit", query: { id:poolId , pInstId: pInstId ,taskId:taskId} });
+      this.$router.push({ path: "/myTask/project/decision/audit", query: { id: poolId, pInstId: pInstId, taskId: taskId } });
 
     },
     // 撤回操作
@@ -775,9 +732,9 @@ export default {
     /*详情*/
     handleDetail(row) {
       const id = row.id || this.ids;
-      const poolId=row.projectPoolId;
-      const pInstId=row.procInstId;
-      this.$router.push({ path: "/project/decision/detail", query: { id: poolId , pInstId: pInstId } });
+      const poolId = row.projectPoolId;
+      const pInstId = row.procInstId;
+      this.$router.push({ path: "/myTask/project/decision/detail", query: { id: poolId, pInstId: pInstId } });
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -797,15 +754,15 @@ export default {
           this.getList();
           this.$modal.msgSuccess("已终止");
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     /** 流程图查看 */
-    handleReadImage(row){
+    handleReadImage(row) {
       this.readImage.title = "流程图";
       this.readImage.open = true;
       //console.log(row)
       // this.readImage.src = process.env.VUE_APP_BASE_API + "/flowable/definition/readImage/" + deploymentId;
-      flowXmlAndNode({procInsId: row.procInstId,deployId:row.deployId}).then(res => {
+      flowXmlAndNode({ procInsId: row.procInstId, deployId: row.deployId }).then(res => {
         this.flowData = res.data;
       })
     },
@@ -814,9 +771,45 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+::v-deep .el-card__body {
+  background-color: #f3f3f4;
+}
+
+::v-deep .el-form-item {
+  width: 100%;
+  margin-right: 0px;
+  margin-bottom: 10px;
+}
+
+::v-deep .el-form--label-top {
+  background-color: #fff;
+  padding: 10px;
+  margin-bottom: 15px;
+}
+
+::v-deep .el-form--label-top .el-form-item__label {
+  padding: 0;
+  line-height: 26px;
+}
+
+
+::v-deep .el-tabs--border-card {
+  border: none;
+  box-shadow: none;
+}
+
+::v-deep .el-tabs--border-card>.el-tabs__header {
+  background-color: #f3f3f4;
+}
+
+::v-deep .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
+  border-radius: 4px 4px 0 0;
+}
+
 .tableWrapper {
   font-size: 12px;
   color: #000;
+
   ::v-deep .el-table__header-wrapper th {
     font-size: 12px;
     font-weight: bolder;
@@ -833,12 +826,9 @@ export default {
     -webkit-box-orient: vertical;
   }
 }
+
 /**找到表头那一行，然后把里面的复选框隐藏掉**/
-.hideHeaderCheckBox
-::v-deep
-.el-table__header-wrapper
-.el-table__header
-.el-checkbox {
+.hideHeaderCheckBox::v-deep .el-table__header-wrapper .el-table__header .el-checkbox {
   display: none;
 }
 </style>

ruoyi-ui/src/views/project/investOpp/myTask copy.vue

@@ -0,0 +1,95 @@
+<template>
+  <!--  <div class="app-container">-->
+  <div>
+    <el-card shadow="hover">
+      <!-- 查询表单区域 -->
+      <el-form :model="queryParams" ref="queryForm" inline label-position="top">
+        <el-row :gutter="20">
+          <el-col :span="6">
+         
+          </el-col>
+          <el-col :span="6">
+            
+          </el-col>
+          <el-col :span="6">
+           
+          </el-col>
+          <el-col :span="6">
+            
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="6">
+           
+          </el-col>
+          <el-col :span="6">
+            
+          </el-col>
+          <el-col :span="6"></el-col>
+          <el-col :span="6"></el-col>
+        </el-row>
+        <!-- 可继续扩展其他查询表单项目，比如项目编号、负责人等 -->
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item label="搜索">
+              <el-button style="width: 100%;" type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="重置">
+              <el-button style="width: 100%;" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="导出">
+              <el-button style="width: 100%;" type="warning" plain icon="el-icon-download"
+                @click="exportQuery">导出</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <!-- Tab 切换区域 -->
+       border-card
+       height="450"
+       type="text" size="small"
+       style="color:#1890ff" type="text" size="small"
+       /myTask
+    </el-card>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+
+::v-deep .el-card__body{
+  background-color: #f3f3f4;
+}
+
+::v-deep .el-form-item {
+  width: 100%;
+  margin-right: 0px;
+  margin-bottom: 10px;
+}
+
+::v-deep .el-form--label-top{
+  background-color: #fff;
+  padding: 10px;
+  margin-bottom: 15px;
+}
+::v-deep .el-form--label-top .el-form-item__label {
+  padding: 0;
+  line-height: 26px;
+}
+
+
+::v-deep .el-tabs--border-card{
+  border:none;
+  box-shadow:none;
+}
+::v-deep .el-tabs--border-card>.el-tabs__header{
+  background-color: #f3f3f4;
+}
+::v-deep .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
+  border-radius: 4px 4px 0 0;
+}
+</style>

ruoyi-ui/src/views/project/investOpp/myTask.vue

@@ -227,14 +227,14 @@
             </el-table-column>
             <el-table-column label="操作" align="center" width="90" class-name="small-padding fixed-width">
               <template slot-scope="scope">
-                <el-button v-if="scope.row.taskDefKey == 'modifyApply'" type="text"
+                <el-button v-if="scope.row.taskDefKey == 'modifyApply'" type="text" size="small"
                   @click="handleEdit(scope.row)">处理</el-button>
                 <template v-else>
                   <!-- 1. 签收按钮：无签收人时显示 -->
-                  <el-button v-if="!scope.row.assignee" type="text" size="mini"
+                  <el-button v-if="!scope.row.assignee" type="text" size="small"
                     @click="handleSign(scope.row)">签收</el-button>
                   <!-- 2. 处理按钮：有签收人时显示 -->
-                  <el-button v-else size="mini" type="text" @click="handleProcess(scope.row)">处理</el-button>
+                  <el-button v-else type="text" size="small" @click="handleProcess(scope.row)">处理</el-button>
                   <!-- 3. 撤回按钮：需补充逻辑（比如仅未签收可撤回，可结合 signPerson 判断） -->
                   <!--                <el-button v-if="!scope.row.assignee" size="mini" type="text" icon="el-icon-refresh-right" @click="handleWithdraw(scope.row)">撤回</el-button>-->
                   <!-- 4. 详情按钮：一直显示 -->
@@ -253,7 +253,7 @@
         <el-tab-pane label="已办任务" name="list2">
           <!-- 我的单据表格 -->
           <!-- 列表一内容 -->
-          <el-table ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
+          <el-table height="450" ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
             :data="myDoneTaskList">
             <!--            <el-table-column type="selection" width="40" align="center" />-->
             <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
@@ -411,7 +411,7 @@
         <el-tab-pane label="我的单据" name="list3">
           <!-- 我的单据表格 -->
           <!-- 列表一内容 -->
-          <el-table ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
+          <el-table height="450" ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
             :data="myList">
             <!--            <el-table-column type="selection" width="40" align="center" />-->
             <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
@@ -802,7 +802,7 @@ export default {
     handleEdit(row) {
       const id = row.id || this.ids;
       const pInstId = row.procInstId;
-      this.$router.push({ path: "/project/investOpp/edit", query: { id: id, pInstId: pInstId } });
+      this.$router.push({ path: "/myTask/project/investOpp/edit", query: { id: id, pInstId: pInstId } });
     },
     // 签收操作
     handleSign(row) {
@@ -823,7 +823,7 @@ export default {
         }})*/
       const id = row.id || this.ids;
       const pInstId = row.procInstId;
-      this.$router.push({ path: "/project/investOpp/audit", query: { id: id, pInstId: pInstId } });
+      this.$router.push({ path: "/myTask/project/investOpp/audit", query: { id: id, pInstId: pInstId } });
 
     },
     // 撤回操作
@@ -841,7 +841,7 @@ export default {
     handleDetail(row) {
       const id = row.id || this.ids;
       const pInstId = row.procInstId;
-      this.$router.push({ path: "/project/investOpp/detail", query: { id: id, pInstId: pInstId } });
+      this.$router.push({ path: "/myTask/project/investOpp/detail", query: { id: id, pInstId: pInstId } });
     },
     /** 修改按钮操作 */
     handleUpdate(row) {

ruoyi-ui/src/views/project/investOpp/processList.vue

@@ -316,7 +316,7 @@
       </el-table-column>
       <el-table-column label="操作" align="center" width="150" fixed="right" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button type="text" size="mini" @click="handleDetailProcess(scope.row)">详情</el-button>
+          <el-button style="color:#1890ff" type="text" size="small" @click="handleDetailProcess(scope.row)">详情</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -626,7 +626,7 @@ export default {
     handleDetailProcess(row) {
       const id = row.id || this.ids;
       const pInstId=row.procInstId;
-      this.$router.push({ path: "/project/investOpp/detail", query: { id: id , pInstId: pInstId } });
+      this.$router.push({ path: "/myTask/project/investOpp/detail", query: { id: id , pInstId: pInstId } });
     },
   },
 };

ruoyi-ui/src/views/project/investigate/myTask.vue

@@ -1,109 +1,102 @@
 <template>
-<!--  <div class="app-container">-->
+  <!--  <div class="app-container">-->
   <div>
     <el-card shadow="hover">
       <!-- 查询表单区域 -->
-      <el-form :model="queryParams" ref="queryForm" inline>
-        <el-form-item label="项目名称" prop="projectName">
-          <el-input
-            v-model.trim="queryParams.projectName"
-            placeholder="请输入项目名称"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="尽调名称" prop="investigateName">
-          <el-input
-            v-model.trim="queryParams.investigateName"
-            placeholder="请输入尽调名称"
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="尽调地点" prop="investigatePlace">
-          <el-input
-            v-model.trim="queryParams.investigatePlace"
-            placeholder="请输入尽调地址"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-<!--        <el-form-item label="股权/其他合作商务条款" prop="provision">
-          <el-input
-            v-model.trim="queryParams.provision"
-            placeholder="请输入股权/其他合作商务条款"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>-->
+      <el-form :model="queryParams" ref="queryForm" inline label-position="top">
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item label="项目名称" prop="projectName">
+              <el-input v-model.trim="queryParams.projectName" placeholder="请输入项目名称" clearable
+                @keyup.enter.native="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="尽调名称" prop="investigateName">
+              <el-input v-model.trim="queryParams.investigateName" placeholder="请输入尽调名称"
+                @keyup.enter.native="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="尽调地点" prop="investigatePlace">
+              <el-input v-model.trim="queryParams.investigatePlace" placeholder="请输入尽调地址" clearable
+                @keyup.enter.native="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="6">
+
+          </el-col>
+          <el-col :span="6">
+
+          </el-col>
+          <el-col :span="6"></el-col>
+          <el-col :span="6"></el-col>
+        </el-row>
         <!-- 可继续扩展其他查询表单项目，比如项目编号、负责人等 -->
-        <el-form-item>
-          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-          <el-button type="warning" plain icon="el-icon-download" size="mini" @click="exportQuery">导出</el-button>
-        </el-form-item>
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item label="搜索">
+              <el-button style="width: 100%;" type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="重置">
+              <el-button style="width: 100%;" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="导出">
+              <el-button style="width: 100%;" type="warning" plain icon="el-icon-download"
+                @click="exportQuery">导出</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <!-- Tab 切换区域 -->
-      <el-tabs v-model="activeTab" type="card" @tab-click="handleTabClick">
+      <el-tabs v-model="activeTab" type="border-card" @tab-click="handleTabClick">
         <el-tab-pane label="待办任务" name="list1">
           <!-- 列表一内容 -->
-          <el-table
-            ref="dataTable"
-            @row-click="clickRow"
-            class="tableWrapper"
-            v-loading="loading"
-            border
-            :data="myTaskList"
-          >
-<!--            <el-table-column type="selection" width="40" align="center" />-->
-            <el-table-column
-              type="index"
-              label="序号"
-              width="50"
-              align="center"
-            ></el-table-column>
+          <el-table height="450" ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
+            :data="myTaskList">
+            <!--            <el-table-column type="selection" width="40" align="center" />-->
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
             <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
             <el-table-column label="项目名称" align="center" prop="projectName" width="200">
               <template slot-scope="scope">
-                <div
-                  :title="scope.row.projectName"
-                  class="public-text-blue public-cursor"
-                  @click.stop="handleInvestOppDetail(scope.row)"
-                >
+                <div :title="scope.row.projectName" class="public-text-blue public-cursor"
+                  @click.stop="handleInvestOppDetail(scope.row)">
                   {{ scope.row.projectName }}
                 </div>
               </template>
             </el-table-column>
-            <el-table-column label="所属行业" align="center" prop="industry"
-            ><template slot-scope="scope">
-              <dict-tag
-                :options="dict.type.CUSTOMER_TRADE"
-                :value="scope.row.industry"
-              />
-            </template>
+            <el-table-column label="所属行业" align="center" prop="industry"><template slot-scope="scope">
+                <dict-tag :options="dict.type.CUSTOMER_TRADE" :value="scope.row.industry" />
+              </template>
             </el-table-column>
             <el-table-column label="项目阶段" align="center" prop="projectStage">
               <template slot-scope="scope">
-                <dict-tag
-                  :options="dict.type.project_stage"
-                  :value="scope.row.projectStage"
-                />
+                <dict-tag :options="dict.type.project_stage" :value="scope.row.projectStage" />
               </template>
             </el-table-column>
             <el-table-column label="项目机会状态" align="center" prop="projectStatus">
               <template slot-scope="scope">
                 <!-- 定义状态文本映射对象 -->
-                <el-tag
-                  :type="{
-                    0: 'success',
-                    1: 'danger',
-                    2: 'warning'
-                  }[scope.row.projectStatus] || 'info'"
-                >
+                <el-tag :type="{
+                  0: 'success',
+                  1: 'danger',
+                  2: 'warning'
+                }[scope.row.projectStatus] || 'info'">
                   {{ {
-                  0: '正常',
-                  1: '终止',
-                  2: '观望'
-                }[scope.row.projectStatus] || '未知状态' }}
+                    0: '正常',
+                    1: '终止',
+                    2: '观望'
+                  }[scope.row.projectStatus] || '未知状态' }}
                 </el-tag>
               </template>
             </el-table-column>
@@ -150,15 +143,16 @@
             </el-table-column>
             <el-table-column label="当前节点" align="center" prop="taskName">
               <template slot-scope="scope">
-                <div :title="scope.row.taskName"  class="public-text-blue public-cursor" @click="handleReadImage(scope.row)">
-                  {{ scope.row.taskName}}
+                <div :title="scope.row.taskName" class="public-text-blue public-cursor"
+                  @click="handleReadImage(scope.row)">
+                  {{ scope.row.taskName }}
                 </div>
               </template>
             </el-table-column>
             <el-table-column label="当前处理人" align="center" prop="assigneeName">
               <template slot-scope="scope">
                 <div :title="scope.row.assigneeName">
-                  {{ scope.row.assigneeName}}
+                  {{ scope.row.assigneeName }}
                 </div>
               </template>
             </el-table-column>
@@ -176,93 +170,68 @@
             <!-- fixed="right" -->
             <el-table-column label="操作" align="center" width="90" class-name="small-padding fixed-width">
               <template slot-scope="scope">
-                <el-button v-if="scope.row.taskDefKey=='modifyApply'" type="text" @click="handleEdit(scope.row)">处理</el-button>
+                <el-button v-if="scope.row.taskDefKey == 'modifyApply'" type="text" size="small"
+                  @click="handleEdit(scope.row)">处理</el-button>
                 <template v-else>
                   <!-- 1. 签收按钮：无签收人时显示 -->
-                  <el-button v-if="!scope.row.assignee" type="primary"  @click="handleSign(scope.row)">签收</el-button>
+                  <el-button v-if="!scope.row.assignee" type="text" size="small"
+                    @click="handleSign(scope.row)">签收</el-button>
                   <!-- 2. 处理按钮：有签收人时显示 -->
-                  <el-button v-else  type="text" @click="handleProcess(scope.row)">处理</el-button>
+                  <el-button v-else type="text" size="small" @click="handleProcess(scope.row)">处理</el-button>
                   <!-- 3. 撤回按钮：需补充逻辑（比如仅未签收可撤回，可结合 signPerson 判断） -->
                   <!--                <el-button v-if="!scope.row.assignee" size="mini" type="text" icon="el-icon-refresh-right" @click="handleWithdraw(scope.row)">撤回</el-button>-->
                   <!-- 4. 详情按钮：一直显示 -->
 
                 </template>
-                <el-button type="text"  @click="handleDetail(scope.row)">详情</el-button>
+                <el-button style="color:#1890ff" type="text" size="small"
+                  @click="handleDetail(scope.row)">详情</el-button>
               </template>
             </el-table-column>
           </el-table>
 
           <!-- 分页 -->
-          <pagination
-            v-show="myTaskTotal > 0"
-            :total="myTaskTotal"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getMyTaskList"
-          />
+          <pagination v-show="myTaskTotal > 0" :total="myTaskTotal" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getMyTaskList" />
         </el-tab-pane>
 
         <el-tab-pane label="已办任务" name="list2">
           <!-- 我的单据表格 -->
           <!-- 列表一内容 -->
-          <el-table
-            ref="dataTable"
-            @row-click="clickRow"
-            class="tableWrapper"
-            v-loading="loading"
-            border
-            :data="myDoneTaskList"
-          >
-<!--            <el-table-column type="selection" width="40" align="center" />-->
-            <el-table-column
-              type="index"
-              label="序号"
-              width="50"
-              align="center"
-            ></el-table-column>
+          <el-table height="450" ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
+            :data="myDoneTaskList">
+            <!--            <el-table-column type="selection" width="40" align="center" />-->
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
             <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
             <el-table-column label="项目名称" align="center" prop="projectName" width="200">
               <template slot-scope="scope">
-                <div
-                  :title="scope.row.projectName"
-                  class="public-text-blue public-cursor"
-                  @click.stop="handleInvestOppDetail(scope.row)"
-                >
+                <div :title="scope.row.projectName" class="public-text-blue public-cursor"
+                  @click.stop="handleInvestOppDetail(scope.row)">
                   {{ scope.row.projectName }}
                 </div>
               </template>
             </el-table-column>
-            <el-table-column label="所属行业" align="center" prop="industry"
-            ><template slot-scope="scope">
-              <dict-tag
-                :options="dict.type.CUSTOMER_TRADE"
-                :value="scope.row.industry"
-              />
-            </template>
+            <el-table-column label="所属行业" align="center" prop="industry"><template slot-scope="scope">
+                <dict-tag :options="dict.type.CUSTOMER_TRADE" :value="scope.row.industry" />
+              </template>
             </el-table-column>
             <el-table-column label="项目阶段" align="center" prop="projectStage">
               <template slot-scope="scope">
-                <dict-tag
-                  :options="dict.type.project_stage"
-                  :value="scope.row.projectStage"
-                />
+                <dict-tag :options="dict.type.project_stage" :value="scope.row.projectStage" />
               </template>
             </el-table-column>
             <el-table-column label="项目机会状态" align="center" prop="projectStatus">
               <template slot-scope="scope">
                 <!-- 定义状态文本映射对象 -->
-                <el-tag
-                  :type="{
-                    0: 'success',
-                    1: 'danger',
-                    2: 'warning'
-                  }[scope.row.projectStatus] || 'info'"
-                >
+                <el-tag :type="{
+                  0: 'success',
+                  1: 'danger',
+                  2: 'warning'
+                }[scope.row.projectStatus] || 'info'">
                   {{ {
-                  0: '正常',
-                  1: '终止',
-                  2: '观望'
-                }[scope.row.projectStatus] || '未知状态' }}
+                    0: '正常',
+                    1: '终止',
+                    2: '观望'
+                  }[scope.row.projectStatus] || '未知状态' }}
                 </el-tag>
               </template>
             </el-table-column>
@@ -309,18 +278,20 @@
             </el-table-column>
             <el-table-column label="当前节点" align="center" prop="taskName">
               <template slot-scope="scope">
-                <div  v-if="scope.row.deployId !== null && scope.row.deployId !== undefined && scope.row.deployId !== ''"  :title="scope.row.taskName" class="public-text-blue public-cursor" @click="handleReadImage(scope.row)">
-                  {{ scope.row.taskName}}
+                <div v-if="scope.row.deployId !== null && scope.row.deployId !== undefined && scope.row.deployId !== ''"
+                  :title="scope.row.taskName" class="public-text-blue public-cursor"
+                  @click="handleReadImage(scope.row)">
+                  {{ scope.row.taskName }}
                 </div>
                 <div v-else :title="scope.row.taskName">
-                  {{ scope.row.taskName}}
+                  {{ scope.row.taskName }}
                 </div>
               </template>
             </el-table-column>
             <el-table-column label="当前处理人" align="center" prop="assigneeName">
               <template slot-scope="scope">
                 <div :title="scope.row.assigneeName">
-                  {{ scope.row.assigneeName}}
+                  {{ scope.row.assigneeName }}
                 </div>
               </template>
             </el-table-column>
@@ -338,80 +309,53 @@
             <!-- fixed="right" -->
             <el-table-column label="操作" align="center" width="70" class-name="small-padding fixed-width">
               <template slot-scope="scope">
-                <el-button type="text" size="small" @click="handleDetail(scope.row)">详情</el-button>
+                <el-button style="color:#1890ff" type="text" size="small"
+                  @click="handleDetail(scope.row)">详情</el-button>
               </template>
             </el-table-column>
           </el-table>
           <!-- 分页 -->
-          <pagination
-            v-show="myDoneTaskTotal > 0"
-            :total="myDoneTaskTotal"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getMyDoneTaskList"
-          />
+          <pagination v-show="myDoneTaskTotal > 0" :total="myDoneTaskTotal" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getMyDoneTaskList" />
         </el-tab-pane>
         <el-tab-pane label="我的单据" name="list3">
           <!-- 我的单据表格 -->
           <!-- 列表一内容 -->
-          <el-table
-            ref="dataTable"
-            @row-click="clickRow"
-            class="tableWrapper"
-            v-loading="loading"
-            border
-            :data="myList"
-          >
-<!--            <el-table-column type="selection" width="40" align="center" />-->
-            <el-table-column
-              type="index"
-              label="序号"
-              width="50"
-              align="center"
-            ></el-table-column>
+          <el-table height="450" ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
+            :data="myList">
+            <!--            <el-table-column type="selection" width="40" align="center" />-->
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
             <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
             <el-table-column label="项目名称" align="center" prop="projectName" width="200">
               <template slot-scope="scope">
-                <div
-                  :title="scope.row.projectName"
-                  class="public-text-blue public-cursor"
-                  @click.stop="handleInvestOppDetail(scope.row)"
-                >
+                <div :title="scope.row.projectName" class="public-text-blue public-cursor"
+                  @click.stop="handleInvestOppDetail(scope.row)">
                   {{ scope.row.projectName }}
                 </div>
               </template>
             </el-table-column>
-            <el-table-column label="所属行业" align="center" prop="industry"
-            ><template slot-scope="scope">
-              <dict-tag
-                :options="dict.type.CUSTOMER_TRADE"
-                :value="scope.row.industry"
-              />
-            </template>
+            <el-table-column label="所属行业" align="center" prop="industry"><template slot-scope="scope">
+                <dict-tag :options="dict.type.CUSTOMER_TRADE" :value="scope.row.industry" />
+              </template>
             </el-table-column>
             <el-table-column label="项目阶段" align="center" prop="projectStage">
               <template slot-scope="scope">
-                <dict-tag
-                  :options="dict.type.project_stage"
-                  :value="scope.row.projectStage"
-                />
+                <dict-tag :options="dict.type.project_stage" :value="scope.row.projectStage" />
               </template>
             </el-table-column>
             <el-table-column label="项目机会状态" align="center" prop="projectStatus">
               <template slot-scope="scope">
                 <!-- 定义状态文本映射对象 -->
-                <el-tag
-                  :type="{
-                    0: 'success',
-                    1: 'danger',
-                    2: 'warning'
-                  }[scope.row.projectStatus] || 'info'"
-                >
+                <el-tag :type="{
+                  0: 'success',
+                  1: 'danger',
+                  2: 'warning'
+                }[scope.row.projectStatus] || 'info'">
                   {{ {
-                  0: '正常',
-                  1: '终止',
-                  2: '观望'
-                }[scope.row.projectStatus] || '未知状态' }}
+                    0: '正常',
+                    1: '终止',
+                    2: '观望'
+                  }[scope.row.projectStatus] || '未知状态' }}
                 </el-tag>
               </template>
             </el-table-column>
@@ -458,15 +402,16 @@
             </el-table-column>
             <el-table-column label="当前节点" align="center" prop="taskName">
               <template slot-scope="scope">
-                <div :title="scope.row.taskName" class="public-text-blue public-cursor" @click="handleReadImage(scope.row)">
-                  {{ scope.row.taskName}}
+                <div :title="scope.row.taskName" class="public-text-blue public-cursor"
+                  @click="handleReadImage(scope.row)">
+                  {{ scope.row.taskName }}
                 </div>
               </template>
             </el-table-column>
             <el-table-column label="当前处理人" align="center" prop="assigneeName">
               <template slot-scope="scope">
                 <div :title="scope.row.assigneeName">
-                  {{ scope.row.assigneeName}}
+                  {{ scope.row.assigneeName }}
                 </div>
               </template>
             </el-table-column>
@@ -483,34 +428,30 @@
             </el-table-column>
             <el-table-column label="操作" align="center" width="70" class-name="small-padding fixed-width">
               <template slot-scope="scope">
-                <el-button type="text" size="small" @click="handleDetail(scope.row)">详情</el-button>
+                <el-button style="color:#1890ff" type="text" size="small"
+                  @click="handleDetail(scope.row)">详情</el-button>
               </template>
             </el-table-column>
           </el-table>
           <!-- 分页 -->
-          <pagination
-            v-show="myTotal > 0"
-            :total="myTotal"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getMyList"
-          />
+          <pagination v-show="myTotal > 0" :total="myTotal" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getMyList" />
         </el-tab-pane>
       </el-tabs>
     </el-card>
-  <!-- Flowable 流程图弹窗 -->
-  <!-- 流程图 -->
+    <!-- Flowable 流程图弹窗 -->
+    <!-- 流程图 -->
 
-  <el-dialog :title="readImage.title" :visible.sync="readImage.open" width="70%"  append-to-body>
-    <!-- <el-image :src="readImage.src"></el-image> -->
-    <flow :flowData="flowData"/>
-  </el-dialog>
+    <el-dialog :title="readImage.title" :visible.sync="readImage.open" width="70%" append-to-body>
+      <!-- <el-image :src="readImage.src"></el-image> -->
+      <flow :flowData="flowData" />
+    </el-dialog>
 
   </div>
 </template>
 
 <script>
-import { getMyTaskList,getMyDoneTaskList,getMyList } from "@/api/project/investigate/pool";
+import { getMyTaskList, getMyDoneTaskList, getMyList } from "@/api/project/investigate/pool";
 import { flowXmlAndNode } from "@/api/flowable/definition";
 import { listChannel } from "@/api/invest/channel";
 import flow from '@/views/flowable/task/todo/detail/flow';
@@ -522,7 +463,7 @@ export default {
   data() {
     return {
       // 当前激活的 Tab
-      activeTab:"list1",
+      activeTab: "list1",
       // 遮罩层
       loading: false,
       // 查询参数
@@ -555,8 +496,8 @@ export default {
         orderByColumn: "createTime",
         isAsc: "desc",
         createTime: null,
-        investigateName:null,
-        investigatePlace:null
+        investigateName: null,
+        investigatePlace: null
       },
       // 数据列表（分开存储不同Tab的数据）
       myTaskList: [],       // 待办任务数据
@@ -570,7 +511,7 @@ export default {
       myTotal: 0,
       channelList: [], //渠道
       //流程图信息
-      readImage:{
+      readImage: {
         open: false,
         src: "",
       },
@@ -729,18 +670,22 @@ export default {
     handleInvestOppDetail(row) {
       const projectPoolId = row.projectPoolId;
       getPool(projectPoolId).then((response) => {
-        const pInstId=response.data.procInstId;
-        this.$router.push({ path: "/project/investOpp/detail", query: { id:
-            projectPoolId , pInstId: pInstId } });
+        const pInstId = response.data.procInstId;
+        this.$router.push({
+          path: "/myTask/project/investOpp/detail", query: {
+            id:
+              projectPoolId, pInstId: pInstId
+          }
+        });
       });
     },
     // 跳转到处理页面(暂存节点页面）
-    handleEdit(row){
+    handleEdit(row) {
       const id = row.id || this.ids;
-      const poolId=row.projectPoolId;
-      const pInstId=row.procInstId;
-      const taskId=row.taskId;
-      this.$router.push({ path: "/project/investigate/edit", query: { id: poolId , pInstId: pInstId , taskId:taskId} });
+      const poolId = row.projectPoolId;
+      const pInstId = row.procInstId;
+      const taskId = row.taskId;
+      this.$router.push({ path: "/myTask/project/investigate/edit", query: { id: poolId, pInstId: pInstId, taskId: taskId } });
     },
     // 签收操作
     handleSign(row) {
@@ -749,13 +694,13 @@ export default {
       this.$message.success('签收成功');
     },
     // 跳转到处理页面
-    handleProcess(row){
+    handleProcess(row) {
       const id = row.id || this.ids;
-      const poolId=row.projectPoolId;
-      const pInstId=row.procInstId;
-      const taskId=row.taskId;
+      const poolId = row.projectPoolId;
+      const pInstId = row.procInstId;
+      const taskId = row.taskId;
       this.$store.commit("SET_PROJECTITEMMESSAGE", row);
-      this.$router.push({ path: "/project/investigate/audit", query: { id:poolId , pInstId: pInstId ,taskId:taskId} });
+      this.$router.push({ path: "/myTask/project/investigate/audit", query: { id: poolId, pInstId: pInstId, taskId: taskId } });
 
     },
     // 撤回操作
@@ -772,9 +717,9 @@ export default {
     /*详情*/
     handleDetail(row) {
       const id = row.id || this.ids;
-      const poolId=row.projectPoolId;
-      const pInstId=row.procInstId;
-      this.$router.push({ path: "/project/investigate/detail", query: { id: poolId , pInstId: pInstId } });
+      const poolId = row.projectPoolId;
+      const pInstId = row.procInstId;
+      this.$router.push({ path: "/myTask/project/investigate/detail", query: { id: poolId, pInstId: pInstId } });
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -794,15 +739,15 @@ export default {
           this.getList();
           this.$modal.msgSuccess("已终止");
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     /** 流程图查看 */
-    handleReadImage(row){
+    handleReadImage(row) {
       this.readImage.title = "流程图";
       this.readImage.open = true;
       //console.log(row)
       // this.readImage.src = process.env.VUE_APP_BASE_API + "/flowable/definition/readImage/" + deploymentId;
-      flowXmlAndNode({procInsId: row.procInstId,deployId:row.deployId}).then(res => {
+      flowXmlAndNode({ procInsId: row.procInstId, deployId: row.deployId }).then(res => {
         this.flowData = res.data;
       })
     },
@@ -811,9 +756,45 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+::v-deep .el-card__body {
+  background-color: #f3f3f4;
+}
+
+::v-deep .el-form-item {
+  width: 100%;
+  margin-right: 0px;
+  margin-bottom: 10px;
+}
+
+::v-deep .el-form--label-top {
+  background-color: #fff;
+  padding: 10px;
+  margin-bottom: 15px;
+}
+
+::v-deep .el-form--label-top .el-form-item__label {
+  padding: 0;
+  line-height: 26px;
+}
+
+
+::v-deep .el-tabs--border-card {
+  border: none;
+  box-shadow: none;
+}
+
+::v-deep .el-tabs--border-card>.el-tabs__header {
+  background-color: #f3f3f4;
+}
+
+::v-deep .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
+  border-radius: 4px 4px 0 0;
+}
+
 .tableWrapper {
   font-size: 12px;
   color: #000;
+
   ::v-deep .el-table__header-wrapper th {
     font-size: 12px;
     font-weight: bolder;
@@ -830,12 +811,9 @@ export default {
     -webkit-box-orient: vertical;
   }
 }
+
 /**找到表头那一行，然后把里面的复选框隐藏掉**/
-.hideHeaderCheckBox
-::v-deep
-.el-table__header-wrapper
-.el-table__header
-.el-checkbox {
+.hideHeaderCheckBox::v-deep .el-table__header-wrapper .el-table__header .el-checkbox {
   display: none;
 }
 </style>

ruoyi-ui/src/views/project/listStage/listInvestOpp.vue

@@ -437,7 +437,7 @@ export default {
     /** 新增按钮操作 */
     handleAdd() {
       //项目机会申请
-      this.$router.push({ path: "/project/investOpp/apply" });
+      this.$router.push({ path: "/stage/project/investOpp/apply" });
     },
     handleSelectData(type, otherData) {
       // type 1=修改 2=详情 3=设置项目阶段 4=终止 5=上传评估意见
@@ -492,7 +492,7 @@ export default {
     },
     handleDetail(row) {
       const id = row.id || this.ids;
-      this.$router.push({ path: "/project/poolDetail", query: { id: id } });
+      this.$router.push({ path: "/stage/project/poolDetail", query: { id: id } });
     },
     /** 修改按钮操作 */
     handleUpdate(row) {

ruoyi-ui/src/views/project/listStage/listPool.vue

@@ -524,7 +524,7 @@ export default {
     },
     handleDetail(row) {
       const id = row.id || this.ids;
-      this.$router.push({ path: "/project/poolDetail", query: { id: id } });
+      this.$router.push({ path: "/stage/project/poolDetail", query: { id: id } });
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -550,7 +550,7 @@ export default {
     handleEdit(row) {
       const id = row.id || this.ids;
       const pInstId=row.procInstId;
-      this.$router.push({ path: "/project/poolEdit", query: { id: id , pInstId: pInstId} });
+      this.$router.push({ path: "/stage/project/poolEdit", query: { id: id , pInstId: pInstId} });
     },
     /** 导出按钮操作 */
     handleExport() {

ruoyi-ui/src/views/project/termination/myTask.vue

@@ -1,79 +1,86 @@
 <template>
-<!--  <div class="app-container">-->
+  <!--  <div class="app-container">-->
   <div>
     <el-card shadow="hover">
       <!-- 查询表单区域 -->
-      <el-form :model="queryParams" ref="queryForm" inline>
-        <el-form-item label="项目名称" prop="projectName">
-          <el-input
-            v-model.trim="queryParams.projectName"
-            placeholder="请输入项目名称"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="终止原因" prop="reason">
-          <el-input
-            v-model.trim="queryParams.reason"
-            placeholder="请输入终止原因"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
+      <el-form :model="queryParams" ref="queryForm" inline label-position="top">
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item label="项目名称" prop="projectName">
+              <el-input v-model.trim="queryParams.projectName" placeholder="请输入项目名称" clearable
+                @keyup.enter.native="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="终止原因" prop="reason">
+              <el-input v-model.trim="queryParams.reason" placeholder="请输入终止原因" clearable
+                @keyup.enter.native="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+
+          </el-col>
+          <el-col :span="6">
+
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="6">
+
+          </el-col>
+          <el-col :span="6">
+
+          </el-col>
+          <el-col :span="6"></el-col>
+          <el-col :span="6"></el-col>
+        </el-row>
         <!-- 可继续扩展其他查询表单项目，比如项目编号、负责人等 -->
-        <el-form-item>
-          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-          <el-button type="warning" plain icon="el-icon-download" size="mini" @click="exportQuery">导出</el-button>
-        </el-form-item>
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item label="搜索">
+              <el-button style="width: 100%;" type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="重置">
+              <el-button style="width: 100%;" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="导出">
+              <el-button style="width: 100%;" type="warning" plain icon="el-icon-download"
+                @click="exportQuery">导出</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <!-- Tab 切换区域 -->
-      <el-tabs v-model="activeTab" type="card" @tab-click="handleTabClick">
+      <el-tabs v-model="activeTab" type="border-card" @tab-click="handleTabClick">
         <el-tab-pane label="待办任务" name="list1">
           <!-- 列表一内容 -->
-          <el-table
-            ref="dataTable"
-            @row-click="clickRow"
-            class="tableWrapper"
-            v-loading="loading"
-            border
-            :data="myTaskList"
-          >
-<!--            <el-table-column type="selection" width="40" align="center" />-->
-            <el-table-column
-              type="index"
-              label="序号"
-              width="50"
-              align="center"
-            ></el-table-column>
+          <el-table height="450" ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
+            :data="myTaskList">
+            <!--            <el-table-column type="selection" width="40" align="center" />-->
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
             <el-table-column label="项目名称" align="center" prop="projectName" width="200">
               <template slot-scope="scope">
-                <div
-                  :title="scope.row.projectName"
-                  class="public-text-blue public-cursor"
-                  @click.stop="handleInvestOppDetail(scope.row)"
-                >
+                <div :title="scope.row.projectName" class="public-text-blue public-cursor"
+                  @click.stop="handleInvestOppDetail(scope.row)">
                   {{ scope.row.projectName }}
                 </div>
               </template>
             </el-table-column>
-            <el-table-column label="所属行业" align="center" prop="industry"
-            ><template slot-scope="scope">
-              <dict-tag
-                :options="dict.type.CUSTOMER_TRADE"
-                :value="scope.row.industry"
-              />
-            </template>
+            <el-table-column label="所属行业" align="center" prop="industry"><template slot-scope="scope">
+                <dict-tag :options="dict.type.CUSTOMER_TRADE" :value="scope.row.industry" />
+              </template>
             </el-table-column>
             <el-table-column label="项目阶段" align="center" prop="projectStage">
               <template slot-scope="scope">
-                <dict-tag
-                  :options="dict.type.project_stage"
-                  :value="scope.row.projectStage"
-                />
+                <dict-tag :options="dict.type.project_stage" :value="scope.row.projectStage" />
               </template>
             </el-table-column>
-<!--            <el-table-column
+            <!--            <el-table-column
               label="项目状态"
               align="center"
               prop="projectState"
@@ -89,18 +96,16 @@
             <el-table-column label="项目机会状态" align="center" prop="projectStatus">
               <template slot-scope="scope">
                 <!-- 定义状态文本映射对象 -->
-                <el-tag
-                  :type="{
-                    0: 'success',
-                    1: 'danger',
-                    2: 'warning'
-                  }[scope.row.projectStatus] || 'info'"
-                >
+                <el-tag :type="{
+                  0: 'success',
+                  1: 'danger',
+                  2: 'warning'
+                }[scope.row.projectStatus] || 'info'">
                   {{ {
-                  0: '正常',
-                  1: '终止',
-                  2: '观望'
-                }[scope.row.projectStatus] || '未知状态' }}
+                    0: '正常',
+                    1: '终止',
+                    2: '观望'
+                  }[scope.row.projectStatus] || '未知状态' }}
                 </el-tag>
               </template>
             </el-table-column>
@@ -140,15 +145,16 @@
             </el-table-column>
             <el-table-column label="当前节点" align="center" prop="taskName">
               <template slot-scope="scope">
-                <div :title="scope.row.taskName"  class="public-text-blue public-cursor" @click="handleReadImage(scope.row)">
-                  {{ scope.row.taskName}}
+                <div :title="scope.row.taskName" class="public-text-blue public-cursor"
+                  @click="handleReadImage(scope.row)">
+                  {{ scope.row.taskName }}
                 </div>
               </template>
             </el-table-column>
             <el-table-column label="当前处理人" align="center" prop="assigneeName">
               <template slot-scope="scope">
                 <div :title="scope.row.assigneeName">
-                  {{ scope.row.assigneeName}}
+                  {{ scope.row.assigneeName }}
                 </div>
               </template>
             </el-table-column>
@@ -166,79 +172,56 @@
             <el-table-column label="操作" align="center" width="90" class-name="small-padding fixed-width">
               <template slot-scope="scope">
 
-                <el-button v-if="scope.row.taskDefKey=='modifyApply'" type="text" @click="handleEdit(scope.row)">处理</el-button>
+                <el-button v-if="scope.row.taskDefKey == 'modifyApply'" type="text" size="small"
+                  @click="handleEdit(scope.row)">处理</el-button>
                 <template v-else>
-                <!-- 1. 签收按钮：无签收人时显示 -->
-                  <el-button v-if="!scope.row.assignee" type="primary"  @click="handleSign(scope.row)">签收</el-button>
+                  <!-- 1. 签收按钮：无签收人时显示 -->
+                  <el-button v-if="!scope.row.assignee" type="text" size="small"
+                    @click="handleSign(scope.row)">签收</el-button>
                   <!-- 2. 处理按钮：有签收人时显示 -->
-                  <el-button v-else  type="text" @click="handleProcess(scope.row)">处理</el-button>
-                <!-- 3. 撤回按钮：需补充逻辑（比如仅未签收可撤回，可结合 signPerson 判断） -->
-<!--                <el-button v-if="!scope.row.assignee" size="mini" type="text" icon="el-icon-refresh-right" @click="handleWithdraw(scope.row)">撤回</el-button>-->
-                <!-- 4. 详情按钮：一直显示 -->
+                  <el-button v-else type="text" size="small" @click="handleProcess(scope.row)">处理</el-button>
+                  <!-- 3. 撤回按钮：需补充逻辑（比如仅未签收可撤回，可结合 signPerson 判断） -->
+                  <!--                <el-button v-if="!scope.row.assignee" size="mini" type="text" size="small" icon="el-icon-refresh-right" @click="handleWithdraw(scope.row)">撤回</el-button>-->
+                  <!-- 4. 详情按钮：一直显示 -->
 
                 </template>
-                <el-button type="text"  @click="handleDetail(scope.row)">详情</el-button>
+                <el-button style="color:#1890ff" type="text" size="small"
+                  @click="handleDetail(scope.row)">详情</el-button>
               </template>
             </el-table-column>
           </el-table>
 
           <!-- 分页 -->
-          <pagination
-            v-show="myTaskTotal > 0"
-            :total="myTaskTotal"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getMyTaskList"
-          />
+          <pagination v-show="myTaskTotal > 0" :total="myTaskTotal" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getMyTaskList" />
         </el-tab-pane>
 
         <el-tab-pane label="已办任务" name="list2">
           <!-- 我的单据表格 -->
           <!-- 列表一内容 -->
-          <el-table
-            ref="dataTable"
-            @row-click="clickRow"
-            class="tableWrapper"
-            v-loading="loading"
-            border
-            :data="myDoneTaskList"
-          >
-<!--            <el-table-column type="selection" width="40" align="center" />-->
-            <el-table-column
-              type="index"
-              label="序号"
-              width="50"
-              align="center"
-            ></el-table-column>
+          <el-table height="450" ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
+            :data="myDoneTaskList">
+            <!--            <el-table-column type="selection" width="40" align="center" />-->
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
             <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
             <el-table-column label="项目名称" align="center" prop="projectName" width="200">
               <template slot-scope="scope">
-                <div
-                  :title="scope.row.projectName"
-                  class="public-text-blue public-cursor"
-                  @click.stop="handleInvestOppDetail(scope.row)"
-                >
+                <div :title="scope.row.projectName" class="public-text-blue public-cursor"
+                  @click.stop="handleInvestOppDetail(scope.row)">
                   {{ scope.row.projectName }}
                 </div>
               </template>
             </el-table-column>
-            <el-table-column label="所属行业" align="center" prop="industry"
-            ><template slot-scope="scope">
-              <dict-tag
-                :options="dict.type.CUSTOMER_TRADE"
-                :value="scope.row.industry"
-              />
-            </template>
+            <el-table-column label="所属行业" align="center" prop="industry"><template slot-scope="scope">
+                <dict-tag :options="dict.type.CUSTOMER_TRADE" :value="scope.row.industry" />
+              </template>
             </el-table-column>
             <el-table-column label="项目阶段" align="center" prop="projectStage">
               <template slot-scope="scope">
-                <dict-tag
-                  :options="dict.type.project_stage"
-                  :value="scope.row.projectStage"
-                />
+                <dict-tag :options="dict.type.project_stage" :value="scope.row.projectStage" />
               </template>
             </el-table-column>
-<!--            <el-table-column
+            <!--            <el-table-column
               label="项目状态"
               align="center"
               prop="projectState"
@@ -254,18 +237,16 @@
             <el-table-column label="项目机会状态" align="center" prop="projectStatus">
               <template slot-scope="scope">
                 <!-- 定义状态文本映射对象 -->
-                <el-tag
-                  :type="{
-                    0: 'success',
-                    1: 'danger',
-                    2: 'warning'
-                  }[scope.row.projectStatus] || 'info'"
-                >
+                <el-tag :type="{
+                  0: 'success',
+                  1: 'danger',
+                  2: 'warning'
+                }[scope.row.projectStatus] || 'info'">
                   {{ {
-                  0: '正常',
-                  1: '终止',
-                  2: '观望'
-                }[scope.row.projectStatus] || '未知状态' }}
+                    0: '正常',
+                    1: '终止',
+                    2: '观望'
+                  }[scope.row.projectStatus] || '未知状态' }}
                 </el-tag>
               </template>
             </el-table-column>
@@ -305,18 +286,20 @@
             </el-table-column>
             <el-table-column label="当前节点" align="center" prop="taskName">
               <template slot-scope="scope">
-                <div  v-if="scope.row.deployId !== null && scope.row.deployId !== undefined && scope.row.deployId !== ''"  :title="scope.row.taskName" class="public-text-blue public-cursor" @click="handleReadImage(scope.row)">
-                  {{ scope.row.taskName}}
+                <div v-if="scope.row.deployId !== null && scope.row.deployId !== undefined && scope.row.deployId !== ''"
+                  :title="scope.row.taskName" class="public-text-blue public-cursor"
+                  @click="handleReadImage(scope.row)">
+                  {{ scope.row.taskName }}
                 </div>
                 <div v-else :title="scope.row.taskName">
-                  {{ scope.row.taskName}}
+                  {{ scope.row.taskName }}
                 </div>
               </template>
             </el-table-column>
             <el-table-column label="当前处理人" align="center" prop="assigneeName">
               <template slot-scope="scope">
                 <div :title="scope.row.assigneeName">
-                  {{ scope.row.assigneeName}}
+                  {{ scope.row.assigneeName }}
                 </div>
               </template>
             </el-table-column>
@@ -333,66 +316,41 @@
             </el-table-column>
             <el-table-column label="操作" align="center" width="70" class-name="small-padding fixed-width">
               <template slot-scope="scope">
-                <el-button type="text" size="small" @click="handleDetail(scope.row)">详情</el-button>
+                <el-button style="color:#1890ff" type="text" size="small"
+                  @click="handleDetail(scope.row)">详情</el-button>
               </template>
             </el-table-column>
           </el-table>
           <!-- 分页 -->
-          <pagination
-            v-show="myDoneTaskTotal > 0"
-            :total="myDoneTaskTotal"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getMyDoneTaskList"
-          />
+          <pagination v-show="myDoneTaskTotal > 0" :total="myDoneTaskTotal" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getMyDoneTaskList" />
         </el-tab-pane>
         <el-tab-pane label="我的单据" name="list3">
           <!-- 我的单据表格 -->
           <!-- 列表一内容 -->
-          <el-table
-            ref="dataTable"
-            @row-click="clickRow"
-            class="tableWrapper"
-            v-loading="loading"
-            border
-            :data="myList"
-          >
-<!--            <el-table-column type="selection" width="40" align="center" />-->
-            <el-table-column
-              type="index"
-              label="序号"
-              width="50"
-              align="center"
-            ></el-table-column>
+          <el-table height="450" ref="dataTable" @row-click="clickRow" class="tableWrapper" v-loading="loading" border
+            :data="myList">
+            <!--            <el-table-column type="selection" width="40" align="center" />-->
+            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
             <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
             <el-table-column label="项目名称" align="center" prop="projectName" width="200">
               <template slot-scope="scope">
-                <div
-                  :title="scope.row.projectName"
-                  class="public-text-blue public-cursor"
-                  @click.stop="handleInvestOppDetail(scope.row)"
-                >
+                <div :title="scope.row.projectName" class="public-text-blue public-cursor"
+                  @click.stop="handleInvestOppDetail(scope.row)">
                   {{ scope.row.projectName }}
                 </div>
               </template>
             </el-table-column>
-            <el-table-column label="所属行业" align="center" prop="industry"
-            ><template slot-scope="scope">
-              <dict-tag
-                :options="dict.type.CUSTOMER_TRADE"
-                :value="scope.row.industry"
-              />
-            </template>
+            <el-table-column label="所属行业" align="center" prop="industry"><template slot-scope="scope">
+                <dict-tag :options="dict.type.CUSTOMER_TRADE" :value="scope.row.industry" />
+              </template>
             </el-table-column>
             <el-table-column label="项目阶段" align="center" prop="projectStage">
               <template slot-scope="scope">
-                <dict-tag
-                  :options="dict.type.project_stage"
-                  :value="scope.row.projectStage"
-                />
+                <dict-tag :options="dict.type.project_stage" :value="scope.row.projectStage" />
               </template>
             </el-table-column>
-<!--            <el-table-column
+            <!--            <el-table-column
               label="项目状态"
               align="center"
               prop="projectState"
@@ -408,18 +366,16 @@
             <el-table-column label="项目机会状态" align="center" prop="projectStatus">
               <template slot-scope="scope">
                 <!-- 定义状态文本映射对象 -->
-                <el-tag
-                  :type="{
-                    0: 'success',
-                    1: 'danger',
-                    2: 'warning'
-                  }[scope.row.projectStatus] || 'info'"
-                >
+                <el-tag :type="{
+                  0: 'success',
+                  1: 'danger',
+                  2: 'warning'
+                }[scope.row.projectStatus] || 'info'">
                   {{ {
-                  0: '正常',
-                  1: '终止',
-                  2: '观望'
-                }[scope.row.projectStatus] || '未知状态' }}
+                    0: '正常',
+                    1: '终止',
+                    2: '观望'
+                  }[scope.row.projectStatus] || '未知状态' }}
                 </el-tag>
               </template>
             </el-table-column>
@@ -459,15 +415,16 @@
             </el-table-column>
             <el-table-column label="当前节点" align="center" prop="taskName">
               <template slot-scope="scope">
-                <div :title="scope.row.taskName" class="public-text-blue public-cursor" @click="handleReadImage(scope.row)">
-                  {{ scope.row.taskName}}
+                <div :title="scope.row.taskName" class="public-text-blue public-cursor"
+                  @click="handleReadImage(scope.row)">
+                  {{ scope.row.taskName }}
                 </div>
               </template>
             </el-table-column>
             <el-table-column label="当前处理人" align="center" prop="assigneeName">
               <template slot-scope="scope">
                 <div :title="scope.row.assigneeName">
-                  {{ scope.row.assigneeName}}
+                  {{ scope.row.assigneeName }}
                 </div>
               </template>
             </el-table-column>
@@ -484,35 +441,31 @@
             </el-table-column>
             <el-table-column label="操作" align="center" width="70" class-name="small-padding fixed-width">
               <template slot-scope="scope">
-                <el-button type="text" size="small" @click="handleDetail(scope.row)">详情</el-button>
+                <el-button style="color:#1890ff" type="text" size="small"
+                  @click="handleDetail(scope.row)">详情</el-button>
               </template>
             </el-table-column>
           </el-table>
           <!-- 分页 -->
-          <pagination
-            v-show="myTotal > 0"
-            :total="myTotal"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getMyList"
-          />
+          <pagination v-show="myTotal > 0" :total="myTotal" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getMyList" />
         </el-tab-pane>
       </el-tabs>
     </el-card>
-  <!-- Flowable 流程图弹窗 -->
-  <!-- 流程图 -->
+    <!-- Flowable 流程图弹窗 -->
+    <!-- 流程图 -->
 
-  <el-dialog :title="readImage.title" :visible.sync="readImage.open" width="70%"  append-to-body>
-    <!-- <el-image :src="readImage.src"></el-image> -->
-    <flow :flowData="flowData"/>
-  </el-dialog>
+    <el-dialog :title="readImage.title" :visible.sync="readImage.open" width="70%" append-to-body>
+      <!-- <el-image :src="readImage.src"></el-image> -->
+      <flow :flowData="flowData" />
+    </el-dialog>
 
   </div>
 </template>
 
 <script>
-import { getMyTaskList,getMyDoneTaskList,getMyList } from "@/api/project/termination/pool";
-import { selectByFlowKey,flowXmlAndNode } from "@/api/flowable/definition";
+import { getMyTaskList, getMyDoneTaskList, getMyList } from "@/api/project/termination/pool";
+import { selectByFlowKey, flowXmlAndNode } from "@/api/flowable/definition";
 import { listChannel } from "@/api/invest/channel";
 import dueDiligenceList from "../../invest/components/dueDiligenceList.vue";
 import followList from "../../invest/components/followList.vue";
@@ -537,7 +490,7 @@ export default {
   data() {
     return {
       // 当前激活的 Tab
-      activeTab:"list1",
+      activeTab: "list1",
       // 遮罩层
       loading: false,
       // 查询参数
@@ -583,7 +536,7 @@ export default {
       myTotal: 0,
       channelList: [], //渠道
       //流程图信息
-      readImage:{
+      readImage: {
         open: false,
         src: "",
       },
@@ -741,18 +694,22 @@ export default {
     handleInvestOppDetail(row) {
       const projectPoolId = row.projectPoolId;
       getPool(projectPoolId).then((response) => {
-        const pInstId=response.data.procInstId;
-        this.$router.push({ path: "/project/investOpp/detail", query: { id:
-            projectPoolId , pInstId: pInstId } });
+        const pInstId = response.data.procInstId;
+        this.$router.push({
+          path: "/myTask/project/investOpp/detail", query: {
+            id:
+              projectPoolId, pInstId: pInstId
+          }
+        });
       });
     },
     // 跳转到处理页面(暂存节点页面）
-    handleEdit(row){
+    handleEdit(row) {
       const id = row.id || this.ids;
-      const poolId=row.projectPoolId;
-      const pInstId=row.procInstId; ``
-      const taskId=row.taskId;
-      this.$router.push({ path: "/project/termination/edit", query: { id: poolId , pInstId: pInstId , taskId:taskId} });
+      const poolId = row.projectPoolId;
+      const pInstId = row.procInstId; ``
+      const taskId = row.taskId;
+      this.$router.push({ path: "/myTask/project/termination/edit", query: { id: poolId, pInstId: pInstId, taskId: taskId } });
     },
     // 签收操作
     handleSign(row) {
@@ -761,7 +718,7 @@ export default {
       this.$message.success('签收成功');
     },
     // 跳转到处理页面
-    handleProcess(row){
+    handleProcess(row) {
       /*this.$router.push({ path: '/flowable/task/todo/detail/index',
         query: {
           procInsId: row.procInsId,
@@ -772,11 +729,11 @@ export default {
           startUser: row.startUserName + '-' + row.startDeptName,
         }})*/
       const id = row.id || this.ids;
-      const poolId=row.projectPoolId;
-      const pInstId=row.procInstId;
-      const taskId=row.taskId;
+      const poolId = row.projectPoolId;
+      const pInstId = row.procInstId;
+      const taskId = row.taskId;
       this.$store.commit("SET_PROJECTITEMMESSAGE", row);
-      this.$router.push({ path: "/project/termination/audit", query: { id:poolId , pInstId: pInstId ,taskId:taskId} });
+      this.$router.push({ path: "/myTask/project/termination/audit", query: { id: poolId, pInstId: pInstId, taskId: taskId } });
 
     },
     // 撤回操作
@@ -793,9 +750,9 @@ export default {
     /*详情*/
     handleDetail(row) {
       const id = row.id || this.ids;
-      const poolId=row.projectPoolId;
-      const pInstId=row.procInstId;
-      this.$router.push({ path: "/project/termination/detail", query: { id: poolId , pInstId: pInstId } });
+      const poolId = row.projectPoolId;
+      const pInstId = row.procInstId;
+      this.$router.push({ path: "/myTask/project/termination/detail", query: { id: poolId, pInstId: pInstId } });
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -815,14 +772,14 @@ export default {
           this.getList();
           this.$modal.msgSuccess("已终止");
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     /** 流程图查看 */
-    handleReadImage(row){
+    handleReadImage(row) {
       this.readImage.title = "流程图";
       this.readImage.open = true;
       // this.readImage.src = process.env.VUE_APP_BASE_API + "/flowable/definition/readImage/" + deploymentId;
-      flowXmlAndNode({procInsId: row.procInstId,deployId:row.deployId}).then(res => {
+      flowXmlAndNode({ procInsId: row.procInstId, deployId: row.deployId }).then(res => {
         this.flowData = res.data;
       })
     },
@@ -831,9 +788,45 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+::v-deep .el-card__body {
+  background-color: #f3f3f4;
+}
+
+::v-deep .el-form-item {
+  width: 100%;
+  margin-right: 0px;
+  margin-bottom: 10px;
+}
+
+::v-deep .el-form--label-top {
+  background-color: #fff;
+  padding: 10px;
+  margin-bottom: 15px;
+}
+
+::v-deep .el-form--label-top .el-form-item__label {
+  padding: 0;
+  line-height: 26px;
+}
+
+
+::v-deep .el-tabs--border-card {
+  border: none;
+  box-shadow: none;
+}
+
+::v-deep .el-tabs--border-card>.el-tabs__header {
+  background-color: #f3f3f4;
+}
+
+::v-deep .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
+  border-radius: 4px 4px 0 0;
+}
+
 .tableWrapper {
   font-size: 12px;
   color: #000;
+
   ::v-deep .el-table__header-wrapper th {
     font-size: 12px;
     font-weight: bolder;
@@ -850,12 +843,9 @@ export default {
     -webkit-box-orient: vertical;
   }
 }
+
 /**找到表头那一行，然后把里面的复选框隐藏掉**/
-.hideHeaderCheckBox
-::v-deep
-.el-table__header-wrapper
-.el-table__header
-.el-checkbox {
+.hideHeaderCheckBox::v-deep .el-table__header-wrapper .el-table__header .el-checkbox {
   display: none;
 }
 </style>