JCSS / jcss-miniprogram

Blame view

pages-sub/daily/patrol-manage/pending-plan-detail.vue 6.7 KB
Edit Raw Normal View History
a2702f6d   刘淇   巡查计划 
1
 
  <template>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
2
3
4
5
6
7
8
9
10
11
12
13
 
    <view class="page-container">
  
      <view class="common-card-list" style=" ">
        <up-card
            :border="false"
            :foot-border-top="false"
            v-for="(item,index) in planInfo"
            :key="`${item.planNo}_${index}`"
        >
          <!-- 自定义标题区域 -->
          <template #head>
            <view class="card-header">
54955fb5   刘淇   巡查和养护 。 失效状态的判断 
14
15
16
17
 
              <view class="common-card-title common-name">{{ item.planName || '无计划名称' }}{{
                  item.planName || '无计划名称'
                }}
              </view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
18
 
              <!-- 已失效标识 -->
54955fb5   刘淇   巡查和养护 。 失效状态的判断 
19
20
 
              <view v-show="item.finishState == 3 " class="common-invalid-tag">已失效</view>
              <view v-show="item.finishState == 2 " class="common-finish-tag">已完成</view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
21
22
23
24
25
 
            </view>
          </template>
  
          <template #body>
            <view class="card-body">
5b5a4862   刘淇   按钮放大 
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
  
                <!--                <up-button-->
                <!--                    v-if="item.finishState ==3"-->
                <!--                    type="primary"-->
                <!--                    size="mini"-->
                <!--                    @click=""-->
                <!--                    class="submit-record-btn"-->
                <!--                    :disabled="true"-->
                <!--                >-->
                <!--                  补交记录-->
                <!--                </up-button>-->
  
                <!--                <up-button-->
                <!--                    v-if="item.finishState !== 3 && item.planFinishNum > 0"-->
                <!--                    type="primary"-->
                <!--                    size="mini"-->
                <!--                    @click="gotoFinishPlanDetail(item)"-->
                <!--                    class="submit-record-btn"-->
                <!--                >-->
                <!--                  提交记录-->
                <!--                </up-button>-->
                <!--              </view>-->
                <view class="common-custom-btn disable" style="--btn-top: 120px;" v-if="item.finishState ==3">
                  补交记录
                </view>
                <view class="common-custom-btn " style="--btn-top: 120px;"
                      v-if="item.finishState !== 3 && item.planFinishNum > 0" @click="gotoFinishPlanDetail(item)">
                  提交记录
                </view>
                <view class="u-body-item u-flex">
                  <view class="u-body-item-title">计划编码：</view>
                  <view class="u-line-1 u-body-value">{{ item.planNo || '-' }}</view>
                </view>
                <view class="u-body-item u-flex">
                  <view class="u-body-item-title">养护周期：</view>
                  <view class="u-line-1 u-body-value">{{ item.rate || '-' }}
                    {{ uni.$dict.getDictLabel('cycle_id_type', item.cycleId) }}
                  </view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
64
 
                </view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
65
5b5a4862   刘淇   按钮放大 
66
67
68
69
70
71
72
73
74
75
76
77
78
 
                <view class="u-body-item u-flex common-item-center common-justify-between">
                  <view class="u-body-item-title">计划完成次数： {{ item.planNum || 0 }}</view>
                  <!--              <view class="">-->
                  <!--                <up-button-->
                  <!--                    v-if="item.finishState ==3"-->
                  <!--                    type="primary"-->
                  <!--                    size="mini"-->
                  <!--                    @click=""-->
                  <!--                    class="submit-record-btn"-->
                  <!--                    :disabled="true"-->
                  <!--                >-->
                  <!--                  补交记录-->
                  <!--                </up-button>-->
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
79
5b5a4862   刘淇   按钮放大 
80
81
82
83
84
85
86
87
88
89
 
                  <!--                <up-button-->
                  <!--                    v-if="item.finishState !== 3 && item.planFinishNum > 0"-->
                  <!--                    type="primary"-->
                  <!--                    size="mini"-->
                  <!--                    @click="gotoFinishPlanDetail(item)"-->
                  <!--                    class="submit-record-btn"-->
                  <!--                >-->
                  <!--                  提交记录-->
                  <!--                </up-button>-->
                  <!--              </view>-->
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
90
 
                </view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
91
5b5a4862   刘淇   按钮放大 
92
93
94
95
 
                <view class="u-body-item u-flex">
                  <view class="u-body-item-title">已完成次数：</view>
                  <view class="u-line-1 u-body-value">{{ item.planFinishNum || 0 }}</view>
                </view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
96
5b5a4862   刘淇   按钮放大 
97
98
99
100
101
 
                <view class="u-body-item u-flex">
                  <view class="u-body-item-title">计划有效期：</view>
                  <view class="u-line-1 u-body-value">{{ timeFormat(item.beginTime, 'yyyy-mm-dd') || '-' }} 至
                    {{ timeFormat(item.endTime, 'yyyy-mm-dd') || '-' }}
                  </view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
102
103
 
                </view>
              </view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
104
105
 
          </template>
        </up-card>
a2702f6d   刘淇   巡查计划 
106
107
 
      </view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
108
5cb33b90   刘淇   完成巡查计划 详情 
109
110
 
      <!-- 底部新增记录按钮     status=3-->
      <view class="fixed-bottom-btn-wrap" v-if="finishState==1">
993d98fa   刘淇   工作台 
111
 
        <up-button
a2702f6d   刘淇   巡查计划 
112
113
 
            type="primary"
            size="default"
5cb33b90   刘淇   完成巡查计划 详情 
114
 
            @click="addNewRecord"
993d98fa   刘淇   工作台 
115
 
            :style="{ width: '100%', height: '88rpx', fontSize: '32rpx', borderRadius: 0 }"
a2702f6d   刘淇   巡查计划 
116
117
 
        >
          新增记录
993d98fa   刘淇   工作台 
118
 
        </up-button>
a2702f6d   刘淇   巡查计划 
119
120
121
122
123
 
      </view>
    </view>
  </template>
  
  <script setup>
993d98fa   刘淇   工作台 
124
 
  import { timeFormat } from '@/uni_modules/uview-plus';
a2702f6d   刘淇   巡查计划 
125
126
 
  import { ref } from 'vue';
  import { onLoad, onShow } from '@dcloudio/uni-app';
993d98fa   刘淇   工作台 
127
 
  import { inspectionPlanDetail } from "@/api/patrol-manage/patrol-plan";
a2702f6d   刘淇   巡查计划 
128
 
  // 响应式数据定义
5cb33b90   刘淇   完成巡查计划 详情 
129
 
  const planInfo = ref([]);
993d98fa   刘淇   工作台 
130
 
  const batchNo = ref('')
5cb33b90   刘淇   完成巡查计划 详情 
131
 
  const planNo = ref('')
993d98fa   刘淇   工作台 
132
 
  const finishState = ref('')
a2702f6d   刘淇   巡查计划 
133
134
 
  // 页面加载接收参数
  onLoad((options) => {
993d98fa   刘淇   工作台 
135
136
 
    console.log('计划ID：', options.batchNo);
    batchNo.value = options.batchNo;
5cb33b90   刘淇   完成巡查计划 详情 
137
 
    // planNo.value = options.planNo;
993d98fa   刘淇   工作台 
138
 
    finishState.value = options.status
a2702f6d   刘淇   巡查计划 
139
 
  });
a2702f6d   刘淇   巡查计划 
140
141
 
  // 页面显示时请求数据
  onShow(() => {
993d98fa   刘淇   工作台 
142
 
    if (!batchNo.value) {
a2702f6d   刘淇   巡查计划 
143
144
145
146
147
148
 
      uni.showToast({
        title: '计划ID不存在',
        icon: 'none'
      });
      return;
    }
993d98fa   刘淇   工作台 
149
 
    getPlanDetail(batchNo.value);
a2702f6d   刘淇   巡查计划 
150
 
  });
993d98fa   刘淇   工作台 
151
152
153
154
155
156
157
 
  const getPlanDetail = async () => {
    const queryData = {
      batchNo: batchNo.value,
      finishState: finishState.value
    }
    console.log(queryData)
    const planInfoRes = await inspectionPlanDetail(queryData)
5cb33b90   刘淇   完成巡查计划 详情 
158
 
    planInfo.value = planInfoRes
993d98fa   刘淇   工作台 
159
 
    console.log(planInfoRes)
a2702f6d   刘淇   巡查计划 
160
 
  };
a2702f6d   刘淇   巡查计划 
161
 
  // 跳转到已完成计划明细
5cb33b90   刘淇   完成巡查计划 详情 
162
 
  const gotoFinishPlanDetail = (i) => {
a2702f6d   刘淇   巡查计划 
163
 
    uni.navigateTo({
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
164
 
      url: `/pages-sub/daily/patrol-manage/finish-plan-detail?planNo=${i.planNo}`
a2702f6d   刘淇   巡查计划 
165
166
 
    });
  };
a2702f6d   刘淇   巡查计划 
167
168
 
  // 新增记录
  const addNewRecord = () => {
a2702f6d   刘淇   巡查计划 
169
 
    uni.navigateTo({
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
170
 
      url: `/pages-sub/daily/patrol-manage/add-patrol-record?planNo=${planInfo.value[0].planNo}&batchNo=${batchNo.value}`,
a2702f6d   刘淇   巡查计划 
171
172
173
174
175
 
    });
  };
  </script>
  
  <style scoped lang="scss">
a2702f6d   刘淇   巡查计划 
176
54955fb5   刘淇   巡查和养护 。 失效状态的判断 
177
a2702f6d   刘淇   巡查计划 
178
 
  </style>