{"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":1619607677262},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5IaXN0b3JpY2FsUHJvY2VzcyB7DQogIGZsZXg6IDE7DQogIGRpc3BsYXk6IGZsZXg7DQogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47DQogIHdpZHRoOiAxMDAlOw0KICAudGl0bGUgew0KICAgIGZvbnQtc2l6ZTogMThweDsNCiAgICBmb250LWZhbWlseTogUGluZ0ZhbmdTQy1NZWRpdW07DQogICAgZm9udC13ZWlnaHQ6IDUwMDsNCiAgICBjb2xvcjogcmdiYSg4MSwgOTAsIDExMCwgMSk7DQogICAgbGluZS1oZWlnaHQ6IDI0cHg7DQogICAgbWFyZ2luLWJvdHRvbTogMTZweDsNCiAgfQ0KDQogID4gYnV0dG9uIHsNCiAgICBtYXJnaW4tYm90dG9tOiAxMHB4Ow0KICAgIHdpZHRoOiA4MHB4Ow0KICB9DQoNCiAgLmZvcm0gew0KICAgIG1hcmdpbi1ib3R0b206IDE2cHg7DQogIH0NCg0KICAudGFibGUgew0KICAgIGZsZXg6IDE7DQogICAgZGlzcGxheTogZmxleDsNCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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    <StandardTable\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    ></StandardTable>\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 StandardTable from \"../StandardTable\";\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\nexport default {\r\n  name: \"HistoricalProcess\",\r\n  components: { FormItemComponent, StandardTable, FlowChartShow },\r\n  props: {\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.data.resultCode === 0) {\r\n          this.formLists.forEach(outer => {\r\n            if (outer.item.filed === \"businessType\") {\r\n              outer.item.options = res.data.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.data.resultCode === 0) {\r\n          let data = res.data.data;\r\n          this.total = data.total;\r\n          this.data = data.records;\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    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  }\r\n}\r\n</style>\r\n"]}]}