{"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\ServiceNodeConfig\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\ServiceNodeConfig\\index.vue","mtime":1623215520059},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLnNlcnZpY2Utbm9kZS1jb25maWcgew0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIHdpZHRoOiA0NDBweDsNCiAgLm5vZGUtbmFtZSB7DQogICAgZm9udC1zaXplOiAxNHB4Ow0KICAgIGZvbnQtZmFtaWx5OiBQaW5nRmFuZ1NDLVJlZ3VsYXIsIFBpbmdGYW5nIFNDOw0KICAgIGZvbnQtd2VpZ2h0OiA0MDA7DQogICAgY29sb3I6IHJnYmEoMTQ2LCAxNDYsIDE0NiwgMSk7DQogICAgbGluZS1oZWlnaHQ6IDIwcHg7DQogICAgbWFyZ2luLWJvdHRvbTogMTBweDsNCiAgfQ0KICAubm9kZS1jb25maWctY29udGVudCB7DQogICAgd2lkdGg6IDQ0MHB4Ow0KICAgIGhlaWdodDogNTEzcHg7DQogICAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAxKTsNCiAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDIyMCwgMjIyLCAyMjYsIDEpOw0KICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7DQogICAgcGFkZGluZzogMXB4IDM5cHggMTdweDsNCiAgICAuSXRlbUNvbXBvbmVudFJvb3Qgew0KICAgICAgcGFkZGluZy10b3A6IDE2cHg7DQogICAgICAuaXRlbUNvbXBvbmVudCB7DQogICAgICAgIG92ZXJmbG93OiB2aXNpYmxlOw0KICAgICAgfQ0KICAgIH0NCiAgfQ0KICAuYnRuQXJlYSB7DQogICAgbWFyZ2luLXRvcDogMTZweDsNCiAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgcmlnaHQ6IDA7DQogICAgLmNhbmNlbCB7DQogICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDkxLCAxMzMsIDIyOCwgMSk7DQogICAgICBjb2xvcjogcmdiYSg5MSwgMTMzLCAyMjgsIDEpOw0KICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KICAgIH0NCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgaA;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/ServiceNodeConfig","sourcesContent":["/* 服务节点配置 */\r\n<template>\r\n  <div class=\"service-node-config\">\r\n    <div class=\"node-name\">节点配置</div>\r\n    <FormItemComponent\r\n      class=\"node-config-content\"\r\n      :formItemLists=\"formLists\"\r\n      :buttonType=\"false\"\r\n      :defaultColumn=\"1\"\r\n      @formChange=\"formChange\"\r\n    ></FormItemComponent>\r\n    <div class=\"btnArea\">\r\n      <Button type=\"text\" class=\"cancel\" @click=\"cancel\">取消</Button>\r\n      <Button type=\"primary\" @click=\"ok\">确定</Button>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport FormItemComponent from \"@/components/FormItemComponent\";\r\nimport ItemComponent from \"@/components/ItemComponent\";\r\nexport default {\r\n  components: { FormItemComponent },\r\n  props: {\r\n    configData: {\r\n      type: Object,\r\n      default: () => {\r\n        return {};\r\n      }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      formLists: [\r\n        {\r\n          row: 1,\r\n          col: 1,\r\n          component: ItemComponent,\r\n          item: {\r\n            type: \"select\",\r\n            title: \"服务实现\",\r\n            filed: \"handleType\",\r\n            value: \"\",\r\n            required: true,\r\n            // show: true, //控制组件是否显示\r\n            props: {\r\n              clearable: false\r\n            },\r\n            options: [\r\n              // {\r\n              //   value: 51,\r\n              //   label: \"RESET\"\r\n              // },\r\n              // {\r\n              //   value: 52,\r\n              //   label: \"消息系统\"\r\n              // }\r\n            ],\r\n            event: {\r\n              change: val => {\r\n                this.onChange(val);\r\n              }\r\n            }\r\n          }\r\n        },\r\n        {\r\n          row: 1,\r\n          col: 1,\r\n          component: ItemComponent,\r\n          item: {\r\n            type: \"select\",\r\n            title: \"请求状态\",\r\n            filed: \"requestStaus\",\r\n            required: true,\r\n            value: \"\",\r\n            hidden: true, //是否隐藏该字段\r\n            props: {\r\n              regx: /^[0-9]*$/\r\n            },\r\n            options: [\r\n              {\r\n                value: 1,\r\n                label: \"异步\"\r\n              },\r\n              {\r\n                value: 2,\r\n                label: \"同步\"\r\n              }\r\n            ],\r\n            event: {\r\n              change: val => {\r\n                this.statusChange(val);\r\n              }\r\n            }\r\n          }\r\n        },\r\n        {\r\n          row: 1,\r\n          col: 1,\r\n          component: ItemComponent,\r\n          item: {\r\n            type: \"selectInput\",\r\n            title: \"重试次数\",\r\n            filed: \"tryNum\",\r\n            required: true,\r\n            hidden: true,\r\n            value: \"\",\r\n            slot: true,\r\n            slotValue: \"\",\r\n            slotfiled: \"tryType\",\r\n            props: {\r\n              readonly: false\r\n            }\r\n          }\r\n        },\r\n        {\r\n          row: 1,\r\n          col: 1,\r\n          component: ItemComponent,\r\n          item: {\r\n            type: \"Switch\",\r\n            title: \"阻塞\",\r\n            filed: \"block\",\r\n            value: false,\r\n            hidden: true\r\n          }\r\n        },\r\n        {\r\n          row: 1,\r\n          col: 1,\r\n          component: ItemComponent,\r\n          item: {\r\n            type: \"input\",\r\n            title: \"URL\",\r\n            filed: \"url\",\r\n            required: true,\r\n            hidden: true\r\n            // props: {\r\n            //   regx: /^[0-9]*$/\r\n            // }\r\n          }\r\n        },\r\n        {\r\n          row: 1,\r\n          col: 1,\r\n          component: ItemComponent,\r\n          item: {\r\n            type: \"select\",\r\n            title: \"消息类型\",\r\n            filed: \"msgType\",\r\n            value: null,\r\n            required: true,\r\n            hidden: true, //控制组件是否显示\r\n            props: {\r\n            },\r\n            options: [],\r\n            event: {\r\n              change: val => {\r\n                \r\n              }\r\n            }\r\n          }\r\n        },\r\n        {\r\n          row: 1,\r\n          col: 1,\r\n          component: ItemComponent,\r\n          item: {\r\n            type: \"input\",\r\n            title: \"服务参数\",\r\n            filed: \"extraMsg\",\r\n            value: \"\",\r\n            required: true,\r\n            // show: true, //控制组件是否显示\r\n            props: {\r\n              \r\n            }\r\n          }\r\n        }\r\n      ],\r\n      defaultData: {}, //默认值\r\n      resultData: {}, //最终的结果\r\n      verifyMessage: \"\" //提示信息\r\n    };\r\n  },\r\n  computed: {\r\n    tryType: function() {\r\n      return this.formLists[2].item.slotValue;\r\n    }\r\n  },\r\n  watch: {\r\n    tryType: {\r\n      handler: function(newVal) {\r\n        if (newVal === 1) {\r\n          this.formLists[2].item.value = \"不限次数\";\r\n          this.formLists[2].item.props.readonly = true;\r\n          if(this.formLists[2].item.props.number){\r\n            this.formLists[2].item.props.number=false;\r\n          }\r\n          if(this.formLists[2].item.props.regx){\r\n            delete this.formLists[2].item.props.regx\r\n          }\r\n        } else {\r\n          this.formLists[2].item.props.readonly = false;\r\n          this.formLists[2].item.value=''\r\n          this.formLists[2].item.props.number?this.formLists[2].item.props.number=true:this.$set(this.formLists[2].item.props, \"number\", true);\r\n          this.$set(this.formLists[2].item.props,'regx',/^[0-9]*$/);\r\n        }\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  methods: {\r\n    getTypes () {\r\n      this.$network.post('/p/cs/node/service/type',{})\r\n        .then(res => {\r\n          if(res.data.resultCode === 0){\r\n            this.formLists = this.formLists.map(temp => {\r\n              if(temp.item.filed === 'handleType'){\r\n                temp.item.options = res.data.data.serviceType\r\n              }\r\n\r\n              if(temp.item.filed === 'msgType'){\r\n                temp.item.options = res.data.data.msgType\r\n              }\r\n\r\n              return temp\r\n            })\r\n          }\r\n        })\r\n    },\r\n    statusChange(val) {\r\n      if (val === 2) {\r\n        this.formLists = this.formLists.map(item => {\r\n          if (item.item.filed === \"requestStaus\") {\r\n            item.item.value = val;\r\n          }\r\n          if (item.item.filed === \"tryNum\") {\r\n            delete item.item.hidden;\r\n          }\r\n          if (item.item.filed === \"block\") {\r\n            delete item.item.hidden;\r\n          }\r\n          return item;\r\n        });\r\n      } else {\r\n        this.formLists = this.formLists.map(item => {\r\n          if (item.item.filed === \"requestStaus\") {\r\n            item.item.value = val;\r\n          }\r\n          if (item.item.filed === \"tryNum\") {\r\n            item.item.hidden = true;\r\n            item.item.value='';\r\n            item.item.slotValue='';\r\n          }\r\n          if (item.item.filed === \"block\") {\r\n            item.item.hidden = true;\r\n            item.item.value='';\r\n          }\r\n          return item;\r\n        });\r\n      }\r\n    }, //请求状态change事件\r\n    onChange(val) {\r\n      if (val === 51) {\r\n        this.formLists = this.formLists.map(item => {\r\n          if (item.item.filed === \"handleType\") {\r\n            item.item.value = val;\r\n          }\r\n          if (item.item.filed === \"requestStaus\") {\r\n            delete item.item.hidden;\r\n          }\r\n          if (item.item.filed === \"url\") {\r\n            delete item.item.hidden;\r\n          }\r\n\r\n          if (item.item.filed === \"msgType\") {\r\n            item.item.hidden = true;\r\n            item.item.value='';\r\n          }\r\n          return item;\r\n        });\r\n      } else {\r\n        this.formLists = this.formLists.map(item => {\r\n          if (item.item.filed === \"handleType\") {\r\n            item.item.value = val;\r\n          }\r\n          if (item.item.filed === \"requestStaus\") {\r\n            item.item.hidden = true;\r\n            item.item.value='';\r\n          }\r\n          if (item.item.filed === \"url\") {\r\n            item.item.hidden = true;\r\n            item.item.value='';\r\n          }\r\n          if (item.item.filed === \"tryNum\") {\r\n            item.item.hidden = true;\r\n            item.item.value='';\r\n            item.item.slotValue='';\r\n          }\r\n          if (item.item.filed === \"block\") {\r\n            item.item.hidden = true;\r\n            item.item.value='';\r\n          }\r\n\r\n          if (item.item.filed === \"msgType\") {\r\n            item.item.hidden = false;\r\n            item.item.value='';\r\n          }\r\n          return item;\r\n        });\r\n      }\r\n    }, //服务实现change事件\r\n    formChange(data) {\r\n      let result = Object.assign({}, data);\r\n      Object.keys(result).forEach(item => {\r\n        this.formLists.forEach(inner => {\r\n          if (item === inner.item.filed) {\r\n            inner.item.value = result[item];\r\n          }\r\n          if (inner.item.type === \"selectInput\") {\r\n            if (item === inner.item.slotfiled) {\r\n              inner.item.slotValue = result[item];\r\n            }\r\n          }\r\n        });\r\n      });\r\n    },\r\n    checkMessage(item, title) {\r\n      let tipMessage = \"\";\r\n      if (item.type !== \"selectInput\") {\r\n        tipMessage = item.rexMessage || \"请输入\" + title;\r\n      } else {\r\n        tipMessage = \"尝试类型与尝试次数都不能为空\";\r\n      }\r\n      this.verifyMessage = tipMessage;\r\n      return this.verifyMessage;\r\n    }, //提示信息\r\n    verifyCheck(item, required,hidden) {\r\n      if (required && required === true && (!item.item.value && item.item.value !== 0) && !hidden) {\r\n        if (item.item.type === \"selectInput\") {\r\n          if (!item.item.value || !item.item.slotValue) {\r\n            this.checkMessage(item.item, item.item.title);\r\n          }\r\n        } else {\r\n          this.checkMessage(item.item, item.item.title);\r\n        }\r\n        return true;\r\n      } else {\r\n        return false;\r\n      }\r\n    },\r\n    verify() {\r\n      this.verifyMessage = \"\";\r\n      this.formLists.some(item => {\r\n        return this.verifyCheck(item, item.item.required,item.item.hidden);\r\n      });\r\n      return this.verifyMessage;\r\n    }, //调用校验函数\r\n    ok() {\r\n      if (this.verify() !== \"\") {\r\n        this.$Message.warning(this.verify());\r\n        return false;\r\n      }\r\n      let handleValue = {};\r\n      this.formLists.forEach(item => {\r\n        if (item.item.filed == \"handleType\" || item.item.filed === \"extraMsg\") {\r\n          this.$set(this.resultData, item.item.filed, item.item.value);\r\n        } else {\r\n          handleValue[item.item.filed] = item.item.value;\r\n          if (item.item.type === \"selectInput\") {\r\n            handleValue[item.item.slotfiled] = item.item.slotValue;\r\n          }\r\n        }\r\n      });\r\n      this.$set(this.resultData, \"handleValue\", handleValue);\r\n      this.configData.actionConfig[0] = this.resultData\r\n      this.$emit('closeDrawer')\r\n    }, //确定\r\n    cancel() {\r\n      this.$parent.$parent.nodeMsg[Number(this.configData.key)] = this.defaultData\r\n      this.$emit('closeDrawer')\r\n    } //取消\r\n  },\r\n  created () {\r\n    this.getTypes()\r\n  },\r\n  mounted() {\r\n    this.defaultData = JSON.parse(JSON.stringify(this.configData))\r\n    if (this.configData.actionConfig[0]) {\r\n      Object.keys(this.configData.actionConfig[0]).forEach(key => {\r\n        this.formLists.forEach(item => {\r\n          if (key === item.item.filed) {\r\n            item.item.value = this.configData.actionConfig[0][key];\r\n          }\r\n        });\r\n      });\r\n      if (this.configData.actionConfig[0].handleValue) {\r\n        Object.keys(this.configData.actionConfig[0].handleValue).forEach(key => {\r\n          this.formLists.forEach(item => {\r\n            if (key === item.item.filed) {\r\n              item.item.value = this.configData.actionConfig[0].handleValue[key];\r\n              if(this.configData.actionConfig[0].handleValue[key]){\r\n                item.item.hidden=false;\r\n              }\r\n            }\r\n            if (key === item.item.slotfiled) {\r\n              item.item.slotValue = this.configData.actionConfig[0].handleValue[key];\r\n            }\r\n          });\r\n        });\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.service-node-config {\r\n  position: relative;\r\n  width: 440px;\r\n  .node-name {\r\n    font-size: 14px;\r\n    font-family: PingFangSC-Regular, PingFang SC;\r\n    font-weight: 400;\r\n    color: rgba(146, 146, 146, 1);\r\n    line-height: 20px;\r\n    margin-bottom: 10px;\r\n  }\r\n  .node-config-content {\r\n    width: 440px;\r\n    height: 513px;\r\n    background: rgba(255, 255, 255, 1);\r\n    border: 1px solid rgba(220, 222, 226, 1);\r\n    box-sizing: border-box;\r\n    padding: 1px 39px 17px;\r\n    .ItemComponentRoot {\r\n      padding-top: 16px;\r\n      .itemComponent {\r\n        overflow: visible;\r\n      }\r\n    }\r\n  }\r\n  .btnArea {\r\n    margin-top: 16px;\r\n    position: absolute;\r\n    right: 0;\r\n    .cancel {\r\n      border: 1px solid rgba(91, 133, 228, 1);\r\n      color: rgba(91, 133, 228, 1);\r\n      margin-right: 10px;\r\n    }\r\n  }\r\n}\r\n</style>"]}]}