| | |
|---|
| | | <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="流程分类"> |
|---|
| | | <j-dict-select-tag placeholder="请选择流程分类" v-model="queryParam.category" dictCode="flow_type"></j-dict-select-tag> |
|---|
| | | </a-form-item> |
|---|
| | | </a-col> |
|---|
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
|---|
| | | <a-form-item label="流程分类"> |
|---|
| | | <j-dict-select-tag placeholder="请选择流程分类" v-model="queryParam.category" |
|---|
| | | dictCode="flow_type"></j-dict-select-tag> |
|---|
| | | </a-form-item> |
|---|
| | | </a-col> |
|---|
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
|---|
| | | <a-form-item label="流程名称"> |
|---|
| | | <a-input placeholder="请输入流程名称" v-model="queryParam.flowName"></a-input> |
|---|
| | |
|---|
| | | <a-input placeholder="请输入简要描述" v-model="queryParam.title"></a-input> |
|---|
| | | </a-form-item> |
|---|
| | | </a-col> |
|---|
| | | <a-col :xl="10" :lg="11" :md="12" :sm="24"> |
|---|
| | | <a-form-item label="操作时间"> |
|---|
| | | <j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择开始时间" class="query-group-cust" v-model="queryParam.startTime"></j-date> |
|---|
| | | <span class="query-group-split-cust"></span> |
|---|
| | | <j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择结束时间" class="query-group-cust" v-model="queryParam.endTime"></j-date> |
|---|
| | | </a-form-item> |
|---|
| | | </a-col> |
|---|
| | | <a-col :xl="10" :lg="11" :md="12" :sm="24"> |
|---|
| | | <a-form-item label="操作时间"> |
|---|
| | | <j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择开始时间" class="query-group-cust" |
|---|
| | | v-model="queryParam.startTime"></j-date> |
|---|
| | | <span class="query-group-split-cust"></span> |
|---|
| | | <j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择结束时间" class="query-group-cust" |
|---|
| | | v-model="queryParam.endTime"></j-date> |
|---|
| | | </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-button @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button> |
|---|
| | | </span> |
|---|
| | | </a-col> |
|---|
| | | </a-row> |
|---|
| | |
|---|
| | | :loading="loading" |
|---|
| | | class="j-table-force-nowrap" |
|---|
| | | @change="handleTableChange"> |
|---|
| | | |
|---|
| | | <!-- 字符串超长截取省略号显示--> |
|---|
| | | <span slot="description" slot-scope="text"> |
|---|
| | | <j-ellipsis :value="text" :length="25" /> |
|---|
| | | </span> |
|---|
| | | |
|---|
| | | <template slot="htmlSlot" slot-scope="text"> |
|---|
| | | <div v-html="text"></div> |
|---|
| | | </template> |
|---|
| | | <template slot="imgSlot" slot-scope="text"> |
|---|
| | | <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span> |
|---|
| | | <img v-else :src="getImgView(text)" 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="handelDetial(record,text)">详情</a> |
|---|
| | | <a @click="handelDetail(record,text)">详情</a> |
|---|
| | | </span> |
|---|
| | | |
|---|
| | | </a-table> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <AssignFileStreamXq ref="modalFormApproval" :selectShenpiData="selectShenpiData"></AssignFileStreamXq> |
|---|
| | | |
|---|
| | | <DispatchFileXq ref="modalFormDispatchFileXq" :selectShenpiData="selectDispatchFileXqData"></DispatchFileXq> |
|---|
| | | |
|---|
| | | <InspectionOrderXq ref="modalFormInspectionOrderXq" :selectShenpiData="selectInspectionOrderXqData"></InspectionOrderXq> |
|---|
| | | <inspection-order-handle ref="modalFormInspectionOrderXq" :selectShenpiData="selectInspectionOrderXqData"/> |
|---|
| | | </a-card> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import '@/assets/less/TableExpand.less' |
|---|
| | | import { mixinDevice } from '@/utils/mixin' |
|---|
| | | import { JeecgListMixin } from '@/mixins/JeecgListMixin' |
|---|
| | | import JDictSelectTag from '@/components/dict/JDictSelectTag.vue' |
|---|
| | | import AssignFileStreamXq from '@views/flowable/workflow/assignFileStream/AssignFileStreamXq.vue' |
|---|
| | | import DispatchFileXq from '@views/flowable/workflow/dispatchFile/DispatchFileXq.vue' |
|---|
| | | import InspectionOrderXq from '@views/flowable/workflow/InspectionOrder/InspectionOrderXq.vue' |
|---|
| | | import '@/assets/less/TableExpand.less' |
|---|
| | | import { mixinDevice } from '@/utils/mixin' |
|---|
| | | import { JeecgListMixin } from '@/mixins/JeecgListMixin' |
|---|
| | | import JDictSelectTag from '@/components/dict/JDictSelectTag.vue' |
|---|
| | | import InspectionOrderHandle from './InspectionOrder/InspectionOrderHandle' |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: 'NcDeviceCharactersList', |
|---|
| | | mixins:[JeecgListMixin, mixinDevice], |
|---|
| | | components: { |
|---|
| | | DispatchFileXq, |
|---|
| | | AssignFileStreamXq: AssignFileStreamXq, |
|---|
| | | JDictSelectTag, |
|---|
| | | InspectionOrderXq |
|---|
| | | }, |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | description: '设备特殊字符管理页面', |
|---|
| | | // 表头 |
|---|
| | | columns: [ |
|---|
| | | { |
|---|
| | | title: '序号', |
|---|
| | | dataIndex: '', |
|---|
| | | key:'rowIndex', |
|---|
| | | align:"center", |
|---|
| | | customRender:function (t,r,index) { |
|---|
| | | return parseInt(index)+1; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '流程分类', |
|---|
| | | align: "center", |
|---|
| | | dataIndex: 'category_dictText', |
|---|
| | | width: 200, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title:'流程名称', |
|---|
| | | align:"center", |
|---|
| | | dataIndex: 'flowName' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title:'流程业务简要描述', |
|---|
| | | align:"center", |
|---|
| | | dataIndex: 'description', |
|---|
| | | width: '30%', |
|---|
| | | scopedSlots: {customRender: 'description'}, |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title:'申请人', |
|---|
| | | align:"center", |
|---|
| | | dataIndex: 'proposer_dictText' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '前驱节点', |
|---|
| | | align: "center", |
|---|
| | | dataIndex: 'preNode', |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title:'当前节点', |
|---|
| | | align:"center", |
|---|
| | | dataIndex: 'taskName' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title:'流程开始时间', |
|---|
| | | align:"center", |
|---|
| | | dataIndex: 'startTime' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title:'流程结束时间', |
|---|
| | | align:"center", |
|---|
| | | dataIndex: 'endTime' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title:'处理时长', |
|---|
| | | align:"center", |
|---|
| | | dataIndex: 'duration' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title:'当前任务人', |
|---|
| | | align:"center", |
|---|
| | | dataIndex: 'todoUsers_dictText' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title:'处理过的人', |
|---|
| | | align:"center", |
|---|
| | | dataIndex: 'doneUsers_dictText' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '操作', |
|---|
| | | dataIndex: 'action', |
|---|
| | | scopedSlots: { customRender: 'action' }, |
|---|
| | | align: 'center', |
|---|
| | | width: 200, |
|---|
| | | fixed: 'right' |
|---|
| | | } |
|---|
| | | ], |
|---|
| | | url: { |
|---|
| | | list: "/assign/flow/list", |
|---|
| | | }, |
|---|
| | | dictOptions:{}, |
|---|
| | | selectShenpiData: {}, |
|---|
| | | selectDispatchFileXqData:{}, |
|---|
| | | selectInspectionOrderXqData:{} |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | importExcelUrl: function(){ |
|---|
| | | return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`; |
|---|
| | | export default { |
|---|
| | | name: 'FlowLedger', |
|---|
| | | mixins: [JeecgListMixin, mixinDevice], |
|---|
| | | components: { |
|---|
| | | InspectionOrderHandle, |
|---|
| | | JDictSelectTag |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | handelDetial(item, index) { |
|---|
| | | console.log('点击了详情') |
|---|
| | | console.log('item----->', item) |
|---|
| | | console.log('index----->', index) |
|---|
| | | let approcesstype = this.splitAprocessType(item.category) |
|---|
| | | console.log('approcesstype--->', approcesstype) |
|---|
| | | switch (approcesstype) { |
|---|
| | | case 'drApproval': |
|---|
| | | item.description=item.title |
|---|
| | | this.handDrDetial(item) |
|---|
| | | break |
|---|
| | | case 'ggApproval': |
|---|
| | | item.description=item.title |
|---|
| | | this.handDispatchFileDetial(item) |
|---|
| | | break |
|---|
| | | case 'sbdjApproval': |
|---|
| | | item.description=item.title |
|---|
| | | this.handInspectionOrderDetial(item) |
|---|
| | | break |
|---|
| | | default: |
|---|
| | | alert('没找到该流程') |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | description: '流程管理', |
|---|
| | | // 表头 |
|---|
| | | columns: [ |
|---|
| | | { |
|---|
| | | title: '序号', |
|---|
| | | dataIndex: '', |
|---|
| | | key: 'rowIndex', |
|---|
| | | align: 'center', |
|---|
| | | customRender: function(t, r, index) { |
|---|
| | | return parseInt(index) + 1 |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '流程分类', |
|---|
| | | align: 'center', |
|---|
| | | dataIndex: 'category_dictText', |
|---|
| | | width: 200 |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '流程名称', |
|---|
| | | align: 'center', |
|---|
| | | dataIndex: 'flowName' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '流程业务简要描述', |
|---|
| | | align: 'center', |
|---|
| | | dataIndex: 'title' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '申请人', |
|---|
| | | align: 'center', |
|---|
| | | dataIndex: 'proposer_dictText' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '前驱节点', |
|---|
| | | align: 'center', |
|---|
| | | dataIndex: 'preNode' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '当前节点', |
|---|
| | | align: 'center', |
|---|
| | | dataIndex: 'taskName' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '流程开始时间', |
|---|
| | | align: 'center', |
|---|
| | | dataIndex: 'startTime' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '流程结束时间', |
|---|
| | | align: 'center', |
|---|
| | | dataIndex: 'endTime' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '处理时长', |
|---|
| | | align: 'center', |
|---|
| | | dataIndex: 'duration' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '当前任务人', |
|---|
| | | align: 'center', |
|---|
| | | dataIndex: 'todoUsers_dictText' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '处理过的人', |
|---|
| | | align: 'center', |
|---|
| | | dataIndex: 'doneUsers_dictText' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '操作', |
|---|
| | | dataIndex: 'action', |
|---|
| | | scopedSlots: { customRender: 'action' }, |
|---|
| | | align: 'center', |
|---|
| | | width: 200, |
|---|
| | | fixed: 'right' |
|---|
| | | } |
|---|
| | | ], |
|---|
| | | url: { |
|---|
| | | list: '/assign/flow/list' |
|---|
| | | }, |
|---|
| | | dictOptions: {}, |
|---|
| | | selectShenpiData: {}, |
|---|
| | | selectDispatchFileXqData: {}, |
|---|
| | | selectInspectionOrderXqData: {} |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | splitAprocessType(title) { |
|---|
| | | let parts = title.split('：') // 注意冒号是全角字符，使用对应的字进行分割 |
|---|
| | | let result = parts[0] |
|---|
| | | return result |
|---|
| | | created() { |
|---|
| | | }, |
|---|
| | | handDrDetial(item) { |
|---|
| | | this.selectShenpiData = item |
|---|
| | | this.selectShenpiData.assignee_dictText=item.todoUsers_dictText |
|---|
| | | this.selectShenpiData.createTime=item.startTime |
|---|
| | | this.selectShenpiData.procInstId=item.processInstanceId |
|---|
| | | this.$refs.modalFormApproval.clearTableSource() |
|---|
| | | this.$refs.modalFormApproval.getAllApproveData(item) |
|---|
| | | computed: { |
|---|
| | | importExcelUrl: function() { |
|---|
| | | return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}` |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | handDispatchFileDetial(item){ |
|---|
| | | this.selectDispatchFileXqData = item |
|---|
| | | this.selectDispatchFileXqData.assignee_dictText=item.todoUsers_dictText |
|---|
| | | this.selectDispatchFileXqData.createTime=item.startTime |
|---|
| | | this.selectDispatchFileXqData.procInstId=item.processInstanceId |
|---|
| | | this.$refs.modalFormDispatchFileXq.clearTableSource() |
|---|
| | | this.$refs.modalFormDispatchFileXq.getAllApproveData(item) |
|---|
| | | }, |
|---|
| | | handInspectionOrderDetial(item){ |
|---|
| | | this.selectInspectionOrderXqData = item |
|---|
| | | this.selectInspectionOrderXqData.assignee_dictText=item.todoUsers_dictText |
|---|
| | | this.selectInspectionOrderXqData.createTime=item.startTime |
|---|
| | | this.selectInspectionOrderXqData.procInstId=item.processInstanceId |
|---|
| | | this.$refs.modalFormInspectionOrderXq.clearTableSource() |
|---|
| | | this.$refs.modalFormInspectionOrderXq.getAllApproveData(item) |
|---|
| | | methods: { |
|---|
| | | handelDetail(item, index) { |
|---|
| | | console.log('点击了详情') |
|---|
| | | console.log('item----->', item) |
|---|
| | | console.log('index----->', index) |
|---|
| | | let approcesstype = this.splitAprocessType(item.category) |
|---|
| | | console.log('approcesstype--->', approcesstype) |
|---|
| | | switch (approcesstype) { |
|---|
| | | case 'sbdjApproval': |
|---|
| | | item.description = item.title |
|---|
| | | this.handInspectionOrderDetail(item) |
|---|
| | | break |
|---|
| | | default: |
|---|
| | | alert('没找到该流程') |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | splitAprocessType(title) { |
|---|
| | | let parts = title.split('：') // 注意冒号是全角字符，使用对应的字进行分割 |
|---|
| | | let result = parts[0] |
|---|
| | | return result |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handInspectionOrderDetail(item) { |
|---|
| | | this.selectInspectionOrderXqData = item |
|---|
| | | this.selectInspectionOrderXqData.assignee_dictText = item.todoUsers_dictText |
|---|
| | | this.selectInspectionOrderXqData.createTime = item.startTime |
|---|
| | | this.selectInspectionOrderXqData.procInstId = item.processInstanceId |
|---|
| | | this.$refs.modalFormInspectionOrderXq.visible = true |
|---|
| | | this.$refs.modalFormInspectionOrderXq.disableSubmit = true |
|---|
| | | this.$refs.modalFormInspectionOrderXq.getAllApproveData(item) |
|---|
| | | this.$refs.modalFormInspectionOrderXq.getBasicInformation(item) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | <style scoped> |
|---|
| | | @import '~@assets/less/common.less'; |
|---|
| | | @import '~@assets/less/common.less'; |
|---|
| | | </style> |
|---|
