{"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":1620456587000},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5Ub2RvUHJvY2VzcyB7DQogIHdpZHRoOiAxMDAlOw0KICBkaXNwbGF5OiBmbGV4Ow0KICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICAuYnRuQXJlYSB7DQogICAgbWFyZ2luLWJvdHRvbTogMTBweDsNCiAgICAuYnVyZ2Vvbi1idG4gew0KICAgICAgbWFyZ2luLXJpZ2h0OiA5cHg7DQogICAgICAmOmxhc3QtY2hpbGQgew0KICAgICAgICBtYXJnaW4tcmlnaHQ6IDA7DQogICAgICB9DQogICAgfQ0KICB9DQogIC5mb3JtIHsNCiAgICBtYXJnaW4tYm90dG9tOiAxNnB4Ow0KICB9DQogIC50YWJsZSB7DQogICAgZmxleDogMTsNCiAgfQ0KICAudGFiZ2V1ew0KICAgIGhlaWdodDogNDAwcHggIWltcG9ydGFudDsNCiAgfQ0KfQ0KLm1vZGFsQ290ZW50IHsNCiAgLmJ1cmdlb24tdHJlZSB7DQogICAgb3ZlcmZsb3cteTogYXV0bzsNCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwfA;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 {\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    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        console.log(res.resultCode)\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      // sendData.userId = this.userInfo.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    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"]}]}