|
@@ -1,23 +1,23 @@
|
|
|
<template>
|
|
|
- <a-card :bordered="false">
|
|
|
+ <a-card :bordered='false'>
|
|
|
<!-- 查询区域 -->
|
|
|
- <div class="table-page-search-wrapper">
|
|
|
- <a-form layout="inline" @keyup.enter.native="searchQuery">
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :xl="6" :lg="7" :md="8" :sm="24">
|
|
|
- <a-form-item label="名称">
|
|
|
- <a-input placeholder="请输入名称" v-model="queryParam.name"></a-input>
|
|
|
+ <div class='table-page-search-wrapper'>
|
|
|
+ <a-form layout='inline' @keyup.enter.native='searchQuery'>
|
|
|
+ <a-row :gutter='24'>
|
|
|
+ <a-col :xl='6' :lg='7' :md='8' :sm='24'>
|
|
|
+ <a-form-item label='名称'>
|
|
|
+ <a-input placeholder='请输入名称' v-model='queryParam.name'></a-input>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
- <a-col :xl="6" :lg="7" :md="8" :sm="24">
|
|
|
- <a-form-item label="发起人">
|
|
|
- <j-select-user-by-dep placeholder="请选择发起人" v-model="queryParam.faqiUser"/>
|
|
|
+ <a-col :xl='6' :lg='7' :md='8' :sm='24'>
|
|
|
+ <a-form-item label='发起人'>
|
|
|
+ <j-select-user-by-dep placeholder='请选择发起人' v-model='queryParam.faqiUser' />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
- <a-col :xl="6" :lg="7" :md="8" :sm="24">
|
|
|
- <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
|
|
- <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
|
|
|
- <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
|
|
|
+ <a-col :xl='6' :lg='7' :md='8' :sm='24'>
|
|
|
+ <span style='float: left;overflow: hidden;' class='table-page-search-submitButtons'>
|
|
|
+ <a-button type='primary' @click='searchQuery' icon='search'>查询</a-button>
|
|
|
+ <a-button type='primary' @click='searchReset' icon='reload' style='margin-left: 8px'>重置</a-button>
|
|
|
|
|
|
</span>
|
|
|
</a-col>
|
|
@@ -27,75 +27,90 @@
|
|
|
<!-- 查询区域-END -->
|
|
|
|
|
|
<!-- 操作按钮区域 -->
|
|
|
- <div class="table-operator">
|
|
|
- <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
|
|
|
- <a-button type="primary" icon="download" @click="handleExportXls('运行流程表')">导出</a-button>
|
|
|
- <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
|
|
|
- <a-button type="primary" icon="import">导入</a-button>
|
|
|
+ <div class='table-operator'>
|
|
|
+ <a-button @click='handleAdd' type='primary' icon='plus'>新增</a-button>
|
|
|
+ <a-button type='primary' icon='download' @click="handleExportXls('运行流程表')">导出</a-button>
|
|
|
+ <a-upload name='file' :showUploadList='false' :multiple='false' :headers='tokenHeader' :action='importExcelUrl'
|
|
|
+ @change='handleImportExcel'>
|
|
|
+ <a-button type='primary' icon='import'>导入</a-button>
|
|
|
</a-upload>
|
|
|
<!-- 高级查询区域 -->
|
|
|
- <j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>
|
|
|
- <a-dropdown v-if="selectedRowKeys.length > 0">
|
|
|
- <a-menu slot="overlay">
|
|
|
- <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
|
|
|
+ <j-super-query :fieldList='superFieldList' ref='superQueryModal'
|
|
|
+ @handleSuperQuery='handleSuperQuery'></j-super-query>
|
|
|
+ <a-dropdown v-if='selectedRowKeys.length > 0'>
|
|
|
+ <a-menu slot='overlay'>
|
|
|
+ <a-menu-item key='1' @click='batchDel'>
|
|
|
+ <a-icon type='delete' />
|
|
|
+ 删除
|
|
|
+ </a-menu-item>
|
|
|
</a-menu>
|
|
|
- <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
|
|
|
+ <a-button style='margin-left: 8px'> 批量操作
|
|
|
+ <a-icon type='down' />
|
|
|
+ </a-button>
|
|
|
</a-dropdown>
|
|
|
</div>
|
|
|
|
|
|
<!-- table区域-begin -->
|
|
|
<div>
|
|
|
- <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
|
|
|
- <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
|
|
|
- <a style="margin-left: 24px" @click="onClearSelected">清空</a>
|
|
|
+ <div class='ant-alert ant-alert-info' style='margin-bottom: 16px;'>
|
|
|
+ <i class='anticon anticon-info-circle ant-alert-icon'></i> 已选择 <a
|
|
|
+ style='font-weight: 600'>{{ selectedRowKeys.length }}</a>项
|
|
|
+ <a style='margin-left: 24px' @click='onClearSelected'>清空</a>
|
|
|
</div>
|
|
|
|
|
|
<a-table
|
|
|
- ref="table"
|
|
|
- size="middle"
|
|
|
- :scroll="{x:true}"
|
|
|
+ ref='table'
|
|
|
+ size='middle'
|
|
|
+ :scroll='{x:true}'
|
|
|
bordered
|
|
|
- rowKey="id"
|
|
|
- :columns="columns"
|
|
|
- :dataSource="dataSource"
|
|
|
- :pagination="ipagination"
|
|
|
- :loading="loading"
|
|
|
- :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
|
|
|
- class="j-table-force-nowrap"
|
|
|
- @change="handleTableChange">
|
|
|
-
|
|
|
- <template slot="htmlSlot" slot-scope="text">
|
|
|
- <div v-html="text"></div>
|
|
|
+ rowKey='id'
|
|
|
+ :columns='columns'
|
|
|
+ :dataSource='dataSource'
|
|
|
+ :pagination='ipagination'
|
|
|
+ :loading='loading'
|
|
|
+ :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'
|
|
|
+ class='j-table-force-nowrap'
|
|
|
+ @change='handleTableChange'>
|
|
|
+
|
|
|
+ <template slot='htmlSlot' slot-scope='text'>
|
|
|
+ <div v-html='text'></div>
|
|
|
</template>
|
|
|
- <template slot="imgSlot" slot-scope="text,record">
|
|
|
- <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
|
|
|
- <img v-else :src="getImgView(text)" :preview="record.id" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
|
|
|
+ <template slot='imgSlot' slot-scope='text,record'>
|
|
|
+ <span v-if='!text' style='font-size: 12px;font-style: italic;'>无图片</span>
|
|
|
+ <img v-else :src='getImgView(text)' :preview='record.id' height='25px' alt=''
|
|
|
+ style='max-width:80px;font-size: 12px;font-style: italic;' />
|
|
|
</template>
|
|
|
- <template slot="fileSlot" slot-scope="text">
|
|
|
- <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
|
|
|
+ <template slot='fileSlot' slot-scope='text'>
|
|
|
+ <span v-if='!text' style='font-size: 12px;font-style: italic;'>无文件</span>
|
|
|
<a-button
|
|
|
v-else
|
|
|
- :ghost="true"
|
|
|
- type="primary"
|
|
|
- icon="download"
|
|
|
- size="small"
|
|
|
- @click="downloadFile(text)">
|
|
|
+ :ghost='true'
|
|
|
+ type='primary'
|
|
|
+ icon='download'
|
|
|
+ size='small'
|
|
|
+ @click='downloadFile(text)'>
|
|
|
下载
|
|
|
</a-button>
|
|
|
</template>
|
|
|
|
|
|
- <span slot="action" slot-scope="text, record">
|
|
|
- <a @click="handleEdit(record)">编辑</a>
|
|
|
+ <span slot='action' slot-scope='text, record'>
|
|
|
+ <a @click='tongguo(record)'>通过</a>
|
|
|
+ <a-divider type='vertical' />
|
|
|
+ <a @click='bohui(record)'>驳回</a>
|
|
|
+ <a-divider type='vertical' />
|
|
|
+ <a @click='bohui1(record)'>驳回指定节点</a>
|
|
|
+ <a-divider type='vertical' />
|
|
|
+ <a @click='handleEdit(record)'>编辑</a>
|
|
|
|
|
|
- <a-divider type="vertical" />
|
|
|
+ <a-divider type='vertical' />
|
|
|
<a-dropdown>
|
|
|
- <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
|
|
|
- <a-menu slot="overlay">
|
|
|
+ <a class='ant-dropdown-link'>更多 <a-icon type='down' /></a>
|
|
|
+ <a-menu slot='overlay'>
|
|
|
<a-menu-item>
|
|
|
- <a @click="handleDetail(record)">详情</a>
|
|
|
+ <a @click='handleDetail(record)'>详情</a>
|
|
|
</a-menu-item>
|
|
|
<a-menu-item>
|
|
|
- <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
|
|
|
+ <a-popconfirm title='确定删除吗?' @confirm='() => handleDelete(record.id)'>
|
|
|
<a>删除</a>
|
|
|
</a-popconfirm>
|
|
|
</a-menu-item>
|
|
@@ -106,114 +121,153 @@
|
|
|
</a-table>
|
|
|
</div>
|
|
|
|
|
|
- <itdm-run-flow-path-modal ref="modalForm" @ok="modalFormOk"></itdm-run-flow-path-modal>
|
|
|
+ <itdm-run-flow-path-modal ref='modalForm' @ok='modalFormOk'></itdm-run-flow-path-modal>
|
|
|
+ <itdm-run-flow-path-shenhel ref='bohuiForm' @ok='modalFormOk'></itdm-run-flow-path-shenhel>
|
|
|
+ <itdm-run-flow-path-shenhel1 ref='bohuiForm1' @ok='modalFormOk'></itdm-run-flow-path-shenhel1>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
</a-card>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
- import '@/assets/less/TableExpand.less'
|
|
|
- import { mixinDevice } from '@/utils/mixin'
|
|
|
- import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
|
|
- import ItdmRunFlowPathModal from './modules/ItdmRunFlowPathModal'
|
|
|
- import {filterMultiDictText} from '@/components/dict/JDictSelectUtil'
|
|
|
-
|
|
|
- export default {
|
|
|
- name: 'ItdmRunFlowPathList',
|
|
|
- mixins:[JeecgListMixin, mixinDevice],
|
|
|
- components: {
|
|
|
- ItdmRunFlowPathModal
|
|
|
- },
|
|
|
- data () {
|
|
|
- return {
|
|
|
- description: '运行流程表管理页面',
|
|
|
- // 表头
|
|
|
- columns: [
|
|
|
- {
|
|
|
- title: '#',
|
|
|
- dataIndex: '',
|
|
|
- key:'rowIndex',
|
|
|
- width:60,
|
|
|
- align:"center",
|
|
|
- customRender:function (t,r,index) {
|
|
|
- return parseInt(index)+1;
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- title:'流程id',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'flowPathId_dictText'
|
|
|
- },
|
|
|
- {
|
|
|
- title:'名称',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'name'
|
|
|
- },
|
|
|
- {
|
|
|
- title:'发起人',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'faqiUser_dictText'
|
|
|
- },
|
|
|
- {
|
|
|
- title:'委托编号',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'weituoNo'
|
|
|
- },
|
|
|
- {
|
|
|
- title:'当前步骤id',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'dqSetp_dictText'
|
|
|
- },
|
|
|
- {
|
|
|
- title:'状态',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'status'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '操作',
|
|
|
- dataIndex: 'action',
|
|
|
- align:"center",
|
|
|
- fixed:"right",
|
|
|
- width:147,
|
|
|
- scopedSlots: { customRender: 'action' }
|
|
|
+import '@/assets/less/TableExpand.less'
|
|
|
+import { mixinDevice } from '@/utils/mixin'
|
|
|
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
|
|
+import ItdmRunFlowPathModal from './modules/ItdmRunFlowPathModal'
|
|
|
+import { filterMultiDictText } from '@/components/dict/JDictSelectUtil'
|
|
|
+import { queryFlowPathSelectList, runFlowPathPass1 } from '@api/api'
|
|
|
+import { Modal } from 'ant-design-vue'
|
|
|
+import ItdmRunFlowPathShenhel from './modules/ItdmRunFlowPathShenhel.vue'
|
|
|
+import ItdmRunFlowPathShenhel1 from './modules/ItdmRunFlowPathShenhel1.vue'
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: 'ItdmRunFlowPathList',
|
|
|
+ mixins: [JeecgListMixin, mixinDevice],
|
|
|
+ components: {
|
|
|
+ ItdmRunFlowPathModal,ItdmRunFlowPathShenhel,ItdmRunFlowPathShenhel1
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ description: '运行流程表管理页面',
|
|
|
+ // 表头
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ title: '#',
|
|
|
+ dataIndex: '',
|
|
|
+ key: 'rowIndex',
|
|
|
+ width: 60,
|
|
|
+ align: 'center',
|
|
|
+ customRender: function(t, r, index) {
|
|
|
+ return parseInt(index) + 1
|
|
|
}
|
|
|
- ],
|
|
|
- url: {
|
|
|
- list: "/flowpath/itdmRunFlowPath/list",
|
|
|
- delete: "/flowpath/itdmRunFlowPath/delete",
|
|
|
- deleteBatch: "/flowpath/itdmRunFlowPath/deleteBatch",
|
|
|
- exportXlsUrl: "/flowpath/itdmRunFlowPath/exportXls",
|
|
|
- importExcelUrl: "flowpath/itdmRunFlowPath/importExcel",
|
|
|
-
|
|
|
},
|
|
|
- dictOptions:{},
|
|
|
- superFieldList:[],
|
|
|
- }
|
|
|
+ {
|
|
|
+ title: '流程id',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'flowPathId_dictText'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '名称',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'name'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '发起人',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'faqiUser_dictText'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '委托编号',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'weituoNo'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '当前步骤id',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'dqSetp_dictText'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '状态',
|
|
|
+ align: 'center',
|
|
|
+ dataIndex: 'status'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '操作',
|
|
|
+ dataIndex: 'action',
|
|
|
+ align: 'center',
|
|
|
+ fixed: 'right',
|
|
|
+ width: 147,
|
|
|
+ scopedSlots: { customRender: 'action' }
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ url: {
|
|
|
+ list: '/flowpath/itdmRunFlowPath/list',
|
|
|
+ delete: '/flowpath/itdmRunFlowPath/delete',
|
|
|
+ deleteBatch: '/flowpath/itdmRunFlowPath/deleteBatch',
|
|
|
+ exportXlsUrl: '/flowpath/itdmRunFlowPath/exportXls',
|
|
|
+ importExcelUrl: 'flowpath/itdmRunFlowPath/importExcel'
|
|
|
+
|
|
|
+ },
|
|
|
+ dictOptions: {},
|
|
|
+ superFieldList: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getSuperFieldList()
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ importExcelUrl: function() {
|
|
|
+ return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ tongguo: function(record) {
|
|
|
+
|
|
|
+ Modal.confirm({
|
|
|
+ title: '是否通过',
|
|
|
+ content: '是否通过',
|
|
|
+ onOk() {
|
|
|
+ var data = { 'runFlowPath': record.id }
|
|
|
+ runFlowPathPass1(data).then(response => {
|
|
|
+ this.searchQuery();
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onCancel() {},
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
},
|
|
|
- created() {
|
|
|
- this.getSuperFieldList();
|
|
|
+ bohui: function(record) {
|
|
|
+ console.log('123123')
|
|
|
+ this.$refs.bohuiForm.bohui(record);
|
|
|
+
|
|
|
},
|
|
|
- computed: {
|
|
|
- importExcelUrl: function(){
|
|
|
- return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
|
|
|
- },
|
|
|
+
|
|
|
+ bohui1: function(record) {
|
|
|
+ console.log('123123')
|
|
|
+ this.$refs.bohuiForm1.bohui(record);
|
|
|
+
|
|
|
},
|
|
|
- methods: {
|
|
|
- initDictConfig(){
|
|
|
- },
|
|
|
- getSuperFieldList(){
|
|
|
- let fieldList=[];
|
|
|
- fieldList.push({type:'string',value:'flowPathId',text:'流程id',dictCode:''})
|
|
|
- fieldList.push({type:'string',value:'name',text:'名称',dictCode:''})
|
|
|
- fieldList.push({type:'sel_user',value:'faqiUser',text:'发起人'})
|
|
|
- fieldList.push({type:'string',value:'weituoNo',text:'委托编号',dictCode:''})
|
|
|
- fieldList.push({type:'string',value:'dqSetp',text:'当前步骤id',dictCode:"xxx,xxx,xxx"})
|
|
|
- fieldList.push({type:'string',value:'status',text:'状态',dictCode:''})
|
|
|
- this.superFieldList = fieldList
|
|
|
- }
|
|
|
+
|
|
|
+ initDictConfig() {
|
|
|
+ },
|
|
|
+ getSuperFieldList() {
|
|
|
+ let fieldList = []
|
|
|
+ fieldList.push({ type: 'string', value: 'flowPathId', text: '流程id', dictCode: '' })
|
|
|
+ fieldList.push({ type: 'string', value: 'name', text: '名称', dictCode: '' })
|
|
|
+ fieldList.push({ type: 'sel_user', value: 'faqiUser', text: '发起人' })
|
|
|
+ fieldList.push({ type: 'string', value: 'weituoNo', text: '委托编号', dictCode: '' })
|
|
|
+ fieldList.push({ type: 'string', value: 'dqSetp', text: '当前步骤id', dictCode: 'xxx,xxx,xxx' })
|
|
|
+ fieldList.push({ type: 'string', value: 'status', text: '状态', dictCode: '' })
|
|
|
+ this.superFieldList = fieldList
|
|
|
}
|
|
|
}
|
|
|
+}
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
- @import '~@assets/less/common.less';
|
|
|
+@import '~@assets/less/common.less';
|
|
|
</style>
|