|
|
@@ -8,22 +8,32 @@
|
|
|
tool-class="ele-toolbar-form"
|
|
|
:needPage="false"
|
|
|
>
|
|
|
+ <template v-slot:operation="{ row }">
|
|
|
+ <el-link type="primary" :underline="false" @click="openEdit(row)">
|
|
|
+ {{ row.operation }}
|
|
|
+ </el-link>
|
|
|
+ </template>
|
|
|
</ele-pro-table>
|
|
|
+ <bpmOpen ref="bpmOpenRef"></bpmOpen>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { queryProcess } from '@/api/doc-manage';
|
|
|
+import bpmOpen from './bpmOpen';
|
|
|
|
|
|
export default {
|
|
|
props: {
|
|
|
// 上级id
|
|
|
parentId: [Number, String]
|
|
|
},
|
|
|
+ components: {
|
|
|
+ bpmOpen
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
// 表格列配置
|
|
|
- tableList:[],
|
|
|
+ tableList: [],
|
|
|
columns: [
|
|
|
{
|
|
|
columnKey: 'index',
|
|
|
@@ -31,8 +41,7 @@ export default {
|
|
|
type: 'index',
|
|
|
width: 55,
|
|
|
align: 'center',
|
|
|
- showOverflowTooltip: true,
|
|
|
- fixed: 'left'
|
|
|
+ showOverflowTooltip: true
|
|
|
},
|
|
|
{
|
|
|
prop: 'operation',
|
|
|
@@ -40,7 +49,6 @@ export default {
|
|
|
align: 'center',
|
|
|
slot: 'operation',
|
|
|
showOverflowTooltip: true,
|
|
|
- fixed: 'left',
|
|
|
width: 200
|
|
|
},
|
|
|
{
|
|
|
@@ -48,7 +56,6 @@ export default {
|
|
|
label: '发起人',
|
|
|
align: 'center',
|
|
|
showOverflowTooltip: true,
|
|
|
- fixed: 'left',
|
|
|
width: 100
|
|
|
},
|
|
|
{
|
|
|
@@ -57,17 +64,15 @@ export default {
|
|
|
align: 'center',
|
|
|
slot: 'versionNum',
|
|
|
showOverflowTooltip: true,
|
|
|
- fixed: 'left',
|
|
|
width: 100
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
{
|
|
|
prop: 'fileName',
|
|
|
label: '文档名称',
|
|
|
align: 'center',
|
|
|
slot: 'fileName',
|
|
|
showOverflowTooltip: true,
|
|
|
- fixed: 'left',
|
|
|
minWidth: 200
|
|
|
},
|
|
|
{
|
|
|
@@ -75,11 +80,10 @@ export default {
|
|
|
label: '文件名称',
|
|
|
align: 'center',
|
|
|
showOverflowTooltip: true,
|
|
|
- fixed: 'left',
|
|
|
minWidth: 200,
|
|
|
formatter: (_row, _column, cellValue) => {
|
|
|
// return '';
|
|
|
- return cellValue[0]?.name
|
|
|
+ return cellValue[0]?.name;
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
@@ -128,22 +132,25 @@ export default {
|
|
|
]
|
|
|
};
|
|
|
},
|
|
|
- watch:{
|
|
|
- parentId(val){
|
|
|
- if(val){
|
|
|
- this.getList(val)
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
+ watch: {
|
|
|
+ parentId(val) {
|
|
|
+ if (val) {
|
|
|
+ this.getList(val);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
methods: {
|
|
|
async getList() {
|
|
|
this.tableList = await queryProcess(this.parentId);
|
|
|
+ },
|
|
|
+ openEdit(row) {
|
|
|
+ this.$refs.bpmOpenRef.open(row.processInstanceId);
|
|
|
}
|
|
|
},
|
|
|
init() {
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs.table.reRenderTable()
|
|
|
- });
|
|
|
- }
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.table.reRenderTable();
|
|
|
+ });
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|