|
|
@@ -8,7 +8,7 @@
|
|
|
turnPageId="20221101094302"
|
|
|
delApiId="20221101100502"
|
|
|
idname="sat_orderclueid"
|
|
|
- :tabs="['详细信息','跟进记录']"
|
|
|
+ :tabs="['跟进记录','详细信息']"
|
|
|
@pageChange="pageChange"
|
|
|
@onEditSuccess="queryMainData($route.query.id)">
|
|
|
<div slot="tags">
|
|
|
@@ -18,12 +18,12 @@
|
|
|
<distobutionOne v-if="tool.checkAuth($route.name,'distributionSaler') && mainData.allocationstatus == '待分配'" @onSuccess="$store.dispatch('changeDetailDrawer',false),$router.back()" />
|
|
|
<recall class="inline-16" v-if="mainData.allocationstatus != '待分配' && mainData.status === '待跟进' || mainData.status === '跟进中' && mainData.isTeam !== '团队' && tool.checkAuth($route.name,'recall')" :data="mainData" @onSuccess="queryMainData"></recall>
|
|
|
</div>
|
|
|
- <div slot="slot0" class="container normal-panel">
|
|
|
+ <div slot="slot1" class="container normal-panel">
|
|
|
<BaseInfo :detailInfo="detailInfo"/>
|
|
|
</div>
|
|
|
- <div slot="slot1" class="container normal-panel">
|
|
|
+ <div slot="slot0" class="container normal-panel">
|
|
|
<el-descriptions>
|
|
|
- <div slot="title">跟进记录<i @click="followRecord(isdesc === 1?isdesc = 0:isdesc =1)" :class="isdesc === 1?'fa fa-sort-amount-asc':'fa fa-sort-amount-desc'"></i></div>
|
|
|
+ <div slot="title">跟进记录 <i @click="followRecord(param.content.sort[0].reversed = param.content.sort[0].reversed == 1 ? 0 : 1)" :class="param.content.sort[0].reversed == 1?'fa fa-sort-amount-asc':'fa fa-sort-amount-desc'"></i></div>
|
|
|
</el-descriptions>
|
|
|
<div class="flex-align-center normal-margin">
|
|
|
<p>日期: </p>
|
|
|
@@ -41,13 +41,36 @@
|
|
|
clearable>
|
|
|
</el-date-picker>
|
|
|
</div>
|
|
|
- <div v-for="(item,index) in recordlist" :key="item.index" class="follow-item">
|
|
|
- <p>{{index + 1}}. {{item.createdate}},由经销商端<b>{{item.createby}}</b>{{item.logtype}},跟进方式:<b>{{item.followupmode}}</b>,跟进内容:</p>
|
|
|
- <div class="content-panel">
|
|
|
- <p>{{item.content}}</p>
|
|
|
- <p>{{item.competitor}}</p>
|
|
|
+ <div class="detail" v-if="recordlist.length > 0">
|
|
|
+ <div class="item" v-for="(item,index) in recordlist" :key="index">
|
|
|
+ <p>{{index + 1}}.{{item.createdate}}, 由<span style="font-weight:bold;margin:0 6px;font-size:13px">{{item.createby}}</span>开始跟进,跟进方式:<span style="font-weight:bold;margin:0 5px">{{item.followupmode}}</span>,{{handleTxt[item.logtype]}}</p>
|
|
|
+ <div class="content">
|
|
|
+ <div style="margin-bottom:10px">
|
|
|
+ <p v-if="item.competitor">已购买品牌:{{item.competitor}}</p>
|
|
|
+ {{item.content}}
|
|
|
+ </div>
|
|
|
+ <file-item
|
|
|
+ :marginRight="10"
|
|
|
+ :rowCount="5"
|
|
|
+ :isDownLoad="true"
|
|
|
+ :fileData="item.attinfo">
|
|
|
+ </file-item>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <el-empty title="暂无数据" v-else></el-empty>
|
|
|
+ <div style="margin-top:16px;text-align:right">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ small
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="param.content.pageNumber"
|
|
|
+ :page-size="param.content.pageSize"
|
|
|
+ layout="total, prev, pager, next"
|
|
|
+ :total="total">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</basicDetails>
|
|
|
</div>
|
|
|
@@ -58,6 +81,7 @@ import BaseInfo from '@/HDrpManagement/projectChange/modules/modules/baseInfo/ba
|
|
|
import recall from './recall.vue'
|
|
|
import edit from './edit'
|
|
|
import distobutionOne from './distobutionOne'
|
|
|
+import FileItem from '@/SManagement/orderclue/components/file/index2'
|
|
|
export default {
|
|
|
name: "detail",
|
|
|
data() {
|
|
|
@@ -71,11 +95,35 @@ export default {
|
|
|
dateParam:{
|
|
|
"start": "",
|
|
|
"end": ""
|
|
|
- }
|
|
|
+ },
|
|
|
+ param: {
|
|
|
+ "id":20221101094602,
|
|
|
+ "content": {
|
|
|
+ "pageNumber":1,
|
|
|
+ "pageSize":20,
|
|
|
+ "sat_orderclueid": this.$route.query.id,
|
|
|
+ "where": this.dateParam,
|
|
|
+ "sort": [
|
|
|
+ {
|
|
|
+ "reversed":0,
|
|
|
+ "sorted":1,
|
|
|
+ "sortid":0,
|
|
|
+ "sortname":'默认'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleTxt:{
|
|
|
+ '跟进中':'跟进内容',
|
|
|
+ '成交':'成交操作，添加备注',
|
|
|
+ '丢单':'丢单操作，具体原因如下',
|
|
|
+ '无效':'无效操作，具体原因如下',
|
|
|
+ },
|
|
|
+ total:0
|
|
|
}
|
|
|
},
|
|
|
components:{
|
|
|
- BaseInfo,recall,edit,distobutionOne
|
|
|
+ BaseInfo,recall,edit,distobutionOne,FileItem
|
|
|
},
|
|
|
methods:{
|
|
|
async followRecord () {
|
|
|
@@ -292,16 +340,17 @@ export default {
|
|
|
this.queryMainData(id)
|
|
|
},
|
|
|
async followRecord () {
|
|
|
- const res = await this.$api.requested({
|
|
|
- "classname": "webmanage.saletool.orderclue.publicclue.PublicClue",
|
|
|
- "method": "getFollowList",
|
|
|
- "content": {
|
|
|
- "sat_orderclueid": this.$route.query.id,
|
|
|
- "isdesc": 1,
|
|
|
- "where": this.dateParam
|
|
|
- }
|
|
|
- })
|
|
|
+ this.param.content.sat_orderclueid = this.$route.query.id
|
|
|
+ this.param.content.where = this.dateParam
|
|
|
+ const res = await this.$api.requested(this.param)
|
|
|
+ this.total = res.total
|
|
|
+ this.param.content.sort = res.sort
|
|
|
this.recordlist = res.data
|
|
|
+ this.recordlist.forEach(item => {
|
|
|
+ item.attinfo = this.fileType.fileList(item.attinfo)
|
|
|
+ })
|
|
|
+ console.log(this.recordlist);
|
|
|
+
|
|
|
},
|
|
|
dateChange (val) {
|
|
|
console.log(val)
|
|
|
@@ -310,6 +359,16 @@ export default {
|
|
|
this.dateParam.end = val[1]
|
|
|
this.followRecord()
|
|
|
},
|
|
|
+ handleSizeChange(val) {
|
|
|
+ // console.log(`每页 ${val} 条`);
|
|
|
+ this.param.content.pageSize = val
|
|
|
+ this.followRecord()
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ // console.log(`当前页: ${val}`);
|
|
|
+ this.param.content.pageNumber = val
|
|
|
+ this.followRecord()
|
|
|
+ },
|
|
|
},
|
|
|
mounted () {
|
|
|
this.queryMainData(this.$route.query.id)
|
|
|
@@ -322,5 +381,16 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-
|
|
|
+.content {
|
|
|
+ margin: 10px 0 16px 0;
|
|
|
+ background: #F2F2F2;
|
|
|
+ padding: 16px;
|
|
|
+ border-radius: 5px;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+.detail {
|
|
|
+ overflow-y: scroll;
|
|
|
+ height: calc(100vh - 400px);
|
|
|
+ padding-right: 10px;
|
|
|
+}
|
|
|
</style>
|
qymljy