1 |
- {"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\RuleConfig\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\RuleConfig\\index.vue","mtime":1623215520047},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgVVJMQW5kRmllbGQgZnJvbSAiQC9jb21wb25lbnRzL1VSTEFuZEZpZWxkIjsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgY29tcG9uZW50czogeyBVUkxBbmRGaWVsZCB9LA0KICBwcm9wczogew0KICAgIG1vZGFsVGl0bGU6IHsNCiAgICAgIHR5cGU6IFN0cmluZywNCiAgICAgIGRlZmF1bHQ6ICLop4TliJnphY3nva4iDQogICAgfSwNCiAgICBoZWFkVGl0bGU6IHsNCiAgICAgIHR5cGU6IFN0cmluZywNCiAgICAgIGRlZmF1bHQ6ICLoioLngrnlv4Xnu4/op4TliJkiDQogICAgfSwNCiAgICBkZWZhdWx0RGF0YTogew0KICAgICAgdHlwZTogQXJyYXksDQogICAgICBkZWZhdWx0OiAoKSA9PiB7DQogICAgICAgIHJldHVybiBbXTsNCiAgICAgIH0NCiAgICB9LA0KICAgIHRhYmxlQ29uZmlnOiB7DQogICAgICB0eXBlOiBPYmplY3QsDQogICAgICBkZWZhdWx0OiAoKSA9PiB7DQogICAgICAgIHJldHVybiB7fTsNCiAgICAgIH0NCiAgICB9DQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIHNob3dWYWx1ZTogIiIsIC8v6L6T5YWl5qGG57uR5a6a5YC8DQogICAgICBvcGVuQ29udHJvbDogZmFsc2UsIC8v5o6n5Yi25by55qGG5omT5byA6L+Y5piv5YWz6ZetDQogICAgICBydWxlTGlzdHM6IFsNCiAgICAgICAgew0KICAgICAgICAgIHNob3dUaXA6IGZhbHNlLA0KICAgICAgICAgIGNvbmZpZzoge30NCiAgICAgICAgfQ0KICAgICAgXSwNCiAgICAgIGlzQWN0aXZlOiBmYWxzZSwgLy/mmK/lkKbmv4DmtLsNCiAgICB9Ow0KICB9LA0KICBtZXRob2RzOiB7DQogICAgb25JY29uY2xpY2soKSB7DQogICAgICB0aGlzLm9wZW5Db250cm9sID0gdHJ1ZTsNCiAgICB9LCAvL+i+k+WFpeahhuWbvuagh+eCueWHu+S6i+S7tg0KICAgIG9rKCkgew0KICAgICAgdGhpcy4kZW1pdCgiZ2V0UmVzdWx0Iik7DQogICAgfSwgLy/noa7lrpoNCiAgICBjYW5jZWwoKSB7fSwgLy/lj5bmtogNCiAgICBhZGRSdWxlKCkgew0KICAgICAgdGhpcy5ydWxlTGlzdHMucHVzaCh7DQogICAgICAgIHNob3dUaXA6IGZhbHNlLA0KICAgICAgICBjb25maWc6IHt9DQogICAgICB9KTsNCiAgICB9LCAvL+a3u+WKoOinhOWImQ0KICAgIGNsaWNrSXRlbShpbmRleCkgew0KICAgICAgdGhpcy5ydWxlTGlzdHNbaW5kZXhdLnNob3dUaXAgPSAhdGhpcy5ydWxlTGlzdHNbaW5kZXhdLnNob3dUaXA7DQogICAgfSwgLy/muIXpmaTop4TliJkNCiAgICB1cChpbmRleCkgew0KICAgICAgbGV0IGN1cnJlbnQgPSB0aGlzLnJ1bGVMaXN0c1tpbmRleF07DQogICAgICB0aGlzLnJ1bGVMaXN0cy5zcGxpY2UoaW5kZXggLSAxLCAxLCBjdXJyZW50KTsNCiAgICAgIHRoaXMucnVsZUxpc3RzLnNwbGljZShpbmRleCArIDEsIDEpOw0KICAgIH0sIC8v5LiK56e7DQogICAgVG9wKGluZGV4KSB7DQogICAgICBsZXQgY3VycmVudCA9IHRoaXMucnVsZUxpc3RzW2luZGV4XTsNCiAgICAgIHRoaXMucnVsZUxpc3RzLnNwbGljZShpbmRleCwgMSk7DQogICAgICB0aGlzLnJ1bGVMaXN0cy51bnNoaWZ0KGN1cnJlbnQpOw0KICAgIH0sIC8v572u6aG2DQogICAgZGVsZXRlSXRlbShpbmRleCkgew0KICAgICAgdGhpcy5ydWxlTGlzdHMuc3BsaWNlKGluZGV4LCAxKTsNCiAgICB9IC8v5Yig6ZmkDQogIH0sDQogIG1vdW50ZWQoKSB7fQ0KfTsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA;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;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/RuleConfig","sourcesContent":["/* 规则配置 */\r\n<template>\r\n <div class=\"rule-config\">\r\n <Input\r\n v-model=\"showValue\"\r\n placeholder=\"请输入\"\r\n icon=\"ios-funnel-outline\"\r\n @on-click=\"onIconclick\"\r\n disabled\r\n />\r\n <Modal\r\n v-model=\"openControl\"\r\n :title=\"modalTitle\"\r\n :mask=\"true\"\r\n :mask-closable=\"false\"\r\n :width=\"472\"\r\n @on-ok=\"ok\"\r\n @on-cancel=\"cancel\"\r\n >\r\n <div class=\"modalCotent\">\r\n <div class=\"content-head\">\r\n <span class=\"head-tip\">{{headTitle}}</span>\r\n <span class=\"head-operate\" @click=\"addRule\">添加事件</span>\r\n </div>\r\n <div class=\"rule-item\" v-for=\"(item,index) in ruleLists\" :key=\"index\">\r\n <i class=\"iconfont iconmd-settings clear-item\" @click=\"clickItem(index)\"></i>\r\n <div class=\"setting\" v-if=\"item.showTip\">\r\n <div v-bind:class=\"[isActive?'active':'normal']\" @click=\"up(index)\">上移</div>\r\n <div v-bind:class=\"[isActive?'active':'normal']\" @click=\"Top(index)\">置顶</div>\r\n <div v-bind:class=\"[isActive?'active':'normal']\" @click=\"deleteItem(index)\">删除</div>\r\n </div>\r\n <URLAndField :item=\"item.config\" :tableConfig=\"tableConfig\" />\r\n </div>\r\n </div>\r\n </Modal>\r\n </div>\r\n</template>\r\n<script>\r\nimport URLAndField from \"@/components/URLAndField\";\r\nexport default {\r\n components: { URLAndField },\r\n props: {\r\n modalTitle: {\r\n type: String,\r\n default: \"规则配置\"\r\n },\r\n headTitle: {\r\n type: String,\r\n default: \"节点必经规则\"\r\n },\r\n defaultData: {\r\n type: Array,\r\n default: () => {\r\n return [];\r\n }\r\n },\r\n tableConfig: {\r\n type: Object,\r\n default: () => {\r\n return {};\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n showValue: \"\", //输入框绑定值\r\n openControl: false, //控制弹框打开还是关闭\r\n ruleLists: [\r\n {\r\n showTip: false,\r\n config: {}\r\n }\r\n ],\r\n isActive: false, //是否激活\r\n };\r\n },\r\n methods: {\r\n onIconclick() {\r\n this.openControl = true;\r\n }, //输入框图标点击事件\r\n ok() {\r\n this.$emit(\"getResult\");\r\n }, //确定\r\n cancel() {}, //取消\r\n addRule() {\r\n this.ruleLists.push({\r\n showTip: false,\r\n config: {}\r\n });\r\n }, //添加规则\r\n clickItem(index) {\r\n this.ruleLists[index].showTip = !this.ruleLists[index].showTip;\r\n }, //清除规则\r\n up(index) {\r\n let current = this.ruleLists[index];\r\n this.ruleLists.splice(index - 1, 1, current);\r\n this.ruleLists.splice(index + 1, 1);\r\n }, //上移\r\n Top(index) {\r\n let current = this.ruleLists[index];\r\n this.ruleLists.splice(index, 1);\r\n this.ruleLists.unshift(current);\r\n }, //置顶\r\n deleteItem(index) {\r\n this.ruleLists.splice(index, 1);\r\n } //删除\r\n },\r\n mounted() {}\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.rule-config {\r\n}\r\n.modalCotent {\r\n width: 440px;\r\n .content-head {\r\n padding: 0 10px 10px;\r\n box-sizing: border-box;\r\n display: flex;\r\n justify-content: space-between;\r\n .head-tip {\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 }\r\n .head-operate {\r\n font-size: 14px;\r\n font-family: PingFangSC-Regular, PingFang SC;\r\n font-weight: 400;\r\n color: rgba(16, 142, 233, 1);\r\n line-height: 20px;\r\n }\r\n }\r\n .rule-item {\r\n width: 440px;\r\n background: rgba(255, 255, 255, 1);\r\n border: 1px solid rgba(220, 222, 226, 1);\r\n padding: 8px 40px 8px 0px;\r\n position: relative;\r\n margin-bottom: 10px;\r\n .setting {\r\n width: 100px;\r\n height: 112px;\r\n background: rgba(255, 255, 255, 1);\r\n box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);\r\n border-radius: 4px;\r\n position: absolute;\r\n right: 10px;\r\n top: 38px;\r\n z-index: 100;\r\n }\r\n\r\n .clear-item {\r\n position: absolute;\r\n right: 10px;\r\n top: 16px;\r\n width: 14px;\r\n height: 14px;\r\n color: rgba(16, 142, 233, 1);\r\n }\r\n .normal {\r\n height: 34px;\r\n font-size: 14px;\r\n font-family: PingFangSC-Regular, PingFang SC;\r\n font-weight: 400;\r\n color: rgba(81, 90, 110, 1);\r\n line-height: 34px;\r\n padding-left: 16px;\r\n }\r\n .active {\r\n height: 34px;\r\n font-size: 14px;\r\n font-family: PingFangSC-Regular, PingFang SC;\r\n font-weight: 400;\r\n color: rgba(16, 142, 233, 1);\r\n height: 34px;\r\n background: rgba(243, 243, 243, 1);\r\n padding-left: 16px;\r\n }\r\n .url-and-field .showDetail {\r\n margin-top: 10px;\r\n margin-left: 10px;\r\n /* margin-right: -10px; */\r\n width: 420px;\r\n }\r\n }\r\n}\r\n</style>"]}]}
|