拉代码

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

@@ -12,82 +12,85 @@
       </div>
       <div class="serviceSchedule-container">
         <div class="serviceSchedule-containerInfo">
-          <el-cascader
-            v-model="innerform"
-            class="serviceSchedule-cascader"
-            filterable
-            clearable
-            :options="interfaceOptions"
-            :props="props"
-            placeholder="选择科室"
-            :show-all-levels="false"
-            @expand-change="handleItemChange"
-            @change="selectApi($event, innerform)"
-          />
-          <el-select
-            v-model="searchParam.createType"
-            class="select-first"
-            placeholder="选择优先级"
-            clearable
-          >
-            <el-option
-              v-for="(item, index) of createList"
-              :key="index"
-              :label="item"
-              :value="item"
+          <div class="serviceSchedule-containerInfo-left">
+            <el-cascader
+              v-model="innerform"
+              class="serviceSchedule-cascader"
+              filterable
+              clearable
+              :options="interfaceOptions"
+              :props="props"
+              placeholder="选择科室"
+              :show-all-levels="false"
+              @expand-change="handleItemChange"
+              @change="selectApi($event, innerform)"
             />
-          </el-select>
-          <el-select
-            v-model="searchParam.serviceOpen"
-            class="select-first"
-            placeholder="选择开通状态"
-            clearable
-          >
-            <el-option
-              v-for="item of serviceOpenList"
-              :key="item.id"
-              :label="item.value"
-              :value="item.id"
+            <el-select
+              v-model="searchParam.createType"
+              class="select-first"
+              placeholder="选择优先级"
+              clearable
+            >
+              <el-option
+                v-for="(item, index) of createList"
+                :key="index"
+                :label="item"
+                :value="item"
+              />
+            </el-select>
+            <el-select
+              v-model="searchParam.serviceOpen"
+              class="select-first"
+              placeholder="选择开通状态"
+              clearable
+            >
+              <el-option
+                v-for="item of serviceOpenList"
+                :key="item.id"
+                :label="item.value"
+                :value="item.id"
+              />
+            </el-select>
+            <el-select
+              v-model="searchParam.ScheduleStatus"
+              class="serviceSchedule-status"
+              placeholder="选择排班状态"
+              clearable="true"
+            >
+              <el-option
+                v-for="item of ScheduleStatusList"
+                :key="item.id"
+                :label="item.value"
+                :value="item.id"
+              />
+            </el-select>
+            <el-date-picker
+              v-model="searchParam.createRangeTime"
+              class="serviceSchedule-time"
+              type="daterange"
+              value-format="yyyy-MM-dd"
+              range-separator="→"
+              size="large"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :picker-options="pickerOptions"
             />
-          </el-select>
-          <el-select
-            v-model="searchParam.ScheduleStatus"
-            class="serviceSchedule-status"
-            placeholder="选择排班状态"
-            clearable="true"
-          >
-            <el-option
-              v-for="item of ScheduleStatusList"
-              :key="item.id"
-              :label="item.value"
-              :value="item.id"
+            <el-input
+              v-model="searchParam.idNamePhone"
+              clearable
+              class="serviceSchedule-idNamePhone"
+              placeholder="输入问诊单号/医生姓名/手机号"
+              style="width: 280px"
             />
-          </el-select>
-          <el-date-picker
-            v-model="searchParam.createRangeTime"
-            class="serviceSchedule-time"
-            type="daterange"
-            value-format="yyyy-MM-dd"
-            range-separator="→"
-            size="large"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            :picker-options="pickerOptions"
-          />
-          <el-input
-            v-model="searchParam.idNamePhone"
-            clearable
-            class="serviceSchedule-idNamePhone"
-            placeholder="输入问诊单号/医生姓名/手机号"
-            style="width: 280px"
-          />
-          <el-button
-            type="primary"
-            class="submit-btn"
-            @click="search"
-          >
-            查询
-          </el-button>
+            <el-button
+              type="primary"
+              class="submit-btn"
+              @click="search"
+            >
+              查询
+            </el-button>
+          </div>
+          
           <div class="synchro-btn-icon">
             <el-button
               class="synchro-btn"
@@ -396,12 +399,17 @@
         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-cascader {
+        .serviceSchedule-containerInfo-left{
+          display: flex;
+          align-items: center;
+           flex-wrap:  wrap;
+          .serviceSchedule-cascader {
           margin-right: 15px;
         }
         .select-first {
@@ -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;