|
@@ -19,16 +19,18 @@
|
|
|
<!-- tab 页面专用操作栏 -->
|
|
<!-- tab 页面专用操作栏 -->
|
|
|
<view v-if="!showTopBar" class="bg-white px-4 py-3 flex items-center justify-between border-b border-gray-100">
|
|
<view v-if="!showTopBar" class="bg-white px-4 py-3 flex items-center justify-between border-b border-gray-100">
|
|
|
<text class="text-base font-semibold text-gray-800">排班管理</text>
|
|
<text class="text-base font-semibold text-gray-800">排班管理</text>
|
|
|
- <view class="flex items-center gap-3">
|
|
|
|
|
- <view class="text-sm text-blue-500 flex items-center" @click="goToToday">
|
|
|
|
|
- <text class="uni-icons uniui-calendar-filled mr-1"></text>
|
|
|
|
|
- 今天
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="text-blue-500 text-sm flex items-center" @click="addSchedule">
|
|
|
|
|
- <text class="uni-icons uniui-plusempty mr-1"></text>
|
|
|
|
|
- 新增排班
|
|
|
|
|
|
|
+ <CapsuleSafeArea>
|
|
|
|
|
+ <view class="flex items-center gap-3">
|
|
|
|
|
+ <view class="text-sm text-blue-500 flex items-center" @click="goToToday">
|
|
|
|
|
+ <text class="uni-icons uniui-calendar-filled mr-1"></text>
|
|
|
|
|
+ 今天
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="text-blue-500 text-sm flex items-center" @click="addSchedule">
|
|
|
|
|
+ <text class="uni-icons uniui-plusempty mr-1"></text>
|
|
|
|
|
+ 新增排班
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
|
+ </CapsuleSafeArea>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<!-- 月份切换 -->
|
|
<!-- 月份切换 -->
|
|
@@ -197,6 +199,7 @@
|
|
|
import { ref, computed, onMounted, watch } from 'vue'
|
|
import { ref, computed, onMounted, watch } from 'vue'
|
|
|
import StatusBar from '../common/StatusBar.vue'
|
|
import StatusBar from '../common/StatusBar.vue'
|
|
|
import TopBar from '../common/TopBar.vue'
|
|
import TopBar from '../common/TopBar.vue'
|
|
|
|
|
+import CapsuleSafeArea from '../common/CapsuleSafeArea.vue'
|
|
|
import EmptyState from '../common/EmptyState.vue'
|
|
import EmptyState from '../common/EmptyState.vue'
|
|
|
import UniList from '../uni-list/uni-list.vue'
|
|
import UniList from '../uni-list/uni-list.vue'
|
|
|
import UniListItem from '../uni-list/uni-list-item.vue'
|
|
import UniListItem from '../uni-list/uni-list-item.vue'
|