| 1 |
- {"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\HistoricalProcess\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\HistoricalProcess\\index.vue","mtime":1620894992846},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQouSGlzdG9yaWNhbFByb2Nlc3Mgew0KICBmbGV4OiAxOw0KICBkaXNwbGF5OiBmbGV4Ow0KICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICB3aWR0aDogMTAwJTsNCiAgLnRpdGxlIHsNCiAgICBmb250LXNpemU6IDE4cHg7DQogICAgZm9udC1mYW1pbHk6IFBpbmdGYW5nU0MtTWVkaXVtOw0KICAgIGZvbnQtd2VpZ2h0OiA1MDA7DQogICAgY29sb3I6IHJnYmEoODEsIDkwLCAxMTAsIDEpOw0KICAgIGxpbmUtaGVpZ2h0OiAyNHB4Ow0KICAgIG1hcmdpbi1ib3R0b206IDE2cHg7DQogIH0NCg0KICA+IGJ1dHRvbiB7DQogICAgbWFyZ2luLWJvdHRvbTogMTBweDsNCiAgICB3aWR0aDogODBweDsNCiAgfQ0KDQogIC5mb3JtIHsNCiAgICBtYXJnaW4tYm90dG9tOiAxNnB4Ow0KICB9DQoNCiAgLnRhYmxlIHsNCiAgICBmbGV4OiAxOw0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgY29sb3I6I2Q4MWQwNDsNCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/HistoricalProcess","sourcesContent":["<template>\r\n <!-- 历史流程 -->\r\n <div class=\"HistoricalProcess\">\r\n <el-button type=\"primary\" plain icon=\"el-icon-search\" size=\"mini\" @click=\"searchData.page = 1;queryLists()\">查询</el-button>\r\n <FormItemComponent\r\n class=\"form\"\r\n :formItemLists=\"formLists\"\r\n :buttonType=\"false\"\r\n @formChange=\"formChange\"\r\n ></FormItemComponent>\r\n <StandardTabletwo\r\n class=\"table\"\r\n :currentPage=\"searchData.page\"\r\n :pageSize=\"searchData.pageSize\"\r\n :total=\"total\"\r\n :columns=\"columns\"\r\n :data=\"data\"\r\n :standardTableEvent=\"standardTableEvent\"\r\n ></StandardTabletwo>\r\n\r\n <!-- 详情弹框 -->\r\n <Modal\r\n v-model=\"modalShow\"\r\n title=\"流程详情\"\r\n :width=\"861\"\r\n :closable=\"true\"\r\n :mask=\"true\"\r\n :footer-hide=\"true\"\r\n :mask-closable=\"false\"\r\n >\r\n <FlowChartShow v-if=\"modalShow\" :instanceId=\"instanceId\"></FlowChartShow>\r\n </Modal>\r\n </div>\r\n</template>\r\n<script>\r\nimport FormItemComponent from \"../FormItemComponent\";\r\nimport ItemComponent from \"../ItemComponent\";\r\nimport StandardTabletwo from \"../StandardTabletwo\";\r\nimport FlowChartShow from \"../FlowChartShow\";\r\n// import { mapMutations } from \"vuex\";\r\nimport {\r\n addGenhistoricap,\r\n addGenhistorihistory,\r\n addGenhistorilisr\r\n } from \"@/api/activiti/definition\";\r\n import store from \"@/store\";\r\nexport default {\r\n name: \"HistoricalProcess\",\r\n components: { FormItemComponent, StandardTabletwo, FlowChartShow },\r\n props: {\r\n falg: { type: Number, default: null },\r\n tabalive: { type: String, default: \"\" }\r\n },\r\n data() {\r\n return {\r\n //表单配置\r\n formLists: [\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: \"input\",\r\n title: \"工作流编号\",\r\n filed: \"instanceId\",\r\n props: {\r\n regx: /^[0-9]*$/\r\n },\r\n event:{\r\n 'keydown': (event) => {\r\n if(event.keyCode === 13){\r\n this.searchData.page = 1;\r\n this.queryLists()\r\n }\r\n }\r\n }\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: \"input\",\r\n title: \"查询索引\",\r\n filed: \"businessNumber\",\r\n event:{\r\n 'keydown': (event) => {\r\n if(event.keyCode === 13){\r\n this.searchData.page = 1;\r\n this.queryLists()\r\n }\r\n }\r\n }\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: \"select\",\r\n title: \"单据类型\",\r\n filed: \"businessType\",\r\n options: [\r\n { value: 0, label: \"发送成功\" },\r\n { value: 1, label: \"发送失败(待发送)\" },\r\n { value: 2, label: \"消费成功\" },\r\n { value: 3, label: \"消费失败(待消费)\" }\r\n ]\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: \"DatePicker\",\r\n title: \"处理时间\",\r\n filed: \"updateTime\"\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: \"input\",\r\n title: \"节点名称\",\r\n filed: \"nodeName\",\r\n event:{\r\n 'keydown': (event) => {\r\n if(event.keyCode === 13){\r\n this.searchData.page = 1;\r\n this.queryLists()\r\n }\r\n }\r\n }\r\n }\r\n }\r\n ],\r\n //查询条件\r\n searchData: {\r\n page: 1,\r\n pageSize: 10,\r\n searchType: \"0,1\",\r\n excuStatus: 2,\r\n updateTime: []\r\n },\r\n\r\n //表格数据\r\n total: 0,\r\n columns: [\r\n {\r\n title: \"工作流编号\",\r\n key: \"instanceId\"\r\n },\r\n {\r\n title: \"查询索引\",\r\n key: \"businessNumber\"\r\n },\r\n {\r\n title: \"单据类型\",\r\n key: \"businessName\"\r\n },\r\n {\r\n title: \"模板名称\",\r\n key: \"moduleName\"\r\n },\r\n {\r\n title: \"节点名称\",\r\n key: \"nodeName\"\r\n },\r\n {\r\n title: \"审批人\",\r\n key: \"approverName\"\r\n },\r\n {\r\n title: \"发起人\",\r\n key: \"initiatorName\"\r\n },\r\n {\r\n title: \"处理时间\",\r\n key: \"updateTime\"\r\n },\r\n {\r\n title: \"消耗时长\",\r\n key: \"durationTime\"\r\n },\r\n {\r\n title: \"流程状态\",\r\n key: \"processStatusName\",\r\n render: (h, params) => {\r\n if (params.row.processStatus === 4) {\r\n return h('Poptip', {\r\n props: {\r\n trigger: 'hover',\r\n content: params.row.submitErrorMsg,\r\n transfer: true\r\n }\r\n }, [h(\r\n 'span',\r\n {\r\n style: {\r\n color: 'rgba(255, 0, 0, 1)',\r\n cursor: 'pointer'\r\n }\r\n },\r\n params.row.processStatusName\r\n )]);\r\n }\r\n return h(\r\n 'p',\r\n {\r\n style: {\r\n maxWidth: '160px',\r\n overflow: 'hidden',\r\n 'text-overflow': 'ellipsis',\r\n 'white-space': 'nowrap'\r\n }\r\n },\r\n params.row.processStatusName\r\n );\r\n }\r\n },\r\n {\r\n title: \"详情\",\r\n fixed: \"right\",\r\n render: (h, params) => {\r\n return h(\r\n \"span\",\r\n {\r\n style: {\r\n color: \"rgba(16, 142, 233, 1)\",\r\n cursor: \"pointer\"\r\n },\r\n on: {\r\n click: () => {\r\n this.modalShow = true;\r\n this.instanceId = params.row.instanceId;\r\n }\r\n }\r\n },\r\n \"流程进度\"\r\n );\r\n }\r\n }\r\n ],\r\n data: [],\r\n standardTableEvent: {\r\n \"on-change\": page => {\r\n this.searchData.page = page;\r\n this.queryLists();\r\n },\r\n \"on-page-size-change\": pageSize => {\r\n this.searchData.page = 1;\r\n this.searchData.pageSize = pageSize;\r\n }\r\n },\r\n\r\n modalShow: false,\r\n instanceId: null\r\n };\r\n },\r\n watch: {\r\n tabalive(newVal, oldVal) {\r\n if (newVal === \"历史流程\") {\r\n this.getselectOption();\r\n this.queryLists();\r\n }\r\n }\r\n },\r\n methods: {\r\n // ...mapMutations([\"currentChange\", \"checkDetailsOpenWindow\"]),\r\n //业务关系下拉数据\r\n getselectOption() {\r\n addGenhistoricap().then(res => {\r\n if (res.resultCode === 0) {\r\n this.formLists.forEach(outer => {\r\n if (outer.item.filed === \"businessType\") {\r\n outer.item.options = res.data.relations.map(item => {\r\n item.value = item.businesskey;\r\n item.label = item.businessName;\r\n return item;\r\n });\r\n }\r\n });\r\n }\r\n });\r\n },\r\n formChange(data) {\r\n //表单数据修改时，修改searchData数据\r\n this.searchData = Object.assign({}, this.searchData, data);\r\n if (\r\n Object.prototype.toString.call(this.searchData.businessType) ===\r\n \"[object Array]\" &&\r\n this.searchData.businessType.length === 0\r\n ) {\r\n delete this.searchData.businessType;\r\n }\r\n },\r\n queryLists() {\r\n //查询列表\r\n if (\r\n this.searchData.updateTime &&\r\n this.searchData.updateTime[0] &&\r\n this.searchData.updateTime[1]\r\n ) {\r\n this.searchData.startTime = new Date(\r\n this.searchData.updateTime[0]\r\n ).format(\"yyyy-MM-dd hh:mm\");\r\n this.searchData.endTime = new Date(\r\n this.searchData.updateTime[1]\r\n ).format(\"yyyy-MM-dd hh:mm\");\r\n } else {\r\n this.searchData.startTime = \"\";\r\n this.searchData.endTime = \"\";\r\n }\r\n let obj = Object.assign({}, this.searchData);\r\n delete obj.updateTime;\r\n addGenhistorihistory(obj).then(res => {\r\n if (res.resultCode === 0) {\r\n let data = res.data;\r\n this.total = data.total;\r\n this.data = data.records;\r\n }else{\r\n this.$message({\r\n message: res.resultMsg,\r\n type: 'warning'\r\n });\r\n }\r\n });\r\n },\r\n submitTask(instanceId) {\r\n addGenhistorilisr({\r\n instanceId: instanceId\r\n })\r\n .then(res => {\r\n if (res.data.resultCode === 0) {\r\n this.msgSuccess(res.data.resultMsg);\r\n // this.$Message.success(res.data.resultMsg);\r\n }\r\n });\r\n }\r\n },\r\n created() {\r\n if(this.falg){\r\n this.searchData.userId = store.getters.userId\r\n }\r\n this.getselectOption();\r\n this.queryLists();\r\n }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.HistoricalProcess {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n .title {\r\n font-size: 18px;\r\n font-family: PingFangSC-Medium;\r\n font-weight: 500;\r\n color: rgba(81, 90, 110, 1);\r\n line-height: 24px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n > button {\r\n margin-bottom: 10px;\r\n width: 80px;\r\n }\r\n\r\n .form {\r\n margin-bottom: 16px;\r\n }\r\n\r\n .table {\r\n flex: 1;\r\n display: flex;\r\n color:#d81d04;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
