| 1 |
- {"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"]}]}
|
