|
|
@@ -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>
|
