|
|
@@ -18,52 +18,59 @@
|
|
|
<template>
|
|
|
<div class="app-container pull-auto">
|
|
|
<basic-container>
|
|
|
- <avue-crud ref="crud"
|
|
|
- :page="page"
|
|
|
- :data="tableData"
|
|
|
- :table-loading="tableLoading"
|
|
|
- :option="tableOption"
|
|
|
- @on-load="getList"
|
|
|
- @search-change="searchChange"
|
|
|
- @refresh-change="refreshChange"
|
|
|
- @row-del="rowDel">
|
|
|
- <template slot-scope="scope"
|
|
|
- slot="menuBtn">
|
|
|
+ <avue-crud
|
|
|
+ ref="crud"
|
|
|
+ :page="page"
|
|
|
+ :data="tableData"
|
|
|
+ :table-loading="tableLoading"
|
|
|
+ :option="tableOption"
|
|
|
+ @on-load="getList"
|
|
|
+ @search-change="searchChange"
|
|
|
+ @refresh-change="refreshChange"
|
|
|
+ @row-del="rowDel"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope" slot="menuBtn">
|
|
|
+ <el-dropdown-item
|
|
|
+ divided
|
|
|
+ v-if="permissions.act_process_manage"
|
|
|
+ @click.native="handlePic(scope.row,scope.index)"
|
|
|
+ >流程图</el-dropdown-item>
|
|
|
+ <el-dropdown-item
|
|
|
+ divided
|
|
|
+ v-if="permissions.act_process_manage && scope.row.suspend"
|
|
|
+ @click.native="handleStatus(scope.row,'active')"
|
|
|
+ >激活</el-dropdown-item>
|
|
|
|
|
|
- <el-dropdown-item divided
|
|
|
- v-if="permissions.act_process_manage"
|
|
|
- @click.native="handlePic(scope.row,scope.index)">流程图</el-dropdown-item>
|
|
|
- <el-dropdown-item divided
|
|
|
- v-if="permissions.act_process_manage && scope.row.suspend"
|
|
|
- @click.native="handleStatus(scope.row,'active')">激活</el-dropdown-item>
|
|
|
+ <el-dropdown-item
|
|
|
+ divided
|
|
|
+ v-if="permissions.act_process_manage && !scope.row.suspend"
|
|
|
+ @click.native="handleStatus(scope.row,'suspend')"
|
|
|
+ >失效</el-dropdown-item>
|
|
|
|
|
|
- <el-dropdown-item divided
|
|
|
- v-if="permissions.act_process_manage && !scope.row.suspend"
|
|
|
- @click.native="handleStatus(scope.row,'suspend')">失效</el-dropdown-item>
|
|
|
-
|
|
|
- <el-dropdown-item divided
|
|
|
- v-if="permissions.act_process_manage"
|
|
|
- @click.native="handleDel(scope.row,'suspend')">删除</el-dropdown-item>
|
|
|
+ <el-dropdown-item
|
|
|
+ divided
|
|
|
+ v-if="permissions.act_process_manage"
|
|
|
+ @click.native="handleDel(scope.row,'suspend')"
|
|
|
+ >删除</el-dropdown-item>
|
|
|
</template>
|
|
|
</avue-crud>
|
|
|
</basic-container>
|
|
|
- <el-dialog title="流程图"
|
|
|
- :visible.sync="showPicDialog">
|
|
|
- <img :src="actPicUrl" width="100%">
|
|
|
+ <el-dialog title="流程图" :visible.sync="showPicDialog">
|
|
|
+ <img :src="actPicUrl" width="100%" style="margin-left:-60px;">
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { fetchList, delObj, addObj, status } from '@/api/activiti/process'
|
|
|
-import { tableOption } from '@/const/crud/activiti/process'
|
|
|
-import { mapGetters } from 'vuex'
|
|
|
+import { fetchList, delObj, addObj, status } from "@/api/activiti/process";
|
|
|
+import { tableOption } from "@/const/crud/activiti/process";
|
|
|
+import { mapGetters } from "vuex";
|
|
|
export default {
|
|
|
- name: 'process',
|
|
|
- data () {
|
|
|
+ name: "process",
|
|
|
+ data() {
|
|
|
return {
|
|
|
showPicDialog: false,
|
|
|
- actPicUrl: '',
|
|
|
+ actPicUrl: "",
|
|
|
tableData: [],
|
|
|
page: {
|
|
|
total: 0, // 总页数
|
|
|
@@ -72,85 +79,105 @@ export default {
|
|
|
},
|
|
|
tableLoading: false,
|
|
|
tableOption: tableOption
|
|
|
- }
|
|
|
+ };
|
|
|
},
|
|
|
- created () {
|
|
|
- },
|
|
|
- mounted: function () { },
|
|
|
+ created() {},
|
|
|
+ mounted: function() {},
|
|
|
computed: {
|
|
|
- ...mapGetters(['permissions'])
|
|
|
+ ...mapGetters(["permissions"])
|
|
|
},
|
|
|
methods: {
|
|
|
- getList (page,params) {
|
|
|
- this.tableLoading = true
|
|
|
- fetchList(Object.assign({
|
|
|
- descs: 'create_time',
|
|
|
- current: page.currentPage,
|
|
|
- size: page.pageSize
|
|
|
- }, params)).then(response => {
|
|
|
- this.tableData = response.data.data.records
|
|
|
- this.page.total = response.data.data.total
|
|
|
- this.tableLoading = false
|
|
|
- })
|
|
|
+ getList(page, params) {
|
|
|
+ this.tableLoading = true;
|
|
|
+ fetchList(
|
|
|
+ Object.assign(
|
|
|
+ {
|
|
|
+ descs: "create_time",
|
|
|
+ current: page.currentPage,
|
|
|
+ size: page.pageSize
|
|
|
+ },
|
|
|
+ params
|
|
|
+ )
|
|
|
+ ).then(response => {
|
|
|
+ this.tableData = response.data.data.records;
|
|
|
+ this.page.total = response.data.data.total;
|
|
|
+ this.tableLoading = false;
|
|
|
+ });
|
|
|
},
|
|
|
- handlePic (row, index) {
|
|
|
- this.actPicUrl = `/act/process/resource/` + row.deploymentId + '/' + row.processonDefinitionId + "/image"
|
|
|
- this.showPicDialog = true
|
|
|
+ handlePic(row, index) {
|
|
|
+ this.actPicUrl =
|
|
|
+ `/act/process/resource/` +
|
|
|
+ row.deploymentId +
|
|
|
+ "/" +
|
|
|
+ row.processonDefinitionId +
|
|
|
+ "/image";
|
|
|
+ this.showPicDialog = true;
|
|
|
},
|
|
|
- handleStatus (row, type) {
|
|
|
- var _this = this
|
|
|
- this.$confirm('是否确认操作ID为"' + row.processonDefinitionId + '"的流程?', '警告', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- }).then(function () {
|
|
|
- return status(row.processonDefinitionId, type)
|
|
|
- }).then(data => {
|
|
|
- this.getList(this.page)
|
|
|
- _this.$message({
|
|
|
- showClose: true,
|
|
|
- message: '操作成功',
|
|
|
- type: 'success'
|
|
|
+ handleStatus(row, type) {
|
|
|
+ var _this = this;
|
|
|
+ this.$confirm(
|
|
|
+ '是否确认操作ID为"' + row.processonDefinitionId + '"的流程?',
|
|
|
+ "警告",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(function() {
|
|
|
+ return status(row.processonDefinitionId, type);
|
|
|
+ })
|
|
|
+ .then(data => {
|
|
|
+ this.getList(this.page);
|
|
|
+ _this.$message({
|
|
|
+ showClose: true,
|
|
|
+ message: "操作成功",
|
|
|
+ type: "success"
|
|
|
+ });
|
|
|
})
|
|
|
- }).catch(function (err) { })
|
|
|
+ .catch(function(err) {});
|
|
|
},
|
|
|
- handleDel (row, index) {
|
|
|
- this.$refs.crud.rowDel(row, index)
|
|
|
+ handleDel(row, index) {
|
|
|
+ this.$refs.crud.rowDel(row, index);
|
|
|
},
|
|
|
- rowDel: function (row, index) {
|
|
|
- var _this = this
|
|
|
- this.$confirm('是否确认删除ID为"' + row.deploymentId + '"的模型?', '警告', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- })
|
|
|
- .then(function () {
|
|
|
- return delObj(row.deploymentId)
|
|
|
+ rowDel: function(row, index) {
|
|
|
+ var _this = this;
|
|
|
+ this.$confirm(
|
|
|
+ '是否确认删除ID为"' + row.deploymentId + '"的模型?',
|
|
|
+ "警告",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(function() {
|
|
|
+ return delObj(row.deploymentId);
|
|
|
})
|
|
|
.then(data => {
|
|
|
- this.getList(this.page)
|
|
|
+ this.getList(this.page);
|
|
|
_this.$message({
|
|
|
showClose: true,
|
|
|
- message: '删除成功',
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
+ message: "删除成功",
|
|
|
+ type: "success"
|
|
|
+ });
|
|
|
})
|
|
|
- .catch(function (err) { })
|
|
|
+ .catch(function(err) {});
|
|
|
},
|
|
|
/**
|
|
|
* 搜索回调
|
|
|
*/
|
|
|
- searchChange (form) {
|
|
|
- this.getList(this.page,form)
|
|
|
+ searchChange(form) {
|
|
|
+ this.getList(this.page, form);
|
|
|
},
|
|
|
/**
|
|
|
* 刷新回调
|
|
|
*/
|
|
|
- refreshChange () {
|
|
|
- this.getList(this.page)
|
|
|
+ refreshChange() {
|
|
|
+ this.getList(this.page);
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
smallwei