信息通报-依据详情

src/mocp/api/fleet.js

@@ -8,3 +8,12 @@ export const getFleetListApi = (data, config) => {
         config
     })
 }
+
+export const getFleetDetailApi = (data, config) => {
+    return http({
+        method: 'POST',
+        url: '/workbench/getFleetDetail',
+        data,
+        config
+    })
+}

src/mocp/store/fleet.js

@@ -19,12 +19,12 @@ const useFleetStore = defineStore('fleet', {
                 isUpdateTime: 2,
                 dateEnd
             },
-            details: undefined
+            detailsId: undefined
         }
     },
     getters: {},
     actions: {
-        resetForm() {
+        resetForm () {
             this.searchData = {
                 aviation: '',
                 machineNumber: '',
@@ -38,7 +38,7 @@ const useFleetStore = defineStore('fleet', {
                 dateEnd
             }
         },
-        setState(...args) {
+        setState (...args) {
             this.$patch({[args[0]]: args[1]})
         }
     },

src/mocp/store/inforDisclosure.js

@@ -44,17 +44,6 @@ const useInforDisclosureStore = defineStore('inforDisclosure', {
         }
     },
     // 配置持久化
-    // persist: false
-    persist: {
-        // 调整为兼容多端的API
-        storage: {
-            setItem (key, value) {
-                uni.setStorageSync(key, value)
-            },
-            getItem (key) {
-                return uni.getStorageSync(key)
-            }
-        }
-    }
+    persist: false
 })
 export default useInforDisclosureStore

src/mocp/utils/getFlightList.js

@@ -45,6 +45,10 @@ export const mocMapper = {
     '99': '其他'
 }
 
+export const fleetMapper = {
+    '1': '高高原', '2': '国际航班', '3': 'Etops', '4': '限飞外站', '5': '其他'
+}
+
 export const fightListTime = ['etdChn', 'atdChn', 'etaChn', 'ataChn']
 export const fightListPlanTime = ['staChn', 'schTime']
 export const finishedStatus = ['ARR', 'NDR', 'ATA']

src/pages/modules/mocp/panel/fleet/details.vue

@@ -26,6 +26,14 @@
                         <text>ATA章节：{{ details.ata }}</text>
                         <view class="fleetDescribe">故障描述：</view>
                         <view class="describeCont">{{ details.faultDescribe || '无' }}</view>
+                        <view class="fleetDescribe">相关参考文档：</view>
+                        <view class="describeCont">
+                            <!--<global-upload
+                                :fileList="details.releaseEnclosure"
+                                typeField="type"
+                                nameField="name"
+                                :showUpload="false" />-->
+                        </view>
                     </view>
                 </view>
                 <view class="details-footer">
@@ -37,6 +45,18 @@
                     <view class="footerData occurrenceData">
                         填报时间：{{ timeStampFormat(details.creationTime, {format: 'YYYY-MM-DD'}) }}
                     </view>
+
+                    <view class="fleetDescribe">备注：</view>
+                    <view class="describeCont">{{ details.remarks }}</view>
+
+                    <view class="fleetDescribe">空地支援：</view>
+                    <view class="describeCont">{{ details.groundSupport }}</view>
+
+                    <view class="fleetDescribe">运行限制：</view>
+                    <view class="describeCont">{{ details.runLimitValue }}</view>
+
+                    <view class="fleetDescribe">限制类型备注：</view>
+                    <view class="describeCont">{{ details.limitRemarks }}</view>
                 </view>
 
 
@@ -46,13 +66,31 @@
 </template>
 
 <script setup>
+import { ref } from 'vue'
 import useFleetStore from 'mocp/store/fleet'
 import { storeToRefs } from 'pinia'
 import { timeStampFormat } from 'mocp/utils/tool'
 import { useGetDictByValue } from 'mocp/hooks/use-dict/useDict'
+import { getFleetDetailApi } from 'mocp/api/fleet'
+import { onLoad } from '@dcloudio/uni-app'
+import { fleetMapper } from 'mocp/utils/getFlightList'
 
 const fleetStore = useFleetStore()
-const {details} = storeToRefs(fleetStore)
+const {detailsId} = storeToRefs(fleetStore)
+
+const details = ref({})
+onLoad(() => {
+    getFleetDetailList()
+})
+
+const getFleetDetailList = async () => {
+    let res = await getFleetDetailApi({id: detailsId.value})
+    if (res.code == '200') {
+        details.value = res?.data
+        if (details.value.runLimit != '') details.value.runLimitValue = fleetMapper[details.value.runLimit]
+    }
+    console.log('details.value', details.value)
+}
 </script>
 <style lang="scss" scoped>
 @import '../work-assignment/constants/details.scss';

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

@@ -43,10 +43,10 @@ import { getFleetListApi } from 'mocp/api/fleet'
 
 //跳转
 const fleetStore = useFleetStore()
-const { searchData } = storeToRefs(fleetStore)
+const {searchData} = storeToRefs(fleetStore)
 const goDetails = (data) => {
-    uni.$mocpJump.navigateTo('/panel/fleet/details', { id: data.id }).then(() => {
-        fleetStore.setState('details', data)
+    uni.$mocpJump.navigateTo('/panel/fleet/details', {id: data.id}).then(() => {
+        fleetStore.setState('detailsId', data.id)
     })
 }
 //筛选

src/pages/modules/mocp/panel/fleet/search.vue

@@ -70,23 +70,12 @@
                 </up-form-item>
 
                 <up-form-item
-                    label="发生日期(开始)"
-                    prop="startTime"
+                    label="发生日期"
                     :borderBottom="true">
-                    <global-date
-                        v-model="formData.startTime"
-                        pickAlign="right"
-                        clearable
-                    />
-                </up-form-item>
-
-                <up-form-item
-                    label="发生日期(结束)"
-                    prop="stopTime"
-                    :borderBottom="true">
-                    <global-date
-                        v-model="formData.stopTime"
+                    <global-calendar
                         pickAlign="right"
+                        v-model:startTime="formData.startTime"
+                        v-model:endTime="formData.stopTime"
                         clearable
                     />
                 </up-form-item>

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

@@ -61,8 +61,6 @@
                                 <text>状态 （{{ details.status.toUpperCase() }}）</text>
                                 <up-icon name="arrow-up" size="16" :color="$mocp-primary-7" />
                             </view>
-
-
                         </global-button>
                     </up-col>
                     <up-col span="6">

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

@@ -68,9 +68,6 @@ const transformData = (data) => {
         return {
             ...item,
             time: item.creationTime.replace(/-/g, '/').replace(/:\d+?$/, ''),
-            /*status: item.failureState.toString() === '0' ?
-                'open' : item.failureState.toString() === '1' ?
-                    'close' : '作废',*/
             status: EventStatusList.find(statusItem => statusItem.value == item.eventStatus)?.label,
             tags: [
                 {

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

@@ -54,26 +54,15 @@
                 </up-form-item>
 
                 <up-form-item
-                    label="填报日期（开始）"
-                    prop="startTime"
+                    label="填报日期"
                     :borderBottom="true">
-                    <global-date
-                        v-model="formData.startTime"
+                    <global-calendar
                         pickAlign="right"
+                        v-model:startTime="formData.startTime"
+                        v-model:endTime="formData.stopTime"
                         clearable
                     />
                 </up-form-item>
-                <up-form-item
-                    label="填报日期（结束）"
-                    prop="stopTime"
-                    :borderBottom="true">
-                    <global-date
-                        v-model="formData.stopTime"
-                        pickAlign="right"
-                        clearable
-                        :timestamp="false"
-                    />
-                </up-form-item>
 
                 <up-form-item label="保障阶段" prop="guarantee" :borderBottom="true">
                     <global-picker