@bit-sun/business-component 2.4.31-alpha.9 → 2.4.32

package/src/components/Solution/RuleSetter/index.less

@@ -1,221 +1,221 @@
-.goBack_btn_content {
-  position: relative;
-  overflow: auto;
-  .goback_btn {
-    float: right;
-  }
-}
-.base_rule {
-  p {
-    margin: 0;
-  }
-
-  .base_rule_content {
-    margin-bottom: 20px;
-  }
-
-  .base_rule_line_title {
-    position: relative;
-    margin-bottom: 20px;
-    .rule_title {
-      height: 35px;
-      padding: 0 10px;
-      font-weight: bold;
-      font-size: 16px;
-      line-height: 35px;
-    }
-    .base_rule_btn_style {
-      position: absolute;
-      right: 0px;
-    }
-    //:global {
-    //    .ant-btn-link {
-    //        color: #008FE0;
-    //        border: 0px !important;
-    //        font-weight: bold;
-    //    }
-    //
-    //    .ant-btn-link:hover, .ant-btn-link:focus {
-    //        color: #008FE0;
-    //        background-color: transparent;
-    //        border-color: #008FE0;
-    //        border: 0px;
-    //    }
-    //
-    //    .ant-btn:not(.ant-btn-primary .ant-btn-danger):hover,
-    //    .ant-btn:not(.ant-btn-primary .ant-btn-danger):active,
-    //    .ant-btn:not(.ant-btn-primary .ant-btn-danger):focus {
-    //        color: #008FE0;
-    //    }
-    //}
-  }
-
-  .base_rule_line_content {
-    display: flex;
-    padding: 14px 10px 10px;
-    .base_rule_icon_btn {
-      margin-right: 10px;
-      color: #89b9cf;
-      font-size: 20px;
-    }
-
-    .base_rule_icon_btn:hover {
-      cursor: pointer;
-    }
-
-    .base_rule_item_desc_content {
-      height: 45px;
-      line-height: 45px;
-    }
-
-    .base_rule_item_desc {
-      margin-right: 15px;
-    }
-
-    .base_rule_item1 {
-      align-items: center;
-      width: 120px;
-      color: #f8ab3c;
-      font-size: 16px;
-    }
-
-    .base_rule_item2 {
-      width: 1200px;
-    }
-
-    .base_rule_item3 {
-      display: flex;
-      align-items: center;
-      justify-content: space-around;
-      width: calc(100% - 600px);
-    }
-
-    .line_color_red {
-      color: #ed869b;
-    }
-
-    .base_rule_item4 {
-      width: 80px;
-    }
-  }
-
-  .footer_line {
-    & > span {
-      color: #008fe0;
-      font-weight: bold;
-      font-size: 16px;
-    }
-  }
-}
-
-.rule_name_title {
-  display: inline-block;
-  height: 30px;
-  margin-right: 10px;
-  margin-bottom: 10px;
-  padding-left: 10px;
-  color: #f8ab3c;
-  font-size: 16px;
-  line-height: 30px;
-}
-
-.logical_operate_content {
-  position: relative;
-  .top_line {
-    position: absolute;
-    top: 0;
-    left: 50%;
-    z-index: 999;
-    width: 15px;
-    height: 2px;
-    background-color: #d6efe8;
-  }
-  .bottom_line {
-    position: absolute;
-    bottom: 0;
-    left: 50%;
-    z-index: 999;
-    width: 15px;
-    height: 2px;
-    background-color: #d6efe8;
-  }
-}
-
-.logical_operate_content::before {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  z-index: 998;
-  width: 2px;
-  height: 100%;
-  overflow: hidden;
-  background: #d6efe8;
-  content: ' ';
-}
-
-.logical_item_btn {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  z-index: 999;
-  display: flex;
-  align-items: center;
-  width: 50px;
-  height: 30px;
-  margin-top: -15px;
-  margin-left: -25px;
-  padding: 0px;
-  color: #008fe0;
-  line-height: 30px;
-  text-align: center;
-  background-color: #ffffff;
-  cursor: pointer;
-}
-
-.logical_item_btn1 {
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  z-index: 999;
-  display: inline-block;
-  width: 30px;
-  height: 30px;
-  margin-left: -15px;
-  color: #008fe0;
-  line-height: 30px;
-  text-align: center;
-  background-color: #ffffff;
-  cursor: pointer;
-}
-
-.rule_field_style {
-  display: inline-block;
-}
-
-.icon_btn_style {
-  margin-right: 10px;
-  font-size: 20px;
-}
-
-.choose_logical_type {
-  height: 25px;
-  margin: 0px;
-  padding: 0 10px;
-  line-height: 25px;
-  cursor: pointer;
-}
-
-.choose_logical_type:first-child {
-  border-bottom: 1px solid #d9d9d9;
-}
-
-.choose_logical_type:hover {
-  color: white;
-  background-color: #008fe0;
-}
-
-// :global {
-//     .ant-popover-inner-content {
-//         padding: 0px;
-//     }
-// }
+.goBack_btn_content {
+  position: relative;
+  overflow: auto;
+  .goback_btn {
+    float: right;
+  }
+}
+.base_rule {
+  p {
+    margin: 0;
+  }
+
+  .base_rule_content {
+    margin-bottom: 20px;
+  }
+
+  .base_rule_line_title {
+    position: relative;
+    margin-bottom: 20px;
+    .rule_title {
+      height: 35px;
+      padding: 0 10px;
+      font-weight: bold;
+      font-size: 16px;
+      line-height: 35px;
+    }
+    .base_rule_btn_style {
+      position: absolute;
+      right: 0px;
+    }
+    //:global {
+    //    .ant-btn-link {
+    //        color: #008FE0;
+    //        border: 0px !important;
+    //        font-weight: bold;
+    //    }
+    //
+    //    .ant-btn-link:hover, .ant-btn-link:focus {
+    //        color: #008FE0;
+    //        background-color: transparent;
+    //        border-color: #008FE0;
+    //        border: 0px;
+    //    }
+    //
+    //    .ant-btn:not(.ant-btn-primary .ant-btn-danger):hover,
+    //    .ant-btn:not(.ant-btn-primary .ant-btn-danger):active,
+    //    .ant-btn:not(.ant-btn-primary .ant-btn-danger):focus {
+    //        color: #008FE0;
+    //    }
+    //}
+  }
+
+  .base_rule_line_content {
+    display: flex;
+    padding: 14px 10px 10px;
+    .base_rule_icon_btn {
+      margin-right: 10px;
+      color: #89b9cf;
+      font-size: 20px;
+    }
+
+    .base_rule_icon_btn:hover {
+      cursor: pointer;
+    }
+
+    .base_rule_item_desc_content {
+      height: 45px;
+      line-height: 45px;
+    }
+
+    .base_rule_item_desc {
+      margin-right: 15px;
+    }
+
+    .base_rule_item1 {
+      align-items: center;
+      width: 120px;
+      color: #f8ab3c;
+      font-size: 16px;
+    }
+
+    .base_rule_item2 {
+      width: 1200px;
+    }
+
+    .base_rule_item3 {
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+      width: calc(100% - 600px);
+    }
+
+    .line_color_red {
+      color: #ed869b;
+    }
+
+    .base_rule_item4 {
+      width: 80px;
+    }
+  }
+
+  .footer_line {
+    & > span {
+      color: #008fe0;
+      font-weight: bold;
+      font-size: 16px;
+    }
+  }
+}
+
+.rule_name_title {
+  display: inline-block;
+  height: 30px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  padding-left: 10px;
+  color: #f8ab3c;
+  font-size: 16px;
+  line-height: 30px;
+}
+
+.logical_operate_content {
+  position: relative;
+  .top_line {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    z-index: 999;
+    width: 15px;
+    height: 2px;
+    background-color: #d6efe8;
+  }
+  .bottom_line {
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    z-index: 999;
+    width: 15px;
+    height: 2px;
+    background-color: #d6efe8;
+  }
+}
+
+.logical_operate_content::before {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  z-index: 998;
+  width: 2px;
+  height: 100%;
+  overflow: hidden;
+  background: #d6efe8;
+  content: ' ';
+}
+
+.logical_item_btn {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 999;
+  display: flex;
+  align-items: center;
+  width: 50px;
+  height: 30px;
+  margin-top: -15px;
+  margin-left: -25px;
+  padding: 0px;
+  color: #008fe0;
+  line-height: 30px;
+  text-align: center;
+  background-color: #ffffff;
+  cursor: pointer;
+}
+
+.logical_item_btn1 {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  z-index: 999;
+  display: inline-block;
+  width: 30px;
+  height: 30px;
+  margin-left: -15px;
+  color: #008fe0;
+  line-height: 30px;
+  text-align: center;
+  background-color: #ffffff;
+  cursor: pointer;
+}
+
+.rule_field_style {
+  display: inline-block;
+}
+
+.icon_btn_style {
+  margin-right: 10px;
+  font-size: 20px;
+}
+
+.choose_logical_type {
+  height: 25px;
+  margin: 0px;
+  padding: 0 10px;
+  line-height: 25px;
+  cursor: pointer;
+}
+
+.choose_logical_type:first-child {
+  border-bottom: 1px solid #d9d9d9;
+}
+
+.choose_logical_type:hover {
+  color: white;
+  background-color: #008fe0;
+}
+
+// :global {
+//     .ant-popover-inner-content {
+//         padding: 0px;
+//     }
+// }