| 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=style&index=0&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\RuleConfig\\index.vue","mtime":1619607677268},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5ydWxlLWNvbmZpZyB7DQp9DQoubW9kYWxDb3RlbnQgew0KICB3aWR0aDogNDQwcHg7DQogIC5jb250ZW50LWhlYWQgew0KICAgIHBhZGRpbmc6IDAgMTBweCAxMHB4Ow0KICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgLmhlYWQtdGlwIHsNCiAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgIGZvbnQtZmFtaWx5OiBQaW5nRmFuZ1NDLVJlZ3VsYXIsIFBpbmdGYW5nIFNDOw0KICAgICAgZm9udC13ZWlnaHQ6IDQwMDsNCiAgICAgIGNvbG9yOiByZ2JhKDE0NiwgMTQ2LCAxNDYsIDEpOw0KICAgICAgbGluZS1oZWlnaHQ6IDIwcHg7DQogICAgfQ0KICAgIC5oZWFkLW9wZXJhdGUgew0KICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgZm9udC1mYW1pbHk6IFBpbmdGYW5nU0MtUmVndWxhciwgUGluZ0ZhbmcgU0M7DQogICAgICBmb250LXdlaWdodDogNDAwOw0KICAgICAgY29sb3I6IHJnYmEoMTYsIDE0MiwgMjMzLCAxKTsNCiAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4Ow0KICAgIH0NCiAgfQ0KICAucnVsZS1pdGVtIHsNCiAgICB3aWR0aDogNDQwcHg7DQogICAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAxKTsNCiAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDIyMCwgMjIyLCAyMjYsIDEpOw0KICAgIHBhZGRpbmc6IDhweCA0MHB4IDhweCAwcHg7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIG1hcmdpbi1ib3R0b206IDEwcHg7DQogICAgLnNldHRpbmcgew0KICAgICAgd2lkdGg6IDEwMHB4Ow0KICAgICAgaGVpZ2h0OiAxMTJweDsNCiAgICAgIGJhY2tncm91bmQ6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMSk7DQogICAgICBib3gtc2hhZG93OiAwcHggMXB4IDZweCAwcHggcmdiYSgwLCAwLCAwLCAwLjIpOw0KICAgICAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgcmlnaHQ6IDEwcHg7DQogICAgICB0b3A6IDM4cHg7DQogICAgICB6LWluZGV4OiAxMDA7DQogICAgfQ0KDQogICAgLmNsZWFyLWl0ZW0gew0KICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgcmlnaHQ6IDEwcHg7DQogICAgICB0b3A6IDE2cHg7DQogICAgICB3aWR0aDogMTRweDsNCiAgICAgIGhlaWdodDogMTRweDsNCiAgICAgIGNvbG9yOiByZ2JhKDE2LCAxNDIsIDIzMywgMSk7DQogICAgfQ0KICAgIC5ub3JtYWwgew0KICAgICAgaGVpZ2h0OiAzNHB4Ow0KICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgZm9udC1mYW1pbHk6IFBpbmdGYW5nU0MtUmVndWxhciwgUGluZ0ZhbmcgU0M7DQogICAgICBmb250LXdlaWdodDogNDAwOw0KICAgICAgY29sb3I6IHJnYmEoODEsIDkwLCAxMTAsIDEpOw0KICAgICAgbGluZS1oZWlnaHQ6IDM0cHg7DQogICAgICBwYWRkaW5nLWxlZnQ6IDE2cHg7DQogICAgfQ0KICAgIC5hY3RpdmUgew0KICAgICAgaGVpZ2h0OiAzNHB4Ow0KICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgZm9udC1mYW1pbHk6IFBpbmdGYW5nU0MtUmVndWxhciwgUGluZ0ZhbmcgU0M7DQogICAgICBmb250LXdlaWdodDogNDAwOw0KICAgICAgY29sb3I6IHJnYmEoMTYsIDE0MiwgMjMzLCAxKTsNCiAgICAgIGhlaWdodDogMzRweDsNCiAgICAgIGJhY2tncm91bmQ6IHJnYmEoMjQzLCAyNDMsIDI0MywgMSk7DQogICAgICBwYWRkaW5nLWxlZnQ6IDE2cHg7DQogICAgfQ0KICAgIC51cmwtYW5kLWZpZWxkIC5zaG93RGV0YWlsIHsNCiAgICAgIG1hcmdpbi10b3A6IDEwcHg7DQogICAgICBtYXJnaW4tbGVmdDogMTBweDsNCiAgICAgIC8qIG1hcmdpbi1yaWdodDogLTEwcHg7ICovDQogICAgICB3aWR0aDogNDIwcHg7DQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GA;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;;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","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>"]}]}
|
