|
|
@@ -176,6 +176,12 @@ |
|
|
|
到访次数 |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<template> |
|
|
|
<view class="btn-item" @click="findExplain"> |
|
|
|
销讲阶段 |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@@ -668,6 +674,34 @@ |
|
|
|
</view> |
|
|
|
</u-popup> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 销讲阶段 --> |
|
|
|
<u-popup v-model="showVisits" mode="bottom" border-radius="16" width="750rpx" height="600rpx"> |
|
|
|
<view class="xiaojiangjieduan-bottom"> |
|
|
|
<view class="visit-title"> |
|
|
|
销讲阶段 |
|
|
|
</view> |
|
|
|
<scroll-view scroll-y="true" height="530rpx"> |
|
|
|
<view class="xiaojiang-box"> |
|
|
|
<view class="xiaojiang-title"> |
|
|
|
<view class="label">销讲阶段</view> |
|
|
|
<view class="label">命中话术</view> |
|
|
|
<view class="label">时间</view> |
|
|
|
</view> |
|
|
|
<view class="xiaojiang-content" v-for="(item, index) in stageList" :key="index"> |
|
|
|
<view class="intentionName">{{ item.name }}</view> |
|
|
|
<view class="intentionName"> |
|
|
|
{{ item.onebest }} |
|
|
|
</view> |
|
|
|
<view class="intentionName" style="color: #2671e2;" |
|
|
|
@click="stepPlay(Math.floor(item.bg/1000), 'showVisits')"> |
|
|
|
{{ item.bg | timestamp }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</scroll-view> |
|
|
|
</view> |
|
|
|
</u-popup> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
@@ -768,6 +802,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
showVisit: false, // 操作框 |
|
|
|
showVisits: false, // 销讲阶段 操作框s |
|
|
|
visitParams: { |
|
|
|
id: '', |
|
|
|
projectId: uni.getStorageSync('buildingID').id, // 当前项目id |
|
|
@@ -790,8 +825,32 @@ |
|
|
|
value: 1 |
|
|
|
}, |
|
|
|
], |
|
|
|
|
|
|
|
|
|
|
|
stageList: [], // 销讲阶段 |
|
|
|
|
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
filters: { |
|
|
|
timestamp(timestamp) { |
|
|
|
if (!timestamp) return "00:00"; |
|
|
|
let seconds = timestamp / 1000; |
|
|
|
let h = |
|
|
|
Math.floor(seconds / 3600) < 10 ? |
|
|
|
"0" + Math.floor(seconds / 3600) : |
|
|
|
Math.floor(seconds / 3600); |
|
|
|
let m = |
|
|
|
Math.floor((seconds / 60) % 60) < 10 ? |
|
|
|
"0" + Math.floor((seconds / 60) % 60) : |
|
|
|
Math.floor((seconds / 60) % 60); |
|
|
|
let s = |
|
|
|
Math.floor(seconds % 60) < 10 ? |
|
|
|
"0" + Math.floor(seconds % 60) : |
|
|
|
Math.floor(seconds % 60); |
|
|
|
return `${h}:${m}:${s}`; |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
conversionTiame() { |
|
|
|
return (e) => { |
|
|
@@ -879,6 +938,28 @@ |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
// 获取销讲阶段 |
|
|
|
findExplain() { |
|
|
|
this.$u.post('customer/findExplain', { |
|
|
|
id: this.customerId |
|
|
|
}).then(res => { |
|
|
|
this.showVisits = true; |
|
|
|
this.Thetapeidisshow = false; |
|
|
|
this.stageList = res.map((item) => { |
|
|
|
let name = item.content.split(",")[2]; |
|
|
|
let time = item.content.split(',')[0]; |
|
|
|
|
|
|
|
item.onebest = name.split("=")[1]; |
|
|
|
item.bg = time.split("=")[1] |
|
|
|
console.log(item); |
|
|
|
return item; |
|
|
|
}); |
|
|
|
console.log(res, '在这里') |
|
|
|
}).catch(e => { |
|
|
|
this.showVisits = true; |
|
|
|
this.Thetapeidisshow = false; |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 更换销讲业务 |
|
|
|
changeTemplate() { |
|
|
|
this.Thetapeidisshow = false; |
|
|
@@ -2232,7 +2313,10 @@ |
|
|
|
}, |
|
|
|
|
|
|
|
// 跳转指定位置播放 |
|
|
|
stepPlay(t) { |
|
|
|
stepPlay(t, val) { |
|
|
|
if (val) { |
|
|
|
this[val] = false |
|
|
|
} |
|
|
|
this.$zaudio.seek(t) |
|
|
|
if (this.$zaudio.paused) { |
|
|
|
this.$zaudio.operate() |
|
|
@@ -3473,6 +3557,59 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.xiaojiangjieduan-bottom { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
.visit-title { |
|
|
|
position: sticky; |
|
|
|
top: 0; |
|
|
|
background-color: #fff; |
|
|
|
z-index: 10; |
|
|
|
font-size: 32rpx; |
|
|
|
font-weight: bold; |
|
|
|
line-height: 70rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.xiaojiang-box { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
|
|
|
|
.xiaojiang-title, |
|
|
|
.xiaojiang-content { |
|
|
|
width: 100%; |
|
|
|
display: grid; |
|
|
|
grid-template-columns: repeat(3, 1fr); |
|
|
|
} |
|
|
|
|
|
|
|
.xiaojiang-title { |
|
|
|
.label { |
|
|
|
text-align: center; |
|
|
|
line-height: 90rpx; |
|
|
|
font-size: 32rpx; |
|
|
|
color: #333333; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.xiaojiang-content { |
|
|
|
.intentionName { |
|
|
|
overflow: hidden; |
|
|
|
white-space: nowrap; |
|
|
|
text-overflow: ellipsis; |
|
|
|
text-align: center; |
|
|
|
line-height: 90rpx; |
|
|
|
font-size: 32rpx; |
|
|
|
color: #333333; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/deep/textarea { |
|
|
|
height: 70rpx; |
|
|
|