1 |
- {"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\todoProcess\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\todoProcess\\index.vue","mtime":1623215520108},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLlRvZG9Qcm9jZXNzIHsNCiAgd2lkdGg6IDEwMCU7DQogIGRpc3BsYXk6IGZsZXg7DQogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47DQogIC5idG5BcmVhIHsNCiAgICBtYXJnaW4tYm90dG9tOiAxMHB4Ow0KICAgIC5idXJnZW9uLWJ0biB7DQogICAgICBtYXJnaW4tcmlnaHQ6IDlweDsNCiAgICAgICY6bGFzdC1jaGlsZCB7DQogICAgICAgIG1hcmdpbi1yaWdodDogMDsNCiAgICAgIH0NCiAgICB9DQogIH0NCiAgLmZvcm0gew0KICAgIG1hcmdpbi1ib3R0b206IDE2cHg7DQogIH0NCiAgLnRhYmxlIHsNCiAgICBmbGV4OiAxOw0KICB9DQogIC50YWJnZXV7DQogICAgaGVpZ2h0OiA0MDBweCAhaW1wb3J0YW50Ow0KICB9DQp9DQoubW9kYWxDb3RlbnQgew0KICAuYnVyZ2Vvbi10cmVlIHsNCiAgICBvdmVyZmxvdy15OiBhdXRvOw0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6fA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/todoProcess","sourcesContent":["<template>\r\n <!-- 待办流程 -->\r\n <div class=\"TodoProcess\">\r\n <div class=\"btnArea\">\r\n <el-button type=\"primary\" plain icon=\"el-icon-search\" size=\"mini\" @click=\"searchData.page = 1;queryLists()\">查询</el-button>\r\n <el-button type=\"primary\" icon=\"el-icon-refresh-left\" size=\"mini\" ghost @click=\"openModal(2)\">转派</el-button>\r\n </div>\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 tabgeu\"\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 style=\"height: 400px;\"\r\n ></StandardTabletwo>\r\n <Modal\r\n v-model=\"openControl\"\r\n :title=\"modaltitle\"\r\n :mask=\"true\"\r\n :mask-closable=\"false\"\r\n :width=\"852\"\r\n @on-ok=\"ok\"\r\n @on-cancel=\"cancel\"\r\n >\r\n <div class=\"modalCotent\">\r\n <mutipleSelectPop\r\n ref=\"dialogtest\"\r\n :loading=\"loading\"\r\n :resultData=\"resultData\"\r\n :isUse=\"false\"\r\n :isMutiple=\"false\"\r\n :isCallInterface=\"openControl\"\r\n @getResult=\"getResult\"\r\n ></mutipleSelectPop>\r\n </div>\r\n </Modal>\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 mutipleSelectPop from \"../MutipleSelectPop/index.vue\";\r\nimport FlowChartShow from \"../FlowChartShow\";\r\n// import { mapState } from \"vuex\";\r\n// import { mapMutations } from \"vuex\";\r\nimport store from \"@/store\";\r\nimport {\r\n addGendefini,\r\n addGendefiniqur,\r\n addGendefinideal\r\n } from \"@/api/activiti/definition\";\r\nexport default {\r\n name: \"TodoProcess\",\r\n components: {\r\n FormItemComponent,\r\n StandardTabletwo,\r\n mutipleSelectPop,\r\n FlowChartShow,\r\n\r\n },\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 modaltype: 0,\r\n openControl: false, //弹框是否显示控制\r\n modaltitle: \"\", //弹框标题\r\n //待办-同意意见/驳回意见\r\n agree: \"\",\r\n //待办-驳回下拉数据\r\n ApprovalData: [],\r\n selectValue: \"\", //选中的数据\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: \"createTime\"\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: 0,\r\n userId: null,\r\n createTime: []\r\n },\r\n //表格数据\r\n total: 0,\r\n columns: [\r\n {\r\n type: \"selection\",\r\n width: 60,\r\n align: \"center\"\r\n },\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: \"approverValue\",\r\n render: (h, params) => {\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.approvers.join(\",\")\r\n );\r\n }\r\n },\r\n {\r\n title: \"发起人\",\r\n key: \"initiatorName\"\r\n },\r\n {\r\n title: \"开始时间\",\r\n key: \"createTime\"\r\n },\r\n {\r\n title: \"消耗时长\",\r\n key: \"durationTime\"\r\n },\r\n {\r\n title: \"流程状态\",\r\n key: \"processStatusName\"\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 console.log(params.row.instanceId)\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 \"on-select\": (selection, row) => {\r\n //表格行选中事件\r\n let self = this;\r\n self.data.map(item => {\r\n if (item.id === row.id) {\r\n item._check = true;\r\n }\r\n });\r\n },\r\n \"on-select-cancel\": (selection, row) => {\r\n //表格行取消事件\r\n let self = this;\r\n self.data.map(item => {\r\n if (item.id === row.id) {\r\n item._check = false;\r\n }\r\n });\r\n },\r\n \"on-select-all\": selection => {\r\n //表格行全部选中\r\n let self = this;\r\n self.data.map(item => {\r\n item._check = true;\r\n });\r\n },\r\n \"on-select-all-cancel\": selection => {\r\n //表格行全部取消\r\n let self = this;\r\n self.data.map(item => {\r\n item._check = false;\r\n });\r\n }\r\n },\r\n loading: false, // z最大loading\r\n resultData: {}, // 选中结果\r\n open: false, // 是否打开\r\n selectRow: {}, //选中的行\r\n obj: {}, //传给table的对象\r\n modalShow: false,\r\n instanceId: null\r\n };\r\n },\r\n computed: {\r\n // ...mapState([\"userInfo\"])\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 addGendefini().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 ////查询\r\n queryLists() {\r\n var that = this\r\n if (\r\n this.searchData.createTime &&\r\n this.searchData.createTime[0] &&\r\n this.searchData.createTime[1]\r\n ) {\r\n this.searchData.startTime = new Date(\r\n this.searchData.createTime[0]\r\n ).format(\"yyyy-MM-dd hh:mm\");\r\n this.searchData.endTime = new Date(\r\n this.searchData.createTime[1]\r\n ).format(\"yyyy-MM-dd hh:mm\");\r\n console.log(this.searchData)\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.createTime;\r\n var that = this\r\n addGendefiniqur(obj).then(res => {\r\n // that.data = res.data.records\r\n if (res.resultCode === 0) {\r\n console.log(1)\r\n // let data = res.data.data;\r\n this.total = res.total;\r\n this.data = res.data.records;\r\n console.log(res.data.records,23456)\r\n // console.log(this.data,2345)\r\n }else{\r\n this.$message({\r\n message: res.resultMsg,\r\n type: 'warning'\r\n });\r\n }\r\n console.log(this.data,2345)\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 },\r\n //0同意/1驳回、2转派\r\n batchoperate() {\r\n let self = this;\r\n let sendData = {};\r\n sendData.ids = \"\";\r\n self.data.map(item => {\r\n if (item._check) {\r\n sendData.ids += item.id + \",\";\r\n }\r\n });\r\n sendData.ids = sendData.ids.substring(0, sendData.ids.length - 1);\r\n if(this.resultData.list.length>0){\r\n sendData.delegateId = this.resultData.list[0].ID;\r\n }else{\r\n this.$message({\r\n message: \"请选择转派人员\",\r\n type: 'warning'\r\n });\r\n // this.$Message.warning(\"请选择转派人员\");\r\n return\r\n }\r\n // console.log(store.getters.userId)\r\n // sendData.userId = store.getters.userId;\r\n addGendefinideal(sendData).then(res => {\r\n let data = res;\r\n if (data.resultCode === 0) {\r\n this.queryLists();\r\n this.msgSuccess(data.resultMsg);\r\n // this.$Message.success();\r\n } else {\r\n this.$message({\r\n message: data.resultMsg,\r\n type: 'warning'\r\n });\r\n // this.$Message.warning(data.resultMsg);\r\n }\r\n });\r\n },\r\n getResult(data) {\r\n this.resultData = Object.assign({}, data);\r\n },\r\n ok() {\r\n this.batchoperate();\r\n // if (this.modaltype === 3) {\r\n // this.setAgent();\r\n // } else {\r\n // this.batchoperate();\r\n // }\r\n },\r\n cancel() {\r\n if(this.resultData.list){\r\n this.resultData.list=[];\r\n this.resultData.total=0;\r\n }\r\n this.openControl = false; //关闭弹框\r\n },\r\n openModal(type) {\r\n this.modaltype = type;\r\n type === 2 || type === 3\r\n ? (this.modaltitle = \"选择转派人\")\r\n : (this.modaltitle = \"选择审批人\");\r\n let tableSelectd = [];\r\n this.data.map(item => {\r\n if (item._check) {\r\n tableSelectd.push(item);\r\n }\r\n });\r\n if (tableSelectd.length > 0) {\r\n this.openControl = true;\r\n if(this.resultData.list){\r\n this.resultData.list=[];\r\n this.resultData.total=0;\r\n }\r\n } else {\r\n this.$message({\r\n message: '请选择单据',\r\n type: 'warning'\r\n });\r\n // this.$Message.warning(\"请选择单据\");\r\n }\r\n },\r\n onRowClick(row, index, vm) {\r\n this.selectRow = Object.assign(this.selectRow, row);\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 mounted() {\r\n // this.getselectOption();\r\n // this.queryLists();\r\n console.log(this.searchData,8765)\r\n }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.TodoProcess {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n .btnArea {\r\n margin-bottom: 10px;\r\n .burgeon-btn {\r\n margin-right: 9px;\r\n &:last-child {\r\n margin-right: 0;\r\n }\r\n }\r\n }\r\n .form {\r\n margin-bottom: 16px;\r\n }\r\n .table {\r\n flex: 1;\r\n }\r\n .tabgeu{\r\n height: 400px !important;\r\n }\r\n}\r\n.modalCotent {\r\n .burgeon-tree {\r\n overflow-y: auto;\r\n }\r\n}\r\n</style>\r\n"]}]}
|