历史通报未完成改为黑色

src/mocp/components/global-page-swiper/global-page-swiper.vue

@@ -103,7 +103,7 @@ import { computed, nextTick, onUnmounted, ref, watch } from 'vue'
 
 // 获取屏幕边界到安全区域距离
 const {safeAreaInsets} = uni.getSystemInfoSync()
-const es = defineEmits(['handleLeftClick', 'handleRightClick', 'handleFooterClick', 'handleChooseData'])
+const es = defineEmits(['handleLeftClick', 'handleRightClick', 'handleFooterClick', 'handleChooseData', 'handleTabsChange'])
 const ps = defineProps({
     background: {
         type: String,
@@ -329,6 +329,7 @@ const current = ref(ps.current)
 // tabs通知swiper切换
 const tabsChange = (item) => {
     current.value = item.index
+    es('handleTabsChange', current.value)
 }
 // swiper滑动中
 const swiperTransition = (e) => {}

src/mocp/store/fleet.js

@@ -43,8 +43,8 @@ const useFleetStore = defineStore('fleet', {
         }
     },
     // 配置持久化
-    // persist: false
-    persist: {
+    persist: false
+    /*persist: {
         // 调整为兼容多端的API
         storage: {
             setItem (key, value) {
@@ -54,6 +54,6 @@ const useFleetStore = defineStore('fleet', {
                 return uni.getStorageSync(key)
             }
         }
-    }
+    }*/
 })
 export default useFleetStore

src/mocp/store/inforDisclosure.js

@@ -18,7 +18,8 @@ const useInforDisclosureStore = defineStore('inforDisclosure', {
                 professional: ''
             },
             details: undefined,
-            releaseBasisDetails: undefined
+            releaseBasisDetails: undefined,
+            currentTabsIndex: 0
         }
     },
     getters: {},

src/pages/modules/mocp/panel/flight-support/constants/flightSupportList.scss

@@ -69,6 +69,10 @@
         align-items: center;
         justify-content: center;
         flex: 1;
+
+        .sortIcon {
+            margin-left: 6rpx;
+        }
     }
 }
 

src/pages/modules/mocp/panel/flight-support/list.vue

@@ -26,9 +26,14 @@
             <view class="flex listTopTab text-center">
                 <view v-for="item of getSelectedList" :key="item.id" class="topTabItem" :style="{ flex: item.flex }">
                     {{ item.label }}
-                    <!--<up-icon
-                        v-if="item.keyValue == 'time' || item.keyValue == 'staChn'" name="photo" color="#2979ff"
-                        size="12"></up-icon>-->
+                    <up-icon
+                        v-if="item.keyValue == 'time' || item.keyValue == 'staChn'"
+                        class="sortIcon"
+                        name="arrow-down"
+                        color="#4e5969"
+                        size="10"
+                    />
+                    <!--arrow-down-->
                 </view>
             </view>
         </template>

src/pages/modules/mocp/panel/inforDisclosure/components/inforDisClosureItem.vue

@@ -5,7 +5,12 @@
     >
         <view class="item-title">
             <view class="left">
-                <custom-state :value="item.status?.toUpperCase()" />
+                <text v-if="currentTabsIndex == 1 && item.status == '未完成'" class="statusTxt">
+                    {{ item.status?.toUpperCase() }}
+                </text>
+                <custom-state
+                    v-else
+                    :value="item.status?.toUpperCase()" />
             </view>
             <view class="right inforDisTags">
                 <global-tag
@@ -55,8 +60,8 @@ const ps = defineProps({
     }
 })
 const {item} = ps
-//跳转
 const inforDisclosureStore = useInforDisclosureStore()
+const {currentTabsIndex} = storeToRefs(inforDisclosureStore)
 
 const goDetails = (data) => {
     uni.$mocpJump.navigateTo('/panel/inforDisclosure/details', {id: data.id}).then(() => {
@@ -75,4 +80,8 @@ onUnload(() => {
 <style lang="scss" scoped>
 @import 'mocpStatic/css/list.scss';
 @import '../constants/inforDisclosure.scss';
+
+.statusTxt {
+    font-size: 34rpx;
+}
 </style>

src/pages/modules/mocp/panel/inforDisclosure/list.vue

@@ -17,6 +17,7 @@
         navRightType="icon"
         navRightIcon="saixuan-01"
         @handleRightClick="handleRightClick"
+        @handleTabsChange="handleTabsChange"
     >
         <template #="{ item }">
             <inforDisclosureItem :item="item" />
@@ -34,9 +35,8 @@ import { getMocinfoListApi } from 'mocp/api/inforDisclosure'
 import { getParamsByType } from 'mocp/hooks/use-params/useParams'
 import inforDisclosureItem from './components/inforDisClosureItem.vue'
 
-//跳转
 const inforDisclosureStore = useInforDisclosureStore()
-const {searchData} = storeToRefs(inforDisclosureStore)
+const {searchData, currentTabsIndex} = storeToRefs(inforDisclosureStore)
 const tabList = [
     {
         name: '当前通报',
@@ -99,6 +99,10 @@ const transformData = (data) => {
 const handleRightClick = () => {
     uni.$mocpJump.redirectTo('/panel/inforDisclosure/search')
 }
+const handleTabsChange = (e) => {
+    console.log(e)
+    currentTabsIndex.value = e
+}
 //刷新
 const paging = ref()
 uni.$on('inforDisclosureReload', () => {