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