新增沟通记录

src/components/uploadSingleFile.vue

@@ -170,6 +170,10 @@ import caseManagement from "@/services/caseManagement";
     }
     .el-upload-box{
         width: 80px;
+        height: auto;
+        background: #fff;
+        border: 0px dashed #fff;
+        border-radius: 0;
     }
     .el-col-ctn-box .el-upload,
     .el-col-ctn-box .upload-file{

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

@@ -1,18 +1,98 @@
 <template>
   <div>
-    <el-dialog title="新增调解记录" :visible="true"
+    <el-dialog title="新增调解记录" :visible="true" class="kk-dialog-class"
-      :modal="false" width="500px" append-to-body :close-on-click-modal="false"
+      :modal="false" width="880px" append-to-body :close-on-click-modal="false"
         @close="handleClose" v-drag>
-      <div class="dialog-content dialog-office-batch">
+      <div class="dialog-content dialog-mr-batch">
-        <div class="p-16 pr-40">
+        <div class="p-24">
-          
+          <div class="flex-column">
+            <span class="f16 f-weight500">沟通类型</span>
+            <div class="mt-16">
+              <el-radio-group v-model="mrObj.radio">
+                <el-radio :label="3">电话</el-radio>
+                <el-radio :label="6">视频</el-radio>
+              </el-radio-group>
+            </div>
+            <span class="f16 f-weight500 mt-16">电话情况</span>
+            <div class="mt-16">
+              <el-radio-group v-model="mrObj.radio">
+                <el-radio :label="3">已接</el-radio>
+                <el-radio :label="6">未接</el-radio>
+                <el-radio :label="9">拒接</el-radio>
+                <el-radio :label="9">关机</el-radio>
+                <el-radio :label="9">空号</el-radio>
+                <el-radio :label="9">停机</el-radio>
+                <el-radio :label="9">设置</el-radio>
+                <el-radio :label="9">正在通话中</el-radio>
+                <el-radio :label="9">暂时无法接通</el-radio>
+              </el-radio-group>
+            </div>
+            <span class="f16 f-weight500 mt-16">沟通对象</span>
+            <div class="mt-16">
+              <el-select v-model="mrObj.FollowStatus"
+                      clearable placeholder="请选择沟通对象"
+                      @keydown.enter.native="handleSearch"
+                      class="width100">
+                  <el-option
+                          v-for="item in FollowStatusEnum"
+                          :key="item.label"
+                          :label="item.label"
+                          :value="item.value">
+                  </el-option>
+              </el-select>
+            </div>
+            <span class="f16 f-weight500 mt-16">沟通情况</span>
+            <div class="mt-16">
+              <el-radio-group v-model="mrObj.communicateResult">
+                <el-radio v-for="(item,index) in CommunicationOptions" :key="index" :label="item.value">{{item.label}}</el-radio>
+              </el-radio-group>
+            </div>
+            <div class="mt-16">
+              <el-input type="textarea" :rows="2"
+                placeholder="请输入内容" v-model="mrObj.remark">
+              </el-input>
+            </div>
+            <span class="f16 f-weight500 mt-16">调解进度</span>
+            <div class="mt-16 mr—schedule">
+              <span :class="mrObj.recordStatus == item.value ? 'active':''" v-for="(item,index) in materialTypeOptions" :key="index" @click="mrObj.recordStatus = item.value">{{item.label}}</span>
+            </div>
+            <span class="f16 f-weight500 mt-16">下次跟进时间</span>
+            <div class="mt-16 flex-row">
+              <el-radio-group v-model="mrObj.timeType" class="pt-8 mr-16" @change="daysAfterDate" >
+                <el-radio :label="0">自定义</el-radio>
+                <el-radio :label="1">1天后</el-radio>
+                <el-radio :label="2">2天后</el-radio>
+                <el-radio :label="3">3天后</el-radio>
+                <el-radio :label="5">5天后</el-radio>
+                <el-radio :label="7">7天后</el-radio>
+              </el-radio-group>
+              <el-date-picker v-if="this.mrObj.timeType == 0" size="small" style="width: 150px;"
+                              v-model="mrObj.nextDate"
+                              type="date"
+                              placeholder="选择先还日期"
+                              value-format="yyyy-MM-dd"
+                              format="yyyy-MM-dd">
+              </el-date-picker>
+            </div>
+            <span class="f16 f-weight500 mt-16">录音或录像文件</span>
+            <div class="mt-16">
+              <upload-file :file-list="fileList" :max-count="1"
+                           :show-file-name="false"
+                           uploadName=""
+                           accept=".mp3,mp4"
+                           :span="6"
+                           :fileSize="50"
+                           @handleUploadFile="handleUploadFile">
+              </upload-file>
+            </div>
+          </div>
 
         </div>
 
       </div>
       <span slot="footer" class="dialog-footer">
           <el-button @click="handleClose()">取消</el-button>
-          <el-button type="primary" @click="handleSubmit111()">完成</el-button>
+          <el-button type="primary" @click="handleSubmit()">完成</el-button>
       </span>
     </el-dialog>
   </div>
@@ -33,40 +113,52 @@ export default {
   },
   data() {
     return {
+      CommunicationOptions:[{ label: '继续沟通', value: 'CONTINUE' },{ label: '一次性全部回款', value: 'ALL' },{ label: '全部分期', value: 'STAGES' },
+      { label: '部分还款', value: 'PART' },{ label: '拒绝沟通', value: 'REFUSE' }],
       materialTypeOptions: [
-        { label: '身份证件', value: 'IDENTITY' },
+        { label: '承诺账户', value: 'COMMITMENT_ACCOUNTS' },
-        { label: '金融许可证', value: 'FINANCIAL_LICENSES' },
+        { label: '重点账户', value: 'FOCUSED_ACCOUNTS' },
-        { label: '营业执照', value: 'BUSINESS_LICENSES' },
+        { label: '拒联账户', value: 'DISCONNECTED_ACCOUNTS' },
-        { label: '法定代表人身份证明', value: 'IDENTITY_LEGAL' },
+        { label: '失联账户', value: 'CLOSED_ACCOUNTS' },
-        { label: '起诉状', value: 'COMPLAINTS' },
+        { label: '疑难账户', value: 'DIFFICULT_ACCOUNTS' },
-        { label: '证据清单', value: 'EVIDENCE' },
+        { label: '失联账户', value: 'LOST_ACCOUNTS' },
-        { label: '合约', value: 'CONTRACTS' },
+        { label: '半失联账户', value: 'SEMI_DISCONNECTED_ACCOUNTS' },
-        { label: '申领表', value: 'APPLICATION_FORMS' },
+        { label: '部分还款账户', value: 'PARTIAL_REPAYMENT_ACCOUNT' },
-        { label: '交易明细', value: 'TRANSACTION_DETAILS' },
+        { label: '诉讼案件', value: 'LITIGATION_CASES' },
-        { label: '其他证据', value: 'OTHER' },
       ],
-      repaymentObj: {
+      mrObj: {
+        timeType:1,
         caseId: '',
-        materialType: '',
+        contactName: '',//联系人姓名	
-        category: 'EVIDENTIAL',
+        contactPhone: '',//联系人电话	
-        name: '',
+        paybackId: '',//关联还款计划id	
-        url: '',
+        communicateResult: '',//沟通情况	
-      },
+        remark: '',//备注
-      rulesClientRule: {
+        nextDate: '',//下次跟进日期	
-        materialType: [
+        recordStatus: '',//调解进度	
-          {required: true, message: '请选择', trigger: 'change',},
+        recordFileIds: '',//调解记录相关录音，录像文件id，使用逗号隔开
-        ],
+        labelIds: '',//人物画像标签id，使用逗号隔开	
-        url: [
+        debtorId: '',//债务人id	
-          { required: true, message: '请上传', trigger: 'change',},
-        ],
       },
       fileList: [],
     };
   },
   mounted() {
-    // console.log(1231)
+    this.daysAfterDate()
   },
   methods: {
+    daysAfterDate() {
+      console.log(this.mrObj.timeType,'timeType')
+      // 获取当前日期
+      let currentDate = new Date();
+      // 获取昨天的日期
+      const nextDate = currentDate
+      currentDate.setDate(currentDate.getDate() + this.mrObj.timeType)
+      const year = nextDate.getFullYear();
+      const month = (nextDate.getMonth() + 1).toString().padStart(2, '0');
+      const day = nextDate.getDate().toString().padStart(2, '0');
+      this.mrObj.nextDate = year +'-'+ month +'-'+ day;
+    },
     handleUploadFile(fileList){
       // console.log('获取上传文件信息',fileList)
       fileList = JSON.parse(JSON.stringify(fileList))
@@ -80,23 +172,19 @@ export default {
       })
       this.repaymentObj.url = this.fileList.length?this.fileList[0].fileName : '';
       this.repaymentObj.name = this.fileList.length?this.fileList[0].objectName : '';
-      // console.log(this.repaymentObj, '---this.repaymentObj', this.fileList)
     },
     handleClose() {
-      this.$emit('update:eventDialog', null)
+      this.$emit('update:visiblemediatRecord', false)
     },
     handleSubmit() {
       if(!this.$clickThrottle()) { return }//防止重复点击
-      this.$refs.ruleFormRepayment.validate((valid) => {
+      console.log(this.mrObj,'this.mrObj')
-        if (valid) {
+      // caseMaterial.addCaseFile(this.repaymentObj).then(res => {
-          this.repaymentObj.caseId = this.eventDialog.caseId;
+      //       this.$parent.getFileCaseList()
-          caseMaterial.addCaseFile(this.repaymentObj).then(res => {
+      //       this.handleClose()
-            this.$parent.getFileCaseList()
+      //       this.$message.success("操作成功");
-            this.handleClose()
+      //     })
-            this.$message.success("操作成功");
+
-          })
-        }
-      })
     }
   }
 };
@@ -104,4 +192,32 @@ export default {
 
 <style scoped lang="scss">
 
+.dialog-mr-batch{
+  .mr—schedule{
+    span{
+      border: solid 1px #E5E6EB;
+      padding: 5px 15px;
+      margin-right: 10px;
+      border-radius: 2px;
+      margin-top: 5px;
+      margin-bottom: 5px;
+      display: inline-block;
+      cursor: pointer;
+    }
+    span.active{
+      color: #BC6F60;
+      border: solid 1px #BC6F60;
+    }
+  }
+}
+</style>
+<style  lang="scss">
+.kk-dialog-class {
+  pointer-events: none;
+  .el-dialog {
+    pointer-events: auto;
+  }
+}
+
+
 </style>