拉代码

src/views/IM/diagnosis-admin/serviceSchedule.vue

@@ -12,6 +12,7 @@
       </div>
       <div class="serviceSchedule-container">
         <div class="serviceSchedule-containerInfo">
+          <div class="serviceSchedule-containerInfo-left">
             <el-cascader
               v-model="innerform"
               class="serviceSchedule-cascader"
@@ -88,6 +89,8 @@
             >
               查询
             </el-button>
+          </div>
+          
           <div class="synchro-btn-icon">
             <el-button
               class="synchro-btn"
@@ -396,11 +399,16 @@
         position: relative;
         min-width: 1200px;
         background: #ffffff;
-        height: 73px;
+        // height: 73px;
         border-radius: 8px;
         display: flex;
         align-items: center;
+        justify-content: space-between;
         padding: 21px 18px 20px 18px;
+        .serviceSchedule-containerInfo-left{
+          display: flex;
+          align-items: center;
+           flex-wrap:  wrap;
           .serviceSchedule-cascader {
           margin-right: 15px;
         }
@@ -411,7 +419,7 @@
           margin-right: 15px;
         }
         .serviceSchedule-time {
-          width: 270px;
+          max-width: 270px;
           height: 32px;
           background: #ffffff;
           border-radius: 16px;
@@ -423,19 +431,21 @@
           margin-right: 15px;
         }
         .submit-btn {
-          width: 70px;
+          // width: 70px;
           height: 32px;
           background: #0d9078;
           border-radius: 16px;
           display: flex;
           align-items: center;
         }
+        }
+        
         .synchro-btn-icon {
           display: flex;
           align-items: center;
           justify-content: center;
-          position: absolute;
-          right: 20px;
+          // position: absolute;
+          // right: 20px;
           .synchro-btn {
             width: 110px;
             height: 32px;