{"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\ProcessNodeConfig\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\ProcessNodeConfig\\index.vue","mtime":1619607677267},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQouUHJvY2Vzc05vZGVDb25maWcgew0KICBvdmVyZmxvdy15OiBoaWRkZW47DQogIGRpc3BsYXk6IGZsZXg7DQogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47DQogIGhlaWdodDogMTAwJTsNCiAgPnB7DQogICAgICB0ZXh0LWFsaWduOiByaWdodDsNCiAgICAgIG1hcmdpbi10b3A6IDE2cHg7DQoNCiAgICAgID5idXR0b246Zmlyc3QtY2hpbGR7DQogICAgICAgIG1hcmdpbi1yaWdodDogMTBweDsNCiAgICAgIH0NCiAgICB9DQogID5kaXZ7DQogICAgZmxleDogMTsNCiAgICBvdmVyZmxvdzogYXV0bzsNCiAgfQ0KICAubm9kZVNldGJveCB7DQogICAgcGFkZGluZzogMTZweDsNCiAgICBib3JkZXI6IDFweCBzb2xpZCAjZGNkZWUyOw0KICAgIC5ib3hJdGVtIHsNCiAgICAgIHBhZGRpbmc6IDE2cHggNDBweDsNCiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZGNkZWUyOw0KICAgICAgJjpsYXN0LWNoaWxkIHsNCiAgICAgICAgYm9yZGVyLWJvdHRvbTogbm9uZTsNCiAgICAgIH0NCiAgICB9DQogICAgLnRpcE1lc3NhZ2Ugew0KICAgICAgY29sb3I6ICM5MjkyOTI7DQogICAgICBsaW5lLWhlaWdodDogMTZweDsNCiAgICB9DQogICAgLmJ1cmdlb24tZm9ybS1pdGVtIHsNCiAgICAgIG1hcmdpbi1ib3R0b206IDE2cHg7DQogICAgICAmOmxhc3QtY2hpbGQgew0KICAgICAgICBtYXJnaW4tYm90dG9tOiAwcHg7DQogICAgICB9DQogICAgfQ0KICAgICY6bGFzdC1jaGlsZCB7DQogICAgICBwYWRkaW5nOiAwOw0KICAgIH0NCiAgfQ0KICAucmVxdWlyZVN0eWxlIHsNCiAgICBmb250LXNpemU6IDE0cHg7DQogICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsNCiAgICBjb2xvcjogcmVkOw0KICAgIHBhZGRpbmctdG9wOiA1cHg7DQogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICB9DQogIC5zcGxpdEl0ZW0gew0KICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICBsaW5lLWhlaWdodDogNDBweDsNCiAgICBjb2xvcjogIzkyOTI5MjsNCiAgICAmOmZpcnN0LWNoaWxkew0KICAgICAgbWFyZ2luLXRvcDogLTEwcHg7DQogICAgfQ0KICB9DQogIC5idXJnZW9uLWZrcnAtc2VsZWN0LWljb24gew0KICAgIHRvcDogMnB4Ow0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6qBA;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/ProcessNodeConfig","sourcesContent":["<template>\r\n  <!-- 过程节点配置 -->\r\n  <div class=\"ProcessNodeConfig\">\r\n    <div>\r\n      <div class=\"splitItem\">节点配置</div>\r\n      <div class=\"nodeSetbox\">\r\n        <Form>\r\n          <FormItem label=\"节点名称：\" :label-width=\"100\">\r\n            <Input v-model=\"configData.name\" placeholder=\"请输入\" :disabled=\"readOnly\"/>\r\n          </FormItem>\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          <FormItem>\r\n              <Row>\r\n                  <Col span=\"12\" 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                  <!-- <Col span=\"12\" offset=\"2\" style=\"display:flex\" v-show=\"false\">\r\n                    <span>\r\n                      <Icon\r\n                        v-if=\"pageBtnData[1].color\"\r\n                        :type=\"pageBtnData[1].icontype===1?'ios-checkmark-circle':'ios-close-circle'\"\r\n                        :color=\"pageBtnData[1].color\"\r\n                      />\r\n                      {{pageBtnData[1].label}}：\r\n                    </span>\r\n                    <Input v-model=\"pageBtnData[1].value\"  style=\"flex:1\" />\r\n                  </Col> -->\r\n              </Row>\r\n          </FormItem>\r\n          <FormItem>\r\n              <Row>\r\n                  <Col span=\"12\" 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                  <!-- <Col span=\"12\" offset=\"2\" style=\"display:flex\"  v-show=\"false\">\r\n                    <span>\r\n                      <Icon\r\n                        v-if=\"pageBtnData[3].color\"\r\n                        :type=\"pageBtnData[3].icontype===1?'ios-checkmark-circle':'ios-close-circle'\"\r\n                        :color=\"pageBtnData[3].color\"\r\n                      />\r\n                      {{pageBtnData[3].label}}：\r\n                    </span>\r\n                    <Input v-model=\"pageBtnData[3].value\"  style=\"flex:1\" />\r\n                  </Col> -->\r\n              </Row>\r\n          </FormItem>\r\n          <FormItem label=\"直接结束流程:\"  :label-width=\"100\" >\r\n            <i-switch class=\"switchPage\" v-model=\"configData.manualConfig\" :true-value=\"'1'\" :false-value=\"'0'\" :disabled=\"readOnly\" />\r\n          </FormItem>\r\n          <FormItem label=\"驳回流程：\" :label-width=\"100\">\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        </Form>\r\n      </div>\r\n      <div class=\"splitItem\">审批人可修改字段配置</div>\r\n      <div class=\"nodeSetbox\">\r\n        <Form>\r\n          <FormItem label=\"可修改字段：\" :label-width=\"90\">\r\n            <DropDownSelectFilter\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            ></DropDownSelectFilter>\r\n          </FormItem>\r\n        </Form>\r\n      </div>\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\">\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\nexport default {\r\n  name: \"ProcessNodeConfig\",\r\n  components: { complexPop },\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    status:null,\r\n    rejectedNodes:{\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      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      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  computed: {\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      this.modifyField.modifiableField = \"\";\r\n      this.modifyField.modifiableFieldName = \"\";\r\n      let str = \"\";\r\n      let name = \"\";\r\n      selected.map(item => {\r\n        str += item.ID + \",\";\r\n        name += item.Label + \",\";\r\n      });\r\n      if (str.length > 0) {\r\n        str = str.substring(0, str.length - 1);\r\n      }\r\n      if (selected.length > 0) {\r\n        name = name.substring(0, name.length - 1);\r\n      }\r\n      this.modifyField.modifiableField = str.trim();\r\n      this.configData.modifiableField = str.trim();\r\n      this.modifyField.modifiableFieldName = name.trim();\r\n      this.configData.modifiableFieldName = name.trim();\r\n    },\r\n    onPopperShow() {\r\n      //下拉多选\r\n      this.findField({ AD_TABLE_ID: this.TABLE_ID[0].ID });\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.TABLE_ID[0].ID\r\n      });\r\n    },\r\n    //模糊查找input事件\r\n    inputChange(val) {\r\n      this.findField({ DESCRIPTION: val, AD_TABLE_ID: this.TABLE_ID[0].ID });\r\n    },\r\n    onClear() {\r\n      this.modifyField.modifiableField = \"\";\r\n      this.configData.modifiableField = \"\";\r\n      this.modifyField.modifiableFieldName = \"\";\r\n      this.configData.modifiableFieldName = \"\";\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      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      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      // if(!this.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.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      this.$parent.$parent.data.guiStyle = JSON.stringify(guiStyle)\r\n      this.$parent.$parent.init()\r\n      this.$emit('closeDrawer')\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  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.configData.modifiableField.split(\",\").map((item, index) => {\r\n        this.modifyField.defaultSelected.push({ ID: item });\r\n      });\r\n    }\r\n    if (this.configData.modifiableFieldName) {\r\n      this.configData.modifiableFieldName.split(\",\").map((item, index) => {\r\n        this.modifyField.defaultSelected[index].Label = item;\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    // this.getTreeData();\r\n    // this.findField({ AD_TABLE_ID: this.TABLE_ID });\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.ProcessNodeConfig {\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\r\n\r\n"]}]}