信息通报-页面

package-lock.json

@@ -27,6 +27,7 @@
         "dayjs": "^1.11.11",
         "lodash": "^4.17.21",
         "pina": "^0.20.2204228",
+        "pinia": "^2.1.7",
         "pinia-plugin-persistedstate": "^3.2.1",
         "uview-plus": "^3.2.22",
         "vue": "^3.4.21",
@@ -9615,7 +9616,6 @@
       "version": "2.1.7",
       "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.1.7.tgz",
       "integrity": "sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==",
-      "peer": true,
       "dependencies": {
         "@vue/devtools-api": "^6.5.0",
         "vue-demi": ">=0.14.5"
@@ -9650,7 +9650,6 @@
       "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz",
       "integrity": "sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==",
       "hasInstallScript": true,
-      "peer": true,
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
         "vue-demi-switch": "bin/vue-demi-switch.js"

package.json

@@ -59,6 +59,7 @@
     "dayjs": "^1.11.11",
     "lodash": "^4.17.21",
     "pina": "^0.20.2204228",
+    "pinia": "^2.1.7",
     "pinia-plugin-persistedstate": "^3.2.1",
     "uview-plus": "^3.2.22",
     "vue": "^3.4.21",

src/mocp/store/information-disclosure.js

+import { defineStore } from 'pinia'
+
+const useInformationDisclosureStore = defineStore('informationDisclosure', {
+    state: () => {
+        return {
+            searchData: {
+                state: null,
+                presenter: '',
+                seat: '',
+                workType: 1,
+                startTime: null,
+                stopTime: null
+            },
+            details: undefined
+        }
+    },
+    getters: {},
+    actions: {
+        resetForm() {
+            this.searchData = {
+                state: null,
+                presenter: '',
+                seat: '',
+                workType: 1,
+                startTime: null,
+                stopTime: null
+            }
+        },
+        setState(...args) {
+            this.$patch({ [args[0]]: args[1] })
+        }
+    },
+    // 配置持久化
+    persist: false
+})
+export default useInformationDisclosureStore

src/mocp/store/user.js

 import { defineStore } from 'pinia'
 import { ref } from 'vue'
 const menuList = ref([
-    { id: 1, name: '信息通报', icon: 'xxtb', group: '技术支援', count: 12 },
+    { id: 1, name: '信息通报', icon: 'xxtb', group: '技术支援', count: 12, url: '/panel/information-disclosure/list' },
     { id: 2, name: '机队状态', icon: 'jdzt', group: '技术支援', count: 0 },
     { id: 3, name: '支援申请', icon: 'zysq', group: '技术支援', count: 0 },
     { id: 4, name: '工作指令', icon: 'gzzl', group: '技术支援', count: 0 },

src/pages.json

@@ -176,6 +176,13 @@
 				"navigationBarTitleText": "公司值班经理意见"
 			}
 		},
+		/*信息通报*/
+		{
+			"path": "pages/modules/mocp/panel/information-disclosure/list",
+			"style": {
+				"navigationBarTitleText": "信息通报"
+			}
+		},
 		{
 			"path": "pages/modules/mocp/panel/technology-evaluation/list",
 			"style": {

src/pages/modules/mocp/panel/information-disclosure/list-item.vue

+<script setup>
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
\ No newline at end of file

src/pages/modules/mocp/panel/information-disclosure/list.vue

+<template>
+    <global-page
+        title="信息通报"
+        isDataList
+        refresherEnabled
+        loadingMoreEnabled
+        auto
+        ref="paging"
+        :params="searchData"
+        showNavRight
+        navRightType="icon"
+        navRightIcon="saixuan-01"
+        @handleRightClick="handleRightClick"
+        :api="getArrangeWorkListApi"
+        :padding="24"
+    >
+        <template #="{ dataList }">
+            <view v-for="item in dataList" :key="item.id" class="inforDisclosureItem flex">
+                <view class="top">
+                    <view class="flex"></view>
+                </view>
+            </view>
+        </template>
+    </global-page>
+</template>
+
+<script setup>
+//临时调用接口
+import { getArrangeWorkListApi } from 'mocp/api/assign-work'
+import useInformationDisclosureStore from 'mocp/store/information-disclosure'
+import { storeToRefs } from 'pinia'
+
+
+const informationDisclosureStore = useInformationDisclosureStore()
+const { searchData } = storeToRefs(informationDisclosureStore)
+const handleRightClick = () => {
+    console.log('handleRightClick information-disclosure', informationDisclosureStore)
+}
+</script>
+
+<style scoped lang="scss">
+@import 'mocpStatic/css/inforDisclosureList.scss';
+</style>
\ No newline at end of file

src/static/mocp/css/inforDisclosureList.scss

+@charset "utf-8";
+.inforDisclosureItem {
+  padding: 24rpx;
+  margin-bottom: 16rpx;
+  border-radius: 12rpx;
+
+  .top {
+    justify-content: space-between;
+  }
+}
+
+.flex {
+  display: flex;
+  align-items: center;
+}