{"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\DynamicProcessNodeConfig\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\DynamicProcessNodeConfig\\index.vue","mtime":1623215519972},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLkR5bmFtaWNQcm9jZXNzTm9kZUNvbmZpZyB7DQogIG92ZXJmbG93LXk6IGhpZGRlbjsNCiAgZGlzcGxheTogZmxleDsNCiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgaGVpZ2h0OiAxMDAlOw0KICA+cHsNCiAgICAgIHRleHQtYWxpZ246IHJpZ2h0Ow0KICAgICAgbWFyZ2luLXRvcDogMTZweDsNCg0KICAgICAgPmJ1dHRvbjpmaXJzdC1jaGlsZHsNCiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KICAgICAgfQ0KICAgIH0NCiAgPmRpdnsNCiAgICBmbGV4OiAxOw0KICAgIG92ZXJmbG93OiBhdXRvOw0KICB9DQogIC5ub2RlU2V0Ym94IHsNCiAgICBwYWRkaW5nOiAxNnB4Ow0KICAgIGJvcmRlcjogMXB4IHNvbGlkICNkY2RlZTI7DQogICAgLmJveEl0ZW0gew0KICAgICAgcGFkZGluZzogMTZweCA0MHB4Ow0KICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNkY2RlZTI7DQogICAgICAmOmxhc3QtY2hpbGQgew0KICAgICAgICBib3JkZXItYm90dG9tOiBub25lOw0KICAgICAgfQ0KICAgIH0NCiAgICAudGlwTWVzc2FnZSB7DQogICAgICBjb2xvcjogIzkyOTI5MjsNCiAgICAgIGxpbmUtaGVpZ2h0OiAxNnB4Ow0KICAgIH0NCiAgICAuYnVyZ2Vvbi1mb3JtLWl0ZW0gew0KICAgICAgbWFyZ2luLWJvdHRvbTogMTZweDsNCiAgICAgICY6bGFzdC1jaGlsZCB7DQogICAgICAgIG1hcmdpbi1ib3R0b206IDBweDsNCiAgICAgIH0NCiAgICB9DQogICAgJjpsYXN0LWNoaWxkIHsNCiAgICAgIHBhZGRpbmc6IDA7DQogICAgfQ0KICB9DQogIC5yZXF1aXJlU3R5bGUgew0KICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOw0KICAgIGNvbG9yOiByZWQ7DQogICAgcGFkZGluZy10b3A6IDVweDsNCiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogIH0NCiAgLnNwbGl0SXRlbSB7DQogICAgZm9udC1zaXplOiAxNHB4Ow0KICAgIGxpbmUtaGVpZ2h0OiA0MHB4Ow0KICAgIGNvbG9yOiAjOTI5MjkyOw0KICAgICY6Zmlyc3QtY2hpbGR7DQogICAgICBtYXJnaW4tdG9wOiAtMTBweDsNCiAgICB9DQogIH0NCiAgLmJ1cmdlb24tZmtycC1zZWxlY3QtaWNvbiB7DQogICAgdG9wOiAycHg7DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmnCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;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/DynamicProcessNodeConfig","sourcesContent":["<template>\r\n  <!-- 过程节点配置 -->\r\n  <div class=\"DynamicProcessNodeConfig\">\r\n    <div>\r\n      <div class=\"splitItem\">节点配置</div>\r\n      <div class=\"nodeSetbox\">\r\n        <Form>\r\n          <!-- 节点名称 -->\r\n          <FormItem label=\"节点名称：\" :label-width=\"100\">\r\n            <Input v-model=\"configData.name\" placeholder=\"请输入\" :disabled=\"readOnly\"/>\r\n          </FormItem>\r\n\r\n          <!-- 单据类型选择 -->\r\n          <FormItem label=\"单据类型：\" :label-width=\"100\" >\r\n            <DropDownSelectFilter\r\n              :disabled=\"readOnly\"\r\n              v-bind=\"tableConfig.props\"\r\n              v-on=\"tableConfig.event\"\r\n            >\r\n\r\n            </DropDownSelectFilter>\r\n          </FormItem>\r\n\r\n          <!-- 可见按钮 -->\r\n          <FormItem label=\"可见按钮：\" :label-width=\"100\">\r\n            <Select v-model=\"configData.visibleBt\" :disabled=\"readOnly\" multiple @on-change=\"visibleBtChange\" >\r\n              <Option v-for=\"(item,index) in visibleButtons\" :key=\"index\" :value=\"item.ID\">{{item.Label}}</Option>\r\n            </Select>\r\n          </FormItem>\r\n\r\n          <!-- 节点必经 -->\r\n          <FormItem label=\"节点必经：\" :label-width=\"100\">\r\n            <Select v-model=\"configData.inevitable\" :disabled=\"readOnly\" >\r\n              <Option  :value=\"0\" :key=\"0\">是</Option>\r\n              <Option  :value=\"1\" :key=\"1\">否</Option>\r\n              <Option  :value=\"2\" :key=\"2\">扩展</Option>\r\n            </Select>\r\n          </FormItem>\r\n          <FormItem  :label-width=\"100\" v-if=\"configData.inevitable === 2\">\r\n            <label slot=\"label\"><i class=\"requireStyle\">*</i>规则配置：</label>\r\n            <RuleConfig headTitle=\"节点必经规则\" :tableConfig=\"{tableId:configData.nodeFormId,tableName:configData.nodeForm}\" :defaultData=\"configData.inevitableExts\" @getResult=\"inevitableResult\"></RuleConfig>\r\n          </FormItem>\r\n\r\n          <!-- 节点指派 -->\r\n          <FormItem label=\"节点必指派：\" :label-width=\"100\">\r\n            <Select v-model=\"configData.assignNode\" :disabled=\"readOnly\" >\r\n              <Option  :value=\"0\" :key=\"0\">是</Option>\r\n              <Option  :value=\"1\" :key=\"1\">否</Option>\r\n            </Select>\r\n          </FormItem>\r\n\r\n          <!-- 审批人 -->\r\n          <FormItem  :label-width=\"100\">\r\n            <label slot=\"label\"><i class=\"requireStyle\">*</i>选择操作人：</label>\r\n            <Select v-model=\"configData.approverStyle\" :disabled=\"readOnly\" @on-change=\"approverStyleChange\">\r\n              <Option  :value=\"0\" :key=\"0\">直接选择</Option>\r\n              <Option  :value=\"1\" :key=\"1\">扩展程序</Option>\r\n            </Select>\r\n          </FormItem>\r\n          <FormItem  :label-width=\"100\" v-if=\"configData.approverStyle === 0\">\r\n            <label slot=\"label\"><i class=\"requireStyle\">*</i>操作人：</label>\r\n            <complexPop :title=\"'选择操作人'\" :resultData=\"resultData\" :disabled=\"readOnly\" @getTotalResult=\"getResult\"></complexPop>\r\n          </FormItem>\r\n          <FormItem  :label-width=\"100\" v-if=\"configData.approverStyle === 1\">\r\n            <label slot=\"label\"><i class=\"requireStyle\">*</i>扩展程序：</label>\r\n            <Input v-model=\"configData.actionConfig[0].handleValue\" placeholder=\"请输入\" :disabled=\"readOnly\" />\r\n          </FormItem>\r\n\r\n          <!-- 动态指派操作人 -->\r\n          <FormItem label=\"动态指派操作人：\" :label-width=\"110\">\r\n            <!-- <Select v-model=\"configData.assignApprover\" :disabled=\"readOnly\" >\r\n              <Option  :value=\"0\" :key=\"0\">动态指派节点操作人</Option>\r\n              <Option  :value=\"1\" :key=\"1\">默认操作人</Option>\r\n            </Select> -->\r\n            <i-switch class=\"switchPage\" v-model=\"configData.assignApprover\" :true-value=\"0\" :false-value=\"1\" :disabled=\"readOnly\" />\r\n          </FormItem>\r\n\r\n          <!-- 审批条件 -->\r\n          <FormItem label=\"审批条件：\" :label-width=\"100\" v-if=\"configData.category === 'Approval'\">\r\n            <Select v-model=\"configData.approveCondition\" :disabled=\"readOnly\" >\r\n              <Option  :value=\"0\" :key=\"0\">自定义人数配置</Option>\r\n              <Option  :value=\"1\" :key=\"1\">会签</Option>\r\n              <Option  :value=\"2\" :key=\"2\">或签</Option>\r\n            </Select>\r\n          </FormItem>\r\n          <FormItem v-if=\"configData.approveCondition === 0 && configData.category === 'Approval'\">\r\n              <Row>\r\n                  <Col span=\"24\" style=\"display:flex\">\r\n                    <span>\r\n                      <i class=\"requireStyle\">*</i>\r\n                      <Icon\r\n                        v-if=\"pageBtnData[0].color\"\r\n                        :type=\"pageBtnData[0].icontype===1?'ios-checkmark-circle':'ios-close-circle'\"\r\n                        :color=\"pageBtnData[0].color\"\r\n                      />\r\n                      {{pageBtnData[0].label}}：\r\n                    </span>\r\n                    <Input v-model=\"pageBtnData[0].value\"  :regx=\"/^[0-9]*$/\" @on-blur=\"onBlur(...arguments,0)\" style=\"flex:1\" :disabled=\"readOnly\" />\r\n                  </Col>\r\n              </Row>\r\n          </FormItem>\r\n          <FormItem v-if=\"configData.approveCondition === 0 && configData.category === 'Approval'\">\r\n              <Row>\r\n                  <Col span=\"24\" style=\"display:flex\">\r\n                    <span>\r\n                      <i class=\"requireStyle\">*</i>\r\n                      <Icon\r\n                        v-if=\"pageBtnData[2].color\"\r\n                        :type=\"pageBtnData[2].icontype===1?'ios-checkmark-circle':'ios-close-circle'\"\r\n                        :color=\"pageBtnData[2].color\"\r\n                      />\r\n                      {{pageBtnData[2].label}}：\r\n                    </span>\r\n                    <Input v-model=\"pageBtnData[2].value\"  :regx=\"/^[0-9]*$/\" @on-blur=\"onBlur(...arguments,2)\" style=\"flex:1\" :disabled=\"readOnly\" />\r\n                  </Col>\r\n              </Row>\r\n          </FormItem>\r\n\r\n          <!-- 当前可为驳回节点 -->\r\n          <FormItem label=\"可为驳回节点：\" :label-width=\"100\">\r\n            <Select v-model=\"configData.whetherBack\" :disabled=\"readOnly\" >\r\n              <Option  :value=\"0\" :key=\"0\">是</Option>\r\n              <Option  :value=\"1\" :key=\"1\">否</Option>\r\n            </Select>\r\n          </FormItem>\r\n\r\n          <!-- 驳回按钮 -->\r\n          <FormItem label=\"驳回按钮：\" :label-width=\"100\">\r\n            <i-switch class=\"switchPage\" v-model=\"configData.nodeBack\" :true-value=\"0\" :false-value=\"1\" :disabled=\"readOnly\" />\r\n          </FormItem>\r\n\r\n          <!-- 驳回操作 -->\r\n          <FormItem label=\"驳回操作：\" :label-width=\"100\" v-if=\"configData.category === 'Approval'\">\r\n\r\n            <Select v-model=\"configData.assignBack\" :disabled=\"readOnly\" >\r\n              <Option  :value=\"0\" :key=\"0\">动态指派(在流程中手动指派节点)</Option>\r\n              <Option  :value=\"1\" :key=\"1\">指定驳回节点</Option>\r\n            </Select>\r\n          </FormItem>\r\n          <FormItem :label-width=\"100\" v-if=\"configData.assignBack === 1 && configData.category === 'Approval'\">\r\n            <label slot=\"label\"><i class=\"requireStyle\">*</i>驳回节点：</label>\r\n            <Select v-model=\"configData.backId\" :disabled=\"readOnly\">\r\n                <Option v-for=\"item in rejectedNodes\" :value=\"item.value\" :key=\"item.value\">{{ item.label }}</Option>\r\n            </Select>\r\n          </FormItem>\r\n          <!-- <FormItem label=\"操作人：\" :label-width=\"100\" v-if=\"(configData.assignBack === 0 || configData.assignBack === 1) && configData.category === 'Approval'\">\r\n            <Select v-model=\"configData.assignApprover\" :disabled=\"readOnly\" >\r\n              <Option  :value=\"0\" :key=\"0\">动态指派(手动指派驳回节点的操作人)</Option>\r\n              <Option  :value=\"1\" :key=\"1\">默认(下一阶段设置的操作人)</Option>\r\n            </Select>\r\n          </FormItem> -->\r\n\r\n          <!-- 同意按钮 -->\r\n          <FormItem label=\"同意操作：\" :label-width=\"100\" v-if=\"configData.category === 'Approval'\">\r\n            <i-switch class=\"switchPage\" v-model=\"configData.nodeAgree\" :true-value=\"0\" :false-value=\"1\" :disabled=\"readOnly\" />\r\n          </FormItem>\r\n\r\n          <!-- 直接结束流程 -->\r\n          <FormItem label=\"直接结束流程:\"  :label-width=\"100\" v-if=\"configData.category === 'Approval'\">\r\n            <i-switch class=\"switchPage\" v-model=\"configData.manualConfig\" :true-value=\"'1'\" :false-value=\"'0'\" :disabled=\"readOnly\" />\r\n          </FormItem>\r\n\r\n\r\n          <!-- 跳转路径 -->\r\n          <FormItem label=\"跳转路径：\" :label-width=\"100\">\r\n            <Input v-model=\"configData.nodeUrl\" placeholder=\"请输入\" :disabled=\"readOnly\"/>\r\n          </FormItem>\r\n\r\n          <!-- 前置事件 -->\r\n          <FormItem label=\"前置事件：\" :label-width=\"100\">\r\n            <!-- <Input v-model=\"configData.nodeUrl\" placeholder=\"请输入\" :disabled=\"readOnly\"/> -->\r\n            <RuleConfig headTitle=\"前置事件规则\" :tableConfig=\"{tableId:configData.nodeFormId,tableName:configData.nodeForm}\" :defaultData=\"configData.preEvent\" @getResult=\"preEventResult\"></RuleConfig>\r\n          </FormItem>\r\n\r\n          <!-- 后置事件 -->\r\n          <FormItem label=\"后置事件：\" :label-width=\"100\">\r\n            <!-- <Input v-model=\"configData.nodeUrl\" placeholder=\"请输入\" :disabled=\"readOnly\"/> -->\r\n            <RuleConfig headTitle=\"后置事件规则\" :tableConfig=\"{tableId:configData.nodeFormId,tableName:configData.nodeForm}\" :defaultData=\"configData.behindEvent\" @getResult=\"behindEventResult\"></RuleConfig>\r\n          </FormItem>\r\n\r\n\r\n        </Form>\r\n      </div>\r\n\r\n      <div class=\"splitItem\">节点操作权限</div>\r\n      <div class=\"nodeSetbox\">\r\n        <Form>\r\n          <!-- 显示字段 -->\r\n          <FormItem label=\"显示字段：\" :label-width=\"100\">\r\n            <Row>\r\n                <Col span=\"19\">\r\n                    <DropMultiSelectFilter\r\n                      :disabled=\"readOnly\"\r\n                      :single=\"false\"\r\n                      :totalRowCount=\"modifyField.totalRowCount\"\r\n                      :pageSize=\"modifyField.pageSize\"\r\n                      @on-page-change=\"changePage\"\r\n                      :dataEmptyMessage=\"modifyField.dataEmptyMessage\"\r\n                      @on-input-value-change=\"inputChange\"\r\n                      @on-fkrp-selected=\"OnFkrpSelected\"\r\n                      @on-popper-show=\"onPopperShow\"\r\n                      @on-clear=\"onClear\"\r\n                      :data=\"modifyField.data\"\r\n                      :hidecolumns=\"modifyField.columns\"\r\n                      :AutoData=\"modifyField.AutoData\"\r\n                      :default-selected=\"modifyField.defaultSelected\"\r\n                      :columnsKey=\"modifyField.columnsKey\"\r\n                    ></DropMultiSelectFilter>\r\n                </Col>\r\n                <Col span=\"4\" offset=\"1\">\r\n                  <span style=\"color:#5B85E4;cursor:pointer\" v-if=\"configData.modifiableField.length > 0\" @click=\"modifiableFieldClick\">{{modifyTableShow?'关闭修改':'更改权限'}}</span>\r\n                  <span style=\"color:#ccc;cursor:pointer\" v-if=\"configData.modifiableField.length === 0\">更改权限</span>\r\n                </Col>\r\n            </Row>\r\n          </FormItem>\r\n          <FormItem v-if=\"modifyTableShow && configData.modifiableField.length > 0\">\r\n            <Row>\r\n              <Table border height=\"200\" :columns=\"modifyColumns\" :data=\"configData.modifiableField\"></Table>\r\n            </Row>\r\n          </FormItem>\r\n\r\n          <!-- 作废操作 -->\r\n          <FormItem label=\"作废操作：\" :label-width=\"100\">\r\n            <Select v-model=\"configData.nodeCancle\" :disabled=\"readOnly\" >\r\n              <Option  :value=\"0\" :key=\"0\">直接作废</Option>\r\n              <Option  :value=\"1\" :key=\"1\">发起作废(提交作废申请)</Option>\r\n              <Option  :value=\"2\" :key=\"2\">否(不显示作废按钮)</Option>\r\n            </Select>\r\n          </FormItem>\r\n          <FormItem  :label-width=\"100\" v-if=\"configData.nodeCancle === 1\">\r\n            <label slot=\"label\"><i class=\"requireStyle\">*</i>申请地址：</label>\r\n            <Input v-model=\"configData.cancleUrl\" placeholder=\"请输入\" :disabled=\"readOnly\"/>\r\n          </FormItem>\r\n\r\n          <!-- 指派流转节点 -->\r\n          <FormItem label=\"指派流转节点：\" :label-width=\"100\">\r\n            <Select v-model=\"configData.assignNext\" :disabled=\"readOnly\" >\r\n              <Option  :value=\"0\" :key=\"0\">是(可批量指派接下来几节点的审批人)</Option>\r\n              <Option  :value=\"1\" :key=\"1\">否(节点不需要流转)</Option>\r\n            </Select>\r\n          </FormItem>\r\n          <FormItem  :label-width=\"100\" v-if=\"configData.assignNext === 0\">\r\n            <label slot=\"label\"><i class=\"requireStyle\">*</i>节点范围：</label>\r\n            <Select v-model=\"configData.assignRange\" multiple :disabled=\"readOnly\" >\r\n              <Option v-for=\"item in assignedNodes\" :value=\"item.value\" :key=\"item.value\">{{ item.label }}</Option>\r\n            </Select>\r\n          </FormItem>\r\n\r\n\r\n        </Form>\r\n      </div>\r\n\r\n      <div class=\"splitItem\">超时设置</div>\r\n      <div class=\"nodeSetbox\">\r\n        <div class=\"boxItem\">\r\n          <Form>\r\n            <FormItem label=\"超时提醒:\" :label-width=\"100\">\r\n              <i-switch v-model=\"status1\" @on-change=\"change1\" :disabled=\"readOnly\" />\r\n            </FormItem>\r\n            <FormItem label=\"超时阀值:\" :label-width=\"100\" :required=\"status1\" v-if=\"status1\">\r\n              <Input v-model=\"setOvertime.threshold\" :regx=\"/^[1-9]\\d*$/\" :disabled=\"readOnly\">\r\n                <Select v-model=\"setOvertime.sources\" slot=\"append\" style=\"width:70px\" :disabled=\"readOnly\">\r\n                  <Option :value=\"0\">小时</Option>\r\n                  <Option :value=\"1\">天</Option>\r\n                </Select>\r\n              </Input>\r\n            </FormItem>\r\n            <FormItem label=\"邮箱接口:\" :label-width=\"100\" :required=\"status1\" v-if=\"status1\">\r\n              <Input v-model=\"setOvertime.handleValue\" :disabled=\"readOnly\" />\r\n              <!-- <Select v-model=\"setOvertime.handle_type\" slot=\"prepend\" style=\"width: 90px;dispaly:none\">\r\n                  <Option :value=\"11\">邮箱</Option>\r\n                  <Option :value=\"12\">钉钉消息</Option>\r\n              </Select>-->\r\n              <!-- <span class=\"tipMessage\">超过这个时间段系统将自动发送提醒消息</span> -->\r\n            </FormItem>\r\n          </Form>\r\n        </div>\r\n        <div class=\"boxItem\" v-if=\"configData.category === 'Approval'\">\r\n          <Form>\r\n            <FormItem label=\"自动处理:\" :label-width=\"100\">\r\n              <i-switch v-model=\"status2\" @on-change=\"change2\" :disabled=\"readOnly\" />\r\n            </FormItem>\r\n            <FormItem label=\"自动处理阀值:\" :label-width=\"100\" :required=\"status2\" v-if=\"status2\">\r\n              <Input v-model=\"autoDetail.threshold\" :regx=\"/^[1-9]\\d*$/\" :disabled=\"readOnly\">\r\n                <Select v-model=\"autoDetail.sources\" slot=\"append\" style=\"width: 70px\" :disabled=\"readOnly\">\r\n                  <Option :value=\"0\">小时</Option>\r\n                  <Option :value=\"1\">天</Option>\r\n                </Select>\r\n              </Input>\r\n            </FormItem>\r\n            <FormItem label=\"自动处理方式:\" :label-width=\"100\" :required=\"status2\" v-if=\"status2\">\r\n              <Select v-model=\"autoDetail.handleType\" :disabled=\"readOnly\">\r\n                <Option :value=\"20\">同意</Option>\r\n                <Option :value=\"21\">驳回</Option>\r\n              </Select>\r\n            </FormItem>\r\n          </Form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <p>\r\n      <Button type=\"fcdefault\" @click=\"closeDrawer\">取消</Button>\r\n      <Button type=\"primary\" @click=\"saveConfig\" v-if=\"!readOnly\">确定</Button>\r\n    </p>\r\n  </div>\r\n</template>\r\n<script>\r\nimport complexPop from \"@/components/complexPop\";\r\nimport RuleConfig from \"@/components/RuleConfig\"\r\nexport default {\r\n  name: \"DynamicProcessNodeConfig\",\r\n  components: { complexPop, RuleConfig },\r\n  props: {\r\n    configData: {\r\n      type: Object,\r\n      default() {\r\n        return {};\r\n      }\r\n    },\r\n    TABLE_ID: {\r\n    }, //模版第一步配置表数据\r\n    node:{},  //当前节点\r\n    status:null,\r\n    rejectedNodes:{\r\n      type: Array,\r\n      default: () => {\r\n        return []\r\n      }\r\n    },\r\n    assignedNodes:{\r\n      type: Array,\r\n      default: () => {\r\n        return []\r\n      }\r\n    },\r\n    readOnly:{\r\n      type:Boolean,\r\n      default:false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      //节点表的配置\r\n      tableConfig:{\r\n        props:{\r\n          columnsKey: ['NAME'],\r\n          AutoData: [],\r\n          hidecolumns: ['id'],\r\n          data: {},\r\n          totalRowCount: 0,\r\n          defaultSelected: [],\r\n          isBackRowItem: true\r\n        },\r\n        event:{\r\n          'on-input-value-change': (value) => {\r\n              // 外键的模糊搜索\r\n              this.tableConfig.props.AutoData = []\r\n              this.$network.post('/p/c/meta/table/list',{DESCRIPTION:value}).then(res => {\r\n                if(res.data.code === 0){\r\n                  // this.row = res.data.data.row.concat([])\r\n                  this.tableConfig.props.AutoData = res.data.data.row.reduce((arr,item) => {\r\n                    arr.push({\r\n                      value:item.NAME.val,\r\n                      id:item.ID.val,\r\n                      NAME:item.DESCRIPTION.val\r\n                    })\r\n                    return arr\r\n                  },[]);\r\n                }\r\n\r\n              })\r\n          },\r\n          'on-popper-show': ($this) => {\r\n            // 当外键下拉站开始去请求数据\r\n            // this.freshDropDownSelectFilterData($this)\r\n            this.$network.post('/p/c/meta/table/list',{\r\n              pageSize:$this.pageSize,\r\n              page:1\r\n            }).then(res => {\r\n              if(res.data.code === 0){\r\n                res.data.data.tabth.forEach(item => {\r\n                  if(item.colname === 'DESCRIPTION'){\r\n                    item.isak = true\r\n                  }\r\n                  return item\r\n                })\r\n                this.tableConfig.props.data = res.data.data;\r\n                this.tableConfig.props.totalRowCount = res.data.data.totalRowCount;\r\n              }\r\n\r\n            })\r\n          },\r\n          'on-page-change': (currentPage, $this) => {\r\n            // 外键的分页查询\r\n            // this.freshDropDownSelectFilterData($this,currentPage)\r\n            this.$network.post('/p/c/meta/table/list',{\r\n              pageSize:$this.pageSize,\r\n              page:currentPage\r\n            }).then(res => {\r\n              if(res.data.code === 0){\r\n                res.data.data.tabth.forEach(item => {\r\n                  if(item.colname === 'DESCRIPTION'){\r\n                    item.isak = true\r\n                  }\r\n                  return item\r\n                })\r\n                this.tableConfig.props.data = res.data.data;\r\n                this.tableConfig.props.totalRowCount = res.data.data.totalRowCount;\r\n              }\r\n\r\n            })\r\n          },\r\n          'on-blur':(event,instance) => {\r\n            // if(Object.prototype.toString.call(this.data.businessType) !== '[object Array]' || this.data.businessType.length === 0){\r\n            //   instance.inputValue = ''\r\n\r\n            //   /*\r\n            //     todo\r\n            //     清空所有和主表有关的数据\r\n            //   */\r\n\r\n            // }\r\n          },\r\n          'on-fkrp-selected': (value) => {\r\n            if(value.length > 0){\r\n              this.configData.nodeForm = value[0].rowItem.NAME.val?value[0].rowItem.NAME.val:value[0].rowItem.NAME\r\n              this.configData.nodeFormId = value[0].ID\r\n              this.configData.nodeFormName = value[0].Label\r\n\r\n              this.getVisibleButtons()\r\n            }else{\r\n              this.configData.nodeForm = null\r\n              this.configData.nodeFormId = null\r\n              this.configData.nodeFormName = null\r\n            }\r\n\r\n            // 清除有关字段数据\r\n            this.onClear()\r\n            this.modifyField.defaultSelected = []\r\n            this.configData.behindEvent = []\r\n            this.configData.preEvent = []\r\n            this.configData.inevitableExts = []\r\n            this.configData.visibleBt = []\r\n          },\r\n          'on-clear': () => {\r\n            // 清除有关字段数据\r\n            this.onClear()\r\n            this.modifyField.defaultSelected = []\r\n            this.configData.behindEvent = []\r\n            this.configData.preEvent = []\r\n            this.configData.inevitableExts = []\r\n            this.configData.visibleBt = []\r\n\r\n            this.configData.nodeForm = null\r\n            this.configData.nodeFormId = null\r\n            this.configData.nodeFormName = null\r\n            this.tableConfig.props.AutoData = []\r\n              this.$network.post('/p/c/meta/table/list',{DESCRIPTION:''}).then(res => {\r\n                if(res.data.code === 0){\r\n                  this.tableConfig.props.AutoData = res.data.data.row.reduce((arr,item) => {\r\n                    arr.push({\r\n                      value:item.NAME.val,\r\n                      id:item.ID.val,\r\n                      NAME:item.DESCRIPTION.val\r\n                    })\r\n                    return arr\r\n                  },[]);\r\n                }\r\n              })\r\n          }\r\n        }\r\n      },\r\n\r\n      visibleButtons:[], // 可见按钮\r\n\r\n\r\n      //修改字段配置\r\n\r\n      // 可显示字段\r\n      modifyField: {\r\n        modifiable_field: \"选中的字段\",\r\n        modifiable_field_name: \"\", //选中的字段名称1\r\n        totalRowCount: 0, //数据总条数\r\n        pageSize: 10, //每页数据条数\r\n        dataEmptyMessage: \"数据为空\", //没数据时的提示\r\n        data: {}, //表格数据\r\n        columnsKey: [\"value\"], //input显示的字段\r\n        columns: [\"id\"], //模糊搜索隐藏的列\r\n        AutoData: [],\r\n        defaultSelected: []\r\n      },\r\n      modifyTableShow: false,\r\n      modifyColumns:[\r\n        {\r\n          title: '序号',\r\n          render: (h, params) => {\r\n              return h('span', {},params.index + 1);\r\n          }\r\n        },\r\n        {\r\n          title: '字段名',\r\n          key: 'Label'\r\n        },\r\n        // {\r\n        //   title: '必填',\r\n        //   key: 'isnotnull',\r\n        //   render: (h, params) => {\r\n        //       return h('Checkbox', {\r\n        //         props:{\r\n        //           'value':params.row.isnotnull\r\n        //         },\r\n        //         on:{\r\n        //           'on-change': (value) => {\r\n        //             this.configData.modifiableField[params.index].isnotnull = value\r\n        //           }\r\n        //         }\r\n        //       });\r\n        //   }\r\n        // },\r\n        {\r\n          title: '只读',\r\n          key: 'readonly',\r\n          render: (h, params) => {\r\n              return h('Checkbox', {\r\n                props:{\r\n                  'value':params.row.readonly\r\n                },\r\n                on:{\r\n                  'on-change': (value) => {\r\n                    this.configData.modifiableField[params.index].readonly = value\r\n                  }\r\n                }\r\n              });\r\n          }\r\n        },\r\n        {\r\n          title:'操作',\r\n          render:(h,params) => {\r\n            return h('span',{\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.configData.modifiableField = this.configData.modifiableField.filter((item,index) => index !== params.index)\r\n                  this.modifyField.defaultSelected = this.configData.modifiableField\r\n                  if(this.modifyField.defaultSelected.length === 0){\r\n                    this.modifyTableShow = false\r\n                  }\r\n                }\r\n              }\r\n            },'删除')\r\n          }\r\n        }\r\n      ],\r\n\r\n      pageBtnData: [\r\n        {\r\n          label: \"最少同意人数\",\r\n          icontype: 1,\r\n          color: \"#09A155\",\r\n          value: \"\"\r\n        },\r\n        {\r\n          label: \"同意状态别名\",\r\n          icontype: 1,\r\n          color: \"#09A155\",\r\n          value: \"\"\r\n        },\r\n        {\r\n          label: \"最少拒绝人数\",\r\n          icontype: 2,\r\n          color: \"#ED4014\",\r\n          value: \"\"\r\n        },\r\n        {\r\n          label: \"拒绝状态别名\",\r\n          icontype: 2,\r\n          color: \"#ED4014\",\r\n          value: \"\"\r\n        }\r\n      ],\r\n      status1: false, //超时提醒\r\n      status2: false, //自动处理\r\n      openControl: false, //控制弹框是否显示\r\n      loading: false, // z最大loading\r\n      resultData: {}, // 选中结果\r\n      open: false, // 是否打开\r\n      obj: {}, //传给table的对象\r\n      saveObj: {}, //存储的每次节点的对象\r\n      selectRow: [], //弹框多选单击一行的数据\r\n      approves: \"\", //审批相关数据\r\n      setOvertime: {\r\n        threshold: \"\",\r\n        sources: 0,\r\n        status: 1,\r\n        handleValue: \"\",\r\n        handleType: 11,\r\n        extraMsg: \"\"\r\n      },\r\n      autoDetail: {\r\n        threshold: \"\",\r\n        sources: 0,\r\n        status: 1,\r\n        handleType: 20,\r\n        extraMsg: \"\",\r\n        handleValue: \"\"\r\n      },\r\n      approvelList: [], //存放审批相关的数据\r\n      closeType: false, //控制审批确定取消显示状态\r\n      isCallInterface: false,\r\n\r\n      defaultObj:{},  //默认数据\r\n\r\n\r\n\r\n    };\r\n  },\r\n  computed: {\r\n    tableInfo () {\r\n      return {tableId:this.configData.nodeFormId,tableName:this.configData.nodeForm}\r\n    },\r\n    actServiceS() {\r\n      return [this.setOvertime, this.autoDetail];\r\n    }\r\n  },\r\n  watch: {\r\n    pageBtnData: {\r\n      handler(newVal) {\r\n\r\n        let temArr = [\r\n          {\r\n            actType: 0,\r\n            actName: newVal[1].value,\r\n            actLimit: newVal[0].value\r\n          },\r\n          {\r\n            actType: 1,\r\n            actName: newVal[3].value,\r\n            actLimit: newVal[2].value\r\n          }\r\n        ];\r\n        if (this.configData.ruleList.length < 1) {\r\n          this.configData.ruleList = temArr;\r\n        } else {\r\n          this.configData.ruleList.map((item) => {\r\n            temArr.map(inner => {\r\n              if (item.actType === inner.actType) {\r\n                item = Object.assign(item, inner);\r\n              }\r\n            });\r\n          });\r\n        }\r\n      },\r\n      deep: true\r\n    },\r\n    actServiceS: {\r\n      handler(newVal) {\r\n        this.configData.actServiceS = newVal;\r\n      },\r\n      deep: true\r\n    },\r\n    approvelList: {\r\n      handler(newVal) {\r\n        this.configData.approvelList = newVal;\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  methods: {\r\n    onBlur(event, ins, key) {\r\n      let res = /^[0-9]*$/;\r\n      if (res.test(key)) {\r\n        if (this.pageBtnData[key].value === \"\" && key == 0) {\r\n          this.$Message.warning(\"最少同意人数不能为空\");\r\n        }\r\n        if (this.pageBtnData[key].value === \"\" && key == 1) {\r\n          this.$Message.warning(\"同意状态别名不能为空\");\r\n        }\r\n        if (this.pageBtnData[key].value === \"\" && key == 2) {\r\n          this.$Message.warning(\"最少拒绝人数不能为空\");\r\n        }\r\n        if (this.pageBtnData[key].value === \"\" && key == 3) {\r\n          this.$Message.warning(\"拒绝状态别名不能为空\");\r\n        }\r\n      }\r\n    },\r\n    //可显字段下拉多选事件\r\n    OnFkrpSelected(selected) {\r\n      if(selected.length === 0){\r\n        this.modifyTableShow = false\r\n      }\r\n      selected.map(item => {\r\n        // item.isnotnull = false\r\n        item.readonly = false\r\n        return item\r\n      })\r\n      this.modifyField.modifiableField = selected;\r\n      this.configData.modifiableField = selected;\r\n    },\r\n    onPopperShow() {\r\n      //下拉多选\r\n      this.findField({ AD_TABLE_ID: this.configData.nodeFormId });\r\n    },\r\n    changePage(val) {\r\n      this.findField({\r\n        pageSize: this.modifyField.pageSize,\r\n        page: val,\r\n        AD_TABLE_ID: this.configData.nodeFormId\r\n      });\r\n    },\r\n    modifiableFieldClick () {  //可显字段只读/必填控制\r\n      if(this.modifyTableShow){  //保存权限\r\n\r\n      }else{  //更改权限\r\n\r\n      }\r\n\r\n      this.modifyTableShow = !this.modifyTableShow\r\n    },\r\n    //模糊查找input事件\r\n    inputChange(val) {\r\n      this.findField({ DESCRIPTION: val, AD_TABLE_ID: this.configData.nodeFormId });\r\n    },\r\n    onClear() {\r\n      this.modifyTableShow = false\r\n      this.modifyField.modifiableField = [];\r\n      this.configData.modifiableField = [];\r\n    }, //可显字段清除事件\r\n    change1(val) {\r\n      this.status1 = val;\r\n      this.setOvertime = {\r\n        threshold: \"\",\r\n        sources: 0,\r\n        status: 1,\r\n        handleValue: \"\",\r\n        handleType: 11,\r\n        extraMsg: \"\",\r\n        id:this.setOvertime.id\r\n      }\r\n\r\n      if (val) {\r\n        this.setOvertime.status = 0;\r\n      } else {\r\n        this.setOvertime.status = 1;\r\n      }\r\n    },\r\n    change2(val) {\r\n      this.status2 = val;\r\n      this.autoDetail = {\r\n        threshold: \"\",\r\n        sources: 0,\r\n        status: 1,\r\n        handleType: 20,\r\n        extraMsg: \"\",\r\n        handleValue: \"\",\r\n        id:this.autoDetail.id\r\n      }\r\n      if (val) {\r\n        this.autoDetail.status = 0;\r\n      } else {\r\n        this.autoDetail.status = 1;\r\n      }\r\n    },\r\n    getResult(data) {\r\n      this.resultData = Object.assign({}, data);\r\n      if (this.resultData.list.length > 0) {\r\n        this.approvelList = this.resultData.list.map(item => {\r\n          let tem = Object.assign({}, item);\r\n          delete tem.string;\r\n          return tem;\r\n        });\r\n      } else {\r\n        this.approvelList = [];\r\n      }\r\n    },\r\n    //获取可修改字段\r\n    findField(param) {\r\n      this.$network.post(\"/p/c/meta/column/list\", param).then(res => {\r\n        if (res.data.code === 0) {\r\n          if (param.hasOwnProperty(\"DESCRIPTION\")) {\r\n            this.modifyField.AutoData = [];\r\n            this.modifyField.AutoData = res.data.data.row.reduce(\r\n              (arr, item) => {\r\n                arr.push({\r\n                  value: item.DESCRIPTION.val,\r\n                  id: item.ID.val\r\n                });\r\n                return arr;\r\n              },\r\n              []\r\n            );\r\n          }\r\n          res.data.data.tabth.map(item => {\r\n            if (item.colname === \"DESCRIPTION\") {\r\n              item.isak = true;\r\n            } else {\r\n              item.isak = false;\r\n            }\r\n          });\r\n          this.modifyField.data = res.data.data;\r\n          this.modifyField.totalRowCount = res.data.data.totalRowCount;\r\n        }\r\n      });\r\n    },\r\n\r\n    saveConfig () {  //确定按钮点击\r\n\r\n      // 节点必经\r\n      if(this.configData.inevitable === 2 && (!this.configData.inevitableExts || this.configData.inevitableExts.length === 0)){\r\n        this.$Modal.fcError({\r\n            title: '错误',\r\n            content: '规则配置不能为空',\r\n            mask: true\r\n          })\r\n          return\r\n      }\r\n\r\n      // 操作人\r\n      if(this.configData.approverStyle === 0){  //直接选择\r\n        // 审批人为空\r\n        if(this.configData.approvelList && this.configData.approvelList.length === 0){\r\n          this.$Modal.fcError({\r\n            title: '错误',\r\n            content: '审批人不能为空',\r\n            mask: true\r\n          })\r\n\r\n          return\r\n        }\r\n      }else{  //扩展程序\r\n        // 扩展程序为空\r\n        if(this.configData.actionConfig[0] && !this.configData.actionConfig[0].handleValue){\r\n          this.$Modal.fcError({\r\n            title: '错误',\r\n            content: '扩展程序不能为空',\r\n            mask: true\r\n          })\r\n          return\r\n        }\r\n      }\r\n\r\n      // 审批条件\r\n      if(this.configData.approveCondition === 0){\r\n        // 最少同意人数\r\n        if(!this.pageBtnData[0].value){\r\n          this.$Modal.fcError({\r\n              title: '错误',\r\n              content: '最少同意人数不能为空',\r\n              mask: true\r\n            })\r\n          return\r\n        }\r\n        // 最少拒绝人数\r\n        if(!this.pageBtnData[2].value){\r\n          this.$Modal.fcError({\r\n              title: '错误',\r\n              content: '最少拒绝人数不能为空',\r\n              mask: true\r\n            })\r\n          return\r\n        }\r\n      }\r\n\r\n\r\n      // 驳回节点\r\n      if(this.configData.assignBack === 1 && !this.configData.backId){\r\n        this.$Modal.fcError({\r\n            title: '错误',\r\n            content: '驳回节点不能为空',\r\n            mask: true\r\n          })\r\n        return\r\n      }\r\n\r\n      // 作废操作 --发起作废申请\r\n      if(this.configData.nodeCancle === 1 && !this.configData.cancleUrl){\r\n        this.$Modal.fcError({\r\n            title: '错误',\r\n            content: '作废申请地址不能为空',\r\n            mask: true\r\n          })\r\n        return\r\n      }\r\n\r\n      // 指派流转节点\r\n      if(this.configData.assignNext === 0 && (!this.configData.assignRange || this.configData.assignRange.length === 0)){\r\n        this.$Modal.fcError({\r\n            title: '错误',\r\n            content: '节点范围不能为空',\r\n            mask: true\r\n          })\r\n        return\r\n      }\r\n\r\n      // 超时提醒\r\n      if(this.status1 && (!this.setOvertime.threshold || !this.setOvertime.handleValue)){\r\n        this.$Modal.fcError({\r\n            title: '错误',\r\n            content: '请填写完善超时提醒信息',\r\n            mask: true\r\n          })\r\n        return\r\n      }\r\n      //自动处理\r\n      if(this.status2 && (!this.autoDetail.threshold)){\r\n        this.$Modal.fcError({\r\n            title: '错误',\r\n            content: '请填写完善自动处理信息',\r\n            mask: true\r\n          })\r\n        return\r\n      }\r\n\r\n      // 控制自动处理时间大于超时提醒时间\r\n      if(this.status1 && this.status2){\r\n        let start = this.setOvertime.sources === 0?Number(this.setOvertime.threshold):Number(this.setOvertime.threshold)*24\r\n        let end = this.autoDetail.sources === 0?Number(this.autoDetail.threshold):Number(this.autoDetail.threshold)*24\r\n\r\n        if(start >= end){\r\n          this.$Modal.fcError({\r\n              title: '错误',\r\n              content: '超时提醒时间不能大于自动处理时间',\r\n              mask: true\r\n            })\r\n          return\r\n        }\r\n      }\r\n\r\n      let guiStyle = JSON.parse(this.$parent.$parent.myDesigner.getFlowData())\r\n      guiStyle.nodeDataArray.map(item => {\r\n        if(this.configData.key === item.key){\r\n          item.text = this.configData.name\r\n        }\r\n        return item\r\n      })\r\n\r\n\r\n      if((this.defaultObj.nodeFormId !== this.configData.nodeFormId) && this.defaultObj.nodeFormId){\r\n        this.$Modal.fcError({\r\n          title: '错误',\r\n          content: '当前节点的表单已修改，节点后的连线配置将会清空，是否确认保存？',\r\n          mask: true,\r\n          showCancel: true,\r\n          onOk: () => {\r\n            this.node.findLinksOutOf().map(item => {\r\n              delete this.$parent.$parent.pathMsg[item.data.key]\r\n\r\n              let guiStyle = JSON.parse(this.$parent.$parent.myDesigner.getFlowData())\r\n              guiStyle.linkDataArray = guiStyle.linkDataArray.filter(temp => temp.key !== item.data.key)\r\n            })\r\n            this.$parent.$parent.data.guiStyle = JSON.stringify(guiStyle)\r\n            this.$parent.$parent.init()\r\n            this.$emit('closeDrawer')\r\n          }\r\n        })\r\n        return\r\n      }else{\r\n        this.$parent.$parent.data.guiStyle = JSON.stringify(guiStyle)\r\n        this.$parent.$parent.init()\r\n        this.$emit('closeDrawer')\r\n      }\r\n\r\n    },\r\n    closeDrawer () {  //取消按钮点击\r\n      this.$parent.$parent.nodeMsg[Number(this.configData.key)] = this.defaultObj\r\n      this.$emit('closeDrawer')\r\n    },\r\n    approverStyleChange () {  //选择审批人类型切换\r\n      this.configData.actionConfig[0].handleValue = null\r\n      this.resultData = {}\r\n      this.approvelList = [];\r\n    },\r\n\r\n    // 审批条件 扩展\r\n    inevitableResult (value) {\r\n      this.configData.inevitableExts = value\r\n    },\r\n    preEventResult (value) {  //前置事件处理\r\n      this.configData.preEvent = value\r\n    },\r\n    behindEventResult (value) { //后置事件处理\r\n      this.configData.behindEvent = value\r\n    },\r\n    getVisibleButtons () { //获取可见按钮\r\n      this.$network.post('/p/cs/node/define/bt',{\r\n        id: this.configData.nodeFormId,\r\n        vueDispaly: 0\r\n      })\r\n      .then(res => {\r\n        if(res.data.resultCode === 0){\r\n          this.visibleButtons = res.data.data.difineData\r\n        }else{\r\n          this.visibleButtons = []\r\n        }\r\n      })\r\n    },\r\n    visibleBtChange (value) {  //可见按钮选择\r\n      if(value[0] === 'bSelect-all'){\r\n        this.configData.visibleBt = this.visibleButtons.reduce((arr,current) => {\r\n          arr.push(current.ID)\r\n          return arr\r\n        },[])\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    // 保存默认值\r\n    this.defaultObj = JSON.parse(JSON.stringify(this.configData))\r\n\r\n    if (this.configData.actionConfig.length === 0) {\r\n      this.configData.actionConfig = [\r\n        {\r\n          id: null,\r\n          handleType: 33,\r\n          handleValue: null,\r\n          extraMsg: null\r\n        }\r\n      ];\r\n    } else {\r\n      this.configData.actionConfig = [\r\n        {\r\n          id: this.configData.actionConfig[0].id,\r\n          handleType: 33,\r\n          handleValue: this.configData.actionConfig[0].handleValue,\r\n          extraMsg: this.configData.actionConfig[0].extraMsg\r\n        }\r\n      ];\r\n    }\r\n\r\n    if (this.configData.modifiableField) {\r\n      this.modifyField.defaultSelected = this.configData.modifiableField\r\n    }\r\n\r\n\r\n    if (\r\n      this.configData.approvelList &&\r\n      this.configData.approvelList.length > 0\r\n    ) {\r\n      this.configData.approvelList.map(item => {\r\n        let temObj = Object.assign({}, item);\r\n        this.approves += item.approveValueName?item.approveValueName:item.approve_value_name + \",\";\r\n        temObj.approve_type = temObj.approveType?temObj.approveType:temObj.approve_type;\r\n        temObj.approve_value = temObj.approveValue?temObj.approveValue:temObj.approve_value;\r\n        temObj.approve_value_name = item.approveValueName?item.approveValueName:item.approve_value_name;\r\n        delete temObj.approveType;\r\n        delete temObj.approveValue;\r\n        delete temObj.approveValueName;\r\n\r\n        let temL = Object.assign({}, temObj);\r\n        this.approvelList.push(temObj);\r\n        temL.string = item.approveValueName?item.approveValueName:item.approve_value_name;\r\n        this.resultData.list\r\n          ? this.resultData.list.push(temL)\r\n          : this.$set(this.resultData, \"list\", [temL]);\r\n      });\r\n      this.resultData.total\r\n        ? (this.resultData.total = this.resultData.list.length)\r\n        : this.$set(this.resultData, \"total\", this.resultData.list.length);\r\n      if (this.approves.length > 0) {\r\n        this.approves = this.approves.substring(0, this.approves.length - 1);\r\n      }\r\n    }\r\n\r\n    if (\r\n      this.configData.ruleList &&\r\n      this.configData.ruleList.length > 0\r\n    ) {\r\n      this.configData.ruleList.map(item => {\r\n        if (item.actType === 0) {\r\n          this.pageBtnData[1].value = item.actName;\r\n          this.pageBtnData[0].value = item.actLimit;\r\n        }\r\n        if (item.actType === 1) {\r\n          this.pageBtnData[3].value = item.actName;\r\n          this.pageBtnData[2].value = item.actLimit;\r\n        }\r\n      });\r\n    }\r\n\r\n    if (\r\n      this.configData.actServiceS &&\r\n      this.configData.actServiceS.length > 0\r\n    ) {\r\n      this.configData.actServiceS.map(item => {\r\n        if (item.handleType >= 20) {\r\n          this.autoDetail = item;\r\n        } else {\r\n          this.setOvertime = item;\r\n        }\r\n      });\r\n      this.setOvertime.status === 0\r\n        ? (this.status1 = true)\r\n        : (this.status1 = false);\r\n      this.autoDetail.status === 0\r\n        ? (this.status2 = true)\r\n        : (this.status2 = false);\r\n    } else {\r\n      this.configData.actServiceS = [\r\n        {\r\n          threshold: \"\",\r\n          sources: 0,\r\n          status: 1,\r\n          handleValue: \"\",\r\n          handleType: 11\r\n        },\r\n        {\r\n          threshold: \"\",\r\n          sources: 0,\r\n          status: 1,\r\n          handleType: 20,\r\n          handleValue: \"\"\r\n        }\r\n      ];\r\n    }\r\n\r\n    // 处理节点表配置默认值\r\n    if(this.configData.nodeFormId){\r\n      this.tableConfig.props.defaultSelected = [\r\n        {\r\n          ID: this.configData.nodeFormId,\r\n          Label: this.configData.nodeFormName\r\n        }\r\n      ]\r\n    }\r\n\r\n    // 可见按钮\r\n    if(this.configData.nodeFormId){\r\n      this.getVisibleButtons()\r\n    }\r\n  },\r\n  mounted() {\r\n    //this.getTreeData();\r\n    /**/\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.DynamicProcessNodeConfig {\r\n  overflow-y: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n  >p{\r\n      text-align: right;\r\n      margin-top: 16px;\r\n\r\n      >button:first-child{\r\n        margin-right: 10px;\r\n      }\r\n    }\r\n  >div{\r\n    flex: 1;\r\n    overflow: auto;\r\n  }\r\n  .nodeSetbox {\r\n    padding: 16px;\r\n    border: 1px solid #dcdee2;\r\n    .boxItem {\r\n      padding: 16px 40px;\r\n      border-bottom: 1px solid #dcdee2;\r\n      &:last-child {\r\n        border-bottom: none;\r\n      }\r\n    }\r\n    .tipMessage {\r\n      color: #929292;\r\n      line-height: 16px;\r\n    }\r\n    .burgeon-form-item {\r\n      margin-bottom: 16px;\r\n      &:last-child {\r\n        margin-bottom: 0px;\r\n      }\r\n    }\r\n    &:last-child {\r\n      padding: 0;\r\n    }\r\n  }\r\n  .requireStyle {\r\n    font-size: 14px;\r\n    vertical-align: middle;\r\n    color: red;\r\n    padding-top: 5px;\r\n    display: inline-block;\r\n  }\r\n  .splitItem {\r\n    font-size: 14px;\r\n    line-height: 40px;\r\n    color: #929292;\r\n    &:first-child{\r\n      margin-top: -10px;\r\n    }\r\n  }\r\n  .burgeon-fkrp-select-icon {\r\n    top: 2px;\r\n  }\r\n}\r\n</style>\r\n"]}]}