Commit dcae0230 authored by zhengyi's avatar zhengyi

跟进列表优化处理

parent 9cd92ebf
......@@ -44,6 +44,11 @@
<el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_FOLLOWUP_STATUS)" :key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="dict.value" />
</el-select>
</el-form-item>
<el-form-item :label="$t('客户来源')" v-show="showSearch">
<el-select clearable v-model="followForm.customerSource" :placeholder="$t('请选择')" size="small" @change="handleQuery">
<el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_SOURCE)" :key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="dict.value" />
</el-select>
</el-form-item>
</div>
<div class="search-time">
<el-form-item :label="$t('创建时间')" v-show="showSearch">
......@@ -55,6 +60,9 @@
<el-form-item :label="$t('下次跟进时间')" v-show="showSearch">
<el-date-picker v-model="followFormTmp.nextTime" type="datetimerange" range-separator="-" :start-placeholder="$t('开始日期')" :end-placeholder="$t('结束日期')" value-format="yyyy-MM-dd HH:mm:ss" @change="handleQuery"> </el-date-picker>
</el-form-item>
<el-form-item :label="$t('客户创建时间')" v-show="showSearch">
<el-date-picker v-model="followFormTmp.customerCreateTime" type="datetimerange" range-separator="-" :start-placeholder="$t('开始日期')" :end-placeholder="$t('结束日期')" value-format="yyyy-MM-dd HH:mm:ss" @change="handleQuery"> </el-date-picker>
</el-form-item>
<el-form-item style="padding-left: 20px; width: auto">
<div class="flex-c-c">
<el-button type="primary" icon="el-icon-search" @click="getDataSpaceCustomerFollowupList">{{ $t("搜索") }} </el-button>
......@@ -82,59 +90,67 @@
</el-row>
<el-table ref="multipleTable" border :data="customerFollowList" v-loading="loading" @selection-change="handleSelectionChange" style="width: 100%">
<el-table-column type="selection" width="55" fixed></el-table-column>
<el-table-column prop="number" :label="$t('编号')" align="center" fixed :width="120">
<el-table-column prop="customerNumber" :label="$t('客户编号')" width="120" fixed>
<template slot-scope="scope">
<a href="javascript:void(0)" @click="handleCustomerFollowLink(scope.row)" class="link-type">{{ scope.row.number }}</a>
<a href="javascript:void(0)" @click="handleCustomerViewLink(scope.row)" class="link-type">{{ scope.row.customerNumber }}</a>
</template>
</el-table-column>
<el-table-column prop="followType" :label="$t('跟进类型')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_TYPE, cellValue)" :width="120"></el-table-column>
<el-table-column prop="offerNumber" :label="$t('报价单号')" :width="120">
<el-table-column prop="customerName" :label="$t('客户名称')" width="120" fixed/>
<el-table-column prop="contactName" :label="$t('联系人')" width="120"/>
<el-table-column prop="contactPhone" :label="$t('联系方式')" width="120"/>
<el-table-column prop="saleStage" :label="$t('销售阶段')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_SALE_STAGE, cellValue)" width="120"/>
<el-table-column prop="followType" :label="$t('跟进类型')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_TYPE, cellValue)" width="120"/>
<el-table-column prop="offerNumber" :label="$t('报价单号')" width="120">
<template slot-scope="{ row }">
<el-link type="primary" @click.native="$router.push('/offer/detail?offerId=' + row.offerId)" v-if="row.offerNumber">{{ row.offerNumber }}</el-link>
</template>
</el-table-column>
<el-table-column prop="followTime" :label="$t('跟进时间')" :formatter="(row, column, cellValue) => parseTime(cellValue)" :width="120"></el-table-column>
<el-table-column prop="customerNumber" :label="$t('客户编号')" :width="120">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="handleCustomerViewLink(scope.row)" class="link-type">{{ scope.row.customerNumber }}</a>
</template>
</el-table-column>
<el-table-column prop="contactName" :label="$t('联系人')" :width="120"></el-table-column>
<el-table-column prop="contactPhone" :label="$t('联系方式')" :width="120"></el-table-column>
<el-table-column prop="followUserName" :label="$t('客户经理')" :width="120"></el-table-column>
<el-table-column prop="followMethod" :label="$t('跟进方式')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_METHOD, cellValue)" :width="120"></el-table-column>
<el-table-column prop="purpose" :label="$t('目的')" :width="240"></el-table-column>
<el-table-column prop="feedback" :label="$t('跟进情况')" :width="240"></el-table-column>
<el-table-column prop="saleStage" :label="$t('销售阶段')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_SALE_STAGE, cellValue)" :width="120"></el-table-column>
<!-- <el-table-column prop="resultType" :label="$t('跟进结果')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_RESULT_TYPE, cellValue)"></el-table-column> -->
<el-table-column :label="$t('下次跟进时间')" align="center" :width="120">
<el-table-column prop="followTime" :label="$t('跟进时间')" :formatter="(row, column, cellValue) => parseTime(cellValue)" width="120"></el-table-column>
<el-table-column prop="purpose" :label="$t('目的')" width="240"></el-table-column>
<el-table-column prop="feedback" :label="$t('跟进情况')" width="240"></el-table-column>
<el-table-column :label="$t('下次跟进时间')" align="center" width="120">
<template slot-scope="scope">
{{ parseTime(scope.row.nextTime) }}
</template>
</el-table-column>
<el-table-column :label="$t('关联跟进记录')" align="center" prop="parentNumber" :width="120"></el-table-column>
<el-table-column prop="nextPlan" :label="$t('下次计划')" align="center" :width="240"></el-table-column>
<el-table-column prop="nextPlan" :label="$t('下次计划')" align="center" width="240"></el-table-column>
<el-table-column :label="$t('关联跟进记录')" align="center" prop="parentNumber" width="120"></el-table-column>
<el-table-column :label="$t('跟进状态')" align="center">
<template slot-scope="scope">
{{ getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_STATUS, scope.row.status) }}
</template>
</el-table-column>
<el-table-column prop="creatorName" :label="$t('创建人')" align="center" :width="120"></el-table-column>
<el-table-column :label="$t('创建时间')" align="center" :width="120">
<el-table-column prop="number" :label="$t('跟进编号')" align="center" width="120">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="handleCustomerFollowLink(scope.row)" class="link-type">{{ scope.row.number }}</a>
</template>
</el-table-column>
<el-table-column prop="followMethod" :label="$t('跟进方式')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_METHOD, cellValue)" width="120" />
<el-table-column prop="followUserName" :label="$t('客户经理')" width="120" />
<el-table-column prop="customerSource" :label="$t('客户来源')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_SOURCE, cellValue)" width="120"/>
<el-table-column :label="$t('客户创建时间')" align="center" width="120">
<template slot-scope="scope">
{{ parseTime(scope.row.cusomerCreateTime) }}
</template>
</el-table-column>
<el-table-column prop="creatorName" :label="$t('创建人')" align="center" width="120"></el-table-column>
<el-table-column :label="$t('创建时间')" align="center" width="120">
<template slot-scope="scope">
{{ parseTime(scope.row.createTime) }}
</template>
</el-table-column>
<el-table-column prop="updaterName" :label="$t('最后更新人')" align="center" :width="120"></el-table-column>
<el-table-column :label="$t('最后更新时间')" align="center" :width="120">
<el-table-column prop="updaterName" :label="$t('最后更新人')" align="center" width="120"></el-table-column>
<el-table-column :label="$t('最后更新时间')" align="center" width="120">
<template slot-scope="scope">
{{ parseTime(scope.row.updateTime) }}
</template>
</el-table-column>
<el-table-column :width="180" :label="$t('操作')" align="center" fixed="right" class-name="small-padding fixed-width">
<el-table-column width="200" :label="$t('操作')" align="center" fixed="right" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" v-if="!scope.row.status" @click="handleCustomerFollow(scope.row)" v-hasPermi="['ecw:customer:follow-update']">{{ $t("编辑") }} </el-button>
<el-button size="mini" type="text" icon="el-icon-collection" @click="handleCustomerFollow(scope.row, true)" v-has-permi="['ecw:customer:follow-add-plan']">{{ $t("增加计划") }} </el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleCustomerFollowLink(scope.row)" v-hasPermi="['ecw:customer:follow-update']">{{ $t("查看") }} </el-button>
</template>
</el-table-column>
</el-table>
......@@ -176,7 +192,8 @@ export default {
followFormTmp: {
createTime: ["", ""],
followTime: ["", ""],
nextTime: ["", ""]
nextTime: ["", ""],
customerCreateTime: ["", ""]
}
}
},
......@@ -260,6 +277,8 @@ export default {
obj.endFollowTime = this.followFormTmp.followTime[1]
obj.beginNextTime = this.followFormTmp.nextTime[0]
obj.endNextTime = this.followFormTmp.nextTime[1]
obj.beginCustomerCreateTime = this.followFormTmp.customerCreateTime[0]
obj.endCustomerCreateTime = this.followFormTmp.customerCreateTime[1]
return obj
},
handleQuery() {
......@@ -299,6 +318,7 @@ export default {
this.followFormTmp.createTime = ["", ""]
this.followFormTmp.followTime = ["", ""]
this.followFormTmp.nextTime = ["", ""]
this.followFormTmp.customerCreateTime = ["", ""]
this.followForm = {
pageNo: 1,
pageSize: 10
......
......@@ -45,6 +45,11 @@
<el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_FOLLOWUP_STATUS)" :key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="dict.value" />
</el-select>
</el-form-item>
<el-form-item :label="$t('客户来源')" v-show="showSearch">
<el-select clearable v-model="followForm.customerSource" :placeholder="$t('请选择')" size="small" @change="handleQuery">
<el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_SOURCE)" :key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="dict.value" />
</el-select>
</el-form-item>
</div>
<div class="search-time">
<el-form-item :label="$t('创建时间')" v-show="showSearch">
......@@ -56,6 +61,9 @@
<el-form-item :label="$t('下次跟进时间')" v-show="showSearch">
<el-date-picker v-model="followFormTmp.nextTime" type="datetimerange" range-separator="-" :start-placeholder="$t('开始日期')" :end-placeholder="$t('结束日期')" value-format="yyyy-MM-dd HH:mm:ss" @change="handleQuery"> </el-date-picker>
</el-form-item>
<el-form-item :label="$t('客户创建时间')" v-show="showSearch">
<el-date-picker v-model="followFormTmp.customerCreateTime" type="datetimerange" range-separator="-" :start-placeholder="$t('开始日期')" :end-placeholder="$t('结束日期')" value-format="yyyy-MM-dd HH:mm:ss" @change="handleQuery"> </el-date-picker>
</el-form-item>
<el-form-item style="padding-left: 20px; width: auto">
<div class="flex-c-c">
<el-button type="primary" icon="el-icon-search" @click="getCustomerFollowupList">{{ $t("搜索") }} </el-button>
......@@ -80,59 +88,67 @@
</el-row>
<el-table ref="multipleTable" :data="customerFollowList" v-loading="loading" @selection-change="handleSelectionChange" style="width: 100%">
<el-table-column type="selection" width="55" fixed></el-table-column>
<el-table-column prop="number" :label="$t('编号')" align="center" fixed :width="120">
<el-table-column prop="customerNumber" :label="$t('客户编号')" width="120" fixed>
<template slot-scope="scope">
<a href="javascript:void(0)" @click="handleCustomerFollowLink(scope.row)" class="link-type">{{ scope.row.number }}</a>
<a href="javascript:void(0)" @click="handleCustomerViewLink(scope.row)" class="link-type">{{ scope.row.customerNumber }}</a>
</template>
</el-table-column>
<el-table-column prop="followType" :label="$t('跟进类型')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_TYPE, cellValue)" :width="120"></el-table-column>
<el-table-column prop="offerNumber" :label="$t('报价单号')" :width="120">
<el-table-column prop="customerName" :label="$t('客户名称')" width="120" fixed></el-table-column>
<el-table-column prop="contactName" :label="$t('联系人')" width="120"></el-table-column>
<el-table-column prop="contactPhone" :label="$t('联系方式')" width="120"></el-table-column>
<el-table-column prop="saleStage" :label="$t('销售阶段')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_SALE_STAGE, cellValue)" width="120"></el-table-column>
<el-table-column prop="followType" :label="$t('跟进类型')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_TYPE, cellValue)" width="120"></el-table-column>
<el-table-column prop="offerNumber" :label="$t('报价单号')" width="120">
<template slot-scope="{ row }">
<el-link type="primary" @click.native="$router.push('/offer/detail?offerId=' + row.offerId)" v-if="row.offerNumber">{{ row.offerNumber }}</el-link>
</template>
</el-table-column>
<el-table-column prop="followTime" :label="$t('跟进时间')" :formatter="(row, column, cellValue) => parseTime(cellValue)" :width="120"></el-table-column>
<el-table-column prop="customerNumber" :label="$t('客户编号')" :width="120">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="handleCustomerViewLink(scope.row)" class="link-type">{{ scope.row.customerNumber }}</a>
</template>
</el-table-column>
<el-table-column prop="contactName" :label="$t('联系人')" :width="120"></el-table-column>
<el-table-column prop="contactPhone" :label="$t('联系方式')" :width="120"></el-table-column>
<el-table-column prop="followUserName" :label="$t('客户经理')" :width="120"></el-table-column>
<el-table-column prop="followMethod" :label="$t('跟进方式')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_METHOD, cellValue)" :width="120"></el-table-column>
<el-table-column prop="purpose" :label="$t('目的')" :width="240"></el-table-column>
<el-table-column prop="feedback" :label="$t('跟进情况')" :width="240"></el-table-column>
<el-table-column prop="saleStage" :label="$t('销售阶段')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_SALE_STAGE, cellValue)" :width="120"></el-table-column>
<!-- <el-table-column prop="resultType" :label="$t('跟进结果')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_RESULT_TYPE, cellValue)"></el-table-column> -->
<el-table-column :label="$t('下次跟进时间')" align="center" :width="120">
<el-table-column prop="followTime" :label="$t('跟进时间')" :formatter="(row, column, cellValue) => parseTime(cellValue)" width="120"></el-table-column>
<el-table-column prop="purpose" :label="$t('目的')" width="240"></el-table-column>
<el-table-column prop="feedback" :label="$t('跟进情况')" width="240"></el-table-column>
<el-table-column :label="$t('下次跟进时间')" align="center" width="120">
<template slot-scope="scope">
{{ parseTime(scope.row.nextTime) }}
</template>
</el-table-column>
<el-table-column :label="$t('关联跟进记录')" align="center" prop="parentNumber" :width="120"></el-table-column>
<el-table-column prop="nextPlan" :label="$t('下次计划')" align="center" :width="240"></el-table-column>
<el-table-column prop="nextPlan" :label="$t('下次计划')" align="center" width="240"></el-table-column>
<el-table-column :label="$t('关联跟进记录')" align="center" prop="parentNumber" width="120"></el-table-column>
<el-table-column :label="$t('跟进状态')" align="center">
<template slot-scope="scope">
{{ getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_STATUS, scope.row.status) }}
</template>
</el-table-column>
<el-table-column prop="creatorName" :label="$t('创建人')" align="center" :width="120"></el-table-column>
<el-table-column :label="$t('创建时间')" align="center" :width="120">
<el-table-column prop="number" :label="$t('跟进编号')" align="center" width="120">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="handleCustomerFollowLink(scope.row)" class="link-type">{{ scope.row.number }}</a>
</template>
</el-table-column>
<el-table-column prop="followMethod" :label="$t('跟进方式')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_FOLLOWUP_METHOD, cellValue)" width="120" />
<el-table-column prop="followUserName" :label="$t('客户经理')" width="120" />
<el-table-column prop="customerSource" :label="$t('客户来源')" :formatter="(row, column, cellValue) => getDictDataLabel(DICT_TYPE.CUSTOMER_SOURCE, cellValue)" />
<el-table-column :label="$t('客户创建时间')" align="center" width="120">
<template slot-scope="scope">
{{ parseTime(scope.row.cusomerCreateTime) }}
</template>
</el-table-column>
<el-table-column prop="creatorName" :label="$t('创建人')" align="center" width="120"></el-table-column>
<el-table-column :label="$t('创建时间')" align="center" width="120">
<template slot-scope="scope">
{{ parseTime(scope.row.createTime) }}
</template>
</el-table-column>
<el-table-column prop="updaterName" :label="$t('最后更新人')" align="center" :width="120"></el-table-column>
<el-table-column :label="$t('最后更新时间')" align="center" :width="120">
<el-table-column prop="updaterName" :label="$t('最后更新人')" align="center" width="120"></el-table-column>
<el-table-column :label="$t('最后更新时间')" align="center" width="120">
<template slot-scope="scope">
{{ parseTime(scope.row.updateTime) }}
</template>
</el-table-column>
<el-table-column :width="180" :label="$t('操作')" align="center" fixed="right" class-name="small-padding fixed-width">
<el-table-column width="200" :label="$t('操作')" align="center" fixed="right" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" v-if="!scope.row.status" @click="handleCustomerFollow(scope.row)" v-hasPermi="['ecw:customer:follow-update']">{{ $t("编辑") }} </el-button>
<el-button size="mini" type="text" icon="el-icon-collection" @click="handleCustomerFollow(scope.row, true)" v-has-permi="['ecw:customer:follow-add-plan']">{{ $t("增加计划") }} </el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleCustomerFollowLink(scope.row)" v-hasPermi="['ecw:customer:follow-update']">{{ $t("查看") }} </el-button>
</template>
</el-table-column>
</el-table>
......@@ -174,7 +190,8 @@ export default {
followFormTmp: {
createTime: ["", ""],
followTime: ["", ""],
nextTime: ["", ""]
nextTime: ["", ""],
customerCreateTime: ["", ""]
}
}
},
......@@ -258,6 +275,8 @@ export default {
obj.endFollowTime = this.followFormTmp.followTime[1]
obj.beginNextTime = this.followFormTmp.nextTime[0]
obj.endNextTime = this.followFormTmp.nextTime[1]
obj.beginCustomerCreateTime = this.followFormTmp.customerCreateTime[0]
obj.endCustomerCreateTime = this.followFormTmp.customerCreateTime[1]
return obj
},
handleQuery() {
......@@ -297,6 +316,7 @@ export default {
this.followFormTmp.createTime = ["", ""]
this.followFormTmp.followTime = ["", ""]
this.followFormTmp.nextTime = ["", ""]
this.followFormTmp.customerCreateTime = ["", ""]
this.followForm = {
pageNo: 1,
pageSize: 10
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment