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