mod:

src/pages/schedule/details/index.vue

@@ -2,50 +2,82 @@
   <view class="details-box">
     <!-- 标题区域 -->
     <view class="details-box-title">
-      <view class="details-box-title-text">巡站日检 AI</view>
+      <view class="details-box-title-text">
+        巡站日检 AI
+      </view>
     </view>
 
     <!-- 标签区域 -->
     <view class="tags-box">
-      <view class="tag tag-mandatory">必做</view>
-      <view class="tag tag-authorize">可授权</view>
-      <view class="tag tag-time">按时完成</view>
+      <view class="tag tag-mandatory">
+        必做
+      </view>
+      <view class="tag tag-authorize">
+        可授权
+      </view>
+      <view class="tag tag-time">
+        按时完成
+      </view>
     </view>
 
     <!-- 任务描述 -->
     <view class="section">
-      <view class="section-title">任务描述</view>
+      <view class="section-title">
+        任务描述
+      </view>
       <view class="task-description">
-        <view class="task-item">1、每日到站第一事，巡视油站；</view>
-        <view class="task-item">2、了解人、财、物情况；</view>
-        <view class="task-item"
-          >3、可随手解决当场解决，其他后续跟进，直到解决；</view
-        >
-        <view class="task-item"
-          >4、检查标识识：AI的不需要人为判断异常，默认正常即可。</view
-        >
+        <view class="task-item">
+          1、每日到站第一事，巡视油站；
+        </view>
+        <view class="task-item">
+          2、了解人、财、物情况；
+        </view>
+        <view class="task-item">
+          3、可随手解决当场解决，其他后续跟进，直到解决；
+        </view>
+        <view class="task-item">
+          4、检查标识识：AI的不需要人为判断异常，默认正常即可。
+        </view>
       </view>
     </view>
 
     <!-- 标准指引 -->
     <view class="section">
-      <view class="section-title">标准指引</view>
+      <view class="section-title">
+        标准指引
+      </view>
       <view class="standard-guide">
         <view class="guide-item">
-          <view class="guide-label">执行人</view>
-          <view class="guide-value">李玫玮（站长）</view>
+          <view class="guide-label">
+            执行人
+          </view>
+          <view class="guide-value">
+            李玫玮（站长）
+          </view>
         </view>
         <view class="guide-item">
-          <view class="guide-label">计划时间</view>
-          <view class="guide-value">12月5日</view>
+          <view class="guide-label">
+            计划时间
+          </view>
+          <view class="guide-value">
+            12月5日
+          </view>
         </view>
         <view class="guide-item">
-          <view class="guide-label">任务时间</view>
-          <view class="guide-value">12月5日 00:00-12月5日 18:00</view>
+          <view class="guide-label">
+            任务时间
+          </view>
+          <view class="guide-value">
+            12月5日 00:00-12月5日 18:00
+          </view>
         </view>
         <view class="guide-item">
-          <view class="guide-label">完成时间</view>
-          <view class="guide-value">12月5日</view>
+          <view class="guide-label">
+            完成时间
+          </view>
+          <view class="guide-value">
+            12月5日
+          </view>
         </view>
       </view>
     </view>
@@ -57,19 +89,25 @@
         class="arrow"
         :name="isExpanded ? 'arrow-up' : 'arrow-down'"
         size="20px"
-      ></wd-icon>
+      />
     </view>
 
     <!-- 更多内容（默认隐藏） -->
-    <view class="more-content" v-if="isExpanded">
+    <view v-if="isExpanded" class="more-content">
       <view class="section">
-        <view class="section-title">注意事项</view>
+        <view class="section-title">
+          注意事项
+        </view>
         <view class="notice-content">
-          <view class="notice-item"
-            >• 巡视过程中请注意安全，佩戴好防护装备</view
-          >
-          <view class="notice-item">• 发现异常情况请及时记录并上报</view>
-          <view class="notice-item">• 确保所有检查项目都已完成并签字确认</view>
+          <view class="notice-item">
+            • 巡视过程中请注意安全，佩戴好防护装备
+          </view>
+          <view class="notice-item">
+            • 发现异常情况请及时记录并上报
+          </view>
+          <view class="notice-item">
+            • 确保所有检查项目都已完成并签字确认
+          </view>
         </view>
       </view>
     </view>
@@ -85,9 +123,10 @@
     </view>
   </view>
 </template>
+
 <script setup lang="ts">
 import { ref } from 'vue'
-import { useRouter } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 
 // 定义页面配置，注册路由
 definePage({
@@ -98,28 +137,43 @@ definePage({
 const isExpanded = ref(false)
 const router = useRouter()
 
+const route = useRoute()
+const taskId = ref(Number(route.params.id))
+
 // 切换更多内容显示/隐藏
-const toggleMore = () => {
+function toggleMore() {
   isExpanded.value = !isExpanded.value
 }
 
 // 查看详情按钮点击事件
-const viewDetails1 = () => {
+function viewDetails1() {
   uni.navigateTo({
     url: '/pages/schedule/details/taskmanagement/index1',
   })
 }
 // 查看详情按钮点击事件2
-const viewDetails2 = () => {
+function viewDetails2() {
   uni.navigateTo({
     url: '/pages/schedule/details/taskmanagement/index2',
   })
 }
-const viewDetails3 = () => {
+function viewDetails3() {
   uni.navigateTo({
     url: '/pages/schedule/details/taskdetails/index',
   })
 }
+
+async function init() {
+  const res = await getTaskDetail(taskId.value)
+  taskInfo.value = res
+  if (!taskInfo.value.status) {
+    taskInfo.value.status = 0
+  }
+}
+
+onMounted(async () => {
+  await init()
+})
 </script>
 
 <style lang="scss" scoped>

src/pages/schedule/view/components/day/index.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { computed, ref } from 'vue'
+
 const tab = ref<string>('全部')
 const tabs = ref(['全部', '可授权', '已授权', '被授权'])
 const mockTasks = [
@@ -103,15 +104,16 @@ const mockTasks = [
 const allisfilList = computed(() => {
   if (tab.value === '全部') {
     return mockTasks
-  } else {
-    return mockTasks.filter((task) => task.status === tab.value)
+  }
+  else {
+    return mockTasks.filter(task => task.status === tab.value)
   }
 })
 const filList = computed(() => {
   const maplist = {
-    已逾期: allisfilList.value.filter((task) => task.type === '已逾期'),
-    今日: allisfilList.value.filter((task) => task.type === '今日'),
-    明日: allisfilList.value.filter((task) => task.type === '明日'),
+    已逾期: allisfilList.value.filter(task => task.type === '已逾期'),
+    今日: allisfilList.value.filter(task => task.type === '今日'),
+    明日: allisfilList.value.filter(task => task.type === '明日'),
   }
   return maplist
 })
@@ -120,23 +122,24 @@ const statuscolor = {
   被授权: '#EB5E12',
   已授权: '#339169',
 }
-const goTaskDetail = () => {
+function goTaskDetail() {
   uni.navigateTo({
     url: '/pages/schedule/details/index',
   })
 }
 </script>
+
 <template>
   <view class="box-day">
     <view class="tab">
       <view
         v-for="item in tabs"
         :key="item"
-        :class="['tab-item', { 'tab-item-active': tab === item }]"
+        class="tab-item" :class="[{ 'tab-item-active': tab === item }]"
         @click="() => (tab = item)"
       >
         {{ item === '全部' ? item + mockTasks.length : item }}
-        <view class="tab-item-line" v-if="tab === item" />
+        <view v-if="tab === item" class="tab-item-line" />
       </view>
     </view>
     <view
@@ -152,7 +155,9 @@ const goTaskDetail = () => {
     >
       <!-- 已逾期 -->
       <view>
-        <view class="title">已逾期（{{ filList['已逾期'].length }}）</view>
+        <view class="title">
+          已逾期（{{ filList['已逾期'].length }}）
+        </view>
         <view
           v-for="task in filList['已逾期']"
           :key="task.id"
@@ -167,18 +172,23 @@ const goTaskDetail = () => {
               <view
                 class="list_dev_right_top"
                 :style="{ background: statuscolor[task.status] }"
-                >{{ task.status }}</view
               >
-              <view class="list_dev_right_bottom" style="color: #d85e3e">{{
-                task.time
-              }}</view>
+                {{ task.status }}
+              </view>
+              <view class="list_dev_right_bottom" style="color: #d85e3e">
+                {{
+                  task.time
+                }}
+              </view>
             </view>
           </view>
         </view>
       </view>
       <!-- 今日 -->
       <view>
-        <view class="title">今日（{{ filList['今日'].length }}）</view>
+        <view class="title">
+          今日（{{ filList['今日'].length }}）
+        </view>
         <view
           v-for="task in filList['今日']"
           :key="task.id"
@@ -192,16 +202,21 @@ const goTaskDetail = () => {
               <view
                 class="list_dev_right_top"
                 :style="{ background: statuscolor[task.status] }"
-                >{{ task.status }}</view
               >
-              <view class="list_dev_right_bottom">{{ task.time }}</view>
+                {{ task.status }}
+              </view>
+              <view class="list_dev_right_bottom">
+                {{ task.time }}
+              </view>
             </view>
           </view>
         </view>
       </view>
       <!-- 明日 -->
       <view>
-        <view class="title">明日（{{ filList['明日'].length }}）</view>
+        <view class="title">
+          明日（{{ filList['明日'].length }}）
+        </view>
         <view
           v-for="task in filList['明日']"
           :key="task.id"
@@ -215,9 +230,12 @@ const goTaskDetail = () => {
               <view
                 class="list_dev_right_top"
                 :style="{ background: statuscolor[task.status] }"
-                >{{ task.status }}</view
               >
-              <view class="list_dev_right_bottom">{{ task.time }}</view>
+                {{ task.status }}
+              </view>
+              <view class="list_dev_right_bottom">
+                {{ task.time }}
+              </view>
             </view>
           </view>
         </view>
@@ -229,11 +247,13 @@ const goTaskDetail = () => {
           font-weight: 400;
          margin: 0 auto;
         "
-        >- 加载完毕 -</view
       >
+        - 加载完毕 -
+      </view>
     </view>
   </view>
 </template>
+
 <style lang="scss" scoped>
 .box-day {
   padding-left: 8px;

tsconfig.json

@@ -7,7 +7,7 @@
     ],
     "baseUrl": ".",
     "module": "esnext",
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "paths": {
       "@/*": [
         "./src/*"