| | |
| | | <!--流程轨迹--> |
| | | <template> |
| | | <el-table :data="tableData" v-adaptive="{bottomOffset: 100}" |
| | | height="250" |
| | | <div> |
| | | <el-form :inline="true" style="padding: 0"> |
| | | <zt-form-item style="float: left;margin-bottom: 0"> |
| | | <zt-button style="background:#EAEBEE;border: 1px solid #EAEBEE;color:#000">流程轨迹</zt-button> |
| | | </zt-form-item> |
| | | </el-form> |
| | | <el-table :data="tableData" |
| | | height="550" |
| | | v-loading="this.dataLoading"> |
| | | <el-table-column align="center" label="步骤名" prop="stepName"></el-table-column> |
| | | <el-table-column align="center" label="角色名" prop="receiveName"></el-table-column> |
| | | <el-table-column align="center" label="接受任务时间" prop="receiveTime"></el-table-column> |
| | | <el-table-column align="center" label="完成时间" prop="finishTime"></el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | this.graph = new Graph({ |
| | | container: document.getElementById('flowChartView'), |
| | | width: document.documentElement.clientWidth*0.5, |
| | | height:400, |
| | | height:550, |
| | | // async: true, |
| | | // grid: { |
| | | // visible: true, |
| | |
| | | <template> |
| | | <el-row :gutter="10"> |
| | | <el-col> |
| | | <el-col :span="12"> |
| | | <FlowChartView :flowChartHeight="flowChartHeight" ref="flowChartView"></FlowChartView> |
| | | </el-col> |
| | | <el-col style="margin-top: 10px"> |
| | | <el-col :span="12"> |
| | | <ProcessTrajectory ref="processTrajectory" @refreshDataList="getQuery()"></ProcessTrajectory> |
| | | </el-col> |
| | | </el-row> |