检索路径页面添加媒体查询

src/styles/media/components/Entrypath.scss

+@import "../../mixin.scss";
+// 1024
+@media screen and (min-width: 769px) and (max-width: 1024px) {
+  .Entrypath {
+    &_top {
+      &_left {
+        &_t1 {
+          span {
+            width: 50% !important;
+          }
+        }
+        &_t2 {
+          span {
+            width: 50% !important;
+          }
+        }
+        &_t3 {
+          span {
+            width: 50% !important;
+          }
+        }
+      }
+    }
+    &_table {
+      &_lefttab {
+        &_select {
+          flex-direction: column !important;
+
+          &_inp {
+            width: 100% !important;
+          }
+          &_chack {
+            width: 100% !important;
+          }
+        }
+      }
+    }
+  }
+}
+
+//1280
+@media screen and (max-width: 1280px) {
+  .Entrypath {
+    &_top {
+      &_left {
+        &_t1 {
+          span {
+            width: 50% !important;
+          }
+        }
+        &_t2 {
+          span {
+            width: 50% !important;
+          }
+        }
+        &_t3 {
+          span {
+            width: 50% !important;
+          }
+        }
+      }
+    }
+    &_table {
+      &_lefttab {
+        &_select {
+          flex-direction: column !important;
+
+          &_inp {
+            width: 100% !important;
+          }
+          &_chack {
+            width: 100% !important;
+          }
+        }
+      }
+    }
+  }
+}
+
+// 1366px
+@media screen and (min-width: 1366px) and(max-width:1439px) {
+  .Entrypath {
+    &_top {
+      &_left {
+        &_t1 {
+          span {
+            width: 50% !important;
+          }
+        }
+        &_t2 {
+          span {
+            width: 50% !important;
+          }
+        }
+        &_t3 {
+          span {
+            width: 50% !important;
+          }
+        }
+      }
+    }
+    &_table {
+      &_lefttab {
+        &_select {
+          &_inp {
+            span {
+              width: 54% !important;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+//1600
+@media screen and (min-width: 1600px) and(max-width:1919px) {
+  .Entrypath {
+    &_table {
+      &_lefttab {
+        &_select {
+          &_inp {
+            span {
+              width: 54% !important;
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/views/Entrypath.vue

@@ -2,7 +2,7 @@
  * @Author: wsq
  * @Date: 2022-04-22 15:20:58
  * @LastEditors: wsq
- * @LastEditTime: 2023-02-02 16:06:18
+ * @LastEditTime: 2023-02-06 10:17:50
  * @Description: 
 -->
 <template>
@@ -350,6 +350,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 @import "../styles/mixin.scss";
+@import "../styles/media/components/Entrypath.scss";
 // @import "../styles/media/components/outClinicalpathway.scss";
 // 点击文本颜色
 ::v-deep .current-row {