Переглянути джерело

排班样式修改-修复排班表两层滚动条

zhonghuizhen 1 рік тому
батько
коміт
5ef40db01a

+ 3 - 0
src/views/business/​scheduleManage/edit.vue

@@ -1360,6 +1360,9 @@ export default {
         .el-dialog__footer {
             display: none;
         }
+        .el-dialog__body {
+            overflow: hidden;
+        }
     }
     .edit-dialog-header {
         display: flex;

+ 4 - 4
src/views/system/dashboard/templates/userInfoTab.vue

@@ -34,9 +34,9 @@
                                 size="mini"
                             >{{ item.name }}</el-tag>
                         </div>
-                        <div style="display: flex; align-items: center;">
+                        <div style="display: flex; align-items: center;flex-wrap: wrap;">
                             <template v-if="todaySchedule.length">
-                                <span>今日班次:</span>
+                                <span style="flex-shrink:0;">今日班次:</span>
                                 <el-tag
                                     v-for="(item, index) in todaySchedule"
                                     :key="index"
@@ -45,14 +45,14 @@
                                     size="mini"
                                 >{{ item }}</el-tag>
                             </template>
-                            <span v-else>今日无排班,祝您休息愉快!</span>
+                            <span v-else style="text-overflow: ellipsis;width: 190px;">今日无排班,祝您休息愉快!</span>
                             <!--<a style="color: #409eff;" @click="showMySchedule">我的排班</a>-->
                             <el-button
                                 type="primary"
                                 size="mini"
                                 plain
                                 @click="showMySchedule"
-                                style="display: flex; align-items: center; padding: 4px 5px;"
+                                style="display: flex; align-items: center; height: 20px;padding: 0 5px;line-height: 19px;margin-left: 4px;"
                             ><i class="el-icon-date"  style="margin-right: 3px;" ></i>我的排班</el-button>
                         </div>
                     </div>