From 7118109e163a5050b4e4672bde0e42b3245f7278 Mon Sep 17 00:00:00 2001
From: QI_YUJIE <2878090898@qq.com>
Date: Mon, 21 Aug 2023 16:18:54 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=BF=E5=8C=85=E6=96=B9=E8=B0=83=E6=9F=A5?=
 =?UTF-8?q?=E5=BC=82=E5=B8=B8=E6=8C=82=E8=B5=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/contracted/cbf.js                     |  9 +++
 .../village/contractor/contractorHeader.vue   | 61 ++++++++++++++++++-
 2 files changed, 68 insertions(+), 2 deletions(-)

diff --git a/src/api/contracted/cbf.js b/src/api/contracted/cbf.js
index 157ae997..ef09f270 100644
--- a/src/api/contracted/cbf.js
+++ b/src/api/contracted/cbf.js
@@ -60,3 +60,12 @@ export function contractorSignature(data) {
     data: data
   });
 }
+
+// 调查挂起
+export function hangUp(data) {
+  return request({
+    url: '/service/cbf/hangUp',
+    method: 'post',
+    data: data
+  });
+}
diff --git a/src/views/contracted/village/contractor/contractorHeader.vue b/src/views/contracted/village/contractor/contractorHeader.vue
index 7ab7c021..3a130213 100644
--- a/src/views/contracted/village/contractor/contractorHeader.vue
+++ b/src/views/contracted/village/contractor/contractorHeader.vue
@@ -3,7 +3,7 @@
     <van-nav-bar left-arrow fixed placeholder @click-left="goBack">
       <template #title>
         <div class="tb_main">
-          {{ contractorName }}<p><span class="tb" @click="handleSign">签字完成</span><span class="tb">异常挂起</span></p>
+          {{ contractorName }}<p><span class="tb" @click="handleSign">签字完成</span><span class="tb" @click="handleHangUp">异常挂起</span></p>
         </div>
       </template>
     </van-nav-bar>
@@ -30,11 +30,19 @@
       </van-cell-group>
     </van-popup>
 
+    <van-dialog v-model="showRemark" title="异常挂起备注" show-cancel-button confirmButtonText="保存" cancelButtonText="关闭"
+                :before-close="onBeforeClose" @confirm="handleConfirm">
+      <van-form ref="remarkForm" class="remarkForm">
+        <van-field v-model="remark" label="备注信息:" type="textarea" rows="4" placeholder="请输入备注信息" required
+                   :rules="[{ required: true }]" input-align="left" label-width="auto" />
+      </van-form>
+    </van-dialog>
+
   </div>
 </template>
 <script>
   import { getDept } from "@/api/contracted";
-  import { contractorSignature } from "@/api/contracted/cbf";
+  import { contractorSignature, hangUp } from "@/api/contracted/cbf";
   import vueEsign from "vue-esign";
   import $ from "jquery";
 
@@ -57,6 +65,10 @@
           resultImg: "", // 最终画布生成的base64图片
           isCrop: false, // 是否裁剪，在画布设定尺寸基础上裁掉四周空白部分
         },
+        // 控制异常信息备注提示框的显示和隐藏
+        showRemark: false,
+        // 异常备注信息
+        remark: null,
       };
     },
     created() {
@@ -125,10 +137,55 @@
           type: mime
         })
       },
+      // 异常挂起
+      handleHangUp() {
+        this.showRemark = true;
+        this.remark = null;
+      },
+      // van-dialog 点击confirm事件不自动关闭
+      onBeforeClose(action, done) {
+        if (action === 'confirm') {
+          return done(false);
+        } else {
+          return done();
+        }
+      },
+      handleConfirm() {
+        this.$refs.remarkForm.validate().then(() => {
+          let data = new FormData()  // 创建form对象
+          data.append('cbfbm', this.contractorCode);
+          data.append('remark', this.remark);
+          hangUp(data).then(response => {
+            if (response.code === 200) {
+              this.$toast({
+                icon: 'success',
+                message: '当前承包方调查已被挂起',
+                duration: '2000',
+                onClose: () => {
+                  this.showRemark = false;
+                  this.goBack();
+                }
+              });
+            }
+          });
+        }).catch(() => {
+          this.$notify({ type: 'danger', message: '请填写备注信息' });
+        });
+      }
     }
   }
 </script>
 <style scoped lang="scss">
+
+  /deep/ .remarkForm .van-cell__value {
+    border: 1px solid #b0b3ba;
+    border-radius: 5px;
+    padding: 0 15px;
+    .van-field__control {
+      color: #646566;
+    }
+  }
+
   .tb_main{
     position: relative;
     p{