工单检查移除功能

pages/receipt_infopage/receipt_infopage.vue

@@ -253,6 +253,10 @@
                 <text class="text1">预约时间</text>
                 <text class="text2">{{ item.yyTime || "-" }}</text>
               </view>
+              <view class="page_item_foot_text"
+                v-show="item.inspectState.value==1||item.inspectState.value==2||item.inspectState.value==3||item.inspectState.value==4">
+                <view class="btn" @click.stop="remove(item)">移除</view>
+              </view>
             </view>
           </view>
         </view>
@@ -315,6 +319,9 @@
     <showModel :title="models.title" :icon="models.icon" :disjunctor="models.disjunctor" :content="models.content"
       @know="know" :operate="models.operate" @ok="ok" @cancel="cancel" :textareaFlag="textareaFlag"
       @textareaInput="textareaInput"></showModel>
+    <!-- 弹窗 -->
+    <showModel :title="models1.title" :icon="models1.icon" :disjunctor="models1.disjunctor" :content="models1.content"
+      @know="know1" :operate="models1.operate" @ok="ok1" @cancel="cancel1"></showModel>
   </view>
 </template>
 <script>
@@ -336,7 +343,12 @@
         models: {
           disjunctor: false,
         },
-        showType: "hiddle",
+        // 弹窗model1
+        models1: {
+          disjunctor: false,
+        },
+        currentInspect: null,
+        showType: "show",
         infoDATA: {},
         dataId: "",
         animationData: {},
@@ -346,6 +358,54 @@
       };
     },
     methods: {
+      // 移除检查->知道了
+      know1() {
+        this.models1.disjunctor = false;
+        this.getInfo(this.dataId);
+      },
+      // 移除检查->确定
+      ok1() {
+        this.models1.disjunctor = false;
+        let postData = {
+          gdId: this.infoDATA.id,
+          inspectId: this.currentInspect.id,
+        };
+        uni.showLoading({
+          title: '移除中',
+          mask: true,
+        })
+        post('/workerOrder/removeInspectByOderId', postData).then(res => {
+          uni.hideLoading();
+          if (res.state == 200) {
+            this.models1 = {
+              disjunctor: true,
+              content: "移除成功",
+            };
+          } else {
+            uni.showToast({
+              icon: "none",
+              title: "移除失败",
+            });
+          }
+        })
+      },
+      // 移除检查->取消
+      cancel1() {
+        this.models1.disjunctor = false;
+      },
+      // 移除
+      remove(item) {
+        this.currentInspect = item;
+        this.models1 = {
+          disjunctor: true,
+          content: "是否移除该检查信息",
+          icon: "warn",
+          operate: {
+            ok: "确定",
+            cancel: "取消",
+          },
+        };
+      },
       // 拍照
       photograph(data) {
         photographTool(data);
@@ -672,6 +732,20 @@
           uni.hideLoading();
           if (res.status == 200) {
             this.infoDATA = res.data;
+            // 计算高度
+            setTimeout(() => {
+              const query = uni.createSelectorQuery().in(this);
+              query
+                .selectAll(".page_item_infos")
+                .boundingClientRect((data) => {
+                  let len = data.reduce((prev, current) => {
+                    return prev + current.height;
+                  }, 0);
+                  this.animation.height(len).step();
+                  this.animationData = this.animation.export();
+                })
+                .exec();
+            }, 500)
           } else {
             uni.showToast({
               icon: "none",
@@ -783,7 +857,7 @@
 
       .page_item_top {
         height: 86rpx;
-        border-bottom: 2rpx dashed #e5e9ed;
+        border-bottom: 2rpx dashed #666;
         padding: 0 16rpx;
 
         .page_item_top_L {
@@ -877,7 +951,7 @@
         .line {
           height: 20rpx;
           width: 2rpx;
-          border-left: 2rpx solid #e5e9ed;
+          border-left: 2rpx solid #666;
           position: absolute;
           top: 82rpx;
           left: 40rpx;
@@ -886,7 +960,7 @@
         .lines {
           height: 40%;
           width: 2rpx;
-          border-left: 2rpx solid #e5e9ed;
+          border-left: 2rpx solid #666;
           position: absolute;
           top: 23%;
           left: 36rpx;
@@ -921,8 +995,8 @@
       }
 
       .page_item_foot {
-        border-top: 2rpx dashed #e5e9ed;
-        border-bottom: 2rpx dashed #e5e9ed;
+        border-top: 2rpx dashed #666;
+        border-bottom: 2rpx dashed #666;
         padding: 28rpx 16rpx;
         text-align: left;
 
@@ -949,7 +1023,7 @@
 
         .spe_list {
           padding: 32rpx 0;
-          border-top: 2rpx solid #e5e9ed;
+          border-top: 2rpx solid #666;
 
           .page_item_info_title {
             color: #666;
@@ -977,8 +1051,9 @@
       }
 
       .page_item_infos {
+        padding-top: 20rpx;
         padding-bottom: 20rpx;
-        border-bottom: 2rpx dashed #e5e9ed;
+        border-bottom: 2rpx dashed #666;
 
         .page_item_info2 {
           text-align: left;
@@ -990,6 +1065,10 @@
             font-size: 32rpx;
             margin-bottom: 20rpx;
 
+            &:last-of-type {
+              margin-bottom: 0;
+            }
+
             .text1 {
               color: rgb(102, 102, 102);
             }
@@ -998,6 +1077,18 @@
               float: right;
               font-weight: 700;
             }
+
+            .btn {
+              height: 66rpx;
+              width: 132rpx;
+              margin: 0 auto;
+              background-color: #49b856;
+              color: #fff;
+              border-radius: 8rpx;
+              font-size: 32rpx;
+              margin-top: 20rpx;
+              text-align: center;
+            }
           }
         }
       }