feat: 页面优化

1.任务列表去掉多余按钮。
2.发起流程去掉流程编号显示。
approve-sys
zhuyong 3 years ago
parent 3cf1c0e1e0
commit c6e92da9fc

@ -11,6 +11,7 @@
## 演示地址 ## 演示地址
访问链接http://139.155.16.243/ 访问链接http://139.155.16.243/
使用文档https://www.yuque.com/u1024153/icipor 使用文档https://www.yuque.com/u1024153/icipor
##### 为了方便体验,请勿删除和改动初始化的几个流程和表单,感谢!有其它流程实现,请自行定义新流程、表单。 ##### 为了方便体验,请勿删除和改动初始化的几个流程和表单,感谢!有其它流程实现,请自行定义新流程、表单。
@ -44,19 +45,10 @@ GitHubhttps://github.com/tony2y/RuoYi-flowable.git
## 演示图 ## 演示图
<table> <img src="https://images.gitee.com/uploads/images/2021/0407/212557_dfb07bda_2042292.png"/>
<tr> <img src="https://images.gitee.com/uploads/images/2021/0407/212707_fc51e817_2042292.png"/>
<td><img src="https://images.gitee.com/uploads/images/2021/0407/212557_dfb07bda_2042292.png"/></td> <img src="https://images.gitee.com/uploads/images/2021/0407/212924_eb53cb0f_2042292.png"/>
<td><img src="https://images.gitee.com/uploads/images/2021/0407/212707_fc51e817_2042292.png"/></td> <img src="https://images.gitee.com/uploads/images/2021/0708/113619_496e5f03_2042292.png"/>
</tr> <img src="https://images.gitee.com/uploads/images/2021/0407/213126_462c4290_2042292.png"/>
<tr>
<td><img src="https://images.gitee.com/uploads/images/2021/0407/212814_72afbcdc_2042292.png"/></td>
<td><img src="https://images.gitee.com/uploads/images/2021/0407/212924_eb53cb0f_2042292.png"/></td>
</tr>
<tr>
<td><img src="https://images.gitee.com/uploads/images/2021/0708/113619_496e5f03_2042292.png"/></td>
<td><img src="https://images.gitee.com/uploads/images/2021/0407/213126_462c4290_2042292.png"/></td>
</tr>
</table>

@ -72,14 +72,14 @@
<el-table-column label="流程编号" align="center" prop="deploymentId" :show-overflow-tooltip="true"/> <el-table-column label="流程编号" align="center" prop="deploymentId" :show-overflow-tooltip="true"/>
<el-table-column label="流程标识" align="center" prop="key" :show-overflow-tooltip="true" /> <el-table-column label="流程标识" align="center" prop="key" :show-overflow-tooltip="true" />
<el-table-column label="流程分类" align="center" prop="category" /> <el-table-column label="流程分类" align="center" prop="category" />
<el-table-column label="流程名称(流程图)" align="center"> <el-table-column label="流程名称" align="center" :show-overflow-tooltip="true">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" @click="handleReadImage(scope.row.deploymentId)"> <el-button type="text" @click="handleReadImage(scope.row.deploymentId)">
<span>{{ scope.row.name }}</span> <span>{{ scope.row.name }}</span>
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="挂载表单" align="center"> <el-table-column label="业务表单" align="center" :show-overflow-tooltip="true">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button v-if="scope.row.formId" type="text" @click="handleForm(scope.row.formId)"> <el-button v-if="scope.row.formId" type="text" @click="handleForm(scope.row.formId)">
<span>{{ scope.row.formName }}</span> <span>{{ scope.row.formName }}</span>

@ -25,27 +25,6 @@
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:deployment:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:deployment:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="danger" type="danger"
@ -57,16 +36,6 @@
v-hasPermi="['system:deployment:remove']" v-hasPermi="['system:deployment:remove']"
>删除</el-button> >删除</el-button>
</el-col> </el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:deployment:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>

@ -35,17 +35,6 @@
v-hasPermi="['system:deployment:add']" v-hasPermi="['system:deployment:add']"
>新增流程</el-button> >新增流程</el-button>
</el-col> </el-col>
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="success"-->
<!-- plain-->
<!-- icon="el-icon-edit"-->
<!-- size="mini"-->
<!-- :disabled="single"-->
<!-- @click="handleUpdate"-->
<!-- v-hasPermi="['system:deployment:edit']"-->
<!-- >修改</el-button>-->
<!-- </el-col>-->
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="danger" type="danger"
@ -73,7 +62,7 @@
<el-table v-loading="loading" :data="myProcessList" border @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="myProcessList" border @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="流程编号" align="center" prop="procInsId" :show-overflow-tooltip="true"/> <el-table-column label="流程编号" align="center" prop="procInsId" :show-overflow-tooltip="true"/>
<el-table-column label="流程名称" align="center" prop="procDefName" /> <el-table-column label="流程名称" align="center" prop="procDefName" :show-overflow-tooltip="true"/>
<el-table-column label="流程类别" align="center" prop="category" width="100px" /> <el-table-column label="流程类别" align="center" prop="category" width="100px" />
<el-table-column label="流程版本" align="center" width="80px"> <el-table-column label="流程版本" align="center" width="80px">
<template slot-scope="scope"> <template slot-scope="scope">
@ -125,10 +114,9 @@
@pagination="getList" @pagination="getList"
/> />
<!-- 添加或修改流程定义对话框 --> <!-- 发起流程 -->
<el-dialog :title="title" :visible.sync="open" width="60%" append-to-body> <el-dialog :title="title" :visible.sync="open" width="60%" append-to-body>
<el-table v-loading="processLoading" fit :data="definitionList" border > <el-table v-loading="processLoading" fit :data="definitionList" border >
<el-table-column label="流程编号" width="300" align="center" prop="deploymentId" />
<el-table-column label="流程名称" align="center" prop="name" /> <el-table-column label="流程名称" align="center" prop="name" />
<el-table-column label="流程版本" align="center"> <el-table-column label="流程版本" align="center">
<template slot-scope="scope"> <template slot-scope="scope">

@ -25,29 +25,6 @@
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:deployment:add']"
>新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:deployment:edit']"
>修改
</el-button>
</el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="danger" type="danger"
@ -60,17 +37,6 @@
>删除 >删除
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:deployment:export']"
>导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>

Loading…
Cancel
Save