|
|
|
@ -120,145 +120,29 @@ |
|
|
|
|
|
|
|
<!-- 通话记录--> |
|
|
|
<view class="call-log" v-if="switch_tags_type == 3"> |
|
|
|
<!-- 添加备注按钮 --> |
|
|
|
<view style="width: 92%; margin: 20rpx auto; display: flex; justify-content: center;"> |
|
|
|
<button type="primary" style="background-color: #29D3B4; color: white;" @click="openAddRemark">添加备注</button> |
|
|
|
<view class="call-record-wrapper" v-for="(v,k) in listCallUp" :key="k"> |
|
|
|
<view class="call-record-item"> |
|
|
|
<view class="call-record-header"> |
|
|
|
<view class="call-name">{{v.name}}</view> |
|
|
|
<view class="call-time">{{v.create_time}}</view> |
|
|
|
</view> |
|
|
|
<view style="margin-top: 20rpx" v-for="(v,k) in listCallUp" :key="k"> |
|
|
|
<!-- <view class="basic-message">08-23</view>--> |
|
|
|
<view class="follow-records-list"> |
|
|
|
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;"> |
|
|
|
<view>{{v.name}}</view> |
|
|
|
<view>{{v.create_time}}</view> |
|
|
|
</view> |
|
|
|
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;"> |
|
|
|
<view>呼叫时间:{{v.created_at}}</view> |
|
|
|
<view>呼叫备注:{{v.remarks}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="height: 200rpx;"></view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 在籍客户--> |
|
|
|
<view class="registered-clients" v-if="switch_tags_type == 4"> |
|
|
|
<view class="search"> |
|
|
|
<view :class="{'selected': select_type === 1, 'not-selected': select_type !== 1}" @click="getSelect(1)"> |
|
|
|
全部(320) |
|
|
|
</view> |
|
|
|
<view :class="{'selected': select_type === 2, 'not-selected': select_type !== 2}" @click="getSelect(2)"> |
|
|
|
同校(8) |
|
|
|
</view> |
|
|
|
<view :class="{'selected': select_type === 3, 'not-selected': select_type !== 3}" @click="getSelect(3)"> |
|
|
|
同班(15) |
|
|
|
</view> |
|
|
|
<view :class="{'selected': select_type === 4, 'not-selected': select_type !== 4}" @click="getSelect(4)"> |
|
|
|
同小区(12) |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="margin: 16rpx;"> |
|
|
|
<view class="follow-records-list"> |
|
|
|
<view class="same-community" v-if="true"> |
|
|
|
同小区 |
|
|
|
</view> |
|
|
|
<view class="coeducation" v-if="false"> |
|
|
|
同校 |
|
|
|
</view> |
|
|
|
<view class="coeducation" v-if="false"> |
|
|
|
同班 |
|
|
|
</view> |
|
|
|
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;"> |
|
|
|
<view>包子皮</view> |
|
|
|
</view> |
|
|
|
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;"> |
|
|
|
<view>合同联系人:包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view> |
|
|
|
<view>课程:课程名称1</view> |
|
|
|
</view> |
|
|
|
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="margin: 16rpx;"> |
|
|
|
<view class="follow-records-list"> |
|
|
|
<view class="same-community" v-if="false"> |
|
|
|
同小区 |
|
|
|
</view> |
|
|
|
<view class="coeducation" v-if="true"> |
|
|
|
同校 |
|
|
|
</view> |
|
|
|
<view class="coeducation" v-if="false"> |
|
|
|
同班 |
|
|
|
</view> |
|
|
|
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;"> |
|
|
|
<view>包子皮</view> |
|
|
|
</view> |
|
|
|
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;"> |
|
|
|
<view>合同联系人:包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view> |
|
|
|
<view>课程:课程名称1</view> |
|
|
|
</view> |
|
|
|
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="margin: 16rpx;"> |
|
|
|
<view class="follow-records-list"> |
|
|
|
<view class="same-community" v-if="false"> |
|
|
|
同小区 |
|
|
|
</view> |
|
|
|
<view class="coeducation" v-if="false"> |
|
|
|
同校 |
|
|
|
</view> |
|
|
|
<view class="coeducation" v-if="true"> |
|
|
|
同班 |
|
|
|
<view class="call-record-content"> |
|
|
|
<view class="call-detail"> |
|
|
|
<text class="call-label">呼叫时间:</text> |
|
|
|
<text>{{v.created_at}}</text> |
|
|
|
</view> |
|
|
|
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;"> |
|
|
|
<view>包子皮</view> |
|
|
|
</view> |
|
|
|
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;"> |
|
|
|
<view>合同联系人:包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view> |
|
|
|
<view>课程:课程名称1</view> |
|
|
|
</view> |
|
|
|
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="margin: 16rpx;"> |
|
|
|
<view class="follow-records-list"> |
|
|
|
<view class="same-community" v-if="true"> |
|
|
|
同小区 |
|
|
|
</view> |
|
|
|
<view class="coeducation" v-if="false"> |
|
|
|
同校 |
|
|
|
</view> |
|
|
|
<view class="coeducation" v-if="false"> |
|
|
|
同班 |
|
|
|
</view> |
|
|
|
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;"> |
|
|
|
<view>包子皮</view> |
|
|
|
</view> |
|
|
|
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;"> |
|
|
|
<view>合同联系人:包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view> |
|
|
|
<view>课程:课程名称1</view> |
|
|
|
</view> |
|
|
|
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="margin: 16rpx;"> |
|
|
|
<view class="follow-records-list"> |
|
|
|
<view class="same-community" v-if="true"> |
|
|
|
同小区 |
|
|
|
</view> |
|
|
|
<view class="coeducation" v-if="false"> |
|
|
|
同校 |
|
|
|
</view> |
|
|
|
<view class="coeducation" v-if="false"> |
|
|
|
同班 |
|
|
|
</view> |
|
|
|
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;"> |
|
|
|
<view>包子皮</view> |
|
|
|
<button |
|
|
|
type="primary" |
|
|
|
size="mini" |
|
|
|
class="remark-btn" |
|
|
|
@click="openAddRemark(v)"> |
|
|
|
添加备注 |
|
|
|
</button> |
|
|
|
</view> |
|
|
|
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;"> |
|
|
|
<view>合同联系人:包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view> |
|
|
|
<view>课程:课程名称1</view> |
|
|
|
<view class="call-remark"> |
|
|
|
<text class="call-label">呼叫备注:</text> |
|
|
|
<text class="call-remark-content">{{v.remarks || '无'}}</text> |
|
|
|
</view> |
|
|
|
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="height: 200rpx;"></view> |
|
|
|
@ -275,15 +159,19 @@ |
|
|
|
<!-- 添加备注弹窗 --> |
|
|
|
<uni-popup ref="remarkPopup" type="dialog"> |
|
|
|
<uni-popup-dialog |
|
|
|
title="添加备注" |
|
|
|
:title="currentRecord ? `添加备注 (${currentRecord.name || '未知'})` : '添加备注'" |
|
|
|
:before-close="true" |
|
|
|
@confirm="confirmRemark" |
|
|
|
@close="closeRemark"> |
|
|
|
<uni-easyinput |
|
|
|
type="textarea" |
|
|
|
<view class="remark-textarea-container"> |
|
|
|
<textarea |
|
|
|
class="remark-textarea" |
|
|
|
v-model="remark_content" |
|
|
|
placeholder="请输入备注内容"> |
|
|
|
</uni-easyinput> |
|
|
|
placeholder="请输入备注内容" |
|
|
|
maxlength="200" |
|
|
|
></textarea> |
|
|
|
<text class="remark-count">{{remark_content.length}}/200</text> |
|
|
|
</view> |
|
|
|
</uni-popup-dialog> |
|
|
|
</uni-popup> |
|
|
|
</view> |
|
|
|
@ -294,8 +182,12 @@ |
|
|
|
import apiRoute from '@/api/apiRoute.js'; |
|
|
|
import marketApi from '@/api/market.js'; |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
components: { |
|
|
|
// 导入组件 |
|
|
|
uniPopup: () => import('@/components/uni-popup/uni-popup.vue'), |
|
|
|
uniPopupDialog: () => import('@/components/uni-popup/uni-popup-dialog.vue'), |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
switch_tags_type: 1, |
|
|
|
@ -319,6 +211,8 @@ |
|
|
|
|
|
|
|
// 备注相关 |
|
|
|
remark_content: '', |
|
|
|
// 当前选中的通话记录 |
|
|
|
currentRecord: null, |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(options) { |
|
|
|
@ -607,8 +501,9 @@ |
|
|
|
}, |
|
|
|
|
|
|
|
// 打开添加备注弹窗 |
|
|
|
openAddRemark() { |
|
|
|
openAddRemark(record) { |
|
|
|
this.remark_content = ''; |
|
|
|
this.currentRecord = record; |
|
|
|
this.$refs.remarkPopup.open(); |
|
|
|
}, |
|
|
|
|
|
|
|
@ -638,6 +533,12 @@ |
|
|
|
tag: null // 标签 |
|
|
|
}; |
|
|
|
|
|
|
|
// 如果是针对特定通话记录的备注,添加关联ID |
|
|
|
if (this.currentRecord && this.currentRecord.id) { |
|
|
|
params.related_record_id = this.currentRecord.id; // 关联的通话记录ID |
|
|
|
console.log('添加备注到通话记录:', this.currentRecord); |
|
|
|
} |
|
|
|
|
|
|
|
const res = await apiRoute.xs_communicationRecordsAdd(params); |
|
|
|
|
|
|
|
if (res.code !== 1) { |
|
|
|
@ -890,11 +791,50 @@ |
|
|
|
background: #fff; |
|
|
|
position: fixed; |
|
|
|
bottom: 0; |
|
|
|
left: 0; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
padding: 0 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
// 备注文本框样式 |
|
|
|
.remark-textarea-container { |
|
|
|
width: 100%; |
|
|
|
position: relative; |
|
|
|
padding: 10rpx 0; |
|
|
|
} |
|
|
|
|
|
|
|
.remark-textarea { |
|
|
|
width: 100%; |
|
|
|
height: 200rpx; |
|
|
|
border: 1px solid #ddd; |
|
|
|
border-radius: 8rpx; |
|
|
|
padding: 20rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
background-color: #f8f8f8; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
.remark-count { |
|
|
|
position: absolute; |
|
|
|
bottom: 20rpx; |
|
|
|
right: 20rpx; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #999; |
|
|
|
} |
|
|
|
|
|
|
|
// 备注按钮样式 |
|
|
|
.remark-btn { |
|
|
|
background-color: #29D3B4 !important; |
|
|
|
color: white !important; |
|
|
|
margin: 0 !important; |
|
|
|
padding: 0 20rpx !important; |
|
|
|
height: 60rpx !important; |
|
|
|
line-height: 60rpx !important; |
|
|
|
font-size: 24rpx !important; |
|
|
|
border-radius: 30rpx !important; |
|
|
|
} |
|
|
|
.follow-records-list{ |
|
|
|
width: 92%; |
|
|
|
background: #434544; |
|
|
|
@ -959,4 +899,120 @@ |
|
|
|
padding: 12rpx 8rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
.call-record-item { |
|
|
|
width: 100%; |
|
|
|
background: #434544; |
|
|
|
border-radius: 16rpx; |
|
|
|
margin: auto; |
|
|
|
padding: 16rpx; |
|
|
|
color: #fff; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
.call-record-header { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.call-name { |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
.call-time { |
|
|
|
font-size: 24rpx; |
|
|
|
color: #999; |
|
|
|
} |
|
|
|
.call-record-content { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.call-detail { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.call-label { |
|
|
|
font-size: 24rpx; |
|
|
|
color: #999; |
|
|
|
margin-right: 10rpx; |
|
|
|
} |
|
|
|
.call-remark { |
|
|
|
margin-top: 10rpx; |
|
|
|
} |
|
|
|
.call-remark-content { |
|
|
|
font-size: 24rpx; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
// 通话记录样式 |
|
|
|
.call-log { |
|
|
|
width: 100%; |
|
|
|
padding: 0 20rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
.call-record-wrapper { |
|
|
|
margin-bottom: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.call-record-item { |
|
|
|
width: 100%; |
|
|
|
background: #3D3D3D; |
|
|
|
border-radius: 16rpx; |
|
|
|
padding: 20rpx; |
|
|
|
color: #fff; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
.call-record-header { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
margin-bottom: 15rpx; |
|
|
|
border-bottom: 1px solid #4A4A4A; |
|
|
|
padding-bottom: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.call-name { |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: bold; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.call-time { |
|
|
|
font-size: 24rpx; |
|
|
|
color: #999; |
|
|
|
} |
|
|
|
|
|
|
|
.call-record-content { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
margin-bottom: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.call-detail { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.call-label { |
|
|
|
font-size: 24rpx; |
|
|
|
color: #999; |
|
|
|
margin-right: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.call-remark { |
|
|
|
margin-top: 10rpx; |
|
|
|
padding-top: 10rpx; |
|
|
|
border-top: 1px solid #4A4A4A; |
|
|
|
} |
|
|
|
|
|
|
|
.call-remark-content { |
|
|
|
font-size: 24rpx; |
|
|
|
color: #fff; |
|
|
|
word-break: break-all; |
|
|
|
display: inline-block; |
|
|
|
width: 90%; |
|
|
|
vertical-align: top; |
|
|
|
} |
|
|
|
</style> |