承包方调查异常挂起

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
+  });
+}

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{