个人调解备注

src/pages/mediation-page/components/LayoutContentNew.vue

@@ -171,7 +171,19 @@
           <span>
             <el-button plain icon="el-icon-plus" @click="visiblemediatRecord = true;visiblemediatRecordObj = null">新增沟通记录</el-button>
 
-            <el-button plain icon="el-icon-edit">个人调解备注</el-button>
+            <el-popover
+              placement="top"
+              width="400"
+              v-model="singleremarkvisible"
+              title="个人调解备注"
+              trigger="hover">
+              <singleRemarkPopover :caseId="caseId" :singleremarkvisible.sync="singleremarkvisible" :caseRemark="baseInfo.mediateRemark" @handleSubmit="getCaseInfoById()"/>
+              <span slot="reference" class="ml-8">
+                <el-button plain icon="el-icon-edit">个人调解备注</el-button>
+              </span>
+          </el-popover>
+          
+            <!-- <el-button plain icon="el-icon-edit">个人调解备注</el-button> -->
           </span>
           
         </div>
@@ -203,7 +215,10 @@
                           <i class="callwechat-icon"></i>
                         </div>
                       </div>
-                      <span class="cursor-pointer" @click="visiblemediatRecord = true;visiblemediatRecordObj = itemrecord"><i class="ml-8 f14 el-icon-edit"></i></span>
+                      <div class="">
+                        <span class="cursor-pointer mr-8" @click="visiblemediatRecord = true;visiblemediatRecordObj = itemrecord"><i class="ml-8 f14 el-icon-edit"></i></span>
+                        <span class="cursor-pointer" v-if="itemrecord.linkedType == 2" @click="mediatRecordDelete(itemrecord)"><i class="ml-8 f14 el-icon-delete"></i></span>
+                      </div>
                     </div>
                     <div class="timeline-layout-w-records mt-8 mb-8">
                       <div class="flex-row align-items-center">
@@ -296,9 +311,11 @@ export default {
     singlesmsPopover: () => import('./singlesmsPopover.vue'),//发送短信
     MediationRecordDialog: () => import('./MediationRecordDialog.vue'),//调解记录
     coobligationInfo: () => import('./coobligationInfo.vue'),//共债
+    singleRemarkPopover: () => import('./singleRemarkPopover.vue'),//个人调解备注
   },
   data() {
     return {
+      singleremarkvisible:false,
       fileDialog:null,
       singlesmsvisible:false,
       visiblemediatRecord:false,
@@ -414,6 +431,20 @@ export default {
         this.fileDialog = {showfile: {url: item,fullUrl: res}, filelist: []}
       });
     },
+    // 删除调解记录
+    mediatRecordDelete(item){
+      this.$confirm("请确定是否删除此条数据?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+      }).then(() => {
+          if(!this.$clickThrottle()) { return }//防止重复点击
+          api.mediate_record_delete({id:item.id}).then((res) => {
+            this.$message.success("删除调解记录成功");
+            this.getmediate_record(1)
+          });
+      }).catch(() => {});
+    }
   }
 };
 </script>

src/pages/mediation-page/components/singleRemarkPopover.vue

@@ -0,0 +1,93 @@
+<template>
+        <div class="dialog-content dialog-remark-batch">
+            <div class="p-16">
+                <el-input type="textarea" :rows="4" placeholder="请输入个人备注内容" v-model="ObjectInfo.remark" @change="handleSubmit()" maxlength="200"></el-input>
+            </div>
+            <span class="dialog-footer">
+                <el-button size="small" @click="handleRes()">清空</el-button>
+            </span>
+        </div>
+</template>
+<script>
+import api from "@/services/caseManagement";
+    export default {
+        components: {
+        },
+        props: {
+            caseId: {
+                type: String,
+                default: () => {},
+            },
+            caseRemark: {
+                type: String,
+                default: () => {},
+            },
+        },
+        data() {
+            return {
+                ObjectInfo:{
+                    remark: '',
+                    caseId:this.caseId,
+                },
+            };
+        },
+        
+        mounted () {
+            this.ObjectInfo.remark = this.caseRemark
+        },
+        methods: {
+            handleSubmit(){
+                api.mediateRemark(this.ObjectInfo).then((res) => {
+                    this.$emit('handleSubmit',23213)
+                });
+            },
+            handleRes(){
+                this.ObjectInfo.remark = ''
+                this.handleSubmit()
+            },
+            handleClose() {
+                this.$emit('update:singleremarkvisible', false)
+            },
+        }
+    };
+</script>
+
+<style scoped lang="scss">
+.dialog-remark-batch {
+  width: 395px;
+  max-height: 500px;
+
+  .tabs__search-criteria-title {
+    width: 100%;
+  }
+
+  .case-batch-num {
+    background-color: rgba(236, 238, 241, 0.8196078431);
+    padding: 15px 20px;
+    border-radius: 4px;
+
+    a {
+      font-size: 16px;
+      font-weight: 500;
+      color: #C66A5B;
+    }
+  }
+
+  .officelist {
+    background-color: rgba(236, 238, 241, 0.8196078431);
+    padding: 20px 20px;
+
+    .el-checkbox {
+      width: 180px;
+      margin: 10px;
+    }
+  }
+  .dialog-footer{
+    display: inline-block;
+    width: 400px;
+    text-align: right;
+    border-top: solid 1px #E5E6EB;
+    padding: 10px;
+  }
+}
+</style>

src/services/caseManagement.js

@@ -279,11 +279,20 @@ const caseManagementApi = {
     mediate_record_list: data => {
         return service.service.post(`${apiAdmin}case/mediate/record/list`, data, {hideLoading:true})
     },
+    // 调解记录-删除调解记录
+    mediate_record_delete: data => {
+        return service.service.post(`${apiAdmin}case/mediate/record/delete`, data)
+    },
 
     // 共债案件查询
     mediate_coobligation_list: data => {
         return service.service.post(`${apiAdmin}cases/caseInfo/joint/debt`, data, {hideLoading:true})
     },
+    // 调解备注
+    mediateRemark: data => {
+        return service.service.post(`${apiAdmin}api/trace/calling/mediateRemark`, data, {hideLoading:true})
+    },
+