JCSS / jcss-miniprogram

Blame view

pages-sub/daily/patrol-manage/pending-plan-detail.vue 6.63 KB
Edit Raw Normal View History Permalink
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">
6bce1057   刘淇   ai 大区经理 
14
 
              <view class="common-card-title common-name">{{ item.planName || '无计划名称' }}
54955fb5   刘淇   巡查和养护 。 失效状态的判断 
15
 
              </view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
16
 
              <!-- 已失效标识 -->
54955fb5   刘淇   巡查和养护 。 失效状态的判断 
17
18
 
              <view v-show="item.finishState == 3 " class="common-invalid-tag">已失效</view>
              <view v-show="item.finishState == 2 " class="common-finish-tag">已完成</view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
19
20
21
22
23
 
            </view>
          </template>
  
          <template #body>
            <view class="card-body">
5b5a4862   刘淇   按钮放大 
24
25
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
 
  
                <!--                <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   刘淇   快速工单和巡查计划样式优化 
62
 
                </view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
63
5b5a4862   刘淇   按钮放大 
64
65
66
67
68
69
70
71
72
73
74
75
76
 
                <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   刘淇   快速工单和巡查计划样式优化 
77
5b5a4862   刘淇   按钮放大 
78
79
80
81
82
83
84
85
86
87
 
                  <!--                <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   刘淇   快速工单和巡查计划样式优化 
88
 
                </view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
89
5b5a4862   刘淇   按钮放大 
90
91
92
93
 
                <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   刘淇   快速工单和巡查计划样式优化 
94
5b5a4862   刘淇   按钮放大 
95
96
97
98
99
 
                <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   刘淇   快速工单和巡查计划样式优化 
100
101
 
                </view>
              </view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
102
103
 
          </template>
        </up-card>
a2702f6d   刘淇   巡查计划 
104
105
 
      </view>
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
106
5cb33b90   刘淇   完成巡查计划 详情 
107
108
 
      <!-- 底部新增记录按钮     status=3-->
      <view class="fixed-bottom-btn-wrap" v-if="finishState==1">
993d98fa   刘淇   工作台 
109
 
        <up-button
a2702f6d   刘淇   巡查计划 
110
111
 
            type="primary"
            size="default"
5cb33b90   刘淇   完成巡查计划 详情 
112
 
            @click="addNewRecord"
993d98fa   刘淇   工作台 
113
 
            :style="{ width: '100%', height: '88rpx', fontSize: '32rpx', borderRadius: 0 }"
a2702f6d   刘淇   巡查计划 
114
115
 
        >
          新增记录
993d98fa   刘淇   工作台 
116
 
        </up-button>
a2702f6d   刘淇   巡查计划 
117
118
119
120
121
 
      </view>
    </view>
  </template>
  
  <script setup>
993d98fa   刘淇   工作台 
122
 
  import { timeFormat } from '@/uni_modules/uview-plus';
a2702f6d   刘淇   巡查计划 
123
124
 
  import { ref } from 'vue';
  import { onLoad, onShow } from '@dcloudio/uni-app';
993d98fa   刘淇   工作台 
125
 
  import { inspectionPlanDetail } from "@/api/patrol-manage/patrol-plan";
a2702f6d   刘淇   巡查计划 
126
 
  // 响应式数据定义
5cb33b90   刘淇   完成巡查计划 详情 
127
 
  const planInfo = ref([]);
993d98fa   刘淇   工作台 
128
 
  const batchNo = ref('')
5cb33b90   刘淇   完成巡查计划 详情 
129
 
  const planNo = ref('')
993d98fa   刘淇   工作台 
130
 
  const finishState = ref('')
a2702f6d   刘淇   巡查计划 
131
132
 
  // 页面加载接收参数
  onLoad((options) => {
993d98fa   刘淇   工作台 
133
134
 
    console.log('计划ID：', options.batchNo);
    batchNo.value = options.batchNo;
5cb33b90   刘淇   完成巡查计划 详情 
135
 
    // planNo.value = options.planNo;
993d98fa   刘淇   工作台 
136
 
    finishState.value = options.status
a2702f6d   刘淇   巡查计划 
137
 
  });
a2702f6d   刘淇   巡查计划 
138
139
 
  // 页面显示时请求数据
  onShow(() => {
993d98fa   刘淇   工作台 
140
 
    if (!batchNo.value) {
a2702f6d   刘淇   巡查计划 
141
142
143
144
145
146
 
      uni.showToast({
        title: '计划ID不存在',
        icon: 'none'
      });
      return;
    }
993d98fa   刘淇   工作台 
147
 
    getPlanDetail(batchNo.value);
a2702f6d   刘淇   巡查计划 
148
 
  });
993d98fa   刘淇   工作台 
149
150
151
152
153
154
155
 
  const getPlanDetail = async () => {
    const queryData = {
      batchNo: batchNo.value,
      finishState: finishState.value
    }
    console.log(queryData)
    const planInfoRes = await inspectionPlanDetail(queryData)
5cb33b90   刘淇   完成巡查计划 详情 
156
 
    planInfo.value = planInfoRes
993d98fa   刘淇   工作台 
157
 
    console.log(planInfoRes)
a2702f6d   刘淇   巡查计划 
158
 
  };
a2702f6d   刘淇   巡查计划 
159
 
  // 跳转到已完成计划明细
5cb33b90   刘淇   完成巡查计划 详情 
160
 
  const gotoFinishPlanDetail = (i) => {
a2702f6d   刘淇   巡查计划 
161
 
    uni.navigateTo({
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
162
 
      url: `/pages-sub/daily/patrol-manage/finish-plan-detail?planNo=${i.planNo}`
a2702f6d   刘淇   巡查计划 
163
164
 
    });
  };
a2702f6d   刘淇   巡查计划 
165
166
 
  // 新增记录
  const addNewRecord = () => {
a2702f6d   刘淇   巡查计划 
167
 
    uni.navigateTo({
b0e2f1a9   刘淇   快速工单和巡查计划样式优化 
168
 
      url: `/pages-sub/daily/patrol-manage/add-patrol-record?planNo=${planInfo.value[0].planNo}&batchNo=${batchNo.value}`,
a2702f6d   刘淇   巡查计划 
169
170
171
172
173
 
    });
  };
  </script>
  
  <style scoped lang="scss">
a2702f6d   刘淇   巡查计划 
174
54955fb5   刘淇   巡查和养护 。 失效状态的判断 
175
a2702f6d   刘淇   巡查计划 
176
 
  </style>