src/api/modules/crmApi.js

@@ -1073,6 +1073,14 @@ const customInterence = {
    */
   yananxuanPermissionOpen:(params)=>{
     return http.post("/custom/update/user/yananxuan/permission",params)
+  },
+  //查询移动记录列表
+    /**
+   * 
+   * @returns 
+   */
+  getCustomListMoveLog:(params)=>{
+      return http.get("/custom/user/listMoveLog",params)
   }
 };
 

src/views/custom_manage/contacts/contactsList.vue

@@ -55,18 +55,24 @@
     </div>
     <el-card>
       <el-table :data="tableData" style="width: 100%" border @sort-change="sortChangeHandle">
-        <el-table-column align="center" prop="RealName" width="90" label="姓名"> </el-table-column>
+        <el-table-column align="center" prop="RealName" width="90" label="姓名">
+          <template slot-scope="{ row }">
+            <span>{{ row.RealName }}</span>
+            
+            <img width="16" v-if="row.HaveMoveButton" style="vertical-align: middle; cursor: pointer" src="../../../assets/img/contact_transfer.jpg" alt="" @click="clickContactTransfer(row)" />
+          </template>
+        </el-table-column>
         <el-table-column align="center" prop="Mobile" width="110" label="手机号/邮箱">
           <template slot-scope="{ row }"> {{ row.Mobile || row.Email }} </template>
         </el-table-column>
         <el-table-column align="center" prop="CompanyName" label="公司名称">
-          <template slot-scope="{row}">
+          <template slot-scope="{ row }">
             <el-tooltip effect="dark" placement="top-start" content="过去4周，kp均未覆盖服务" v-if="row.IsUserMaker == -1">
               <span class="deletesty" @click="goDetail(row)">{{ row.CompanyName }}</span>
             </el-tooltip>
             <span v-else class="editsty" @click="goDetail(row)">{{ row.CompanyName }}</span>
             <!-- <span class="editsty" @click="goDetail(scope.row)">{{ scope.row.CompanyName }}</span> -->
-            </template>
+          </template>
         </el-table-column>
         <el-table-column align="center" prop="Status" width="110" label="状态"> </el-table-column>
         <el-table-column align="center" prop="SellerName" width="110" label="所属销售"> </el-table-column>
@@ -154,6 +160,7 @@
     <label-dlg :isShowLabelDlg.sync="isShowLabelDlg" :dlgLabelList.sync="dlgLabelList" @labelChildren="labelChildren" :userLabel="userLabel" />
     <remind-dlg :isShowRemindDlg.sync="isShowRemindDlg" :remindList.sync="remindList" />
     <FeedbackDlg :showFeedbackDlg.sync="showFeedbackDlg" :remindList.sync="remindList" />
+    <ContactTransfer :contactTransferDlgVisible.sync="contactTransferDlgVisible" :TransferMobile.sync="TransferMobile" />
   </div>
 </template>
 
@@ -165,9 +172,11 @@ import InteractionDlg from "./compontents/interactionDlg.vue";
 import LabelDlg from "./compontents/labelDlg.vue";
 import RemindDlg from "./compontents/remindDlg.vue";
 import FeedbackDlg from "./compontents/feedbackDlg.vue";
+import ContactTransfer from "../customList/components/ContactTransferDlg.vue";
+
 export default {
   name: "",
-  components: { mPage, mDialog, InteractionDlg, LabelDlg, RemindDlg, FeedbackDlg },
+  components: { mPage, mDialog, InteractionDlg, LabelDlg, RemindDlg, FeedbackDlg, ContactTransfer },
   props: {},
   data() {
     return {
@@ -224,6 +233,10 @@ export default {
       isShowRemindDlg: false, // 消息提醒的弹框
       remindList: {}, // 消息提醒的数据
       showFeedbackDlg: false, // 交流反馈的弹框
+
+      TransferMobile: 0,
+
+      contactTransferDlgVisible: false, //联系人转移的弹框
     };
   },
   computed: {},
@@ -443,6 +456,11 @@ export default {
       this.remindList = item;
       this.showFeedbackDlg = true;
     },
+    // 点击了共享联系人
+    clickContactTransfer(item) {
+      this.contactTransferDlgVisible = true;
+      this.TransferMobile = item.Mobile;
+    },
   },
   /* 页面跳转前记录参数 */
   beforeRouteLeave(to, from, next) {

src/views/custom_manage/customList/components/ContactTransferDlg.vue

@@ -0,0 +1,81 @@
+<template>
+  <div class="container">
+    <el-dialog
+      :visible.sync="contactTransferDlgVisible"
+      :close-on-click-modal="false"
+      :modal-append-to-body="true"
+      :append-to-body="true"
+      title="联系人转移记录"
+      @close="$emit('update:contactTransferDlgVisible', false)"
+      width="800px"
+      v-dialogDrag
+      center
+    >
+      <el-table :data="dataList" border max-height="300">
+        <el-table-column label="转移时间" prop="CreateTime" align="center"> </el-table-column>
+        <el-table-column label="原公司" prop="CompanyName" align="center"> </el-table-column>
+        <el-table-column label="移至公司" prop="CompanyNameMove" align="center"> </el-table-column>
+      </el-table>
+      <div class="container-close">
+        <el-button @click="$emit('update:contactTransferDlgVisible', false)">关闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { customInterence } from "@/api/api.js";
+
+export default {
+  name: "",
+  components: {},
+  props: {
+    contactTransferDlgVisible: {
+      type: Boolean,
+      default: false,
+    },
+    TransferMobile:{
+      type: Number,
+      default: 0,
+    }
+  },
+  data() {
+    return {
+      dataList: [],
+    };
+  },
+  computed: {},
+  watch: {
+    contactTransferDlgVisible: {
+      handler(val) {
+        if (val) {
+          this.getDateList();
+        }
+      },
+      deep: true,
+      immediate: true,
+    },
+  },
+  created() {},
+  mounted() {},
+  methods: {
+    async getDateList() {
+      const res = await customInterence.getCustomListMoveLog({
+        Mobile: this.TransferMobile,
+      });
+      if (res.Ret === 200) {
+        this.dataList = res.Data.List;
+      }
+      console.log(res, "-----");
+    },
+  },
+};
+</script>
+<style scoped>
+.container-close {
+  margin: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>

src/views/custom_manage/customList/customDetail.vue

@@ -234,6 +234,7 @@
 							@click="reviewCard(scope.row.BusinessCardUrl)">
 							<img src="~@/assets/img/icons/like-heart.png" class="name-follow-heart" v-if="scope.row.IsFollow==1">
 							<span :class="{'isShared':scope.row.IsShared}">{{scope.row.RealName}}</span>
+							<img v-if="scope.row.HaveMoveButton" width="16" style="vertical-align: middle;cursor: pointer;" src="../../../assets/img/contact_transfer.jpg" alt="" @click="clickContactTransfer(scope.row)">
 						</template>
 					</el-table-column>
 					<el-table-column prop="Position" label="职位" align="center" min-width="80px"></el-table-column>
@@ -716,6 +717,8 @@
 			@close="isPreview=false"
 		/>
 		<HistoricalNotesDlg :historicalNotesDlgVisible.sync="historicalNotesDlgVisible" :CompanyId.sync="historicalNotesId"/>
+		<ContactTransfer :contactTransferDlgVisible.sync="contactTransferDlgVisible" :TransferMobile.sync="TransferMobile"/>
+
 	</div>	
 </template>
 
@@ -736,9 +739,10 @@ import DeductDetailDlg from './components/deductDetailDlg.vue'
 import HistoryContract from '../compontents/historyContract.vue'
 
 import HistoricalNotesDlg from "@/components/historicalNotesDlg.vue";
+import ContactTransfer from './components/ContactTransferDlg.vue'
 export default {
 	name:'',
-	components: { Ctimeline, Contactdia, Readia, ElImageViewer, CpessionTable, pdf, chartAuthDialog, ExportData, CpessionTableEquity, ProductReadInfo, DeductDetailDlg, HistoryContract, HistoricalNotesDlg },
+	components: { Ctimeline, Contactdia, Readia, ElImageViewer, CpessionTable, pdf, chartAuthDialog, ExportData, CpessionTableEquity, ProductReadInfo, DeductDetailDlg, HistoryContract, HistoricalNotesDlg, ContactTransfer},
 	computed:{
 		Role() {
 			let role = localStorage.getItem('Role') || '';
@@ -869,6 +873,9 @@ export default {
 
 			historicalNotesDlgVisible:false,//历史备注的弹框
 			historicalNotesId: 0,
+
+			contactTransferDlgVisible: false, //联系人转移的弹框
+			TransferMobile:0
 		};
 	},
 	methods: {
@@ -1690,6 +1697,13 @@ export default {
       this.historicalNotesDlgVisible = true;
 	  this.historicalNotesId = Number(this.companyId);
     },
+
+	// 点击了共享联系人
+	clickContactTransfer(item) {
+		this.contactTransferDlgVisible = true;
+		this.TransferMobile = item.Mobile;
+	},
+	
 	},
 	mounted() {
 		this.getDetail();