123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273 |
- <template>
- <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>
- </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-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>
- </span>
- </a-col>
- </a-row>
- </a-form>
- </div>
- <!-- 查询区域-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>
- </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>
- </a-menu>
- <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>
- <a-table
- 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>
- </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>
- <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)'>
- 下载
- </a-button>
- </template>
- <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-dropdown>
- <a class='ant-dropdown-link'>更多 <a-icon type='down' /></a>
- <a-menu slot='overlay'>
- <a-menu-item>
- <a @click='handleDetail(record)'>详情</a>
- </a-menu-item>
- <a-menu-item>
- <a-popconfirm title='确定删除吗?' @confirm='() => handleDelete(record.id)'>
- <a>删除</a>
- </a-popconfirm>
- </a-menu-item>
- </a-menu>
- </a-dropdown>
- </span>
- </a-table>
- </div>
- <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'
- 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
- }
- },
- {
- 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() {},
- });
- },
- bohui: function(record) {
- console.log('123123')
- this.$refs.bohuiForm.bohui(record);
- },
- bohui1: function(record) {
- console.log('123123')
- this.$refs.bohuiForm1.bohui(record);
- },
- 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';
- </style>
|