Skip to content

C
company_app
提交 6e87da06 作者: 毛细亚
操作

1

上级 79809419
正在显示 包含 46 行增加 和 366 行删除
src/App.vue
......@@ -112,6 +112,10 @@ export default {
path: '/taskList',
hasRedDot: false // 红点状态
},
{
label: '跟进记录',
path: '/summaryList'
},
// {
// label: '通讯录',
// path: '/addressBook'
......
src/api/user.js
......@@ -141,4 +141,3 @@ export function cserSelected(data) {
data
})
}
src/api/works.js
......@@ -259,3 +259,13 @@ export function shareInfoDel(data) {
data
})
}
// 跟进总结列表
export function corp_follow_up_summary_index(data) {
return request({
url: returnApi('/corp_follow_up_summary/index'),
method: 'post',
data
})
}
\ No newline at end of file
src/router/index.js
......@@ -12,6 +12,7 @@ import taskRecord from '../views/taskRecord.vue'
import mailList from '@/views/mailList.vue'
import quickSendGame from '@/views/quickSendGame.vue'
import taskList from '@/views/taskList.vue'
import summaryList from '@/views/summaryList.vue'
import Cookies from 'js-cookie'
import store from '@/store'
Vue.use(VueRouter)
......@@ -84,6 +85,11 @@ const routes = [
component: taskList
},
{
path: '/summaryList',
name: 'summaryList',
component: summaryList
},
{
path: '/login',
name: 'login',
component: () => import('../views/newLogin.vue')
......
src/views/summaryList.vue
<template>
<div class="details columnFlex">
<div class="content">
<div class="tabSelect rowFlex spaceBetween columnCenter">
<div class="btnLeft rowFlex columnCenter">
跟进记录
</div>
</div>
<!-- 消息列表 -->
<div class="summaryListContainer ">
<div
v-if="messageSwitch"
v-scroll:50="requestDataList"
v-loading="loading"
class="messageDetailsScroll"
......@@ -25,17 +17,17 @@
<div class="itemCenter">
{{ item.summary }}
</div>
</div>
</div>
<div class="no-content-main" v-if="!loading && messageList.length == 0">
<noContent />
</div>
</div>
<noContent v-if="!loading && messageList.length == 0" />
</div>
</div>
</template>
<script>
import { mapMutations, mapState } from 'vuex'
import { corp_follow_up_summary_config_works_list } from '@/api/works'
import { corp_follow_up_summary_index } from '@/api/works'
import { throttle } from '@/utils'
import noContent from '@/components/noContent.vue'
export default {
......@@ -53,10 +45,6 @@ import noContent from '@/components/noContent.vue'
loading: false,
isloadMore: true,
messageList: [],
messageSwitch: 1,
showLayer: false,
feedbackValue: '',
messagItem: {},
pageInfo: {
page: 0,
page_size: 20,
......@@ -65,13 +53,12 @@ import noContent from '@/components/noContent.vue'
}
},
computed: {
...mapState('game', ['accountSelect', 'gameTabActive']),
...mapState('common', ['zqUserInfo']),
...mapState('user', ['isGameSystem', 'userInfo'])
...mapState('game', ['accountSelect']),
...mapState('user', ['external_userid']),
},
watch: {
accountSelect(newVal, oldVal) {
if (newVal && newVal !== '' && this.gameTabActive == 11 && this.chatUserDetails.session_id) {
if (newVal && newVal !== '') {
this.pageInfo = {
page: 0,
page_size: 20,
......@@ -93,67 +80,10 @@ import noContent from '@/components/noContent.vue'
this.messageList = []
this.loading = true
this.requestDataList()
// this.messageSwitch = this.zqUserInfo.is_assistant_reception
},
methods: {
...mapMutations('common', ['set_sendSkillMessage', 'set_isEditSkill']),
// 先编辑再发送
sendMessageEdit(item) {
if (item.answer.msgtype == 'text') { // 文本
this.set_isEditSkill([item.answer])
} else if (item.answer.msgtype == 'image') { // 图片
this.set_isEditSkill([item.answer])
}
// 复制粘贴调用接口
this.copyAuxiliary(item)
},
async updateAssistantReceptionStatus() {
const res = await updateAssistantReceptionStatus({ is_assistant_reception: this.messageSwitch })
if (res.status_code == 1) {
this.$message.success('操作成功')
}
},
async copyAuxiliary(item) {
const res = await answerCopy({ message_log_id: item.message_log_id })
if (res.status_code == 1) {
this.$message.success('复制成功')
}
},
showTextLayer(item) {
this.messagItem = item
this.showLayer = true
},
async onConfirm() {
if (this.feedbackValue == '') {
this.$message.error('请输入反馈内容')
return false
}
const data = {
message_log_id: this.messagItem.message_log_id,
feedback: this.feedbackValue
}
const res = await feedback(data)
this.showLayer = false
if (res.status_code === 1) {
this.feedbackValue = ''
this.$message.success('提交成功')
}
},
selectResult() {
if (this.chatUserDetails.session_id) {
this.pageInfo = {
page: 0,
page_size: 20,
total: 0
}
this.isloadMore = true
this.messageList = []
this.requestDataList()
this.loading = true
}
},
requestDataList: throttle(function () {
if (this.chatUserDetails.session_id) {
if (this.accountSelect) {
if (!this.isloadMore) {
console.log('没有更多数据了')
return false
......@@ -161,10 +91,10 @@ import noContent from '@/components/noContent.vue'
this.loading = true
this.pageInfo.page += 1
const data = {
external_userid: this.chatUserDetails.external_userid,
external_userid: this.external_userid,
...this.pageInfo
}
corp_follow_up_summary_config_works_list(data).then(
corp_follow_up_summary_index(data).then(
(res) => {
this.loading = false
if (res.data.data && res.data.data.length < 20) {
......@@ -188,174 +118,27 @@ import noContent from '@/components/noContent.vue'
}
</script>
<style lang="scss" scoped>
.details {
.summaryListContainer {
width: 100%;
height: 100%;
background: #fff;
margin-left: 2px;
position: relative;
overflow: hidden;
.refundLog {
.messageDetailsScroll{
width: 100%;
height: 100%;
overflow: auto;
overflow-x: hidden;
padding-bottom: 50px;
}
.detailsTitle {
width: 100%;
padding: 0 vw(20);
height: 60px;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
border-bottom: 1px solid #ebeef5;
border-left: 1px solid #ebeef5;
p {
color: #333333;
}
}
.content {
width: 100%;
height: 100%;
.tabSelect {
width: 100%;
height: 60px;
cursor: pointer;
font-size: 18px;
font-weight: 600;
border: 1px solid #ebeef5;
padding: 0 20px;
.refreshList {
color: #00bf8a;
cursor: pointer;
font-size: 16px;
margin-left: 5px;
transform: rotate(180deg);
transition: all 0.5;
}
.right {
font-weight: 400;
font-size:14px;
}
}
.contentItem {
position: relative;
.title {
position: absolute;
left: 10px;
top: 14px;
font-size: 14px;
color: #999999;
}
}
.item {
width: 100%;
height: auto;
font-size: 14px;
font-weight: 400;
color: #333333;
padding: 6px 0;
transition: all 0.5s;
position: relative;
padding-left: 10px;
cursor: pointer;
div {
width: 100%;
}
.tableImage {
width: 40px;
height: 40px;
border-radius: 6px;
margin-right: vw(10);
}
.label {
color: #999999;
}
.text {
color: #333333;
margin-left: 10px;
word-break: break-all;
max-width: 80%;
}
.icon {
display: none;
position: absolute;
right: 0;
top: 12px;
}
.dianFail {
display: inline-block;
width: 8px;
height: 8px;
background: #f45454;
border-radius: 5px;
}
.dian {
display: inline-block;
width: 8px;
height: 8px;
background: #00bf8a;
border-radius: 5px;
}
.dian2 {
display: inline-block;
width: 8px;
height: 8px;
background: #ff9d02;
border-radius: 5px;
}
}
.orderMoney {
width: calc(100% + 40px);
height: 80px;
// margin-left: -20px;
padding: 10px 0;
.orderMoneyItem {
width: 50%;
text-align: center;
margin-top: 5px;
span {
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
}
p {
font-size: 22px;
color: #00bf8a;
}
}
}
.filterList {
margin-bottom: 10px;
.filterListInput {
width: 60%;
margin-left: 15px;
margin-bottom: 10px;
}
.filterListDate {
width: 150px;
margin-bottom: 10px;
}
::v-deep .search-item .item-label {
margin-right: 20px;
}
}
.messageDetailsScroll {
width: 100%;
padding: 15px;
height: 100%;
overflow: auto;
overflow-x: hidden;
.messageListItem {
.messageListItem {
width: 100%;
height: auto;
margin-bottom: 10px;
.itemTop {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 12px;
font-size: 14px;
color: #86909C;
line-height: 20px;
text-align: left;
......@@ -365,147 +148,25 @@ import noContent from '@/components/noContent.vue'
}
.itemCenter {
width: 100%;
height: 56px;
background: #F9FAFF;
border-radius: 4px 4px 4px 4px;
padding: 10px;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 14px;
font-size: 16px;
color: #4E5969;
text-align: left;
font-style: normal;
text-transform: none;
// 换行
white-space: pre-wrap;
word-break: break-all
}
}
}
.orderDetails {
width: 100%;
height: auto;
margin-bottom: 20px;
position: relative;
.bridgeMain {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 50px;
.text {
font-size: 8px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #ff9d02;
transform: rotate(48deg);
z-index: 100;
position: absolute;
right: -6px;
top: 10px;
width: 50px;
text-align: center;
}
.bridge {
font-size: 50px;
position: absolute;
top: 0;
right: 0;
}
}
.orderDetailsTitle {
width: 100%;
height: 70px;
background: #f9faff;
padding: 10px;
.money {
width: 100%;
height: auto;
margin-bottom: 12px;
margin-top: 4px;
.btns {
padding-right: 40px;
}
.btn {
background: #fff;
border-radius: 4px;
padding: 2px 5px;
margin-left: 10px;
font-size: 12px;
border: 1px solid rgba(0, 0, 0, 0.15);
color: #333333;
cursor: pointer;
}
.btnnot {
background: #ffdddd;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #f56c6c;
border: none;
}
.btnsuccess {
background: #e1fff0;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #00bf8a;
border: none;
}
.btnRefund {
background: #fff;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #00a6f0;
border-color: #00a6f0;
}
}
.text {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
}
}
.orderDetailsList {
width: 100%;
height: auto;
background: #ffffff;
border: 1px solid #ebeef5;
padding: 5px 0;
position: relative;
.titleFix {
position: absolute;
left: 10px;
top: 20px;
color: #999999;
}
.no-content-main{
width: 320px;
margin: 0 auto;
}
}
}
::v-deep .el-tabs__item {
line-height: 26px;
font-size: 16px;
font-weight: 500;
}
::v-deep .el-collapse {
border: none;
}
::v-deep .el-collapse-item__header {
border: none;
}
::v-deep .el-collapse-item__header {
width: 100%;
height: 44px;
color: #333333;
padding-left: 10px;
font-size: 14px;
font-weight: 400;
/* 单行显示省略号 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
::v-deep .el-collapse-item__wrap {
border: none;
}
}
</style>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论