java_project
/
hy-vue
4
0
Fork 0
Code Issues Pull Requests Activity
Browse Source

添加项目部出库入库调拨报废根据自己的项目部节点审批

dev
long 2 years ago
parent
4c053d6c66
commit
183316ad5c
1 changed files with 362 additions and 347 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 667
      src/views/activiti/ProcessModelList.vue

667
src/views/activiti/ProcessModelList.vue
Unescape View File

@ -13,7 +13,7 @@
<a-col :md="6" :sm="8">
<a-form-item label="流程分类">
<j-dict-select-tag type="list" v-model="queryParam.categoryId" dictCode="bpm_process_type"
placeholder="请选择物资类型" />
placeholder="请选择物资类型"/>
</a-form-item>
</a-col>
<a-col :md="6" :sm="8" v-show="false">
@ -21,7 +21,7 @@
<a-switch checkedChildren="是" unCheckedChildren="否" defaultChecked v-model="queryParam.zx"/>
</a-form-item>
</a-col>
<!-- <a-col :md="6" :sm="10">
<!-- <a-col :md="6" :sm="10">
<a-form-item label="创建时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-range-picker
style="width: 210px"
@ -35,13 +35,14 @@
</a-col>-->
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-col :md="6" :sm="12" >
<a-col :md="6" :sm="12">
<a-button type="primary" style="left: 10px" @click="searchQuery" icon="search">查询</a-button>
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px;left: 10px">重置</a-button>
<a-button type="primary" @click="searchReset" icon="reload"
style="margin-left: 8px;left: 10px">重置</a-button>
</a-col>
</span>
<span style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
<a-col :md="12" :sm="12" >
<a-col :md="12" :sm="12">
<!-- <a-button type="primary" style="left: 10px" @click="createObj.visible=true" icon="search">创建流程模型</a-button>-->
</a-col>
</span>
@ -73,12 +74,17 @@
<span> {{filterDictText(dictOptions, text)}} </span>
</span>
<span slot="make" slot-scope="text, record">
<a href="javascript:void(0);" v-if="record.status!=1" @click="editStatus(1,record)" style="color: rgb(144,96,255);">启用</a>
<a href="javascript:void(0);" v-if="record.status==1" @click="editStatus(0,record)" style="color: #cb892d">禁用</a>
<a-divider type="vertical" />
<a href="javascript:void(0);" @click="getNodeData(record)" >审批人员</a>
<a-divider type="vertical" />
<a href="javascript:void(0);" @click="edit(record)">配置表单</a> <a-divider type="vertical" />
<a href="javascript:void(0);" v-if="record.status!=1" @click="editStatus(1,record)"
style="color: rgb(144,96,255);">启用</a>
<a href="javascript:void(0);" v-if="record.status==1" @click="editStatus(0,record)"
style="color: #cb892d">禁用</a>
<span v-if="record.name=='预算计划采购流程' || record.name=='权限授权流程'">
<a-divider type="vertical"/>
<a href="javascript:void(0);" @click="getNodeData(record)">审批人员</a>
</span>
<a-divider type="vertical"/>
<a href="javascript:void(0);" @click="edit(record)">配置表单</a> <a-divider type="vertical"/>
<a href="javascript:void(0);" style="color: red;" @click="remove(record)">删除</a>
</span>
</a-table>
@ -92,9 +98,10 @@
@cancel="editObj.visible = false"
>
<a-form :form="editForm" v-if="editObj.visible">
<a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="流程分类" >
<component :is="LcDict" :trigger-change="true" v-decorator="[ 'categoryId', {initialValue:editObj.categoryId, rules: [{ required: true, message: '不能为空' }] },]"
placeholder="请选择流程分类" dictCode="bpm_process_type" ></component>
<a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="流程分类">
<component :is="LcDict" :trigger-change="true"
v-decorator="[ 'categoryId', {initialValue:editObj.categoryId, rules: [{ required: true, message: '不能为空' }] },]"
placeholder="请选择流程分类" dictCode="bpm_process_type"></component>
</a-form-item>
<!-- <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="流程类目(app使用)" >
<j-tree-dict placeholder="请选择流程类目" parentCode="A01"
@ -102,8 +109,9 @@
>
</j-tree-dict>
</a-form-item>-->
<a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="关联表单" >
<a-select @change="change_routeName" placeholder="请选择关联表单" :trigger-change="true" v-decorator="[ 'routeName', {initialValue:editObj.routeName, rules: [{ required: true, message: '不能为空' }] },]">
<a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="关联表单">
<a-select @change="change_routeName" placeholder="请选择关联表单" :trigger-change="true"
v-decorator="[ 'routeName', {initialValue:editObj.routeName, rules: [{ required: true, message: '不能为空' }] },]">
<a-select-option value="">请选择</a-select-option>
<a-select-option v-for="(item, i) in allFormComponent" :key="item.routeName" :value="item.routeName">
<span style="display: inline-block;width: 100%" :title=" item.text">
@ -129,11 +137,12 @@
<!-- <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="角色授权" >
<j-select-role placeholder="不选择则所有人可用" v-decorator="[ 'roles', {initialValue:editObj.roles, rules: []}]"/>
</a-form-item>-->
<a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="排序" >
<a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="排序">
<a-input-number v-decorator="[ 'sort', {initialValue:editObj.sort, rules: []}]" placeholder="排序"/>
</a-form-item>
<a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="备注描述" >
<a-textarea v-decorator="[ 'description', {initialValue:editObj.description, rules: []}]" placeholder="备注描述" :autoSize="{ minRows: 3, maxRows: 5 }" />
<a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="备注描述">
<a-textarea v-decorator="[ 'description', {initialValue:editObj.description, rules: []}]" placeholder="备注描述"
:autoSize="{ minRows: 3, maxRows: 5 }"/>
</a-form-item>
</a-form>
</a-modal>
@ -202,9 +211,10 @@
<!-- <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="选择角色" v-if="spryTypes.indexOf('0')>-1" >
<j-select-role v-model="spry.roleIds"/>
</a-form-item>-->
<a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="选择人员" >
<a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="选择人员">
<!-- 通过部门选择用户控件 -->
<j-select-user-by-dep v-model="spry.userIds" :multi="false" @submitUsers="submitUsers"></j-select-user-by-dep>
<j-select-user-by-dep v-model="spry.userIds" :multi="false"
@submitUsers="submitUsers"></j-select-user-by-dep>
</a-form-item>
<!-- <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="选择部门" v-if="spryTypes.indexOf('2')>-1" >
<j-select-depart v-model="spry.departmentIds" :multi="true"></j-select-depart>
@ -222,7 +232,8 @@
</a-row>
<div style="float:right;margin-top: -30px">
<a-button @click="sprySubmit" type="primary" html-type="submit" :disabled="editNode.type==0||editNode.type==2||confirmLoading">
<a-button @click="sprySubmit" type="primary" html-type="submit"
:disabled="editNode.type==0||editNode.type==2||confirmLoading">
提交并保存
</a-button>
@ -237,7 +248,7 @@
:visible="viewImage" :footer="null"
@cancel="viewImage = false"
>
<div style="min-height: 400px;text-align: center" >
<div style="min-height: 400px;text-align: center">
<img :src="diagramUrl" :alt="viewTitle">
</div>
</a-modal>
@ -251,47 +262,47 @@
</template>
<script>
import pick from "lodash.pick";
import { filterObj } from '@/utils/util';
import pick from 'lodash.pick'
import { filterObj } from '@/utils/util'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import { activitiMixin } from '@/views/activiti/mixins/activitiMixin'
import JEllipsis from '@/components/jeecg/JEllipsis'
import { deleteAction, getAction,downFile } from '@/api/manage'
import { deleteAction, getAction, downFile } from '@/api/manage'
import JTreeSelect from '@/components/jeecg/JTreeSelect'
import JTreeDict from '@/components/jeecg/JTreeDict'
import {initDictOptions, filterDictText} from '@/components/dict/JDictSelectUtil'
import { initDictOptions, filterDictText } from '@/components/dict/JDictSelectUtil'
import JSelectUserByDep from '@/components/jeecgbiz/JSelectUserByDep'
import JSelectRole from '@/components/jeecgbiz/JSelectRole'
import JSelectDepart from '@/components/jeecgbiz/JSelectDepart'
import JDictSelectTag from "@/components/dict/JDictSelectTag"
import JDictSelectTag from '@/components/dict/JDictSelectTag'
export default {
name: "ProcessModelList",
mixins:[activitiMixin,JeecgListMixin],
name: 'ProcessModelList',
mixins: [activitiMixin, JeecgListMixin],
components: {
JEllipsis,JSelectUserByDep,JSelectRole,JSelectDepart
,JTreeSelect,JTreeDict,JDictSelectTag
JEllipsis, JSelectUserByDep, JSelectRole, JSelectDepart
, JTreeSelect, JTreeDict, JDictSelectTag
},
created(){
created() {
// this.initReportList();
},
data () {
data() {
return {
reportList:[],
reportList: [],
columns: [
{
title: '序号', width:50,
title: '序号', width: 50,
dataIndex: '',
key:'rowIndex',
align:"center",
customRender:function (t,r,index) {
return parseInt(index)+1;
key: 'rowIndex',
align: 'center',
customRender: function(t, r, index) {
return parseInt(index) + 1
}
},
{
title: '流程名称', width:150,
align:"center",
dataIndex: 'name',
title: '流程名称', width: 150,
align: 'center',
dataIndex: 'name'
},
/* {
title: '流程标识', width:150,
@ -300,126 +311,126 @@
scopedSlots: { customRender: 'processKey' },
},*/
{
title: '所属分类', width:150,
title: '所属分类', width: 150,
dataIndex: 'categoryId',
scopedSlots: { customRender: 'categoryId' },
align:"center",
align: 'center'
},
{
title: '流程图片', width:250,
title: '流程图片', width: 250,
dataIndex: 'diagramName',
scopedSlots: { customRender: 'diagramName' },
align:"center",
align: 'center'
},
{
title: '表单路由', width:150,
title: '表单路由', width: 150,
dataIndex: 'routeName',
align:"center",
scopedSlots: { customRender: 'routeName' },
align: 'center',
scopedSlots: { customRender: 'routeName' }
},
{
title: '备注说明', width:150,
title: '备注说明', width: 150,
dataIndex: 'description',
align:"center",
scopedSlots: { customRender: 'description' },
align: 'center',
scopedSlots: { customRender: 'description' }
},
{
title: '部署时间', width:150,
title: '部署时间', width: 150,
dataIndex: 'createTime',
align:"center",
align: 'center'
},
{
title: '更新时间', width:150,
title: '更新时间', width: 150,
dataIndex: 'updateTime',
align:"center",
align: 'center'
// sorter:true
},
{
title: '操作',width:250,
title: '操作', width: 250,
dataIndex: '',
scopedSlots: { customRender: 'make' },
align:"center",
align: 'center'
// fixed:'right'
}
],
viewImage:false,
viewTitle:"",
diagramUrl:"",
viewImage: false,
viewTitle: '',
diagramUrl: '',
/*编辑流程*/
editObj:{
visible: false,
editObj: {
visible: false
},
editForm: this.$form.createForm(this),
description: '已部署模型',
// 查询条件
queryParam: {
createTimeRange:[],
keyWord:'',
zx:true,
categoryId:''
createTimeRange: [],
keyWord: '',
zx: true,
categoryId: ''
},
tabKey: "1",
tabKey: '1',
// 表头
labelCol: {
xs: { span: 4 },
sm: { span: 4 },
sm: { span: 4 }
},
wrapperCol: {
xs: { span: 20 },
sm: { span: 20 },
sm: { span: 20 }
},
confirmLoading:false,
current:0,
confirmLoading: false,
current: 0,
nodeForm: this.$form.createForm(this),
dictOptions:[],
nodeList:[],
editNode:{},
showProcessNodeEdit:false,
dictNodeType:{
'0':'开始节点',
'1':'审批节点',
'2':'结束节点',
},
spryTypes:[],
dictOptions: [],
nodeList: [],
editNode: {},
showProcessNodeEdit: false,
dictNodeType: {
'0': '开始节点',
'1': '审批节点',
'2': '结束节点'
},
spryTypes: [],
url: {
list: "/activiti_process/listData",
img: "/activiti/models/export",
updateStatus: "/activiti_process/updateStatus",
delByIds: "/activiti_process/delByIds",
convertToModel: "/activiti_process/convertToModel",
updateInfo: "/activiti_process/updateInfo",
getProcessNode: "/activiti_process/getProcessNode",
editNodeUser: "/activiti_process/editNodeUser",
},
spry:{
list: '/activiti_process/listData',
img: '/activiti/models/export',
updateStatus: '/activiti_process/updateStatus',
delByIds: '/activiti_process/delByIds',
convertToModel: '/activiti_process/convertToModel',
updateInfo: '/activiti_process/updateInfo',
getProcessNode: '/activiti_process/getProcessNode',
editNodeUser: '/activiti_process/editNodeUser'
},
spry: {
//选中的用户
userIds:'',
roleIds:'',
departmentIds:'',
departmentManageIds:'',
formVariables:'',
chooseSponsor:false,
chooseDepHeader:false,
userIds: '',
roleIds: '',
departmentIds: '',
departmentManageIds: '',
formVariables: '',
chooseSponsor: false,
chooseDepHeader: false
},
lcModa: {
title:'流程表单预览',
visible:false,
formComponent : null
title: '流程表单预览',
visible: false,
formComponent: null
},
isClose:false,
isIndex:0,
lcTypeF:[],
isClose: false,
isIndex: 0,
lcTypeF: [],
dataList: [],
updateRow: {}
}
},
computed:{
computed: {
//可行性测试，根据文件路径动态加载组件
LcDict:function(){
var myComponent =() => import(`@/components/dict/JDictSelectTag`);
return myComponent;
},
LcDict: function() {
var myComponent = () => import(`@/components/dict/JDictSelectTag`)
return myComponent
}
},
methods: {
/*initReportList(){
@ -436,15 +447,15 @@
//初始化字典 - 流程分类
initDictOptions('bpm_process_type').then((res) => {
if (res.success) {
var lcTypes = [];
this.dictOptions = res.result||[];
var lcTypes = []
this.dictOptions = res.result || []
for (const dict of this.dictOptions) {
lcTypes.push({text:dict.text,value:dict.value})
lcTypes.push({ text: dict.text, value: dict.value })
}
this.lcTypeF = lcTypes;
this.lcTypeF = lcTypes
console.log(lcTypes)
}
});
})
},
filterDictText(dictOptions, text) {
if (dictOptions instanceof Array) {
@ -458,297 +469,299 @@
},
closeNode() {
this.showProcessNodeEdit = false,
this.current=0,
this.spryTypes=[],
this.spry={}
this.isIndex=0;
this.current = 0,
this.spryTypes = [],
this.spry = {}
this.isIndex = 0
},
/*编辑流程节点*/
change_steps(node,index){
this.isIndex=index+1;
this.spryTypes = [];
console.log('onChange:', node);
this.current = index;
this.editNode = node;
change_steps(node, index) {
this.isIndex = index + 1
this.spryTypes = []
console.log('onChange:', node)
this.current = index
this.editNode = node
/* 0角色 1用户 2部门 3发起人 4发起人的部门负责人 5部门的部门负责人*/
this.spry.chooseDepHeader = node.chooseDepHeader||false;
if (this.spry.chooseDepHeader) this.spryTypes.push('4') ;
this.spry.chooseSponsor = node.chooseSponsor||false;
if (this.spry.chooseSponsor) this.spryTypes.push('3') ;
var userIds = [];
for (const user of node.users||[]) {
userIds.push(user.username);
}
this.spry.userIds = userIds.join(",");
if (userIds.length>0) this.spryTypes.push('1') ;
this.spry.chooseDepHeader = node.chooseDepHeader || false
if (this.spry.chooseDepHeader) this.spryTypes.push('4')
this.spry.chooseSponsor = node.chooseSponsor || false
if (this.spry.chooseSponsor) this.spryTypes.push('3')
var userIds = []
for (const user of node.users || []) {
userIds.push(user.username)
}
this.spry.userIds = userIds.join(',')
if (userIds.length > 0) this.spryTypes.push('1')
var roleIds = []
for (const role of node.roles||[]) {
for (const role of node.roles || []) {
roleIds.push(role.roleCode)
}
this.spry.roleIds = roleIds.join(",")
if (roleIds.length>0) this.spryTypes.push('0') ;
this.spry.roleIds = roleIds.join(',')
if (roleIds.length > 0) this.spryTypes.push('0')
var departmentIds = []
for (const department of node.departments||[]) {
for (const department of node.departments || []) {
departmentIds.push(department.id)
}
this.spry.departmentIds = departmentIds.join(",")
if (departmentIds.length>0) this.spryTypes.push('2') ;
this.spry.departmentIds = departmentIds.join(',')
if (departmentIds.length > 0) this.spryTypes.push('2')
var departmentManageIds = []
for (const departmentManage of node.departmentManages || []){
departmentManageIds.push(departmentManage.id);
for (const departmentManage of node.departmentManages || []) {
departmentManageIds.push(departmentManage.id)
}
this.spry.departmentManageIds = departmentManageIds.join(",")
if (departmentManageIds.length>0) this.spryTypes.push('5') ;
console.log("回显this.spry",this.spry)
this.spry.departmentManageIds = departmentManageIds.join(',')
if (departmentManageIds.length > 0) this.spryTypes.push('5')
console.log('回显this.spry', this.spry)
this.spry.formVariables = node.formVariables||'';
if (this.spry.formVariables) this.spryTypes.push('6');
this.spry.formVariables = node.formVariables || ''
if (this.spry.formVariables) this.spryTypes.push('6')
},
spryType(types){
spryType(types) {
/* alert(types)*/
/* 0角色 1用户 2部门 3发起人 4发起人的部门负责人 5部门负责人*/
// this.spryTypes = types;
alert(this.spryTypes.indexOf('0'))
if (this.spryTypes.indexOf('0')==-1) this.spry.roleIds = '';
if (this.spryTypes.indexOf('1')==-1) this.spry.userIds = '';
if (this.spryTypes.indexOf('2')==-1) this.spry.departmentIds = '';
if (this.spryTypes.indexOf('5')==-1) this.spry.departmentManageIds = '';
if (this.spryTypes.indexOf('6')==-1) this.spry.formVariable = '';
if (this.spryTypes.indexOf('0') == -1) this.spry.roleIds = ''
if (this.spryTypes.indexOf('1') == -1) this.spry.userIds = ''
if (this.spryTypes.indexOf('2') == -1) this.spry.departmentIds = ''
if (this.spryTypes.indexOf('5') == -1) this.spry.departmentManageIds = ''
if (this.spryTypes.indexOf('6') == -1) this.spry.formVariable = ''
//是否选中发起人
this.spry.chooseSponsor = this.spryTypes.indexOf('3')>-1 ;
this.spry.chooseSponsor = this.spryTypes.indexOf('3') > -1
//是否选中发起人的部门领导
this.spry.chooseDepHeader = this.spryTypes.indexOf('4')>-1 ;
this.spry.chooseDepHeader = this.spryTypes.indexOf('4') > -1
console.log("this.spry",this.spry)
console.log('this.spry', this.spry)
},
submitUsers(val){
this.spry.userIds=val;
submitUsers(val) {
this.spry.userIds = val
var _this = this;
if (!this.spry.userIds){
_this.$message.error("必须选择审批人！");
return;
var _this = this
if (!this.spry.userIds) {
_this.$message.error('必须选择审批人！')
return
}
// _this.confirmLoading = true;
this.spry.nodeId = this.editNode.id;
this.spry.procDefId = this.editNode.procDefId;
this.spry.userIds=val;
if (!this.spry.roleIds){
this.spry.roleIds=""
this.spry.departmentIds=""
this.spry.departmentManageIds=""
this.spry.formVariables=""
}
this.postFormAction(_this.url.editNodeUser,this.spry).then(res => {
this.spry.nodeId = this.editNode.id
this.spry.procDefId = this.editNode.procDefId
this.spry.userIds = val
if (!this.spry.roleIds) {
this.spry.roleIds = ''
this.spry.departmentIds = ''
this.spry.departmentManageIds = ''
this.spry.formVariables = ''
}
this.postFormAction(_this.url.editNodeUser, this.spry).then(res => {
if (res.success) {
/*保存成功后回显数据*/
_this.getNodeData(_this.updateRow);
}else {
_this.$message.error(res.message);
_this.getNodeData(_this.updateRow)
} else {
_this.$message.error(res.message)
}
});
})
},
//提交并保存
sprySubmit() {
console.log(this.nodeList,this.isIndex,"---------------->")
if(this.nodeList.length==this.isIndex){
if (!this.spry.userIds){
this.$message.error("审核人员能为空！");
return;
}
this.$message.success("操作成功");
this.closeNode();
this.loadData(1);
console.log(this.nodeList, this.isIndex, '---------------->')
if (this.nodeList.length == this.isIndex) {
if (!this.spry.userIds) {
this.$message.error('审核人员能为空！')
return
}
this.$message.success('操作成功')
this.closeNode()
this.loadData(1)
}else {
this.$message.error("请完成最后审核人员设置后保存！");
} else {
this.$message.error('请完成最后审核人员设置后保存！')
}
},
/*节点设置*/
getNodeData(row){
let _this = this;
_this.updateRow = row;
_this.postFormAction(_this.url.getProcessNode,{
id:row.id
getNodeData(row) {
let _this = this
_this.updateRow = row
_this.postFormAction(_this.url.getProcessNode, {
id: row.id
}).then(res => {
if (res.success) {
// 转换null为""
console.log("res.result",res.result);
let arry=[];
console.log('res.result', res.result)
let arry = []
for (let i = 0; i < res.result.length; i++) {
if (i!=0&&i!=res.result.length-1){
if (i != 0 && i != res.result.length - 1) {
arry.push(res.result[i])
}
}
_this.nodeList=arry;
if (arry.length==this.isIndex){
console.log(this.isIndex,"我想要的")
_this.nodeList = arry
if (arry.length == this.isIndex) {
console.log(this.isIndex, '我想要的')
}
if (arry.length>0){
if (arry.length > 0) {
console.log(_this.nodeList[0])
if(!this.nodeList.length==this.isIndex){
if (_this.nodeList[0].users[0]){
if (!this.nodeList.length == this.isIndex) {
if (_this.nodeList[0].users[0]) {
console.log(_this.nodeList[0].users[0])
this.spry.userIds=_this.nodeList[0].users[0].username;
this.spry.userIds = _this.nodeList[0].users[0].username
}
}
_this.editNode = _this.nodeList[_this.current];
console.log(_this.current,_this.editNode)
_this.showProcessNodeEdit = true;
_this.editNode = _this.nodeList[_this.current]
console.log(_this.current, _this.editNode)
_this.showProcessNodeEdit = true
}
}else {
_this.$message.error(res.message);
} else {
_this.$message.error(res.message)
}
});
})
},
/*编辑流程信息*/
edit(row){
edit(row) {
this.editObj = Object.assign(this.editObj, row)
this.editObj.visible = true;
this.editObj.visible = true
},
editObjOk(){
var _this = this;
editObjOk() {
var _this = this
this.editForm.validateFields((err, values) => {
if (!err) {
let formData = Object.assign(this.editObj, values)
console.log("formData",formData)
this.confirmLoading = true;
this.postFormAction(this.url.updateInfo,formData).then(res => {
console.log('formData', formData)
this.confirmLoading = true
this.postFormAction(this.url.updateInfo, formData).then(res => {
if (res.success) {
_this.$message.success("操作成功");
_this.loadData();
_this.editObj.visible = false;
}else {
_this.$message.error(res.message);
_this.$message.success('操作成功')
_this.loadData()
_this.editObj.visible = false
} else {
_this.$message.error(res.message)
}
}).finally(() => _this.confirmLoading = false);;
}).finally(() => _this.confirmLoading = false)
}
})
},
change_routeName(){
this.$nextTick(()=>{
let routeName = this.editForm.getFieldValue('routeName');
console.log("routeName",routeName)
var route = this.getFormComponent(routeName);
this.editObj.businessTable = route.businessTable;
this.editObj.routeName = route.routeName;
console.log("this.editObj",this.editObj)
change_routeName() {
this.$nextTick(() => {
let routeName = this.editForm.getFieldValue('routeName')
console.log('routeName', routeName)
var route = this.getFormComponent(routeName)
this.editObj.businessTable = route.businessTable
this.editObj.routeName = route.routeName
console.log('this.editObj', this.editObj)
})
},
viewForm(routeName) {
if (!routeName) routeName = this.editObj.routeName;
if (!routeName) routeName = this.editObj.routeName
if (!routeName) {
this.$message.warning(
"请先选择表单！"
);
return;
'请先选择表单！'
)
return
}
let formComponent = this.getFormComponent(routeName);
let formComponent = this.getFormComponent(routeName)
console.log(formComponent)
this.lcModa.formComponent = formComponent.component;
this.lcModa.title = '流程表单预览：'+formComponent.text;
this.lcModa.pictureId='11';
this.lcModa.formComponent = formComponent.component
this.lcModa.title = '流程表单预览：' + formComponent.text
this.lcModa.pictureId = '11'
this.lcModa.visible = true;
this.lcModa.visible = true
},
convertToModel(row){
let that = this;
convertToModel(row) {
let that = this
this.$confirm({
title: "确认转化",
content: "您确认要转化流程 " + row.name + " 为模型?",
title: '确认转化',
content: '您确认要转化流程 ' + row.name + ' 为模型?',
loading: true,
onOk: () => {
that.postFormAction(`${that.url.convertToModel}`,{id:row.id}).then(res => {
that.postFormAction(`${that.url.convertToModel}`, { id: row.id }).then(res => {
if (res.success) {
setTimeout(function() {
that.$message.success("转化成功");
}, 300);
}else {
that.$message.error(res.message);
that.$message.success('转化成功')
}, 300)
} else {
that.$message.error(res.message)
}
});
})
}
});
})
},
remove(row) {
var _this = this;
var _this = this
_this.$confirm({
title: "确认删除",
content: "您确认要删除流程 " + row.name + " ?",
title: '确认删除',
content: '您确认要删除流程 ' + row.name + ' ?',
loading: true,
onOk: () => {
_this.postFormAction(_this.url.delByIds,{ids:row.id}).then(res => {
_this.postFormAction(_this.url.delByIds, { ids: row.id }).then(res => {
if (res.success) {
_this.$message.success("操作成功");
_this.loadData();
}else {
_this.$message.error(res.message);
_this.$message.success('操作成功')
_this.loadData()
} else {
_this.$message.error(res.message)
}
});
})
}
});
})
},
editStatus(status, row) {
var _this = this;
let operation = "";
var _this = this
let operation = ''
if (status == 0) {
operation = "不启用";
operation = '不启用'
} else {
operation = "启用";
operation = '启用'
}
this.$confirm({
title: "确认" + operation+"?",
title: '确认' + operation + '?',
content: `您确认要${operation}流程${row.name}?`,
onOk() {
let params = {
status: status,
id: row.id
};
_this.postFormAction(_this.url.updateStatus,params).then(res => {
}
_this.postFormAction(_this.url.updateStatus, params).then(res => {
if (res.success) {
_this.$message.success("操作成功");
_this.loadData();
}else {
_this.$message.error(res.message);
_this.$message.success('操作成功')
_this.loadData()
} else {
_this.$message.error(res.message)
}
});
})
}
,
onCancel() {},
});
onCancel() {
}
})
},
/*查看流程图片*/
showResource(row) {
this.viewTitle = "流程图片预览(" + row.diagramName + ")";
this.diagramUrl = `${window._CONFIG['domianURL']}${this.url.img}?id=${row.id}`;
this.viewImage = true;
this.viewTitle = '流程图片预览(' + row.diagramName + ')'
this.diagramUrl = `${window._CONFIG['domianURL']}${this.url.img}?id=${row.id}`
this.viewImage = true
},
/*删除模型*/
deletelc(y,row) {
console.log(y,row);
if (y){
getAction(this.url.delete+row.id).then((res) => {
if (res.success){
this.$message.success(res.message);
}else {
this.$message.error(res.message);
}
this.loadData();
});
deletelc(y, row) {
console.log(y, row)
if (y) {
getAction(this.url.delete + row.id).then((res) => {
if (res.success) {
this.$message.success(res.message)
} else {
this.$message.error(res.message)
}
this.loadData()
})
}
},
handleTableChange(pagination, filters, sorter) {
//分页、排序、筛选变化时触发
//TODO 筛选
if (Object.keys(sorter).length > 0) {
this.isorter.column = sorter.field;
this.isorter.order = "ascend" == sorter.order ? "asc" : "desc"
this.isorter.column = sorter.field
this.isorter.order = 'ascend' == sorter.order ? 'asc' : 'desc'
}
this.ipagination = pagination;
console.log(pagination,filters,sorter)
this.ipagination = pagination
console.log(pagination, filters, sorter)
/*if (Object.keys(filters).length>0&&this.dataList.length>0){
for (const filterField in filters) {
let fiterVals = filters[filterField]||[];
@ -759,67 +772,69 @@
},
loadData(arg) {
if(!this.url.list){
this.$message.error("请设置url.list属性!")
if (!this.url.list) {
this.$message.error('请设置url.list属性!')
return
}
//加载数据 若传入参数1则加载第一页的内容
if (arg === 1) {
this.ipagination.current = 1;
this.ipagination.current = 1
}
var params = this.getQueryParams();//查询条件
this.loading = true;
var params = this.getQueryParams()//查询条件
this.loading = true
getAction(this.url.list, params).then((res) => {
if (res.success) {
let records = res.result||[];
this.dataSource = records;
this.dataList = records;
this.ipagination.total = records.length;
let records = res.result || []
this.dataSource = records
this.dataList = records
this.ipagination.total = records.length
}
if(res.code===510){
if (res.code === 510) {
this.$message.warning(res.message)
}
this.loading = false;
this.loading = false
})
},
getQueryParams(){
var param = Object.assign({}, this.queryParam,this.isorter);
delete param.createTimeRange; // 时间参数不传递后台
return filterObj(param);
getQueryParams() {
var param = Object.assign({}, this.queryParam, this.isorter)
delete param.createTimeRange // 时间参数不传递后台
return filterObj(param)
},
// 重置
searchReset(){
var that = this;
var logType = that.queryParam.logType;
that.queryParam = {}; //清空查询区域参数
that.queryParam.logType = logType;
that.queryParam.zx=true;
that.loadData(this.ipagination.current);
},
onDateChange: function (value, dateString) {
console.log(dateString[0],dateString[1]);
this.queryParam.createTime_begin=dateString[0];
this.queryParam.createTime_end=dateString[1];
searchReset() {
var that = this
var logType = that.queryParam.logType
that.queryParam = {} //清空查询区域参数
that.queryParam.logType = logType
that.queryParam.zx = true
that.loadData(this.ipagination.current)
},
onDateChange: function(value, dateString) {
console.log(dateString[0], dateString[1])
this.queryParam.createTime_begin = dateString[0]
this.queryParam.createTime_end = dateString[1]
},
onDateOk(value) {
console.log(value);
console.log(value)
},
filter_categoryId(v,r) {
filter_categoryId(v, r) {
// console.log(v,r)
return r.categoryId == v;
},
return r.categoryId == v
}
}
}
</script>
<style scoped>
@import '~@assets/less/common.less';
.nodespan{
.nodespan {
color: #999;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper{
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
margin-left: 0;
margin-right: 8px;
}

Write Preview
Loading…
Cancel
Save