From 578652d6e1695779a23e5bbe5534e4f0ff285b90 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CDaisyWu=E2=80=9D?= <“18682150237@163.com”>
Date: Fri, 3 Jan 2025 15:41:17 +0800
Subject: [PATCH 1/4] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E5=8F=91=E5=B8=83=E3=80=81=E5=B9=BF=E6=92=AD=E3=80=81?=
 =?UTF-8?q?=E5=85=AC=E5=91=8A=E5=85=A5=E5=8F=A3=E5=8F=8A=E5=85=AC=E5=91=8A?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E9=83=A8=E5=88=86=E5=B8=83=E5=B1=80UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 首页新增信息发布、广播、公告入口
2. 信息发布模块新增公告页面部分布局UI
---
 src/pages.json                            |  20 ++
 src/pages/home/home.vue                   |  32 ++-
 src/pages/info-publish/info-publish.vue   |   7 +
 src/pages/info-publish/notice-details.vue | 151 ++++++++++++
 src/pages/info-publish/notice.vue         | 288 ++++++++++++++++++++++
 src/types/uni-pages.d.ts                  |   3 +
 6 files changed, 494 insertions(+), 7 deletions(-)
 create mode 100644 src/pages/info-publish/info-publish.vue
 create mode 100644 src/pages/info-publish/notice-details.vue
 create mode 100644 src/pages/info-publish/notice.vue

diff --git a/src/pages.json b/src/pages.json
index 830b295..01f83bf 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -78,6 +78,26 @@
         "disableScroll": true
       }
     },
+    {
+      "path": "pages/info-publish/info-publish",
+      "type": "page"
+    },
+    {
+      "path": "pages/info-publish/notice-details",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/info-publish/notice",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
     {
       "path": "pages/login/login",
       "type": "page",
diff --git a/src/pages/home/home.vue b/src/pages/home/home.vue
index 72aaa46..e649d5c 100644
--- a/src/pages/home/home.vue
+++ b/src/pages/home/home.vue
@@ -180,21 +180,21 @@
       ]
     },
     {
-      title: '其他',
+      title: '信息发布',
       list: [
         {
-          id: 0,
-          title: '其他中心',
+          id: 70,
+          title: '广播',
           icon: '/static/logo.png'
         },
         {
-          id: 1,
-          title: '其他中心',
+          id: 71,
+          title: '公告',
           icon: '/static/logo.png'
         },
         {
-          id: 2,
-          title: '其他中心',
+          id: 72,
+          title: '信息发布',
           icon: '/static/logo.png'
         }
       ]
@@ -241,8 +241,26 @@
     })
   }
 
+  const toNotice = () => {
+    uni.navigateTo({
+      url: '/pages/info-publish/notice'
+    })
+  }
+
+  const toInfoPublish = () => {
+    uni.navigateTo({
+      url: '/pages/info-publish/info-publish'
+    })
+  }
+
   const clickItem = item => {
     console.log(item)
+    if (item.id === 71) {
+      toNotice()
+    }
+    if (item.id === 72) {
+      toInfoPublish()
+    }
   }
 </script>
 
diff --git a/src/pages/info-publish/info-publish.vue b/src/pages/info-publish/info-publish.vue
new file mode 100644
index 0000000..126a836
--- /dev/null
+++ b/src/pages/info-publish/info-publish.vue
@@ -0,0 +1,7 @@
+<template>
+  <view></view>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="scss"></style>
diff --git a/src/pages/info-publish/notice-details.vue b/src/pages/info-publish/notice-details.vue
new file mode 100644
index 0000000..9572730
--- /dev/null
+++ b/src/pages/info-publish/notice-details.vue
@@ -0,0 +1,151 @@
+<route lang="json5" type="page">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="公告详情"></TopNavigation>
+  <view class="notice-details-page">
+    <!-- 公告列表 -->
+    <view class="notice-list">
+      <view class="list-item" v-for="item in notices" :key="item.id">
+        <view class="item-title">{{ item.title }}</view>
+        <view class="item-content">{{ item.content }}</view>
+        <view class="item-info">
+          <text class="item-author">{{ item.author }}</text>
+          <text class="item-date">{{ item.date }}</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 底部按钮 -->
+    <view class="bottom-btns">
+      <button class="recall-btn" @click="handleRecall">撤回</button>
+      <button class="share-btn" @click="handleShare">分享到微信</button>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue'
+
+  // 当前激活的标签页
+  const activeTab = ref('manage')
+
+  // 公告列表数据
+  const notices = ref([
+    {
+      id: 1,
+      title: '1',
+      content: '公告1内容',
+      author: 'HikMall_30013234A',
+      date: '2024-12-17'
+    }
+  ])
+
+  // 处理撤回按钮点击
+  const handleRecall = () => {}
+
+  // 处理分享到微信按钮点击
+  const handleShare = () => {}
+</script>
+
+<style lang="scss" scoped>
+  .notice-details-page {
+    min-height: 100vh;
+    background-color: #f5f5f5;
+  }
+
+  .nav-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px 15px;
+    background-color: #fff;
+
+    .title {
+      font-size: 16px;
+      font-weight: 500;
+    }
+  }
+
+  .notice-list {
+    padding: 15px;
+    list-style-type: none; /* 移除列表左侧的黑点 */
+
+    .list-item {
+      position: relative; /* 为绝对定位提供参考 */
+      padding: 15px;
+      margin-bottom: 10px;
+      background-color: #fff;
+      border-radius: 8px;
+
+      .item-title {
+        margin-bottom: 8px;
+        font-size: 16px;
+        font-weight: 500;
+      }
+
+      .item-content {
+        margin-bottom: 8px;
+        color: #666;
+      }
+
+      .item-info {
+        display: flex;
+        gap: 10px;
+        font-size: 12px;
+        color: #999;
+      }
+
+      .item-status {
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        padding: 2px 8px;
+        font-size: 12px;
+        font-weight: bold;
+        color: white; /* 白色字体 */
+        background-color: green; /* 绿色背景 */
+        border-radius: 4px;
+      }
+    }
+  }
+
+  .bottom-btns {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    padding: 10px 15px;
+    background-color: #fff;
+    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.05);
+  }
+
+  .recall-btn,
+  .share-btn {
+    flex: 1;
+    flex-basis: 50%; /* 确保按钮等宽 */
+    height: 40px;
+    font-size: 14px;
+    line-height: 40px;
+    text-align: center;
+    border-radius: 4px;
+  }
+
+  .recall-btn {
+    margin-right: 10px;
+    color: #333;
+    background-color: #f5f5f5;
+  }
+
+  .share-btn {
+    color: #fff;
+    background-color: #007aff;
+  }
+</style>
diff --git a/src/pages/info-publish/notice.vue b/src/pages/info-publish/notice.vue
new file mode 100644
index 0000000..261a1e2
--- /dev/null
+++ b/src/pages/info-publish/notice.vue
@@ -0,0 +1,288 @@
+<route lang="json5" type="page">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="公告管理"></TopNavigation>
+  <view class="notice-page">
+    <!-- 标签页 -->
+    <view class="tabs">
+      <view
+        class="tab-item"
+        :class="{ active: activeTab === 'manage' }"
+        @click="activeTab = 'manage'"
+      >
+        公告管理
+      </view>
+      <view class="tab-item" :class="{ active: activeTab === 'list' }" @click="activeTab = 'list'">
+        公告栏
+      </view>
+    </view>
+
+    <!-- 提示信息 -->
+    <view class="tip-box">
+      <text>若需发布图片、视频公告，请在web端发布</text>
+      <button class="copy-btn" @click="copyWebUrl">复制地址</button>
+    </view>
+
+    <!-- 公告管理列表 -->
+    <view v-if="activeTab === 'manage'" class="notice-list">
+      <view class="list-item" v-for="item in listNotice" :key="item.id" @click="clickItem(item)">
+        <view class="item-title">{{ item.title }}</view>
+        <view class="item-content">{{ item.content }}</view>
+        <view class="item-info">
+          <text class="item-author">{{ item.author }}</text>
+          <text class="item-date">{{ item.date }}</text>
+        </view>
+        <view class="item-status">{{ item.status }}</view>
+      </view>
+    </view>
+
+    <!-- 公告栏列表 -->
+    <view v-if="activeTab === 'list'" class="notice-list">
+      <view class="list-item" v-for="item in listNotice" :key="item.id" @click="clickItem(item)">
+        <view class="item-title">{{ item.title }}</view>
+        <view class="item-content">{{ item.content }}</view>
+        <view class="item-info">
+          <text class="item-author">{{ item.author }}</text>
+          <text class="item-date">{{ item.date }}</text>
+        </view>
+        <view class="item-status">{{ item.status }}</view>
+      </view>
+    </view>
+
+    <!-- 底部按钮 -->
+    <view class="bottom-btns">
+      <button class="draft-btn" @click="handleDraft">草稿箱</button>
+      <button class="publish-btn" @click="handlePublish">发布公告</button>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue'
+
+  // 当前激活的标签页
+  const activeTab = ref('manage')
+
+  const listNotice = ref([
+    {
+      id: 3,
+      title: '公告栏公告1',
+      content: '公告栏公告1内容',
+      author: 'HikMall_30013234C',
+      date: '2024-12-18',
+      status: '已发布'
+    },
+    {
+      id: 4,
+      title: '公告栏公告2',
+      content: '公告栏公告2内容',
+      author: 'HikMall_30013234D',
+      date: '2024-12-18',
+      status: '已发布'
+    }
+  ])
+
+  // 公告列表数据
+  const notices = ref([
+    {
+      id: 1,
+      title: '1',
+      content: '公告1内容',
+      author: 'HikMall_30013234A',
+      date: '2024-12-17',
+      status: '已发布'
+    },
+    {
+      id: 2,
+      title: '2',
+      content: '公告2内容',
+      author: 'HikMall_30013234B',
+      date: '2024-12-17',
+      status: '已发布'
+    }
+  ])
+
+  // 复制Web地址
+  const copyWebUrl = () => {
+    uni.setClipboardData({
+      data: 'https://your-web-url.com',
+      success: () => {
+        uni.showToast({
+          title: '复制成功',
+          icon: 'success'
+        })
+      }
+    })
+  }
+
+  const clickItem = item => {
+    console.log(item)
+    uni.navigateTo({
+      url: `/pages/info-publish/notice-details?id=${item.id}`
+    })
+  }
+
+  // 处理草稿箱按钮点击
+  const handleDraft = () => {
+    // 跳转到草稿箱页面
+  }
+
+  // 处理发布公告按钮点击
+  const handlePublish = () => {
+    // 跳转到发布公告页面
+  }
+</script>
+
+<style lang="scss" scoped>
+  .notice-page {
+    min-height: 100vh;
+    background-color: #f5f5f5;
+  }
+
+  .nav-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px 15px;
+    background-color: #fff;
+
+    .title {
+      font-size: 16px;
+      font-weight: 500;
+    }
+  }
+
+  .tabs {
+    display: flex;
+    align-items: center;
+    justify-content: center; /* 居中显示 */
+  }
+
+  .tab-item {
+    flex: 1; /* 平均分布 */
+    padding: 10px 0;
+    text-align: center;
+    cursor: pointer;
+  }
+
+  .tab-item.active {
+    position: relative;
+    font-weight: 500;
+    color: #007aff;
+  }
+
+  .tab-item.active::after {
+    position: absolute;
+    bottom: 0;
+    left: 25%;
+    align-items: center;
+    width: 50%; /* 调整宽度 */
+    height: 2px; /* 调整高度 */
+    content: '';
+    background-color: #007aff;
+  }
+  .tip-box {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px 15px;
+    font-size: 14px;
+    color: #999;
+    background-color: #fff7e6;
+
+    .copy-btn {
+      padding: 0;
+      margin: 0;
+      font-size: 14px;
+      color: #007aff;
+      background: none;
+      border: none;
+
+      &::after {
+        border: none;
+      }
+    }
+  }
+
+  .notice-list {
+    padding: 15px;
+    list-style-type: none; /* 移除列表左侧的黑点 */
+
+    .list-item {
+      position: relative; /* 为绝对定位提供参考 */
+      padding: 15px;
+      margin-bottom: 10px;
+      background-color: #fff;
+      border-radius: 8px;
+
+      .item-title {
+        margin-bottom: 8px;
+        font-size: 16px;
+        font-weight: 500;
+      }
+
+      .item-content {
+        margin-bottom: 8px;
+        color: #666;
+      }
+
+      .item-info {
+        display: flex;
+        gap: 10px;
+        font-size: 12px;
+        color: #999;
+      }
+
+      .item-status {
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        padding: 2px 8px;
+        font-size: 12px;
+        font-weight: bold;
+        color: white; /* 白色字体 */
+        background-color: green; /* 绿色背景 */
+        border-radius: 4px;
+      }
+    }
+  }
+
+  .bottom-btns {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    padding: 10px 15px;
+    background-color: #fff;
+    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.05);
+
+    .draft-btn,
+    .publish-btn {
+      flex: 1;
+      height: 40px;
+      font-size: 14px;
+      line-height: 40px;
+      text-align: center;
+      border-radius: 4px;
+    }
+
+    .draft-btn {
+      margin-right: 10px;
+      color: #333;
+      background-color: #f5f5f5;
+    }
+
+    .publish-btn {
+      color: #fff;
+      background-color: #007aff;
+    }
+  }
+</style>
diff --git a/src/types/uni-pages.d.ts b/src/types/uni-pages.d.ts
index afa4b3b..0482d5d 100644
--- a/src/types/uni-pages.d.ts
+++ b/src/types/uni-pages.d.ts
@@ -8,6 +8,9 @@ interface NavigateToOptions {
        "/pages/application-list/application-list" |
        "/pages/code/code" |
        "/pages/get-code/get-code" |
+       "/pages/info-publish/info-publish" |
+       "/pages/info-publish/notice-details" |
+       "/pages/info-publish/notice" |
        "/pages/login/login" |
        "/pages/mine/mine" |
        "/pages/notification/notification" |

From 07ad350e0dda39458f8a124a144f0041a40a4ccf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CDaisyWu=E2=80=9D?= <“18682150237@163.com”>
Date: Tue, 7 Jan 2025 17:01:09 +0800
Subject: [PATCH 2/4] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=85=AC?=
 =?UTF-8?q?=E5=91=8A=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/info-publish/announce-notice.vue | 170 +++++++++++++++++++++
 src/pages/info-publish/notice.vue          |   3 +
 2 files changed, 173 insertions(+)
 create mode 100644 src/pages/info-publish/announce-notice.vue

diff --git a/src/pages/info-publish/announce-notice.vue b/src/pages/info-publish/announce-notice.vue
new file mode 100644
index 0000000..25a3d34
--- /dev/null
+++ b/src/pages/info-publish/announce-notice.vue
@@ -0,0 +1,170 @@
+<route lang="json5" type="page">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="新增公告"></TopNavigation>
+  <div class="announce-notice">
+    <!-- 表单内容 -->
+    <div class="form-content">
+      <div class="form-item">
+        <div class="label">
+          <span class="required">*</span>
+          公告标题
+        </div>
+        <input
+          type="text"
+          v-model="formData.title"
+          placeholder="请输入公告标题"
+          class="input-field"
+        />
+      </div>
+
+      <div class="form-item">
+        <div class="label">
+          <span class="required">*</span>
+          公告正文
+        </div>
+        <textarea
+          v-model="formData.content"
+          placeholder="请输入要发布的内容"
+          class="textarea-field"
+          @input="handleContentInput"
+        ></textarea>
+        <div class="word-count">{{ contentLength }}/2000</div>
+      </div>
+    </div>
+
+    <!-- 底部按钮 -->
+    <div class="bottom-button">
+      <button class="next-step" @click="handleNextStep">下一步</button>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'AnnounceNotice',
+    data() {
+      return {
+        formData: {
+          title: '',
+          content: ''
+        }
+      }
+    },
+    computed: {
+      contentLength() {
+        return this.formData.content.length
+      }
+    },
+    methods: {
+      goBack() {
+        this.$router.back()
+      },
+      handleContentInput() {
+        if (this.formData.content.length > 2000) {
+          this.formData.content = this.formData.content.slice(0, 2000)
+        }
+      },
+      handleNextStep() {
+        if (!this.formData.title) {
+          this.$toast('请输入公告标题')
+          return
+        }
+        if (!this.formData.content) {
+          this.$toast('请输入公告内容')
+        }
+        // TODO: 处理下一步逻辑
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .announce-notice {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+    background: #f5f5f5;
+  }
+
+  .header {
+    position: relative;
+    display: flex;
+    align-items: center;
+    height: 44px;
+    padding: 0 15px;
+    background: #fff;
+  }
+
+  .title {
+    flex: 1;
+    font-size: 17px;
+    font-weight: 500;
+    text-align: center;
+  }
+
+  .form-content {
+    flex: 1;
+    padding: 15px;
+  }
+
+  .form-item {
+    padding: 15px;
+    margin-bottom: 15px;
+    background: #fff;
+    border-radius: 8px;
+  }
+
+  .label {
+    margin-bottom: 10px;
+    font-size: 15px;
+  }
+
+  .required {
+    margin-right: 4px;
+    color: #ff4d4f;
+  }
+
+  .input-field {
+    width: 100%;
+    font-size: 14px;
+    border: none;
+  }
+
+  .textarea-field {
+    width: 100%;
+    min-height: 200px;
+    font-size: 14px;
+    resize: none;
+    border: none;
+  }
+
+  .word-count {
+    margin-top: 8px;
+    font-size: 12px;
+    color: #999;
+    text-align: right;
+  }
+
+  .bottom-button {
+    padding: 15px;
+    background: #ff4d4f;
+  }
+
+  .next-step {
+    width: 100%;
+    height: 44px;
+    font-size: 16px;
+    color: #fff;
+    background: #4080ff;
+    border: none;
+    border-radius: 16px;
+  }
+</style>
diff --git a/src/pages/info-publish/notice.vue b/src/pages/info-publish/notice.vue
index 261a1e2..ce4945c 100644
--- a/src/pages/info-publish/notice.vue
+++ b/src/pages/info-publish/notice.vue
@@ -137,6 +137,9 @@
   // 处理发布公告按钮点击
   const handlePublish = () => {
     // 跳转到发布公告页面
+    uni.navigateTo({
+      url: '/pages/info-publish/announce-notice'
+    })
   }
 </script>
 

From d4635349a65484e54a61e12cd157eb8c85ece8d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CDaisyWu=E2=80=9D?= <“18682150237@163.com”>
Date: Wed, 8 Jan 2025 17:50:29 +0800
Subject: [PATCH 3/4] =?UTF-8?q?feat:=201=E8=B0=83=E6=95=B4=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E5=91=BD=E5=90=8D=202=E6=96=B0=E5=A2=9E=E5=8F=91?=
 =?UTF-8?q?=E5=B8=83=E5=85=AC=E5=91=8A=E9=A1=B5=E9=9D=A2UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                                | 14 ++++++-
 src/pages/info-publish/announce-notice.vue    | 40 ++++++++++++-------
 src/pages/info-publish/basic-info.vue         |  0
 .../{notice.vue => notice-manage.vue}         |  0
 4 files changed, 38 insertions(+), 16 deletions(-)
 create mode 100644 src/pages/info-publish/basic-info.vue
 rename src/pages/info-publish/{notice.vue => notice-manage.vue} (100%)

diff --git a/src/pages.json b/src/pages.json
index cd9bf80..de9d834 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -81,6 +81,18 @@
       },
       "needLogin": false
     },
+    {
+      "path": "pages/info-publish/announce-notice",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/info-publish/basic-info",
+      "type": "page"
+    },
     {
       "path": "pages/info-publish/info-publish",
       "type": "page"
@@ -94,7 +106,7 @@
       }
     },
     {
-      "path": "pages/info-publish/notice",
+      "path": "pages/info-publish/notice-manage",
       "type": "page",
       "layout": "default",
       "style": {
diff --git a/src/pages/info-publish/announce-notice.vue b/src/pages/info-publish/announce-notice.vue
index 25a3d34..eb6aa66 100644
--- a/src/pages/info-publish/announce-notice.vue
+++ b/src/pages/info-publish/announce-notice.vue
@@ -41,9 +41,9 @@
     </div>
 
     <!-- 底部按钮 -->
-    <div class="bottom-button">
-      <button class="next-step" @click="handleNextStep">下一步</button>
-    </div>
+    <view class="bottom-btns">
+      <button class="nextstep-btn" @click="handlePublish">下一步</button>
+    </view>
   </div>
 </template>
 
@@ -153,18 +153,28 @@
     text-align: right;
   }
 
-  .bottom-button {
-    padding: 15px;
-    background: #ff4d4f;
-  }
+  .bottom-btns {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    padding: 10px 15px;
+    background-color: #fff;
+    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.05);
 
-  .next-step {
-    width: 100%;
-    height: 44px;
-    font-size: 16px;
-    color: #fff;
-    background: #4080ff;
-    border: none;
-    border-radius: 16px;
+    .nextstep-btn {
+      flex: 1;
+      height: 40px;
+      font-size: 14px;
+      line-height: 40px;
+      text-align: center;
+      border-radius: 4px;
+    }
+
+    .nextstep-btn {
+      color: #fff;
+      background-color: #007aff;
+    }
   }
 </style>
diff --git a/src/pages/info-publish/basic-info.vue b/src/pages/info-publish/basic-info.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/info-publish/notice.vue b/src/pages/info-publish/notice-manage.vue
similarity index 100%
rename from src/pages/info-publish/notice.vue
rename to src/pages/info-publish/notice-manage.vue

From c91cbf4550e45eb73ff50fa64225242bd5d1c5f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CDaisyWu=E2=80=9D?= <“18682150237@163.com”>
Date: Fri, 10 Jan 2025 15:51:41 +0800
Subject: [PATCH 4/4] =?UTF-8?q?feat:=201.=E6=98=9F=E5=8B=A4=EF=BC=9A?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E5=8F=91=E5=B8=83=E6=A8=A1=E5=9D=97=E2=80=94?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=8D=89=E7=A8=BF=E7=AE=B1=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=202.=E6=98=9F=E5=8B=A4=EF=BC=9A=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E5=8F=91=E5=B8=83=E6=A8=A1=E5=9D=97=E2=80=94=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=B7=B2=E6=9C=89=E5=85=AC=E5=91=8A=E5=90=84=E4=B8=AA?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E9=80=BB=E8=BE=91=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/home/home.vue                    |   6 +-
 src/pages/info-publish/announce-notice.vue |  14 +-
 src/pages/info-publish/basic-info.vue      | 349 +++++++++++++++++++++
 src/pages/info-publish/drafts-list.vue     | 107 +++++++
 src/pages/info-publish/notice-manage.vue   |   3 +
 5 files changed, 468 insertions(+), 11 deletions(-)
 create mode 100644 src/pages/info-publish/drafts-list.vue

diff --git a/src/pages/home/home.vue b/src/pages/home/home.vue
index 0107281..c7f32e1 100644
--- a/src/pages/home/home.vue
+++ b/src/pages/home/home.vue
@@ -275,7 +275,8 @@
         {
           id: 309,
           icon: 'https://file.hikmall.com/prod/image/0706b7ff1e044928872839c61be74d54.png',
-          name: '公告'
+          name: '公告',
+          url: '/pages/info-publish/notice-manage'
         },
         {
           id: 6093,
@@ -336,5 +337,8 @@
 
   const clickItem = item => {
     console.log(item)
+    uni.navigateTo({
+      url: item.url
+    })
   }
 </script>
diff --git a/src/pages/info-publish/announce-notice.vue b/src/pages/info-publish/announce-notice.vue
index eb6aa66..0826981 100644
--- a/src/pages/info-publish/announce-notice.vue
+++ b/src/pages/info-publish/announce-notice.vue
@@ -42,14 +42,13 @@
 
     <!-- 底部按钮 -->
     <view class="bottom-btns">
-      <button class="nextstep-btn" @click="handlePublish">下一步</button>
+      <button class="nextstep-btn" @click="handleNextStep">下一步</button>
     </view>
   </div>
 </template>
 
 <script>
   export default {
-    name: 'AnnounceNotice',
     data() {
       return {
         formData: {
@@ -73,14 +72,9 @@
         }
       },
       handleNextStep() {
-        if (!this.formData.title) {
-          this.$toast('请输入公告标题')
-          return
-        }
-        if (!this.formData.content) {
-          this.$toast('请输入公告内容')
-        }
-        // TODO: 处理下一步逻辑
+        uni.navigateTo({
+          url: '/pages/info-publish/basic-info'
+        })
       }
     }
   }
diff --git a/src/pages/info-publish/basic-info.vue b/src/pages/info-publish/basic-info.vue
index e69de29..43807b7 100644
--- a/src/pages/info-publish/basic-info.vue
+++ b/src/pages/info-publish/basic-info.vue
@@ -0,0 +1,349 @@
+<route lang="json5" type="page">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="公告管理"></TopNavigation>
+  <div class="basic-info">
+    <!-- 基本信息区域 -->
+    <div class="content">
+      <div class="section-title">基本信息</div>
+
+      <!-- 发布对象 -->
+      <div class="form-item" @click="selectTarget">
+        <div class="label">
+          <span class="required">*</span>
+          <span>发布对象</span>
+        </div>
+        <div class="value">
+          <span class="placeholder">请选择</span>
+          <i class="arrow">></i>
+        </div>
+      </div>
+
+      <!-- 发布类型 -->
+      <div class="form-item" @click="showTimePicker = true">
+        <div class="label">
+          <span class="required">*</span>
+          <span>发布时间</span>
+        </div>
+        <div class="value">
+          <span>{{ publishType }}</span>
+          <i class="arrow">></i>
+        </div>
+      </div>
+
+      <!-- 发布日期 - 仅在定时发布时显示 -->
+      <div class="form-item" v-if="isScheduled" @click="showDatePicker = true">
+        <div class="label">
+          <span class="required">*</span>
+          <span>发布日期</span>
+        </div>
+        <div class="value">
+          <span>{{ publishDate }}</span>
+          <i class="arrow">></i>
+        </div>
+      </div>
+
+      <!-- 发布时间 - 仅在定时发布时显示 -->
+      <div class="form-item" v-if="isScheduled" @click="showTimePickerDetail = true">
+        <div class="label">
+          <span class="required">*</span>
+          <span>发布时间</span>
+        </div>
+        <div class="value">
+          <span>{{ publishTimeDetail }}</span>
+          <i class="arrow">></i>
+        </div>
+      </div>
+    </div>
+
+    <!-- 底部按钮 -->
+    <div class="footer">
+      <button class="draft-btn" @click="saveDraft">保存为草稿</button>
+      <button class="publish-btn" @click="publish">发布公告</button>
+    </div>
+
+    <!-- 发布类型选择弹窗 -->
+    <transition name="slide-up">
+      <div class="popup" v-if="showTimePicker">
+        <div class="mask" @click="hideTimePicker"></div>
+        <div class="popup-content">
+          <div class="popup-header">
+            <div class="popup-title">请选择发布时间</div>
+            <div class="popup-close" @click="showTimePicker = false">×</div>
+          </div>
+          <div class="popup-body">
+            <div
+              class="time-option"
+              :class="{ active: !isScheduled }"
+              @click="selectPublishType('now')"
+            >
+              立即发布
+              <i class="check-icon" v-if="!isScheduled">✓</i>
+            </div>
+            <div
+              class="time-option"
+              :class="{ active: isScheduled }"
+              @click="selectPublishType('schedule')"
+            >
+              定时发布
+              <i class="check-icon" v-if="isScheduled">✓</i>
+            </div>
+          </div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref, computed } from 'vue'
+
+  // 控制各种弹窗的显示状态
+  const showTimePicker = ref(false) // 发布类型选择弹窗
+  const showDatePicker = ref(false) // 日期选择弹窗
+  const showTimePickerDetail = ref(false) // 具体时间选择弹窗
+
+  // 发布相关的状态
+  const isScheduled = ref(false) // 是否为定时发布
+  const publishDate = ref('2025-01-07') // 发布日期
+  const publishTimeDetail = ref('15:55:52') // 发布具体时间
+
+  // 计算属性：发布类型文本
+  const publishType = computed(() => (isScheduled.value ? '定时发布' : '立即发布'))
+
+  // 选择发布类型
+  const selectPublishType = (type: 'now' | 'schedule') => {
+    isScheduled.value = type === 'schedule'
+    showTimePicker.value = false
+  }
+
+  function hideTimePicker() {
+    showTimePicker.value = false
+  }
+
+  // 选择发布日期
+  const selectDate = (date: string) => {
+    publishDate.value = date
+    showDatePicker.value = false
+  }
+
+  // 选择发布时间
+  const selectTime = (time: string) => {
+    publishTimeDetail.value = time
+    showTimePickerDetail.value = false
+  }
+
+  const selectTarget = () => {
+    // 选择发布对象逻辑
+  }
+
+  const saveDraft = () => {
+    // 保存草稿逻辑
+    // 跳转到草稿箱页面
+    uni.navigateTo({
+      url: '/pages/info-publish/drafts-list'
+    })
+  }
+
+  const publish = () => {
+    // 发布公告逻辑
+  }
+</script>
+<style scoped>
+  .basic-info {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    background: #f5f5f5;
+  }
+
+  .header {
+    position: relative;
+    display: flex;
+    align-items: center;
+    height: 44px;
+    padding: 0 15px;
+    background: #fff;
+  }
+
+  .back-icon {
+    padding: 10px;
+    margin-left: -10px;
+    font-size: 18px;
+  }
+
+  .title {
+    flex: 1;
+    font-size: 17px;
+    font-weight: 500;
+    text-align: center;
+  }
+
+  .more,
+  .close {
+    padding: 10px;
+    font-size: 20px;
+  }
+
+  .content {
+    flex: 1;
+    padding: 15px;
+  }
+
+  .section-title {
+    margin-bottom: 10px;
+    font-size: 14px;
+    color: #999;
+  }
+
+  .form-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 15px;
+    margin-bottom: 1px;
+    background: #fff;
+  }
+
+  .label {
+    display: flex;
+    align-items: center;
+  }
+
+  .required {
+    margin-right: 4px;
+    color: #ff4d4f;
+  }
+
+  .value {
+    display: flex;
+    align-items: center;
+    color: #999;
+  }
+
+  .placeholder {
+    margin-right: 4px;
+  }
+
+  .arrow {
+    margin-left: 4px;
+    color: #ccc;
+  }
+
+  .footer {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    padding: 10px 15px;
+    background-color: #fff;
+    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.05);
+
+    .draft-btn,
+    .publish-btn {
+      flex: 1;
+      height: 40px;
+      font-size: 14px;
+      line-height: 40px;
+      text-align: center;
+      border-radius: 4px;
+    }
+
+    .draft-btn {
+      margin-right: 10px;
+      color: #333;
+      background-color: #f5f5f5;
+    }
+
+    .publish-btn {
+      color: #fff;
+      background-color: #007aff;
+    }
+  }
+  /* 弹窗相关样式 */
+  .time-picker-popup {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1000;
+  }
+
+  .mask {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: rgba(0, 0, 0, 0.4);
+  }
+
+  .popup-content {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: #fff;
+    border-radius: 16px 16px 0 0;
+  }
+
+  .popup-header {
+    display: flex;
+    align-items: center;
+    padding: 16px;
+    border-bottom: 1px solid #f5f5f5;
+  }
+
+  .popup-title {
+    flex: 1;
+    font-size: 16px;
+    font-weight: 500;
+    text-align: center;
+  }
+
+  .popup-close {
+    padding: 8px;
+    font-size: 20px;
+    color: #999;
+  }
+
+  .popup-body {
+    padding: 8px 0;
+  }
+
+  .time-option {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px;
+    font-size: 16px;
+  }
+
+  .time-option.active {
+    color: #4080ff;
+  }
+
+  .check-icon {
+    font-size: 18px;
+    color: #4080ff;
+  }
+  /* 动画效果 */
+  .slide-up-enter-active,
+  .slide-up-leave-active {
+    transition: all 0.3s ease-out;
+  }
+
+  .slide-up-enter-from,
+  .slide-up-leave-to {
+    transform: translateY(100%);
+  }
+</style>
diff --git a/src/pages/info-publish/drafts-list.vue b/src/pages/info-publish/drafts-list.vue
new file mode 100644
index 0000000..50e6778
--- /dev/null
+++ b/src/pages/info-publish/drafts-list.vue
@@ -0,0 +1,107 @@
+<route lang="json5" type="page">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="草稿箱"></TopNavigation>
+  <view class="drafts-list">
+    <!-- 草稿箱列表 -->
+    <view class="list-item" v-for="item in listNotice" :key="item.id" @click="clickItem(item)">
+      <view class="item-title">{{ item.title }}</view>
+      <view class="item-content">{{ item.content }}</view>
+      <view class="item-info">
+        <text class="item-author">{{ item.author }}</text>
+        <text class="item-date">{{ item.date }}</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue'
+
+  const listNotice = ref([
+    {
+      id: 3,
+      title: '公告栏公告1',
+      content: '公告栏公告1内容',
+      author: 'HikMall_30013234C',
+      date: '2024-12-18'
+    },
+    {
+      id: 4,
+      title: '公告栏公告2',
+      content: '公告栏公告2内容',
+      author: 'HikMall_30013234D',
+      date: '2024-12-18'
+    }
+  ])
+
+  // 公告列表数据
+  const notices = ref([
+    {
+      id: 1,
+      title: '1',
+      content: '公告1内容',
+      author: 'HikMall_30013234A',
+      date: '2024-12-17'
+    },
+    {
+      id: 2,
+      title: '2',
+      content: '公告2内容',
+      author: 'HikMall_30013234B',
+      date: '2024-12-17'
+    }
+  ])
+
+  const clickItem = item => {
+    console.log(item)
+    uni.navigateTo({
+      url: `/pages/info-publish/notice-details?id=${item.id}`
+    })
+  }
+</script>
+
+<style lang="scss" scoped>
+  .drafts-list {
+    min-height: 100vh;
+    background-color: #f5f5f5;
+  }
+
+  .drafts-list {
+    padding: 15px;
+    list-style-type: none; /* 移除列表左侧的黑点 */
+
+    .list-item {
+      position: relative; /* 为绝对定位提供参考 */
+      padding: 15px;
+      margin-bottom: 10px;
+      background-color: #fff;
+      border-radius: 8px;
+
+      .item-title {
+        margin-bottom: 8px;
+        font-size: 16px;
+        font-weight: 500;
+      }
+
+      .item-content {
+        margin-bottom: 8px;
+        color: #666;
+      }
+
+      .item-info {
+        display: flex;
+        gap: 10px;
+        font-size: 12px;
+        color: #999;
+      }
+    }
+  }
+</style>
diff --git a/src/pages/info-publish/notice-manage.vue b/src/pages/info-publish/notice-manage.vue
index ce4945c..b59e790 100644
--- a/src/pages/info-publish/notice-manage.vue
+++ b/src/pages/info-publish/notice-manage.vue
@@ -132,6 +132,9 @@
   // 处理草稿箱按钮点击
   const handleDraft = () => {
     // 跳转到草稿箱页面
+    uni.navigateTo({
+      url: '/pages/info-publish/drafts-list'
+    })
   }
 
   // 处理发布公告按钮点击