信息通报

src/pages/modules/mocp/panel/inforDisclosure/constants/inforDisclosure.scss

+.inforDisTags {
+    .txt {
+        font-size: 10px;
+    }
+
+}
\ No newline at end of file

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

@@ -17,20 +17,40 @@
         tabsWidth="50%"
     >
         <template #="{ dataList }">
-            <view class="item" v-for="item in dataList" :key="item.id" @tap="goDetails(item)">
+            <view
+                v-for="item in dataList"
+                :key="item.id"
+                @tap="goDetails(item)"
+                class="item"
+            >
                 <view class="item-title">
                     <view class="left">
-                        <custom-state :value="useGetDictByValue('fleet_state', item.state)"></custom-state>
+                        <custom-state :value="item.status.toUpperCase()" />
                         <text class="txt u-line-1 fleetTxt">
                             {{ item.info }}
                         </text>
                     </view>
+                    <view class="right inforDisTags">
+                        <global-tag
+                            v-for="tagItem of item.tags"
+                            :key="tagItem.text"
+                            :type="tagItem.type" class="txt">
+                            {{ tagItem.text }}
+                        </global-tag>
+                        <!--<global-tag type="success" class="txt">
+                            {{ getParamNameByValue('MajorCategory', item.majorCategory) }}
+                        </global-tag>
+                        <global-tag type="info" class="txt">
+                            {{ getParamNameByValue('McoCurrentState', item.state) }}
+                        </global-tag>-->
+                    </view>
                 </view>
                 <view class="item-content u-line-3 fleetItemCont">
-                    {{ item.faultDescribe || '无' }}
+                    <global-icon icon="calendar"></global-icon>
                 </view>
             </view>
         </template>
+
     </global-page-swiper>
 </template>
 
@@ -42,7 +62,8 @@ import useInforDisclosureStore from 'mocp/store/inforDisclosure'
 import { storeToRefs } from 'pinia'
 import { onUnload } from '@dcloudio/uni-app'
 import { getMocinfoListApi } from 'mocp/api/inforDisclosure'
-import { getParamsByType } from 'mocp/hooks/use-params/useParams'
+import { getParamNameByValue, getParamsByType } from 'mocp/hooks/use-params/useParams'
+
 
 //跳转
 const inforDisclosure = useInforDisclosureStore()
@@ -85,25 +106,33 @@ const localPagingCB = (data) => {
             status: item.failureState.toString() === '0' ?
                 'open' : item.failureState.toString() === '1' ?
                     'close' : '作废',
-            tags: [{
+            tags: [
+                {
                     text: item.pid === '0' ? '主项' : '子项',
+                    type: item.pid === '0' ? 'primary' : 'warning',
                     bg: item.pid === '0' ? 'blue' : 'lightblue',
                     color: 'white'
-            }, {
+                },
+                {
                     text: RetentionBasisList[item.guarantee * 1]?.label,
+                    type: 'primary',
                     bg: '#E9E9E9', color: 'rgba(0,0,0,.4)'
                 },
                 {
                     text: OperationPhaseList[item.functionInfo * 1]?.label,
+                    type: 'primary',
                     bg: '#E9E9E9', color: 'rgba(0,0,0,.4)'
-                }, {
+                },
+                {
                     text: ReleaseStatuList[item.rleaseState]?.label,
+                    type: 'info',
                     bg: '#E9E9E9', color: 'rgba(0,0,0,.4)'
-                }],
+                }
+            ],
             id: item.id
         }
     })
-    console.log('@@mappedData', mappedData)
+    console.log('@@mappedData', mappedData[0])
     return mappedData
 }
 
@@ -122,7 +151,5 @@ onUnload(() => {
 </script>
 <style lang="scss" scoped>
 @import 'mocpStatic/css/list.scss';
-//@import './constants/fleet.scss';
-
-
+@import './constants/inforDisclosure.scss';
 </style>