zjf
2023-03-08 51468f93275c2bcfcc7ad25bf05f3d6a079ff764
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<template>
  <div class="f-container">
    <div class="log-cont">
      <keep-alive>
        <component
          :is="componentsName"
          :id="id"
          :crm-type="crmType"/>
      </keep-alive>
    </div>
  </div>
</template>
 
<script>
import MixAdd from '../../components/MixAdd'
import RecordLog from '../../components/followLog/RecordLog' // 跟进记录
import JournalLog from '../../components/followLog/JournalLog' // 日志列表
import ExamineLog from '../../components/followLog/ExamineLog' // 审批列表
import TaskLog from '../../components/followLog/TaskLog' // 任务日志列表
import ScheduleLog from '../../components/followLog/ScheduleLog' // 日程日志列表
import FollowRecordTable from '../../components/followLog/components/FollowRecordTable' // 跟进记录
import { AddFollowRecord, MakeFollowRecordCompleted } from '@/api/customermanagement/customerManage'
import followLogType from '@/views/clients/mixins/followLogType'
 
export default {
  /** 客户管理 的 客户详情 的 跟进记录 */
  name: 'CustomerFollow',
  components: {
    MixAdd,
    RecordLog,
    JournalLog,
    ExamineLog,
    TaskLog,
    ScheduleLog,
    FollowRecordTable
  },
  mixins: [followLogType],
  props: {
    /** 模块ID */
    id: [String, Number],
    /** 没有值就是全部类型 有值就是当个类型 */
    crmType: {
      type: String,
      default: ''
    },
    /** 是公海 默认是客户 */
    isSeas: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {
      sendLoading: false,
      logType: 'record'
    }
  },
  computed: {
    logTypes () {
      return [
        { type: 'record', name: '跟进记录' }
      ]
    },
 
    componentsName () {
      return 'FollowRecordTable'
    }
  },
  watch: {
    id: function (val) {}
  },
  mounted () {},
  activated: function () {},
  deactivated: function () {},
  methods: {
    /** 发布 时候的类型选择 */
    logTabsClick (item, index) {
      this.logType = item.type
    },
    /** 告诉mixad 返回数据 */
    // sendInfo () {
    //   this.$refs.mixadd.$emit('submit-info')
    // },
    /** 快捷添加框内 返回的数据用于上传 */
    submitInfo (data) {
      console.log(data)
      if (data.isEvent && !data.nextTime) {
        this.$message.error('请选择下次联系时间')
        return
      } else if (!data.content) {
        this.$message.error('请输入跟进内容')
        return
      }
 
      var params = {}
      params.SourceId = this.id
      params.Title = data.title
      params.Content = data.content
      params.FollowType = data.followTypeId
      params.FollowWay = data.wayTypeId
      // var businessIds = data.business.map(function (element, index, array) {
      //   return element.businessId
      // })
      // var contactsIds = data.contacts.map(function (element, index, array) {
      //   return element.contactsId
      // })
 
      // params.batchId = data.batchId
      // params.businessIds = businessIds.join(',')
      // params.contactsIds = contactsIds.join(',')
 
      params.IsCompleted = data.isEvent
      params.FollowTime = data.nextTime || ''
 
      this.sendLoading = true
      if (data.isEvent) {
        MakeFollowRecordCompleted({'Id': this.id}).then(res => {
          this.$message.success('完成跟进')
        })
      }
      AddFollowRecord(params)
        .then(res => {
          this.sendLoading = false
          this.$message.success('发布成功')
          // 重置页面
          this.$refs.mixadd.resetInfo()
          // this.isEvent = false
          // this.nextTime = ''
          // 刷新数据
          this.$bus.emit('follow-log-refresh', { type: 'follow-record-table' })
        })
        .catch(() => {
          this.sendLoading = false
        })
    }
  }
}
</script>
 
<style lang="scss" scoped>
@import '../../styles/followlog.scss';
</style>