Blame view

pages-sub/daily/patrol-manage/finish-plan-detail.vue 3.99 KB
5cb33b90   刘淇   完成巡查计划 详情
1
  <template>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
2
    <view class="page-container">
5cb33b90   刘淇   完成巡查计划 详情
3
4
5
6
7
8
9
      <!-- 页面级加载组件 -->
      <up-loading-page
          v-if="loading"
          :loading="true"
          title="加载中..."
          color="#3c9cff"
      ></up-loading-page>
a7c9cfdc   刘淇   巡查计划
10
  
5cb33b90   刘淇   完成巡查计划 详情
11
      <!-- 内容容器 -->
a7a0b46e   刘淇   记录详情优化
12
13
      <view v-else class="content-wrap" v-for="(i, index) in orderDetail" :key="index">
        <template >
5cb33b90   刘淇   完成巡查计划 详情
14
          <!-- 工单详情内容 -->
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
15
16
          <up-cell-group :border="false" inset >
            <!-- 1. 工单名称 -->
5cb33b90   刘淇   完成巡查计划 详情
17
            <up-cell
5cb33b90   刘淇   完成巡查计划 详情
18
                align="middle"
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
19
20
21
22
23
24
25
26
            >
              <template #title>
                <view  class="up-line-1">{{i.planName || '--'}}</view>
              </template>
  <!--            <template #value>-->
  <!--              <view  class="up-line-1">{{orderDetail.planName || '&#45;&#45;'}}</view>-->
  <!--            </template>-->
            </up-cell>
5cb33b90   刘淇   完成巡查计划 详情
27
28
29
30
31
  
            <!-- 2. 工单位置 -->
            <up-cell
                title="计划编码"
                :value="i.planNo || '--'"
5cb33b90   刘淇   完成巡查计划 详情
32
33
34
35
36
37
38
                align="middle"
            ></up-cell>
  
            <!-- 3. 工单名称 -->
            <up-cell
                title="养护周期"
                :value="`${i.rate}${uni.$dict.getDictLabel('cycle_id_type', i.cycleId)}`"
5cb33b90   刘淇   完成巡查计划 详情
39
40
41
42
43
44
                align="middle"
            ></up-cell>
  
            <!-- 4. 情况描述 -->
            <up-cell
                title="计划有效期"
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
45
                :value="`${timeFormat(i.beginTime,'yyyy-mm-dd')} 至 ${timeFormat(i. endTime,'yyyy-mm-dd')}`"
5cb33b90   刘淇   完成巡查计划 详情
46
47
48
49
                align="middle"
            ></up-cell>
  
            <!-- 5. 问题照片(核心修复:判断条件+空值处理) -->
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
50
            <up-cell title="照片">
5cb33b90   刘淇   完成巡查计划 详情
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
              <template #value>
                <view class="cell-content-wrap">
  
                  <!-- 修复1:正确判断problemImgsList,补充空数组默认值 -->
                  <up-album
                      v-if="!!i.imgList?.length"
                      :urls="i.imgList || []"
                      singleSize="70"
                      :preview-full-image="true"
  
                  ></up-album>
                  <text v-else class="empty-text">暂无问题照片</text>
                </view>
              </template>
            </up-cell>
  
            <!-- 7. 处理结果 -->
            <up-cell
5cb33b90   刘淇   完成巡查计划 详情
69
                align="middle"
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
70
71
72
73
74
            >
              <template #title>
                <view  style="min-width: 200rpx">巡查描述</view>
              </template>
              <template #value>
c7df828a   刘淇   快速工单 样式优化
75
                <view  class="up-line-1 common-text-color">{{i.remark || '--'}}</view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
76
77
              </template>
            </up-cell>
5cb33b90   刘淇   完成巡查计划 详情
78
79
80
  
            <up-cell
                title="提交时间"
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
81
                :value="timeFormat(i.finishTime,'yyyy-mm-dd hh:MM:ss') || '--'"
5cb33b90   刘淇   完成巡查计划 详情
82
                align="middle"
5cb33b90   刘淇   完成巡查计划 详情
83
  
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
84
            ></up-cell>
5cb33b90   刘淇   完成巡查计划 详情
85
86
87
88
  
            <up-cell
                title="提交人"
                :value="i.userName || '--'"
5cb33b90   刘淇   完成巡查计划 详情
89
90
91
92
93
                align="middle"
                :border="false"
            ></up-cell>
          </up-cell-group>
        </template>
a7c9cfdc   刘淇   巡查计划
94
  
a7c9cfdc   刘淇   巡查计划
95
  
5cb33b90   刘淇   完成巡查计划 详情
96
97
      </view>
    </view>
a7c9cfdc   刘淇   巡查计划
98
99
  </template>
  
5cb33b90   刘淇   完成巡查计划 详情
100
  <script setup lang="ts">
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
101
102
103
104
  import {ref} from 'vue';
  import {inspectioDetailByPlanno} from "@/api/patrol-manage/patrol-plan";
  import {onLoad} from '@dcloudio/uni-app';
  import {timeFormat} from '@/uni_modules/uview-plus';
5cb33b90   刘淇   完成巡查计划 详情
105
106
107
108
109
110
111
112
113
114
115
  // 状态管理
  const loading = ref(true);
  const orderDetail = ref([]);
  
  
  /**
   * 获取工单详情
   */
  const getOrderDetail = async (plan_no: string) => {
    try {
      loading.value = true;
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
116
      const res = await inspectioDetailByPlanno({plan_no});
5cb33b90   刘淇   完成巡查计划 详情
117
      console.log('接口返回:', res);
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
118
119
  
      orderDetail.value = res;
5cb33b90   刘淇   完成巡查计划 详情
120
121
    } catch (error) {
      console.error('获取工单详情失败:', error);
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
122
      uni.showToast({title: '加载失败,请重试', icon: 'none'});
5cb33b90   刘淇   完成巡查计划 详情
123
124
125
126
127
128
129
    } finally {
      loading.value = false;
    }
  };
  
  // 页面加载
  onLoad((options) => {
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
130
    const {planNo} = options;
5cb33b90   刘淇   完成巡查计划 详情
131
132
133
134
    if (planNo) {
      getOrderDetail(planNo);
    } else {
      loading.value = false;
b0e2f1a9   刘淇   快速工单和巡查计划样式优化
135
      uni.showToast({title: '缺少工单ID', icon: 'none'});
5cb33b90   刘淇   完成巡查计划 详情
136
137
138
139
    }
  });
  </script>
  
a7c9cfdc   刘淇   巡查计划
140
  <style scoped lang="scss">
5cb33b90   刘淇   完成巡查计划 详情
141
142
143
144
145
146
  
  // 内容容器
  .content-wrap {
    background: #fff;
    width: 100%;
    box-sizing: border-box;
48ff5b95   刘淇   底部导航
147
    margin-bottom: 30rpx;
5cb33b90   刘淇   完成巡查计划 详情
148
149
  }
  
a7c9cfdc   刘淇   巡查计划
150
151
  
  </style>