2K - UI

src/views/service-management/treatment-management/treatment-detail.vue

@@ -416,14 +416,14 @@
     </el-form>
 
     <div style="margin: 10px 0 30px 28px;">
-      <el-button style="width: 98px;height: 32px;" icon="el-icon-back" class="resetBtn" @click="goBack">返 回</el-button>
+      <el-button style="width: 5.8rem;height: 1.9rem;" icon="el-icon-back" class="resetBtn" @click="goBack">返 回</el-button>
     </div>
 
     <!-- 分配诊室对话框 -->
     <el-dialog
       title="分配诊室"
       :visible.sync="open"
-      width="950px"
+      width="61rem"
       append-to-body
       :close-on-press-escape="false"
       :close-on-click-modal="false"
@@ -541,7 +541,7 @@
                 :picker-options="pickerOptions"
                 :disabled-date="disabledDate"
                 placeholder="请选择治疗日期"
-                style="width: 190px;"
+                style="width: 11.8rem;"
               />
             </el-form-item>
           </el-col>
@@ -552,7 +552,7 @@
                 clearable
                 placeholder="请选择治疗操作人"
                 value-key="id"
-                style="width: 190px;"
+                style="width: 11.8rem;"
                 @change="getuserName"
               >
                 <el-option
@@ -578,7 +578,7 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="治疗时长" prop="duration">
-              <el-select v-model="reservationForm.duration" style="width: 190px;" placeholder="请选择治疗时长" @change="calculateEndTime">
+              <el-select v-model="reservationForm.duration" style="width: 11.8rem;" placeholder="请选择治疗时长" @change="calculateEndTime">
                 <el-option
                   v-for="option in durationOptions"
                   :key="option"
@@ -590,15 +590,15 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="结束时间">
-              <el-input v-model=" reservationForm.eTime" :disabled="true" style="width: 190px;" />
+              <el-input v-model=" reservationForm.eTime" :disabled="true" style="width: 11.8rem;" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <div style="padding-top: 20px;text-align: right">
-            <el-button style="width: 98px;height: 32px;" class="resetBtn" @click="cancel">返 回
+            <el-button style="width: 5.8rem;height: 1.9rem;" class="resetBtn" @click="cancel">返 回
             </el-button>
-            <el-button style="width: 98px;height: 32px;" class="queryBtn" @click="submitForm">
+            <el-button style="width: 5.8rem;height: 1.9rem;" class="queryBtn" @click="submitForm">
               提交
             </el-button>
           </div>

src/views/service-management/treatment-management/treatment-management.vue

@@ -409,9 +409,9 @@
         </el-row>
         <el-row>
           <div style="padding-top: 20px;text-align: right">
-            <el-button style="width: 98px;height: 32px;" class="resetBtn" @click="cancel">返 回
+            <el-button style="width: 5.8rem;height: 1.9rem;" class="resetBtn" @click="cancel">返 回
             </el-button>
-            <el-button style="width: 98px;height: 32px;" class="queryBtn" @click="submitForm">
+            <el-button style="width: 5.8rem;height: 1.9rem;" class="queryBtn" @click="submitForm">
               提交
             </el-button>
           </div>