update: 优化场景联动自适应样式

src/views/rule-engine/Scene/Save/components/Terms/Branchs.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class='["actions-terms-warp", props.class]'>
+  <div :class='["actions-terms-warp", isFirst ? "first-children" : ""]'>
     <div class='actions-terms-title'>
       {{ isFirst ? '当' : '否则' }}
     </div>

src/views/rule-engine/Scene/Save/components/Terms/Terms.vue

@@ -32,13 +32,6 @@
         </div>
       </template>
     </template>
-<!--    <j-form-item-->
-<!--      v-else-->
-<!--      :name='["branches", 0, "then"]'-->
-<!--      :rules='rules'-->
-<!--    >-->
-<!--      -->
-<!--    </j-form-item>-->
   </div>
 </template>
 

src/views/rule-engine/Scene/Save/components/Terms/index.less

@@ -49,16 +49,8 @@
 .actions-terms {
   .actions-terms-warp {
     display: flex;
-    //width: 66.66%;
     margin-bottom: 24px;
 
-    &.first-children {
-      width: 100%;
-      .actions-branches {
-        width: 66.66%;
-      }
-    }
-
     &.first-children,
     &:last-child {
       margin-bottom: 0;
@@ -212,4 +204,21 @@
   }
 }
 
+@minWidth: 75%;
+
+@media (min-width: 1600px) {
+  .actions-terms {
+    .actions-terms-warp {
+      width: @minWidth;
+
+      &.first-children {
+        width: 100%;
+
+        .actions-branches {
+          width: calc(@minWidth - 12px);
+        }
+      }
+    }
+  }
+}