# Conflicts:
#	src/router/index.ts

.env.wangqi

@@ -1,5 +1,4 @@
 VITE_BASE_API = 'http://127.0.0.1:8003'
-#VITE_BASE_API = 'http://10.19.13.166/sgiipapi'
 VITE_PREVIEW_API= 'http://172.16.7.51:10023'
 VITE_RAQ_API= 'http://172.16.2.78:8080'
 VITE_UREPORT_API= 'http://172.16.2.78:8001'
@@ -12,6 +11,4 @@ VITE_QW_APP_CODE='com.shansteelgroup.sxaqxt'
 #VITE_QW_APP_ID='ww0a57c5a416cc3df3'
 
 VITE_QW_APP_ID='ww9263769246e752c9'
-VITE_BUCKET = 'common'
 VITE_USER_ID='91EE370A4ECB11B297751DCDBB6A11DD'
-

src/router/index.ts

@@ -534,6 +534,42 @@ const router = createRouter({
 			name: '通知公告新增',
 			component: () => import('@/view/announ/noticeList.vue')
 		},
+		{
+			path: '/keyMatters',
+			name: '重点事项',
+			component: () => import('@/view/keyMatters/index.vue')
+		},
+		{
+			path: '/keyMatters/view',
+			name: '重点事项查看',
+			component: () => import('@/view/keyMatters/view.vue')
+		},
+		{
+			path: '/keyMatters/report',
+			name: '重点事项汇报',
+			component: () => import('@/view/keyMatters/report.vue')
+		},
+		{
+			path: '/planManagement',
+			name: '计划任务汇报',
+			component: () => import('@/view/planManagement/index.vue')
+		},
+		{
+			path: '/planManagement/manifest',
+			name: '任务清单',
+			component: () => import('@/view/planManagement/manifest.vue')
+		},
+		{
+			path: '/planManagement/manifestView',
+			name: '任务清单查看',
+			component: () => import('@/view/planManagement/manifestView.vue')
+		},
+		{
+			path: '/planManagement/manifestReport',
+			name: '任务清单汇报',
+			component: () => import('@/view/planManagement/manifestReport.vue')
+		},
+		},
 		{
 			path: '/accidentManager/accidentBaoGaoLedger/index',
 			name: 'accidentBaoGaoLedger',

src/utils/commonMethod.js

@@ -0,0 +1,12 @@
+export function guid() {
+  const chars = '0123456789abcdefghijklmnopqrstuvwxyz'
+  const length = chars.length
+  const randomString = (len) => {
+    const array = new Uint8Array(len)
+    crypto.getRandomValues(array)
+    return Array.from(array)
+      .map(byte => chars[byte % length])
+      .join('');
+  }
+  return `${randomString(8)}${randomString(8)}${randomString(8)}${randomString(8)}`;
+}

src/view/Home2.vue

@@ -190,6 +190,19 @@
         </van-grid-item>
       </van-grid>
     </div>
+    <div class="card">
+      <div class="title">事务汇报</div>
+      <van-grid :border="false" :column-num="4">
+        <van-grid-item to="/keyMatters">
+          <img src="../../public/images/keyMatters.png" width="45rpx" />
+          <span class="vanicon_text">重点事项</span>
+        </van-grid-item>
+        <van-grid-item to="/planManagement">
+          <img src="../../public/images/planManagement.png" width="45rpx" />
+          <span class="vanicon_text">计划任务</span>
+        </van-grid-item>
+      </van-grid>
+    </div>
     <div class="card">
       <div class="title">考核管理</div>
       <van-grid :border="false" :column-num="4" v-if="showCheckTakeN">
@@ -216,6 +229,7 @@
         </van-grid-item>
       </van-grid>
     </div>
+
   </div>
 
 </template>
@@ -365,7 +379,9 @@ const getNameByPath = (path) => {
     '/drillProcess': '掌上演练',
     '/checkTake': '逢查必考',
     '/projectManage/projectConstructionOperation': '项目施工作业管理',
-    '/projectManage/projectWorkLedger': '项目作业台账'
+    '/projectManage/projectWorkLedger': '项目作业台账',
+    '/keyMatters': '重点事项',
+    '/planManagement': '计划任务'
 
   };
   return recentlyUsedMapping[path];
@@ -399,7 +415,9 @@ const getPicPathByPath = (path) => {
     '/drillProcess': 'images/drillProcess.png',
     '/checkTake': 'images/dt.png',
     '/projectManage/projectConstructionOperation': 'images/xm.png',
-    '/projectManage/projectWorkLedger': 'images/xm.png'
+    '/projectManage/projectWorkLedger': 'images/xm.png',
+    '/keyMatters': 'images/keyMatters.png',
+    '/planManagement': 'images/planManagement.png'
   };
   return recentlyUsedMapping[path];
 };

src/view/keyMatters/index.vue

@@ -0,0 +1,279 @@
+<script setup>
+import { getCurrentInstance, onMounted, ref } from 'vue';
+import { onBeforeRouteLeave, useRouter } from 'vue-router';
+import { useEmergencyStore } from '@/stores/emergencyManager.js';
+
+const emergencyInfo = useEmergencyStore();
+const {
+  proxy
+} = getCurrentInstance();
+
+const base_url = '/sgsafe/KeyMattersManagement';
+
+/* 通用方法： 重置list数据 */
+const basicReset = () => {
+  finished.value = false;
+  loading.value = true;
+  pageNum.value = 1;
+  list.value = [];
+};
+
+/* 返回上一级页面 */
+const router = useRouter();
+
+/* 查询数据 */
+const pageNum = ref(1);
+const pageSize = ref(10);
+const total = ref(0);
+const resultData = ref([]);
+const fetchData = ref({
+  itemTitle: '',
+  itemSource: 'ASSIGNED',
+});
+
+const onSearch = () => {
+  basicReset();
+  onLoad();
+};
+
+const resetCondition = () => {
+  basicReset();
+  fetchData.value.itemTitle = '';
+  onLoad();
+};
+
+/* 查询请求 */
+const queryFetch = async () => {
+  const url = base_url + '/query';
+  const param = {
+    page: pageNum.value,
+    rows: pageSize.value,
+    params: JSON.stringify(fetchData.value)
+  };
+  try {
+    const res = await proxy.$axios.post(url, param);
+    if (res.data.code === 0) {
+      total.value = res.data.data.total;
+      resultData.value = res.data.data.records;
+    } else {
+      console.log('查询失败!' + res.data.msg);
+    }
+  } catch (error) {
+    console.error('请求出错:', error);
+  }
+};
+
+/* 列表加载与下拉刷新 */
+const list = ref([]);
+const refreshing = ref(false);
+const loading = ref(false);
+const finished = ref(false);
+
+const onRefresh = () => {
+  basicReset();
+  onLoad();
+};
+
+const onLoad = async () => {
+  if (refreshing.value) {
+    list.value = [];
+    pageNum.value = 1;
+    refreshing.value = false;
+  }
+  try {
+    await queryFetch();
+    if (pageSize.value * pageNum.value < total.value) {
+      list.value = [...list.value, ...resultData.value];
+      openStates.value = new Array(list.value.length).fill(true);
+      pageNum.value++;
+    } else {
+      list.value = [...list.value, ...resultData.value];
+      openStates.value = new Array(list.value.length).fill(true);
+      finished.value = true;
+    }
+  } catch (error) {
+    console.log(error);
+    finished.value = true;
+  } finally {
+    loading.value = false;
+  }
+};
+
+/**
+ * 按钮实现swipe-cell滑动
+ */
+const openStates = ref([]);
+const swipeCellRefs = ref([]);
+const getSwipeCellRef = (el, index) => {
+  if (el) {
+    swipeCellRefs.value[index] = el;
+  }
+};
+const openSwipe = (idx) => {
+  openStates.value = new Array(list.value.length).fill(true);
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStates.value[idx] = false;
+    swipeCellRefs.value[idx].open('right');
+  }
+  document.addEventListener('click', handleDocumentClick);
+};
+const closeSwipe = (idx) => {
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStates.value[idx] = true;
+    swipeCellRefs.value[idx].close();
+  }
+};
+/** 滑动监听 **/
+const handleSwipeOpen = (idx) => {
+  openStates.value[idx] = false;
+};
+
+const handleSwipeClose = (idx) => {
+  openStates.value[idx] = true;
+};
+
+/**
+ * 当点击滑动单元格时，开始监听点击事件
+ */
+const handleDocumentClick = (event) => {
+  openStates.value = new Array(list.value.length).fill(true);
+};
+
+/**
+ * pinia读取和缓存数据
+ */
+onMounted(() => {
+  if (emergencyInfo.conditionalQueryAttributes) {
+    fetchData.value.itemTitle = emergencyInfo.conditionalQueryAttributes;
+  }
+  basicReset();
+  onLoad();
+})
+onBeforeRouteLeave((to, from, next) => {
+  if (to.path === '/keyMatters/view' || to.path === '/keyMatters/report') {
+    emergencyInfo.$patch({
+      conditionalQueryAttributes: fetchData.value.itemTitle
+    });
+  } else {
+    emergencyInfo.clearMainDeptInfo();
+  }
+  next();
+});
+
+</script>
+
+<template>
+  <div class="page-container">
+    <van-sticky>
+      <van-nav-bar title="重点事项汇报">
+      </van-nav-bar>
+
+      <van-search
+        v-model="fetchData.itemTitle"
+        @search="onSearch"
+        @clear="resetCondition"
+        placeholder="请输入事项标题"
+      />
+    </van-sticky>
+
+    <div class="scroll-container">
+      <van-pull-refresh
+        v-model="refreshing"
+        success-text="刷新成功"
+        @refresh="onRefresh"
+      >
+        <van-list
+          class="listDiv"
+          :immediate-check="false"
+          v-model:loading="loading"
+          :finished="finished"
+          finished-text="没有更多了"
+          @load="onLoad"
+        >
+          <div v-for="(item,idx) in list" :key="item.id">
+            <van-swipe-cell
+              title-style="color: #007aff"
+              class="goods-card"
+              :ref="el => getSwipeCellRef(el, idx)"
+              @open="handleSwipeOpen(idx)"
+              @close="handleSwipeClose(idx)"
+            >
+              <template #default>
+                <div class="swipe-cell-default">
+                  <van-cell :to="{ path: '/keyMatters/view', query: { keyMatter: JSON.stringify(item) } }">
+                    <template #title>
+                      <span class="bold-title" style="margin-right: 10px">{{ item.itemTitle }}</span>
+                      <van-tag style="margin-right: 10px" :type="item.isFinished === '已完成' ? 'success' : 'danger'">{{ item.isFinished }}</van-tag>
+                      <van-tag :type="item.isOverdue === '逾期' ? 'danger' : 'success'">{{ item.isOverdue === '逾期' ? '逾期' : '未逾期' }}</van-tag>
+                    </template>
+                    <template #label>
+                      <span style="margin-right: 10px">事项内容：{{ item.itemContent }}</span>
+                    </template>
+                  </van-cell>
+                  <div class="swipe-cell-default-icon">
+                    <van-icon v-if="openStates[idx]" name="arrow-double-left" @click.stop="openSwipe(idx)" />
+                    <van-icon v-else name="arrow-double-right" @click.stop="closeSwipe(idx)" />
+                  </div>
+                </div>
+              </template>
+
+              <template #right>
+                <van-button class="delete-button" square type="primary" text="汇报"
+                            :to="{ path: '/keyMatters/report', query: { keyMatter: JSON.stringify(item) } }" />
+              </template>
+            </van-swipe-cell>
+          </div>
+        </van-list>
+      </van-pull-refresh>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.page-container {
+  height: 100vh; /* 关键：外层容器高度设为视口高度 */
+  display: flex;
+  flex-direction: column;
+
+}
+
+/*  overflow-y: auto; !* 启用垂直滚动 *!*/
+
+
+.scroll-container {
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
+}
+
+/* 可选：隐藏滚动条（视觉优化） */
+.scroll-container::-webkit-scrollbar {
+  display: none;
+}
+
+.goods-card {
+  margin: 0;
+}
+
+.delete-button {
+  height: 100%;
+}
+
+.bold-title {
+  font-weight: bold;
+  color: #333;
+}
+
+.swipe-cell-default {
+  display: flex;
+  background-color: #ffffff;
+  justify-content: center;
+  align-items: center;
+}
+
+.swipe-cell-default-icon {
+  width: 60px;
+  display: flex;
+  justify-content: center;
+}
+</style>

src/view/keyMatters/report.vue

@@ -0,0 +1,353 @@
+<script setup>
+import { computed, getCurrentInstance, onMounted, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { showFailToast, showLoadingToast, showSuccessToast } from 'vant';
+
+const base_url = '/sgsafe/KeyMattersRecord';
+const { proxy } = getCurrentInstance();
+
+/* 返回上一级页面 */
+const router = useRouter();
+const route = useRoute();
+const onClickLeft = () => {
+  router.go(-1);
+};
+
+const lowerReportForm = ref({
+  keyMattersId: ''
+})
+
+const reportingForm = ref({
+  itemManifestId: '',
+  completionReporting: '',
+  completionCount: '1',
+  completionTime: ''
+});
+
+/**
+ * 获取日期
+ */
+const timeVisible = ref(false);
+const timeArr = ref([]);
+const formattedTime = computed(() => {
+  if (timeArr.value.length === 0) {
+    return '';
+  }
+  const date = timeArr.value;
+  if (!date) return '';
+  const d = new Date(date);
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+});
+const onConfirmTime = () => {
+  timeVisible.value = false;
+  reportingForm.value.completionTime = formattedTime.value;
+};
+
+
+const dataList = ref([])
+const queryLowerReporting = () => {
+  const url = '/sgsafe/KeyMattersRecord/viewReport'
+  const param = {
+    json: JSON.stringify(lowerReportForm.value)
+  }
+  proxy.$axios.post(url, param).then(res => {
+    if (res.data.code === 0) {
+      dataList.value = res.data.data;
+    } else {
+      showFailToast('查询下级部门汇报失败')
+    }
+  })
+}
+
+const onSubmit = async (values) => {
+  const loadingToast = showLoadingToast({
+    duration: 0,
+    message: '加载中',
+    forbidClick: true
+  });
+  const url = base_url + '/save';
+  const params = {
+    json: JSON.stringify(reportingForm.value)
+  };
+  proxy.$axios.post(url, params).then(res => {
+    if (res.data.code === 0) {
+      loadingToast.close();
+      showSuccessToast('保存成功');
+      onClickLeft();
+    } else {
+      loadingToast.close();
+      showFailToast('操作失败!' + res.data.msg);
+    }
+  });
+};
+
+/*const rowAnalysisText = ref('')
+const generateRowAnalysis = (row) => {
+  // 设置当前行的加载状态
+  row.analysisLoading = true
+
+  // 构造提示词
+  let prompt = `请总结下面一段话：` + row.completionReporting
+
+  // 构造消息对象
+  const messages = [
+    {
+      role: "user",
+      content: prompt
+    }
+  ]
+
+  // 调用后端AI接口，避免暴露API密钥
+  callAIStream(
+    messages,
+    (content, isEnd) => {
+
+      row.aiAnalysis = content
+      if (content) {
+        rowAnalysisText.value = content
+      }
+      // console.log('111',row.aiAnalysis)
+      // 如果是最终结果，停止加载状态
+      if (isEnd) {
+        row.analysisLoading = false
+      }
+    }
+  )
+}
+const callAIStream = async (messageHistory, callback) => {
+  try {
+    const url = `${import.meta.env.VITE_BASE_API}/sgsafe/deepseek/chat-stream`
+
+    const response = await fetch(url, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'token': localStorage.getItem('token') || '',
+        'userId': localStorage.getItem('userId') || ''
+      },
+      body: JSON.stringify({
+        messages: messageHistory
+      })
+    })
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+
+    if (!response.body) {
+      throw new Error('ReadableStream not supported in this browser.')
+    }
+
+    // 处理流式响应
+    const reader = response.body.getReader()
+    const decoder = new TextDecoder('utf-8')
+    let buffer = ''
+    let fullResponse = ''
+
+    try {
+      while (true) {
+        const {done, value} = await reader.read()
+
+        if (done) {
+          callback(fullResponse, true)
+          break
+        }
+
+        const chunk = decoder.decode(value, {stream: true})
+        buffer += chunk
+
+        // 处理缓冲区数据
+        const lines = buffer.split('\n')
+        let remainingBuffer = lines.pop() // 保留不完整的行
+
+        for (const line of lines) {
+          if (line.trim() === '') continue
+
+          if (line.startsWith('data:')) {
+            const data = line.slice(5).trim()
+
+            if (data === '[DONE]') {
+              callback(fullResponse, true)
+              return
+            }
+
+            if (data === '') continue
+
+            try {
+              const jsonData = JSON.parse(data)
+
+              if (jsonData.choices?.[0]?.delta) {
+                let content = ''
+                if (jsonData.choices[0].delta.reasoning_content) {
+                  content += jsonData.choices[0].delta.reasoning_content
+                }
+                if (jsonData.choices[0].delta.content) {
+                  content += jsonData.choices[0].delta.content
+                }
+
+                if (content) {
+                  fullResponse += content
+                  callback(fullResponse, false)
+                }
+              }
+            } catch (parseError) {
+              console.error('JSON解析错误:', parseError, '数据:', data)
+            }
+          }
+        }
+
+        buffer = remainingBuffer
+      }
+    } catch (error) {
+      console.error('处理流响应失败:', error)
+      callback('处理响应时发生错误: ' + error.message, true)
+    }
+  } catch (error) {
+    console.error('AI调用失败:', error)
+    callback('AI调用失败: ' + error.message, true)
+  }
+}*/
+
+const keyMatter = ref({});
+const isQuantified = ref(false);
+onMounted(() => {
+  if (route.query.keyMatter) {
+    keyMatter.value = JSON.parse(route.query.keyMatter);
+    if (!keyMatter.value.id) {
+      showFailToast('数据错误，请联系管理员');
+      onClickLeft();
+    }
+    // console.log(keyMatter.value);
+    reportingForm.value.itemManifestId = keyMatter.value.id;
+    lowerReportForm.value.keyMattersId = keyMatter.value.id;
+    isQuantified.value = keyMatter.value.isQuantified;
+  }
+  queryLowerReporting()
+})
+
+</script>
+
+<template>
+  <div class="page-container">
+    <van-sticky>
+      <van-nav-bar title="重点事项汇报">
+      </van-nav-bar>
+    </van-sticky>
+
+    <div
+      v-for="(report, index) in dataList"
+      :key="index"
+      class="mobile-report-card"
+    >
+      <div class="card-header">
+        <h4>汇报部门: {{ report.reportingDeptName }}</h4>
+      </div>
+      <p><strong>汇报内容:</strong> {{ report.completionReporting }}</p>
+      <p><strong>完成次数:</strong> {{ report.completionCount }}</p>
+      <p><strong>完成时间:</strong> {{ report.completionTime }}</p>
+    </div>
+
+  <van-form @submit="onSubmit">
+    <van-field
+      v-model="reportingForm.completionReporting"
+      label="汇报内容"
+      type="textarea"
+      name="completionReporting"
+      required
+      placeholder="请输入汇报内容"
+      :rules="[{required: true, message: '请输入汇报内容'}]"
+    />
+
+    <van-field
+      v-if="isQuantified"
+      v-model="reportingForm.completionCount"
+      type="number"
+      label="完成次数"
+      name="completionCount"
+      required
+      :rules="[{required: true, message: '请输入完成次数'},
+           { pattern: /^[1-9]\d*$/, message: '必须为正整数' }]"
+    />
+
+    <van-field
+      readonly
+      v-model="formattedTime"
+      label="完成时间"
+      name="formattedTime"
+      placeholder="请选择完成时间"
+      required
+      :rules="[{required: true, message: '请选择完成时间'}]"
+      @click="timeVisible = true"
+    />
+
+    <div style="margin: 16px;">
+      <van-button round block type="primary" native-type="submit">提交</van-button>
+    </div>
+  </van-form>
+
+  <van-popup
+    :close-on-click-overlay="false"
+    v-model:show="timeVisible"
+    position="bottom"
+    :teleport="false"
+  >
+    <van-date-picker
+      v-model="timeArr"
+      type="date"
+      @confirm="onConfirmTime"
+      @cancel="timeVisible = false"
+    />
+  </van-popup>
+  </div>
+</template>
+
+<style scoped>
+.page-container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.scroll-container {
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
+}
+
+/* 可选：隐藏滚动条（视觉优化） */
+.scroll-container::-webkit-scrollbar {
+  display: none;
+}
+
+.mobile-report-card {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  background-color: #ffffff;
+  padding: 16px;
+  margin: 0 12px 12px;
+  border-radius: 8px;
+  word-break: break-word;
+}
+
+.mobile-report-card .card-header h4 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #323233;
+}
+
+.mobile-report-card p {
+  margin: 0;
+  font-size: 14px;
+  color: #646566;
+  line-height: 1.5;
+}
+
+.mobile-report-card p strong {
+  color: #323233;
+  font-weight: 500;
+  margin-right: 4px;
+}
+
+</style>

src/view/keyMatters/view.vue

@@ -0,0 +1,96 @@
+<script setup>
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+
+const route = useRoute();
+let keyMatter = {};
+if (route.query.keyMatter) {
+  keyMatter = JSON.parse(route.query.keyMatter);
+}
+
+const displayOverdueText = computed(() => {
+  return keyMatter.isOverdue === '逾期' ? '逾期' : '未逾期'
+})
+
+const displayQuantifiedText = computed(() => {
+  return keyMatter.isQunatified ? '是' : '否'
+})
+
+
+</script>
+
+<template>
+
+  <div class="page-container">
+    <van-sticky>
+      <van-nav-bar title="重点事项查看">
+      </van-nav-bar>
+    </van-sticky>
+    <div class="scroll-container">
+      <van-form>
+        <van-field
+          readonly
+          v-model="keyMatter.itemTitle"
+          label="事项标题："
+        />
+
+        <van-field
+          readonly
+          v-model="keyMatter.itemContent"
+          label="事项内容："
+          type="textarea"
+        />
+
+        <van-field
+          readonly
+          v-model="keyMatter.itemStartTime"
+          label="开始时间："
+        />
+
+        <van-field
+          readonly
+          v-model="keyMatter.itemEndTime"
+          label="结束时间："
+        />
+
+        <van-field
+          readonly
+          v-model="keyMatter.isFinished"
+          label="完成状态："
+        />
+
+        <van-field
+          v-model="displayOverdueText"
+          readonly
+          label="是否逾期："
+        />
+
+        <van-field
+          v-model="displayQuantifiedText"
+          readonly
+          label="是否量化："
+        />
+      </van-form>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.page-container {
+  height: 100vh; /* 关键：外层容器高度设为视口高度 */
+  display: flex;
+  flex-direction: column;
+}
+
+.scroll-container {
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
+}
+
+/* 可选：隐藏滚动条（视觉优化） */
+.scroll-container::-webkit-scrollbar {
+  display: none;
+}
+
+</style>

src/view/planManagement/index.vue

@@ -0,0 +1,194 @@
+<script setup>
+import { getCurrentInstance, onMounted, ref } from 'vue';
+import { onBeforeRouteLeave, useRouter } from 'vue-router';
+import { useEmergencyStore } from '@/stores/emergencyManager.js';
+
+const emergencyInfo = useEmergencyStore();
+const { proxy } = getCurrentInstance();
+const base_url = '/sgsafe/PlanManagement';
+
+/* 通用方法： 重置list数据 */
+const basicReset = () => {
+  finished.value = false;
+  loading.value = true;
+  pageNum.value = 1;
+  list.value = [];
+};
+
+/* 返回上一级页面 */
+const router = useRouter();
+
+/* 查询数据 */
+const pageNum = ref(1);
+const pageSize = ref(10);
+const total = ref(0);
+const resultData = ref([]);
+const fetchData = ref({
+  planName: '',
+  planSource: 'ASSIGNED'
+});
+
+const onSearch = () => {
+  basicReset();
+  onLoad();
+};
+
+const resetCondition = () => {
+  basicReset();
+  fetchData.value.planName = '';
+  onLoad();
+};
+
+/* 查询请求 */
+const queryFetch = async () => {
+  const url = base_url + '/query';
+  const param = {
+    page: pageNum.value,
+    rows: pageSize.value,
+    params: JSON.stringify(fetchData.value)
+  };
+  try {
+    const res = await proxy.$axios.post(url, param);
+    if (res.data.code === 0) {
+      total.value = res.data.data.total;
+      resultData.value = res.data.data.records;
+    } else {
+      console.log('查询失败!' + res.data.msg);
+    }
+  } catch (error) {
+    console.error('请求出错:', error);
+  }
+};
+
+/* 列表加载与下拉刷新 */
+const list = ref([]);
+const refreshing = ref(false);
+const loading = ref(false);
+const finished = ref(false);
+
+const onRefresh = () => {
+  basicReset();
+  onLoad();
+};
+
+const onLoad = async () => {
+  if (refreshing.value) {
+    list.value = [];
+    pageNum.value = 1;
+    refreshing.value = false;
+  }
+  try {
+    await queryFetch();
+    if (pageSize.value * pageNum.value < total.value) {
+      list.value = [...list.value, ...resultData.value];
+      pageNum.value++;
+    } else {
+      list.value = [...list.value, ...resultData.value];
+      finished.value = true;
+    }
+  } catch (error) {
+    console.log(error);
+    finished.value = true;
+  } finally {
+    loading.value = false;
+  }
+};
+
+/**
+ * pinia读取和缓存数据
+ */
+onMounted(() => {
+  if (emergencyInfo.conditionalQueryAttributes) {
+    fetchData.value.planName = emergencyInfo.conditionalQueryAttributes;
+  }
+  basicReset();
+  onLoad();
+});
+onBeforeRouteLeave((to, from, next) => {
+  if (to.path === '/planManagement/manifest') {
+    emergencyInfo.$patch({
+      conditionalQueryAttributes: fetchData.value.planName
+    });
+  } else {
+    emergencyInfo.clearMainDeptInfo();
+  }
+  next();
+});
+
+</script>
+
+<template>
+  <div class="page-container">
+    <van-sticky>
+      <van-nav-bar title="待完成计划">
+      </van-nav-bar>
+
+      <van-search
+        v-model="fetchData.planName"
+        @search="onSearch"
+        @clear="resetCondition"
+        placeholder="请输入计划名称"
+      />
+    </van-sticky>
+
+    <div class="scroll-container">
+      <van-pull-refresh
+        v-model="refreshing"
+        success-text="刷新成功"
+        @refresh="onRefresh"
+      >
+        <van-list
+          class="listDiv"
+          :immediate-check="false"
+          v-model:loading="loading"
+          :finished="finished"
+          finished-text="没有更多了"
+          @load="onLoad"
+        >
+          <div v-for="item in list" :key="item.id">
+            <van-cell :to="{ path: '/planManagement/manifest', query: { plan: JSON.stringify(item) } }"
+                      style="margin-right: 10px;">
+              <template #title>
+                <span class="bold-title" style="margin-right: 10px;">{{ item.planName }}</span>
+                <van-tag style="margin-right: 10px;" :type="item.isFinished === '已完成' ? 'success' : 'danger'">{{ item.isFinished }}
+                </van-tag>
+                <van-tag style="margin-right: 10px;" :type="item.isOverdue === '逾期' ? 'danger' : 'success'">
+                  {{ item.isOverdue === '逾期' ? '逾期' : '未逾期' }}
+                </van-tag>
+              </template>
+              <template #label>
+                <span style="margin-right: 10px;">开始时间：{{ item.planStartTime }}</span>
+                <span>结束时间：{{ item.planEndTime }}</span>
+              </template>
+            </van-cell>
+          </div>
+        </van-list>
+      </van-pull-refresh>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.page-container {
+  height: 100vh; /* 关键：外层容器高度设为视口高度 */
+  display: flex;
+  flex-direction: column;
+}
+
+.scroll-container {
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
+}
+
+/* 可选：隐藏滚动条（视觉优化） */
+.scroll-container::-webkit-scrollbar {
+  display: none;
+}
+
+.bold-title {
+  font-weight: bold;
+  color: #333;
+}
+
+</style>

src/view/planManagement/manifest.vue

@@ -0,0 +1,290 @@
+<script setup>
+import { getCurrentInstance, onMounted, ref } from 'vue';
+import { onBeforeRouteLeave, useRouter,useRoute } from 'vue-router';
+import { useEmergencyStore } from '@/stores/emergencyManager.js';
+import { showFailToast } from 'vant';
+
+const emergencyInfo = useEmergencyStore();
+const {
+  proxy
+} = getCurrentInstance();
+
+const base_url = '/sgsafe/TaskManifest';
+
+/* 通用方法： 重置list数据 */
+const basicReset = () => {
+  finished.value = false;
+  loading.value = true;
+  pageNum.value = 1;
+  list.value = [];
+};
+
+/* 返回上一级页面 */
+const router = useRouter();
+const route = useRoute();
+
+/* 查询数据 */
+const pageNum = ref(1);
+const pageSize = ref(10);
+const total = ref(0);
+const resultData = ref([]);
+const fetchData = ref({
+  work: '',
+  owningPlanId: '',
+});
+
+const onSearch = () => {
+  basicReset();
+  onLoad();
+};
+
+const resetCondition = () => {
+  basicReset();
+  fetchData.value.work = '';
+  onLoad();
+};
+
+/* 查询请求 */
+const queryFetch = async () => {
+  const url = base_url + '/query';
+  const param = {
+    page: pageNum.value,
+    rows: pageSize.value,
+    params: JSON.stringify(fetchData.value)
+  };
+  try {
+    const res = await proxy.$axios.post(url, param);
+    if (res.data.code === 0) {
+      total.value = res.data.data.total;
+      resultData.value = res.data.data.records;
+    } else {
+      console.log('查询失败!' + res.data.msg);
+    }
+  } catch (error) {
+    console.error('请求出错:', error);
+  }
+};
+
+/* 列表加载与下拉刷新 */
+const list = ref([]);
+const refreshing = ref(false);
+const loading = ref(false);
+const finished = ref(false);
+
+const onRefresh = () => {
+  basicReset();
+  onLoad();
+};
+
+const onLoad = async () => {
+  if (refreshing.value) {
+    list.value = [];
+    pageNum.value = 1;
+    refreshing.value = false;
+  }
+  try {
+    await queryFetch();
+    if (pageSize.value * pageNum.value < total.value) {
+      list.value = [...list.value, ...resultData.value];
+      openStates.value = new Array(list.value.length).fill(true);
+      pageNum.value++;
+    } else {
+      list.value = [...list.value, ...resultData.value];
+      openStates.value = new Array(list.value.length).fill(true);
+      finished.value = true;
+    }
+  } catch (error) {
+    console.log(error);
+    finished.value = true;
+  } finally {
+    loading.value = false;
+  }
+};
+
+/**
+ * 按钮实现swipe-cell滑动
+ */
+const openStates = ref([]);
+const swipeCellRefs = ref([]);
+const getSwipeCellRef = (el, index) => {
+  if (el) {
+    swipeCellRefs.value[index] = el;
+  }
+};
+const openSwipe = (idx) => {
+  openStates.value = new Array(list.value.length).fill(true);
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStates.value[idx] = false;
+    swipeCellRefs.value[idx].open('right');
+  }
+  document.addEventListener('click', handleDocumentClick);
+};
+const closeSwipe = (idx) => {
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStates.value[idx] = true;
+    swipeCellRefs.value[idx].close();
+  }
+};
+/** 滑动监听 **/
+const handleSwipeOpen = (idx) => {
+  openStates.value[idx] = false;
+};
+
+const handleSwipeClose = (idx) => {
+  openStates.value[idx] = true;
+};
+
+/**
+ * 当点击滑动单元格时，开始监听点击事件
+ */
+const handleDocumentClick = (event) => {
+  openStates.value = new Array(list.value.length).fill(true);
+};
+
+/**
+ * pinia读取和缓存数据
+ */
+const plan = ref({})
+onMounted(() => {
+  plan.value = JSON.parse(route.query.plan);
+  if (!plan.value) {
+    showFailToast('数据传递出错，请联系管理员')
+    router.go(-1)
+  }
+
+  fetchData.value.owningPlanId = plan.value.planManifestId
+  console.log('planId', plan.value.planManifestId);
+  if (emergencyInfo.childQueryAttributes) {
+    fetchData.value.work = emergencyInfo.childQueryAttributes;
+  }
+  console.log(fetchData.value);
+  basicReset();
+  onLoad();
+})
+onBeforeRouteLeave((to, from, next) => {
+  if (to.path === '/planManagement/manifestView' || to.path === '/planManagement/manifestReport') {
+    emergencyInfo.$patch({
+      childQueryAttributes: fetchData.value.work
+    });
+  } else {
+    emergencyInfo.clearChildQueryInfo()
+  }
+  next();
+});
+
+</script>
+
+<template>
+  <div class="page-container">
+    <van-sticky>
+      <van-nav-bar title="任务清单">
+      </van-nav-bar>
+
+      <van-search
+        v-model="fetchData.work"
+        @search="onSearch"
+        @clear="resetCondition"
+        placeholder="请输入工作名称"
+      />
+    </van-sticky>
+
+    <div class="scroll-container">
+      <van-pull-refresh
+        v-model="refreshing"
+        success-text="刷新成功"
+        @refresh="onRefresh"
+      >
+        <van-list
+          class="listDiv"
+          :immediate-check="false"
+          v-model:loading="loading"
+          :finished="finished"
+          finished-text="没有更多了"
+          @load="onLoad"
+        >
+          <div v-for="(item,idx) in list" :key="item.id">
+            <van-swipe-cell
+              title-style="color: #007aff"
+              class="goods-card"
+              :ref="el => getSwipeCellRef(el, idx)"
+              @open="handleSwipeOpen(idx)"
+              @close="handleSwipeClose(idx)"
+            >
+              <template #default>
+                <div class="swipe-cell-default">
+                  <van-cell :to="{ path: '/planManagement/manifestView', query: { manifest: JSON.stringify(item) } }">
+                    <template #title>
+                      <span class="bold-title" style="margin-right: 10px">{{ item.work }}</span>
+                      <van-tag :type="item.isFinished === '已完成' ? 'success' : 'danger'">{{ item.isFinished }}</van-tag>
+                    </template>
+                    <template #label>
+                      <span style="margin-right: 10px">完成时限：{{ item.subTaskCompletionDeadline }}</span>
+                    </template>
+                  </van-cell>
+                  <div class="swipe-cell-default-icon">
+                    <van-icon v-if="openStates[idx]" name="arrow-double-left" @click.stop="openSwipe(idx)" />
+                    <van-icon v-else name="arrow-double-right" @click.stop="closeSwipe(idx)" />
+                  </div>
+                </div>
+              </template>
+
+              <template #right>
+                <van-button class="delete-button" square type="primary" text="汇报"
+                            :to="{ path: '/planManagement/manifestReport', query: { manifest: JSON.stringify(item) } }" />
+              </template>
+            </van-swipe-cell>
+          </div>
+        </van-list>
+      </van-pull-refresh>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.page-container {
+  height: 100vh; /* 关键：外层容器高度设为视口高度 */
+  display: flex;
+  flex-direction: column;
+
+}
+
+/*  overflow-y: auto; !* 启用垂直滚动 *!*/
+
+
+.scroll-container {
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
+}
+
+/* 可选：隐藏滚动条（视觉优化） */
+.scroll-container::-webkit-scrollbar {
+  display: none;
+}
+
+.goods-card {
+  margin: 0;
+}
+
+.delete-button {
+  height: 100%;
+}
+
+.bold-title {
+  font-weight: bold;
+  color: #333;
+}
+
+.swipe-cell-default {
+  display: flex;
+  background-color: #ffffff;
+  justify-content: center;
+  align-items: center;
+}
+
+.swipe-cell-default-icon {
+  width: 60px;
+  display: flex;
+  justify-content: center;
+}
+</style>

src/view/planManagement/manifestReport.vue

@@ -0,0 +1,211 @@
+<script setup>
+import { computed, getCurrentInstance, onMounted, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { showFailToast, showLoadingToast, showSuccessToast } from 'vant';
+
+const base_url = '/sgsafe/TaskManifestReceipt';
+const { proxy } = getCurrentInstance();
+
+/* 返回上一级页面 */
+const router = useRouter();
+const route = useRoute();
+
+const reportingForm = ref({
+  taskManifestId: '',
+  completionReporting: '',
+  completionCount: '1',
+  completionTime: ''
+});
+
+/**
+ * 获取日期
+ */
+const timeVisible = ref(false);
+const timeArr = ref([]);
+const formattedTime = computed(() => {
+  if (timeArr.value.length === 0) {
+    return '';
+  }
+  const date = timeArr.value;
+  if (!date) return '';
+  const d = new Date(date);
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+});
+const onConfirmTime = () => {
+  timeVisible.value = false;
+  reportingForm.value.completionTime = formattedTime.value;
+};
+
+
+const lowerReportForm = ref({
+  associateMasterId: ''
+})
+const dataList = ref([])
+const queryLowerReporting = () => {
+  const url = '/sgsafe/TaskManifestReceipt/queryByManifestId'
+  const param = {
+    json: JSON.stringify(lowerReportForm.value)
+  }
+  proxy.$axios.post(url, param).then(res => {
+    if (res.data.code === 0) {
+      dataList.value = res.data.data;
+    } else {
+      showFailToast('查询下级部门汇报失败')
+    }
+  })
+}
+
+const onSubmit = async (values) => {
+  const loadingToast = showLoadingToast({
+    duration: 0,
+    message: '加载中',
+    forbidClick: true
+  });
+  const url = base_url + '/save';
+  const params = {
+    json: JSON.stringify(reportingForm.value)
+  };
+  proxy.$axios.post(url, params).then(res => {
+    if (res.data.code === 0) {
+      loadingToast.close();
+      showSuccessToast('保存成功');
+      router.go(-1)
+    } else {
+      loadingToast.close();
+      showFailToast('操作失败!' + res.data.msg);
+    }
+  });
+};
+
+const manifest = ref({});
+const isQuantified = ref(false);
+onMounted(() => {
+  manifest.value = JSON.parse(route.query.manifest);
+  console.log('manifest', manifest.value);
+  if (!manifest.value.id) {
+    showFailToast('数据错误，请联系管理员');
+    router.go(-1)
+  }
+  lowerReceiptForm.value.associateMasterId = manifest.value.id
+  reportingForm.value.taskManifestId = manifest.value.id;
+  isQuantified.value = manifest.value.isQuantified;
+  queryLowerReporting();
+});
+
+</script>
+
+<template>
+  <div class="page-container">
+    <van-sticky>
+      <van-nav-bar title="计划任务汇报">
+      </van-nav-bar>
+    </van-sticky>
+
+    <div
+      v-for="(report, index) in dataList"
+      :key="index"
+      class="mobile-report-card"
+    >
+      <div class="card-header">
+        <h4>汇报部门: {{ report.reportingDeptName }}</h4>
+      </div>
+      <p><strong>汇报内容:</strong> {{ report.completionReporting }}</p>
+      <p><strong>完成次数:</strong> {{ report.completionCount }}</p>
+      <p><strong>完成时间:</strong> {{ report.completionTime }}</p>
+    </div>
+
+    <van-form @submit="onSubmit">
+      <van-field
+        v-model="reportingForm.completionReporting"
+        label="汇报内容"
+        type="textarea"
+        name="completionReporting"
+        required
+        placeholder="请输入汇报内容"
+        :rules="[{required: true, message: '请输入汇报内容'}]"
+      />
+
+      <van-field
+        v-if="isQuantified"
+        v-model="reportingForm.completionCount"
+        type="number"
+        label="完成次数"
+        name="completionCount"
+        required
+        :rules="[{required: true, message: '请输入完成次数'},
+           { pattern: /^[1-9]\d*$/, message: '必须为正整数' }]"
+      />
+
+      <van-field
+        readonly
+        v-model="formattedTime"
+        label="完成时间"
+        name="formattedTime"
+        placeholder="请选择完成时间"
+        required
+        :rules="[{required: true, message: '请选择完成时间'}]"
+        @click="timeVisible = true"
+      />
+
+      <div style="margin: 16px;">
+        <van-button round block type="primary" native-type="submit">提交</van-button>
+      </div>
+    </van-form>
+
+    <van-popup
+      :close-on-click-overlay="false"
+      v-model:show="timeVisible"
+      position="bottom"
+      :teleport="false"
+    >
+      <van-date-picker
+        v-model="timeArr"
+        type="date"
+        @confirm="onConfirmTime"
+        @cancel="timeVisible = false"
+      />
+    </van-popup>
+  </div>
+</template>
+
+<style scoped>
+.page-container {
+  height: 100vh; /* 关键：外层容器高度设为视口高度 */
+  display: flex;
+  flex-direction: column;
+}
+
+/*  overflow-y: auto; !* 启用垂直滚动 *!*/
+
+
+.scroll-container {
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
+}
+
+/* 可选：隐藏滚动条（视觉优化） */
+.scroll-container::-webkit-scrollbar {
+  display: none;
+}
+
+.reports-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  padding: 16px;
+}
+
+.report-card .report-header h4 {
+  margin-top: 0;
+  font-size: 16px;
+  color: #333;
+}
+
+.report-card p {
+  margin: 8px 0;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+</style>

src/view/planManagement/manifestView.vue

@@ -0,0 +1,119 @@
+<script setup>
+import { computed, onMounted, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { showFailToast } from 'vant';
+
+const router = useRouter();
+const route = useRoute();
+
+const manifest = ref({})
+onMounted(() => {
+  manifest.value = JSON.parse(route.query.manifest)
+  console.log('manifest', manifest.value);
+  if (!manifest.value) {
+    showFailToast('数据传参失败，请联系管理员！')
+    router.go(-1)
+  }
+})
+
+const displayQuantifiedText = computed(() => {
+  return manifest.value.isQuantified ? '是' : '否'
+})
+
+const displayFinishedText = computed(() => {
+  return manifest.value.isFinished === '已完成' ? '已完成' : '待完成'
+})
+
+</script>
+
+<template>
+
+  <div class="page-container">
+    <van-sticky>
+      <van-nav-bar title="计划任务查看">
+      </van-nav-bar>
+    </van-sticky>
+    <div class="scroll-container">
+      <van-form >
+        <van-field
+          readonly
+          type="textarea"
+          v-model="manifest.work"
+          label="工作："
+        />
+
+        <van-field
+          readonly
+          type="textarea"
+          v-model="manifest.subItemWorkContent"
+          label="小项工作内容："
+        />
+
+        <van-field
+          readonly
+          type="textarea"
+          v-model="manifest.targetRequirements"
+          label="目标要求："
+        />
+
+        <van-field
+          readonly
+          type="textarea"
+          v-model="manifest.subTask"
+          label="分项任务："
+        />
+
+        <van-field
+          readonly
+          type="textarea"
+          v-model="manifest.subTaskCompletionDeadline"
+          label="分项任务完成时限："
+        />
+
+        <van-field
+          readonly
+          v-model="displayFinishedText"
+          label="完成状态："
+        />
+
+        <van-field
+          readonly
+          v-model="displayQuantifiedText"
+          label="是否可量化："
+        />
+
+      </van-form>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.page-container {
+  height: 100vh; /* 关键：外层容器高度设为视口高度 */
+  display: flex;
+  flex-direction: column;
+}
+
+/*  overflow-y: auto; !* 启用垂直滚动 *!*/
+
+
+.scroll-container {
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
+}
+
+/* 可选：隐藏滚动条（视觉优化） */
+.scroll-container::-webkit-scrollbar {
+  display: none;
+}
+
+
+.button-select {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  margin: 20px;
+}
+
+</style>