|
|
@@ -0,0 +1,377 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-input style="width:200px;" :placeholder="$t('搜索')" :suffix-icon="param.content.where.condition?param.content.where.condition.length > 0?'':'':'el-icon-search'" v-model="param.content.where.condition" @keyup.native.enter="listData(param.content.pageNumber = 1)" @clear="clearSearchValue" size="small" class="input-with-select inline-16 layout_search__panel mt-10" clearable>
|
|
|
+ </el-input>
|
|
|
+ <el-table
|
|
|
+ ref="table"
|
|
|
+ :row-class-name="tableClassName"
|
|
|
+ :data="tableData"
|
|
|
+ highlight-current-row
|
|
|
+ size="mini"
|
|
|
+ :header-cell-style="{height:'40px',color:'#606266',fontWeight:'400',fontSize:'14px'}"
|
|
|
+ :cell-style="{height:'40px',color:'#666666',fontWeight:'400'}"
|
|
|
+ border
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ prop="createby"
|
|
|
+ label="跟进人"
|
|
|
+ min-width="60">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="createdate"
|
|
|
+ label="跟进时间"
|
|
|
+ min-width="139">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ v-if="$route.path === '/projectChangeDetail' || $route.path === '/customerDetail' || $route.path === '/PublicCustomerDetail' || $route.path === '/phonebookDetail'"
|
|
|
+ prop="type"
|
|
|
+ label="跟进类型"
|
|
|
+ min-width="80">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="contacts"
|
|
|
+ v-if="$route.path === '/projectChangeDetail' || $route.path === '/customerDetail' || $route.path === '/PublicCustomerDetail' || $route.path === '/phonebookDetail'"
|
|
|
+ label="跟进对象"
|
|
|
+ min-width="69">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div v-for="item in scope.row.contacts" :key="item.index">
|
|
|
+ <span v-if="item.rowindex === scope.row.contacts.length" class="span-style">
|
|
|
+ {{item.name}}
|
|
|
+ </span>
|
|
|
+ <span v-else class="span-style">
|
|
|
+ {{item.name + ','}}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="content"
|
|
|
+ label="跟进内容"
|
|
|
+ min-width="500"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div v-if="($route.path === '/projectChangeDetail' || $route.path === '/customerDetail' || $route.path === '/PublicCustomerDetail' || $route.path === '/phonebookDetail')">
|
|
|
+ <div>{{$t(`目的:`)}}{{scope.row.target}}</div>
|
|
|
+ <div>{{$t(`过程:`)}}{{scope.row.content}}</div>
|
|
|
+ <div>{{$t(`结果:`)}}{{scope.row.results}}</div>
|
|
|
+ <div>{{$t(`下次跟进计划:`)}}{{scope.row.nextplan}}</div>
|
|
|
+ </div>
|
|
|
+ <div v-else>{{scope.row.content}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="attcount"
|
|
|
+ label="附件数"
|
|
|
+ min-width="69">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" size="small" @click="showFiles(scope.row)">{{scope.row.attcount}}</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ v-if="$route.path === '/projectChangeDetail' || $route.path === '/customerDetail' || $route.path === '/PublicCustomerDetail' || $route.path === '/phonebookDetail'"
|
|
|
+ prop="salesfeesamount"
|
|
|
+ label="营销费用"
|
|
|
+ min-width="80">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.salesfeesamount?tool.formatAmount(scope.row.salesfeesamount,2,'¥'):'¥0.00'}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ fixed="right"
|
|
|
+ min-width="220">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" size="small" @click="showReview(scope.row)" class="inline-16">{{$t(`评论`)}}({{scope.row.commentqty}})</el-button>
|
|
|
+ <editLog v-if="userid === scope.row.createuserid && !disabled" ref="edits" :data="scope.row" :ownertable="ownertable" @onSuccess="onSuccess" :isOperation="true"></editLog>
|
|
|
+ <el-button type="text" size="small" class="inline-16" @click="onDelFollow(scope.row)" v-if="userid === scope.row.createuserid && !disabled">{{$t(`删除`)}}</el-button>
|
|
|
+ <marketingExpenses v-if="($route.path === '/projectChangeDetail' || $route.path === '/customerDetail' || $route.path === '/PublicCustomerDetail' || $route.path === '/phonebookDetail') && !disabled"
|
|
|
+ class="inline-16" ownertable="sa_customers" :ownerid="scope.row.sys_datafollowupid" :dataTime="scope.row.createdate" :userid="scope.row.createuserid" :isOperation="true"
|
|
|
+ @onSuccess="listData"></marketingExpenses>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div class="container normal-panel" style="text-align:right">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ :page-sizes="[20, 50, 100, 200]"
|
|
|
+ :page-size="100"
|
|
|
+ layout="total,sizes, prev, pager, next, jumper"
|
|
|
+ :total="total">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ <normalDialog ref="normalDialogFile" title="附件" >
|
|
|
+ <template slot="content">
|
|
|
+ <attachmentList style="margin-top: -10px;margin-bottom: 10px" :attinfos="attinfo_attachment" :onlyread="true" minWidth="80">
|
|
|
+ </attachmentList>
|
|
|
+ </template>
|
|
|
+ </normalDialog>
|
|
|
+ <normalDialog ref="normalDialogReview" title="评论" @closeDialog="closeDialog">
|
|
|
+ <template slot="content">
|
|
|
+ <div style="padding: 10px">
|
|
|
+ <div style="border: 1px solid #9ca3af;padding: 10px;border-radius: 5px">
|
|
|
+ <el-input type="textarea" style="border: none;margin-bottom: 10px" :rows="1" v-model="content" :placeholder="$t(`我评论`)+':'"></el-input>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <div style="display: flex;justify-content: right">
|
|
|
+ <el-button type="primary" size="small" :disabled="content.length == 0" @click="onComment">{{$t(`发布`)}}</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="padding: 0 10px 10px 10px">
|
|
|
+ <div style="max-height: 360px;min-height:200px;background: #F5F5F5;border-radius: 2px;padding: 10px;overflow:auto">
|
|
|
+ <div style="color: #333;font-size: 16px;font-weight: bold">{{$t(`评论`)}}({{commentqty}})</div>
|
|
|
+ <div v-for="item in comment" :key="item.index" style="margin-top: 10px">
|
|
|
+ <div style="color: #333;font-size: 14px;font-weight: bold;margin-top: 5px">{{item.createby}}</div>
|
|
|
+ <div style="color:#666;font-size: 14px;margin-top: 5px">{{item.content}}</div>
|
|
|
+ <div style="display: flex;justify-content: space-between;align-items: center;margin-top: -5px;margin-bottom: -5px">
|
|
|
+ <div style="display: flex;justify-content: space-between;align-items: center">
|
|
|
+ <div style="font-size: 12px;color: #999">{{item.createdate}}</div>
|
|
|
+ <el-button type="text" size="small" class="margin-5" v-if="userid == item.createuserid"><svg style="vertical-align: middle" t="1727053625238" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11334" width="14" height="14"><path d="M343.113143 156.379429h333.897143v-73.142858H343.113143v73.142858zM677.010286 0a83.456 83.456 0 0 1 83.456 83.456v64.146286h215.917714a46.299429 46.299429 0 1 1 0 92.672h-48.64v700.196571a83.456 83.456 0 0 1-83.456 83.456H176.128a83.456 83.456 0 0 1-83.456-83.456V240.054857H47.542857a46.299429 46.299429 0 0 1 0-92.452571h212.114286v-64.146286A83.456 83.456 0 0 1 343.113143 0h333.897143z m156.525714 241.371429H186.587429v688.859428h647.021714v-689.005714zM384.877714 345.6a41.764571 41.764571 0 0 1 41.764572 41.764571v333.897143a41.764571 41.764571 0 0 1-83.456 0V387.364571a41.764571 41.764571 0 0 1 41.691428-41.764571z m250.441143 0a41.764571 41.764571 0 0 1 41.764572 41.764571v333.897143a41.764571 41.764571 0 0 1-83.456 0V387.364571a41.764571 41.764571 0 0 1 41.545142-41.764571z" fill="#999999" p-id="11335"></path></svg>
|
|
|
+ <span style="color: #666666;font-size: 14px;margin-left: 5px;vertical-align: middle" @click="onDel(item)">{{$t(`删除`)}}</span></el-button>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-button type="text" v-if="!isContentShow" size="small" @click="isContentShow = true;sys_datacommentid = item.sys_datacommentid">
|
|
|
+ <svg t="1727055468269" class="icon" style="vertical-align: middle" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11646" width="14" height="14"><path d="M643.657143 457.289143c0 36.571429 29.257143 58.514286 58.514286 58.514286 36.571429 0 58.514286-29.257143 58.514285-58.514286 0-36.571429-29.257143-58.514286-58.514285-58.514286-29.257143-7.314286-58.514286 21.942857-58.514286 58.514286" fill="#3874F6" p-id="11647"></path><path d="M1024 142.774857c0-43.885714-43.885714-87.771429-87.771429-87.771428H87.771429c-43.885714 0-87.771429 36.571429-87.771429 87.771428v621.714286c0 51.2 43.885714 87.771429 87.771429 87.771428h307.2l117.028571 117.028572 117.028571-117.028572h307.2c51.2 0 87.771429-43.885714 87.771429-87.771428v-621.714286z m-65.828571 592.457143c0 29.257143-21.942857 51.2-51.2 51.2H592.457143l-80.457143 80.457143-80.457143-80.457143H117.028571c-29.257143 0-51.2-21.942857-51.2-51.2v-563.2c0-29.257143 21.942857-51.2 51.2-51.2h789.942858c29.257143 0 51.2 21.942857 51.2 51.2v563.2z" fill="#3874F6" p-id="11648"></path><path d="M453.485714 457.289143c0 36.571429 29.257143 58.514286 58.514286 58.514286s58.514286-29.257143 58.514286-58.514286c0-36.571429-21.942857-65.828571-58.514286-65.828572s-58.514286 29.257143-58.514286 65.828572M256 457.289143c0 36.571429 29.257143 58.514286 58.514286 58.514286s58.514286-29.257143 58.514285-58.514286c0-36.571429-29.257143-58.514286-58.514285-58.514286-36.571429-7.314286-58.514286 21.942857-58.514286 58.514286" fill="#3874F6" p-id="11649"></path></svg>
|
|
|
+ <span style="color: #3874F6;font-size: 14px;margin-left: 5px;vertical-align: middle">{{$t(`回复`)}}</span></el-button>
|
|
|
+ <el-button type="text" v-if="isContentShow " size="small" @click="isContentShow = false;sys_datacommentid = ''">
|
|
|
+ <svg t="1727055468269" class="icon" viewBox="0 0 1024 1024" style="vertical-align: middle" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11646" width="14" height="14"><path d="M643.657143 457.289143c0 36.571429 29.257143 58.514286 58.514286 58.514286 36.571429 0 58.514286-29.257143 58.514285-58.514286 0-36.571429-29.257143-58.514286-58.514285-58.514286-29.257143-7.314286-58.514286 21.942857-58.514286 58.514286" fill="#3874F6" p-id="11647"></path><path d="M1024 142.774857c0-43.885714-43.885714-87.771429-87.771429-87.771428H87.771429c-43.885714 0-87.771429 36.571429-87.771429 87.771428v621.714286c0 51.2 43.885714 87.771429 87.771429 87.771428h307.2l117.028571 117.028572 117.028571-117.028572h307.2c51.2 0 87.771429-43.885714 87.771429-87.771428v-621.714286z m-65.828571 592.457143c0 29.257143-21.942857 51.2-51.2 51.2H592.457143l-80.457143 80.457143-80.457143-80.457143H117.028571c-29.257143 0-51.2-21.942857-51.2-51.2v-563.2c0-29.257143 21.942857-51.2 51.2-51.2h789.942858c29.257143 0 51.2 21.942857 51.2 51.2v563.2z" fill="#3874F6" p-id="11648"></path><path d="M453.485714 457.289143c0 36.571429 29.257143 58.514286 58.514286 58.514286s58.514286-29.257143 58.514286-58.514286c0-36.571429-21.942857-65.828571-58.514286-65.828572s-58.514286 29.257143-58.514286 65.828572M256 457.289143c0 36.571429 29.257143 58.514286 58.514286 58.514286s58.514286-29.257143 58.514285-58.514286c0-36.571429-29.257143-58.514286-58.514285-58.514286-36.571429-7.314286-58.514286 21.942857-58.514286 58.514286" fill="#3874F6" p-id="11649"></path></svg>
|
|
|
+ <span style="color: #3874F6;font-size: 14px;margin-left: 5px;vertical-align: middle">{{$t(`取消回复`)}}</span></el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="border: 1px solid #9ca3af;padding: 10px;border-radius: 5px" v-if="isContentShow && sys_datacommentid == item.sys_datacommentid">
|
|
|
+ <el-input type="textarea" style="border: none;margin-bottom: 10px" :rows="1" v-model="replyContent" :placeholder="$t('我回复')+item.createby+':'"></el-input>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <div style="display: flex;justify-content: right">
|
|
|
+ <el-button type="primary" size="small" :disabled="replyContent.length == 0" @click="onReply(sys_datafollowupid,item)">{{$t(`发布`)}}</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="item.subcomment.length > 0" style="margin-left: 10px;margin-top: 10px">
|
|
|
+ <div v-for="k in item.subcomment" :key="k.index" style="margin-top: 10px">
|
|
|
+ <div style="display: flex;justify-content: left;align-items: center">
|
|
|
+ <div style="font-size: 14px;font-weight: bold;color:#333;">{{k.createby}}</div><i style="margin: 0 10px 0 10px" class="el-icon-caret-right"></i><div style="font-size: 14px;font-weight: bold;color:#333;">{{k.replyusername}}</div>
|
|
|
+ </div>
|
|
|
+ <div style="color:#666;font-size: 14px;margin-top: 5px">{{k.content}}</div>
|
|
|
+ <div style="display: flex;justify-content: space-between;align-items: center;margin-top: -5px;margin-bottom: -5px">
|
|
|
+ <div style="display: flex;justify-content: space-between;align-items: center">
|
|
|
+ <div style="font-size: 12px;color:#999;margin-right: 10px">{{k.createdate}}</div>
|
|
|
+ <el-button type="text" size="small" v-if="userid == k.createuserid"><svg style="vertical-align: middle" t="1727053625238" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11334" width="14" height="14"><path d="M343.113143 156.379429h333.897143v-73.142858H343.113143v73.142858zM677.010286 0a83.456 83.456 0 0 1 83.456 83.456v64.146286h215.917714a46.299429 46.299429 0 1 1 0 92.672h-48.64v700.196571a83.456 83.456 0 0 1-83.456 83.456H176.128a83.456 83.456 0 0 1-83.456-83.456V240.054857H47.542857a46.299429 46.299429 0 0 1 0-92.452571h212.114286v-64.146286A83.456 83.456 0 0 1 343.113143 0h333.897143z m156.525714 241.371429H186.587429v688.859428h647.021714v-689.005714zM384.877714 345.6a41.764571 41.764571 0 0 1 41.764572 41.764571v333.897143a41.764571 41.764571 0 0 1-83.456 0V387.364571a41.764571 41.764571 0 0 1 41.691428-41.764571z m250.441143 0a41.764571 41.764571 0 0 1 41.764572 41.764571v333.897143a41.764571 41.764571 0 0 1-83.456 0V387.364571a41.764571 41.764571 0 0 1 41.545142-41.764571z" fill="#999999" p-id="11335"></path></svg>
|
|
|
+ <span style="color: #666666;font-size: 14px;margin-left: 5px;vertical-align: middle" @click="onDel(k)">{{$t(`删除`)}}</span></el-button>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-button type="text" v-if="!isContentShow " size="small" @click="isContentShow = true;sys_datacommentid = k.sys_datacommentid">
|
|
|
+ <svg t="1727055468269" class="icon" style="vertical-align: middle" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11646" width="14" height="14"><path d="M643.657143 457.289143c0 36.571429 29.257143 58.514286 58.514286 58.514286 36.571429 0 58.514286-29.257143 58.514285-58.514286 0-36.571429-29.257143-58.514286-58.514285-58.514286-29.257143-7.314286-58.514286 21.942857-58.514286 58.514286" fill="#3874F6" p-id="11647"></path><path d="M1024 142.774857c0-43.885714-43.885714-87.771429-87.771429-87.771428H87.771429c-43.885714 0-87.771429 36.571429-87.771429 87.771428v621.714286c0 51.2 43.885714 87.771429 87.771429 87.771428h307.2l117.028571 117.028572 117.028571-117.028572h307.2c51.2 0 87.771429-43.885714 87.771429-87.771428v-621.714286z m-65.828571 592.457143c0 29.257143-21.942857 51.2-51.2 51.2H592.457143l-80.457143 80.457143-80.457143-80.457143H117.028571c-29.257143 0-51.2-21.942857-51.2-51.2v-563.2c0-29.257143 21.942857-51.2 51.2-51.2h789.942858c29.257143 0 51.2 21.942857 51.2 51.2v563.2z" fill="#3874F6" p-id="11648"></path><path d="M453.485714 457.289143c0 36.571429 29.257143 58.514286 58.514286 58.514286s58.514286-29.257143 58.514286-58.514286c0-36.571429-21.942857-65.828571-58.514286-65.828572s-58.514286 29.257143-58.514286 65.828572M256 457.289143c0 36.571429 29.257143 58.514286 58.514286 58.514286s58.514286-29.257143 58.514285-58.514286c0-36.571429-29.257143-58.514286-58.514285-58.514286-36.571429-7.314286-58.514286 21.942857-58.514286 58.514286" fill="#3874F6" p-id="11649"></path></svg>
|
|
|
+ <span style="color: #3874F6;font-size: 14px;margin-left: 5px;vertical-align: middle">{{$t(`回复`)}}</span></el-button>
|
|
|
+ <el-button type="text" v-if="isContentShow " size="small" @click="isContentShow = false;sys_datacommentid = ''">
|
|
|
+ <svg t="1727055468269" style="vertical-align: middle" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11646" width="14" height="14"><path d="M643.657143 457.289143c0 36.571429 29.257143 58.514286 58.514286 58.514286 36.571429 0 58.514286-29.257143 58.514285-58.514286 0-36.571429-29.257143-58.514286-58.514285-58.514286-29.257143-7.314286-58.514286 21.942857-58.514286 58.514286" fill="#3874F6" p-id="11647"></path><path d="M1024 142.774857c0-43.885714-43.885714-87.771429-87.771429-87.771428H87.771429c-43.885714 0-87.771429 36.571429-87.771429 87.771428v621.714286c0 51.2 43.885714 87.771429 87.771429 87.771428h307.2l117.028571 117.028572 117.028571-117.028572h307.2c51.2 0 87.771429-43.885714 87.771429-87.771428v-621.714286z m-65.828571 592.457143c0 29.257143-21.942857 51.2-51.2 51.2H592.457143l-80.457143 80.457143-80.457143-80.457143H117.028571c-29.257143 0-51.2-21.942857-51.2-51.2v-563.2c0-29.257143 21.942857-51.2 51.2-51.2h789.942858c29.257143 0 51.2 21.942857 51.2 51.2v563.2z" fill="#3874F6" p-id="11648"></path><path d="M453.485714 457.289143c0 36.571429 29.257143 58.514286 58.514286 58.514286s58.514286-29.257143 58.514286-58.514286c0-36.571429-21.942857-65.828571-58.514286-65.828572s-58.514286 29.257143-58.514286 65.828572M256 457.289143c0 36.571429 29.257143 58.514286 58.514286 58.514286s58.514286-29.257143 58.514285-58.514286c0-36.571429-29.257143-58.514286-58.514285-58.514286-36.571429-7.314286-58.514286 21.942857-58.514286 58.514286" fill="#3874F6" p-id="11649"></path></svg>
|
|
|
+ <span style="color: #3874F6;font-size: 14px;margin-left: 5px;vertical-align: middle">{{$t(`取消回复`)}}</span></el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="border: 1px solid #9ca3af;padding: 10px;border-radius: 5px" v-if="isContentShow && sys_datacommentid == k.sys_datacommentid">
|
|
|
+ <el-input type="textarea" style="border: none;margin-bottom: 10px" :rows="1" v-model="replyContent" :placeholder="$t('我回复')+k.createby+':'"></el-input>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <div style="display: flex;justify-content: right">
|
|
|
+ <el-button type="primary" size="small" :disabled="replyContent.length == 0" @click="onReply(sys_datafollowupid,k)">{{$t(`发布`)}}</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </normalDialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import marketingExpenses from '@/components/marketingExpenses/index'
|
|
|
+import normalDialog from '@/template/dialogTemplate/normal'
|
|
|
+import attachmentList from '@/components/attachment_list/index.vue'
|
|
|
+import editLog from '../followUp/editLog'
|
|
|
+export default {
|
|
|
+ name: "index",
|
|
|
+ props:['ownertable','disabled'],
|
|
|
+ components:{marketingExpenses,normalDialog,attachmentList,editLog},
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tableData:[],
|
|
|
+ currentPage:0,
|
|
|
+ total:0,
|
|
|
+ attinfo_attachment:[],
|
|
|
+ content:'',
|
|
|
+ comment:[],
|
|
|
+ commentqty:0,
|
|
|
+ userid:JSON.parse(sessionStorage.getItem('active_account')).userid,
|
|
|
+ isContentShow:false,
|
|
|
+ sys_datacommentid:'',
|
|
|
+ replyContent:'',
|
|
|
+ sys_datafollowupid:'',
|
|
|
+ param:{
|
|
|
+ "id": 20220930121501,
|
|
|
+ "content": {
|
|
|
+ "ownertable":'',
|
|
|
+ "ownerid":'',
|
|
|
+ "pageNumber": 1,
|
|
|
+ "pageSize": 50,
|
|
|
+ "where":{
|
|
|
+ "condition":''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ async listData(type,id){
|
|
|
+ this.param.content.ownerid = this.$route.query.id
|
|
|
+ this.param.content.ownertable = this.ownertable
|
|
|
+ const res = await this.$api.requested(this.param)
|
|
|
+ this.tableData = res.data
|
|
|
+ this.total = res.total
|
|
|
+ this.currentPage = res.pageNumber
|
|
|
+ if (type){
|
|
|
+ this.tableData.forEach(item=>{
|
|
|
+ if (item.sys_datafollowupid == id){
|
|
|
+ this.comment = item.comment
|
|
|
+ this.commentqty = item.commentqty
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ // console.log(`每页 ${val} 条`);
|
|
|
+ this.param.content.pageSize = val
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ // console.log(`当前页: ${val}`);
|
|
|
+ this.param.content.pageNumber = val
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
+ tableClassName({ row, rowIndex }) {
|
|
|
+ row.index = rowIndex;
|
|
|
+ },
|
|
|
+ clearSearchValue () {
|
|
|
+ this.$store.dispatch('clearSearchValue')
|
|
|
+ this.listData(this.param.content.pageNumber = 1)
|
|
|
+ },
|
|
|
+ showFiles(data){
|
|
|
+ this.$refs.normalDialogFile.dialogVisible = true
|
|
|
+ this.attinfo_attachment = data.attinfos
|
|
|
+ },
|
|
|
+ showReview(data){
|
|
|
+ this.$refs.normalDialogReview.dialogVisible = true
|
|
|
+ this.comment = data.comment
|
|
|
+ this.commentqty = data.commentqty
|
|
|
+ this.sys_datafollowupid = data.sys_datafollowupid
|
|
|
+ },
|
|
|
+ onDel(data){
|
|
|
+ console.log(data,'删除')
|
|
|
+ this.$confirm(this.$t('确定删除该评论吗')+'?', this.$t('提示'), {
|
|
|
+ confirmButtonText: this.$t('确定'),
|
|
|
+ cancelButtonText: this.$t('取消'),
|
|
|
+ type: 'warning'
|
|
|
+ }).then(async() => {
|
|
|
+ const res = await this.$api.requested({
|
|
|
+ "id": 20240429161701,
|
|
|
+ "content": {
|
|
|
+ "sys_datacommentid":data.sys_datacommentid
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.tool.showMessage(res,()=>{
|
|
|
+ this.listData('删除',this.sys_datafollowupid)
|
|
|
+ this.$emit('newFollow')
|
|
|
+ })
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: this.$t('已取消删除'),
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
+ async onReply(id,data){
|
|
|
+ const res = await this.$api.requested({
|
|
|
+ "id": 20240429161601,
|
|
|
+ "content": {
|
|
|
+ "ownertable":'sys_datafollowup',//数据表
|
|
|
+ "ownerid":id,//数据id
|
|
|
+ "content":this.replyContent,//内容
|
|
|
+ "replyid":data.sys_datacommentid//被回复评论id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.tool.showMessage(res,()=>{
|
|
|
+ this.replyContent = ''
|
|
|
+ this.isContentShow = false
|
|
|
+ this.sys_datacommentid = ''
|
|
|
+ this.listData('回复',this.sys_datafollowupid)
|
|
|
+ this.$emit('newFollow')
|
|
|
+ })
|
|
|
+ },
|
|
|
+ async onComment(){
|
|
|
+ const res = await this.$api.requested({
|
|
|
+ "id": 20240429161601,
|
|
|
+ "content": {
|
|
|
+ "ownertable":'sys_datafollowup',//数据表
|
|
|
+ "ownerid":this.sys_datafollowupid,//数据id
|
|
|
+ "content":this.content,//内容
|
|
|
+ "replyid":"0"//被回复评论id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.tool.showMessage(res,()=>{
|
|
|
+ this.content = ''
|
|
|
+ this.sys_datacommentid = ''
|
|
|
+ this.listData('回复',this.sys_datafollowupid)
|
|
|
+ this.$emit('newFollow')
|
|
|
+ })
|
|
|
+ },
|
|
|
+ closeDialog(){
|
|
|
+ this.content = ''
|
|
|
+ this.replyContent = ''
|
|
|
+ this.isContentShow = false
|
|
|
+ },
|
|
|
+ onSuccess(){
|
|
|
+ this.listData()
|
|
|
+ this.$emit('newFollow')
|
|
|
+ },
|
|
|
+ onDelFollow(val){
|
|
|
+ this.$confirm(this.$t('确定删除该跟进动态吗?'), this.$t('提示'), {
|
|
|
+ confirmButtonText: this.$t('确定'),
|
|
|
+ cancelButtonText: this.$t('取消'),
|
|
|
+ type: 'warning'
|
|
|
+ }).then(async() => {
|
|
|
+ const res = await this.$api.requested({
|
|
|
+ "id": 20220930121701,
|
|
|
+ "content": {
|
|
|
+ "sys_datafollowupid":val.sys_datafollowupid
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.tool.showMessage(res,()=>{
|
|
|
+ this.listData()
|
|
|
+ this.$emit('newFollow')
|
|
|
+ })
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '已取消删除'
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.listData()
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+ .table-style{
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100vh - 390px);
|
|
|
+ }
|
|
|
+ /deep/ .el-table .cell.el-tooltip {
|
|
|
+ white-space: break-spaces;
|
|
|
+ min-width: 50px;
|
|
|
+ }
|
|
|
+</style>
|