Commit 52d06879 authored by liuzeheng's avatar liuzeheng
parents c0725d86 a663b9f5
...@@ -7,9 +7,11 @@ VUE_APP_TITLE = 捷道管理系统-测试站 ...@@ -7,9 +7,11 @@ VUE_APP_TITLE = 捷道管理系统-测试站
# 捷道管理系统/开发环境 # 捷道管理系统/开发环境
# VUE_APP_BASE_API = 'https://apitest.groupage.cn' # VUE_APP_BASE_API = 'https://apitest.groupage.cn'
# VUE_APP_BASE_API = 'http://110.41.143.128:48080' # VUE_APP_BASE_API = 'http://110.41.143.128:48080'
VUE_APP_BASE_API = 'http://127.0.0.1:48080' VUE_APP_BASE_API = 'http://127.0.0.1:48080'
# 路由懒加载 # 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true VUE_CLI_BABEL_TRANSPILE_MODULES = true
......
import request from '@/utils/request' import request from '@/utils/request'
//2024-05-01 //2024-05-01合并
//报表权限 lanbm 2024-04-15 add //报表权限 lanbm 2024-04-15 add
export function create(data) { export function create(data) {
return request({ return request({
......
import request from '@/utils/request' import request from '@/utils/request'
//2024-05-01 //2024-05-01合并
// 获得测试分页 // 获得测试分页
export function getListPage(data) { export function getListPage(data) {
return request({ return request({
......
import request from '@/utils/request' import request from '@/utils/request'
//2024-05-01 //2024-05-01合并
//lanbm 2024-03-31 add //lanbm 2024-03-31 add
//获取报表统计结果 //获取报表统计结果
export function getReportResult(data) { export function getReportResult(data) {
......
import request from '@/utils/request' import request from '@/utils/request'
//2024-05-01 //2024-05-01合并
export function getListPage(query) { export function getListPage(query) {
return request({ return request({
url: '/Report/SalesAnalysis/getListPage', url: '/Report/SalesAnalysis/getListPage',
......
import request from '@/utils/request' import request from '@/utils/request'
//2024-05-01 //2024-05-01合并
//查询运输方式体积货重量 lanbm 2024-04-01 add //查询运输方式体积货重量 lanbm 2024-04-01 add
export function SalesReportCount(data) { export function SalesReportCount(data) {
return request({ return request({
...@@ -19,6 +19,15 @@ export function FirstCustomerCount(data) { ...@@ -19,6 +19,15 @@ export function FirstCustomerCount(data) {
}) })
} }
//获取一段时间客户成交数目
export function CustomerTargetCount(query) {
return request({
url: '/Report/SalesReport/CustomerTargetCount',
method: 'get',
params: query
})
}
//销售分析统计列表 lanbm 2024-04-01 add //销售分析统计列表 lanbm 2024-04-01 add
export function SalesReportList(data) { export function SalesReportList(data) {
return request({ return request({
...@@ -28,6 +37,8 @@ export function SalesReportList(data) { ...@@ -28,6 +37,8 @@ export function SalesReportList(data) {
}) })
} }
//获取销售分析图表数据 //获取销售分析图表数据
export function getEChartData(query) { export function getEChartData(query) {
return request({ return request({
......
import request from '@/utils/request' import request from '@/utils/request'
//2024-05-01 //2024-05-01合并
//报表V值设置参数 lanbm 2024-04-03 add //报表V值设置参数 lanbm 2024-04-03 add
export function create(data) { export function create(data) {
return request({ return request({
......
...@@ -106,7 +106,8 @@ ...@@ -106,7 +106,8 @@
import { getMyProcessInstancePage, cancelProcessInstance } from "@/api/bpm/processInstance"; import { getMyProcessInstancePage, cancelProcessInstance } from "@/api/bpm/processInstance";
export default { export default {
name: "ProcessInstance", //lanbm 2024-05-08 添加查询条件不清空优化
name: "BpmProcessinstanceIndex",
components: { components: {
}, },
data() { data() {
...@@ -137,6 +138,14 @@ export default { ...@@ -137,6 +138,14 @@ export default {
created() { created() {
this.getList(); this.getList();
}, },
watch: {
//lanbm 2024-05-08 添加页面再次进入刷新列表优化
$route(to) {
if (this.$route.path == "/task/my") {
this.getList();
}
},
},
methods: { methods: {
/** 查询列表 */ /** 查询列表 */
getList() { getList() {
......
...@@ -73,7 +73,8 @@ ...@@ -73,7 +73,8 @@
import {getCopyTaskPage} from '@/api/bpm/task' import {getCopyTaskPage} from '@/api/bpm/task'
export default { export default {
name: "Copy", //lanbm 2024-05-08 添加查询条件不清空优化
name: "BpmTaskCopy",
components: {}, components: {},
data() { data() {
return { return {
...@@ -100,6 +101,14 @@ export default { ...@@ -100,6 +101,14 @@ export default {
created() { created() {
this.getList(); this.getList();
}, },
watch: {
//lanbm 2024-05-08 添加页面再次进入刷新列表优化
$route(to) {
if (this.$route.path == "/task/copy") {
this.getList();
}
},
},
methods: { methods: {
/** 查询列表 */ /** 查询列表 */
getList() { getList() {
......
...@@ -80,7 +80,8 @@ import {getDoneTaskPage} from '@/api/bpm/task' ...@@ -80,7 +80,8 @@ import {getDoneTaskPage} from '@/api/bpm/task'
import {getDate} from "@/utils/dateUtils"; import {getDate} from "@/utils/dateUtils";
export default { export default {
name: "Done", //lanbm 2024-05-08 添加查询条件不清空优化
name: "BpmTaskDone",
components: {}, components: {},
data() { data() {
return { return {
...@@ -104,6 +105,14 @@ export default { ...@@ -104,6 +105,14 @@ export default {
created() { created() {
this.getList(); this.getList();
}, },
watch: {
//lanbm 2024-05-08 添加页面再次进入刷新列表优化
$route(to) {
if (this.$route.path == "/task/done") {
this.getList();
}
},
},
methods: { methods: {
/** 查询列表 */ /** 查询列表 */
getList() { getList() {
......
<template> <template>
<div class="app-container"> <div class="app-container">
<!-- 搜索工作栏 --> <!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item :label="$t('流程编号')" prop="processInstanceId"> <el-form-item :label="$t('流程编号')" prop="processInstanceId">
<el-input v-model="queryParams.processInstanceId" :placeholder="$t('流程编号')" clearable <el-input
@keyup.enter.native="handleQuery"/> v-model="queryParams.processInstanceId"
:placeholder="$t('流程编号')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('流程名称')" prop="name"> <el-form-item :label="$t('流程名称')" prop="name">
<el-input v-model="queryParams.name" :placeholder="$t('任务名称')" clearable @keyup.enter.native="handleQuery"/> <el-input
v-model="queryParams.name"
:placeholder="$t('任务名称')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('流程分类')" prop="category"> <el-form-item :label="$t('流程分类')" prop="category">
<el-select v-model="queryParams.category" :placeholder="$t('请选择流程分类')" clearable> <el-select
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.BPM_MODEL_CATEGORY)" v-model="queryParams.category"
:key="dict.value" :label="$l(dict, 'label')" :value="dict.value"/> :placeholder="$t('请选择流程分类')"
clearable
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.BPM_MODEL_CATEGORY)"
:key="dict.value"
:label="$l(dict, 'label')"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('提交时间')"> <el-form-item :label="$t('提交时间')">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" <el-date-picker
type="daterange" range-separator="-" :start-placeholder="$t('开始日期')" v-model="dateRangeCreateTime"
:end-placeholder="$t('结束日期')"/> style="width: 240px"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="-"
:start-placeholder="$t('开始日期')"
:end-placeholder="$t('结束日期')"
/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('业务编号')" prop="businessNo"> <el-form-item :label="$t('业务编号')" prop="businessNo">
<el-input v-model="queryParams.businessNo" :placeholder="$t('请输入业务编号')" clearable <el-input
@keyup.enter.native="handleQuery"/> v-model="queryParams.businessNo"
:placeholder="$t('请输入业务编号')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">{{ $t('搜索') }}</el-button> <el-button type="primary" icon="el-icon-search" @click="handleQuery">{{
<el-button icon="el-icon-refresh" @click="resetQuery">{{ $t('重置') }}</el-button> $t("搜索")
}}</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">{{
$t("重置")
}}</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<!-- 列表 --> <!-- 列表 -->
<el-table v-loading="loading" :data="list"> <el-table v-loading="loading" :data="list">
<el-table-column :label="$t('流程编号')" align="center" prop="processInstance.id" width="220"/> <el-table-column
<el-table-column :label="$t('流程名称')" align="center" prop="processInstance.name" width="220"/> :label="$t('流程编号')"
align="center"
prop="processInstance.id"
width="220"
/>
<el-table-column
:label="$t('流程名称')"
align="center"
prop="processInstance.name"
width="220"
/>
<el-table-column :label="$t('流程分类')" align="center" prop="category"> <el-table-column :label="$t('流程分类')" align="center" prop="category">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :type="DICT_TYPE.BPM_MODEL_CATEGORY" :value="scope.row.category"/> <dict-tag
:type="DICT_TYPE.BPM_MODEL_CATEGORY"
:value="scope.row.category"
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('业务编号')" align="center" prop="businessNo"/> <el-table-column
:label="$t('业务编号')"
align="center"
prop="businessNo"
/>
<el-table-column :label="$t('当前审批节点')" align="center" prop="name"/> <el-table-column :label="$t('当前审批节点')" align="center" prop="name" />
<!-- <el-table-column :label="$t('状态')" align="center" prop="version" width="80"> <!-- <el-table-column :label="$t('状态')" align="center" prop="version" width="80">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag type="success" v-if="scope.row.suspensionState === 1">{{ $t('激活') }}</el-tag> <el-tag type="success" v-if="scope.row.suspensionState === 1">{{ $t('激活') }}</el-tag>
...@@ -56,7 +111,12 @@ ...@@ -56,7 +111,12 @@
<dict-tag :type="DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT" :value="scope.row.result"/> <dict-tag :type="DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT" :value="scope.row.result"/>
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column :label="$t('提交时间')" align="center" prop="createTime" width="180"> <el-table-column
:label="$t('提交时间')"
align="center"
prop="createTime"
width="180"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span> <span>{{ parseTime(scope.row.createTime) }}</span>
</template> </template>
...@@ -66,33 +126,53 @@ ...@@ -66,33 +126,53 @@
<span>{{ parseTime(scope.row.endTime) }}</span> <span>{{ parseTime(scope.row.endTime) }}</span>
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column :label="$t('操作')" align="center" fixed="right" class-name="small-padding fixed-width" width="150"> <el-table-column
:label="$t('操作')"
align="center"
fixed="right"
class-name="small-padding fixed-width"
width="150"
>
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleCancel(scope.row)" <!-- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleCancel(scope.row)"
v-hasPermi="['bpm:task:update']">{{ $t('取消') }} v-hasPermi="['bpm:task:update']">{{ $t('取消') }}
</el-button> --> </el-button> -->
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleAudit(scope.row)" <el-button
v-hasPermi="['bpm:task:update']">{{ $t('详情') }} size="mini"
type="text"
icon="el-icon-edit"
@click="handleAudit(scope.row)"
v-hasPermi="['bpm:task:update']"
>{{ $t("详情") }}
</el-button> </el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleAudit(scope.row)" <el-button
v-hasPermi="['bpm:task:update']">{{ $t('审批') }} size="mini"
type="text"
icon="el-icon-edit"
@click="handleAudit(scope.row)"
v-hasPermi="['bpm:task:update']"
>{{ $t("审批") }}
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<!-- 分页组件 --> <!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" <pagination
@pagination="getList"/> v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div> </div>
</template> </template>
<script> <script>
import {getTodoTaskPage} from '@/api/bpm/task' import { getTodoTaskPage } from "@/api/bpm/task";
import { cancelProcessInstance } from "@/api/bpm/processInstance"; import { cancelProcessInstance } from "@/api/bpm/processInstance";
export default { export default {
name: "Todo", //lanbm 2024-05-08 添加查询条件不清空优化
name: "BpmTaskTodo",
components: {}, components: {},
data() { data() {
return { return {
...@@ -118,14 +198,22 @@ export default { ...@@ -118,14 +198,22 @@ export default {
created() { created() {
this.getList(); this.getList();
}, },
watch: {
//lanbm 2024-05-08 添加页面再次进入刷新列表优化
$route(to) {
if (this.$route.path == "/task/todo") {
this.getList();
}
},
},
methods: { methods: {
/** 查询列表 */ /** 查询列表 */
getList() { getList() {
this.loading = true; this.loading = true;
// 处理查询参数 // 处理查询参数
let params = {...this.queryParams}; let params = { ...this.queryParams };
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); this.addBeginAndEndTime(params, this.dateRangeCreateTime, "createTime");
getTodoTaskPage(params).then(response => { getTodoTaskPage(params).then((response) => {
this.list = response.data.list; this.list = response.data.list;
this.total = response.data.total; this.total = response.data.total;
this.loading = false; this.loading = false;
...@@ -144,23 +232,28 @@ export default { ...@@ -144,23 +232,28 @@ export default {
}, },
/** 处理审批按钮 */ /** 处理审批按钮 */
handleAudit(row) { handleAudit(row) {
this.$router.push({path: "/bpm/process-instance/detail", query: {id: row.processInstance.id}}); this.$router.push({
path: "/bpm/process-instance/detail",
query: { id: row.processInstance.id },
});
}, },
handleCancel(row) { handleCancel(row) {
const id = row.id; const id = row.id;
this.$prompt(this.$t('请输入取消原因?'), this.$t("取消流程"), { this.$prompt(this.$t("请输入取消原因?"), this.$t("取消流程"), {
type: 'warning', type: "warning",
confirmButtonText: this.$t("确定"), confirmButtonText: this.$t("确定"),
cancelButtonText: this.$t("取消"), cancelButtonText: this.$t("取消"),
inputPattern: /^[\s\S]*.*[^\s][\s\S]*$/, // 判断非空,且非空格 inputPattern: /^[\s\S]*.*[^\s][\s\S]*$/, // 判断非空,且非空格
inputErrorMessage: this.$t("取消原因不能为空"), inputErrorMessage: this.$t("取消原因不能为空"),
}).then(({ value }) => { })
.then(({ value }) => {
return cancelProcessInstance(id, value); return cancelProcessInstance(id, value);
}).then(() => { })
.then(() => {
this.getList(); this.getList();
this.$modal.msgSuccess(this.$t("取消成功")); this.$modal.msgSuccess(this.$t("取消成功"));
}) });
},
}, },
}
}; };
</script> </script>
<template> <template>
<div class="app-container"> <div class="app-container">
<!-- 搜索工作栏 --> <!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item :label="$t('客户编号')" prop="number"> <el-form-item :label="$t('客户编号')" prop="number">
<el-input v-model="queryParams.number" :placeholder="$t('请输入客户编号')" clearable @keyup.enter.native="handleQuery"/> <el-input
v-model="queryParams.number"
:placeholder="$t('请输入客户编号')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('客户名称')" prop="name"> <el-form-item :label="$t('客户名称')" prop="name">
<el-input v-model="queryParams.name" :placeholder="$t('请输入客户名称')" clearable @keyup.enter.native="handleQuery"/> <el-input
v-model="queryParams.name"
:placeholder="$t('请输入客户名称')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('客户等级')" prop="level"> <el-form-item :label="$t('客户等级')" prop="level">
<el-select clearable v-model="queryParams.level" :placeholder="$t('请选择客户等级')" clearable size="small"> <el-select
<el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_LEVEL)" clearable
:key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="dict.value"/> v-model="queryParams.level"
:placeholder="$t('请选择客户等级')"
clearable
size="small"
>
<el-option
v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_LEVEL)"
:key="dict.value"
:label="isChinese ? dict.label : dict.labelEn"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('联系方式')"> <el-form-item :label="$t('联系方式')">
<el-input :placeholder="$t('请输入联系方式')" v-model="queryParams.defaultContactPhone"></el-input> <el-input
:placeholder="$t('请输入联系方式')"
v-model="queryParams.defaultContactPhone"
></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('客户类别')" prop="level"> <el-form-item :label="$t('客户类别')" prop="level">
<dict-selector :type="DICT_TYPE.CUSTOMER_TYPE" v-model="queryParams.type"></dict-selector> <dict-selector
:type="DICT_TYPE.CUSTOMER_TYPE"
v-model="queryParams.type"
></dict-selector>
</el-form-item> </el-form-item>
<el-form-item :label="$t('客户经理')" prop="customerService"> <el-form-item :label="$t('客户经理')" prop="customerService">
<el-select clearable v-model="queryParams.customerService" :placeholder="$t('请选择客户经理')" clearable size="small"> <el-select
<el-option v-for="dict in customerServiceList" clearable
:key="dict.id" :label="dict.nickname" :value="dict.id"/> v-model="queryParams.customerService"
:placeholder="$t('请选择客户经理')"
clearable
size="small"
>
<el-option
v-for="dict in customerServiceList"
:key="dict.id"
:label="dict.nickname"
:value="dict.id"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('客户来源')" prop="source"> <el-form-item :label="$t('客户来源')" prop="source">
<el-select clearable v-model="queryParams.source" :placeholder="$t('请选择客户来源')" clearable size="small"> <el-select
<el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_SOURCE)" clearable
:key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="dict.value"/> v-model="queryParams.source"
:placeholder="$t('请选择客户来源')"
clearable
size="small"
>
<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-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('国家')" prop="source"> <el-form-item :label="$t('国家')" prop="source">
<el-select clearable v-model="queryParams.country" :placeholder="$t('请选择国家')"> <el-select
<el-option v-for="dict in countryList" clearable
:key="dict.id" :label=" isChinese ? dict.nameZh : dict.nameEn" :value="parseInt(dict.id)" /> v-model="queryParams.country"
:placeholder="$t('请选择国家')"
>
<el-option
v-for="dict in countryList"
:key="dict.id"
:label="isChinese ? dict.nameZh : dict.nameEn"
:value="parseInt(dict.id)"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('客户状态')" prop="status"> <el-form-item :label="$t('客户状态')" prop="status">
<el-select clearable v-model="queryParams.status" :placeholder="$t('请选择客户状态')" clearable size="small"> <el-select
<el-option v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_STATUS)" clearable
:key="dict.value" :label="isChinese ? dict.label : dict.labelEn" :value="dict.value"/> v-model="queryParams.status"
:placeholder="$t('请选择客户状态')"
clearable
size="small"
>
<el-option
v-for="dict in getDictDatas(DICT_TYPE.CUSTOMER_STATUS)"
:key="dict.value"
:label="isChinese ? dict.label : dict.labelEn"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('创建时间')"> <el-form-item :label="$t('创建时间')">
<el-date-picker clearable v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" <el-date-picker
type="daterange" range-separator="-" :start-placeholder="$t('开始日期')" :end-placeholder="$t('结束日期')" /> clearable
v-model="dateRangeCreateTime"
style="width: 240px"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="-"
:start-placeholder="$t('开始日期')"
:end-placeholder="$t('结束日期')"
/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('信用等级')" prop="department"> <el-form-item :label="$t('信用等级')" prop="department">
<el-select clearable v-model="queryParams.creditLevel" > <el-select clearable v-model="queryParams.creditLevel">
<el-option v-for="(item,index) in creditList" :label="isChinese ? item.nameZh : item.nameEn" :key="index" :value="item.id" ></el-option> <el-option
v-for="(item, index) in creditList"
:label="isChinese ? item.nameZh : item.nameEn"
:key="index"
:value="item.id"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('市场获客')" prop="department"> <el-form-item :label="$t('市场获客')" prop="department">
<dict-selector clearable :type="DICT_TYPE.ECW_CUSTOMER_RESOURCE_TYPE" v-model="queryParams.marketType" formatter="number"></dict-selector> <dict-selector
clearable
:type="DICT_TYPE.ECW_CUSTOMER_RESOURCE_TYPE"
v-model="queryParams.marketType"
formatter="number"
></dict-selector>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">{{$t('搜索')}}</el-button> <el-button type="primary" icon="el-icon-search" @click="handleQuery">{{
<el-button icon="el-icon-refresh" @click="resetQuery">{{$t('重置')}}</el-button> $t("搜索")
}}</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">{{
$t("重置")
}}</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<!-- 操作工具栏 --> <!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" <el-button
v-hasPermi="['ecw:customer:sea-create']">{{$t('新增')}}</el-button> type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['ecw:customer:sea-create']"
>{{ $t("新增") }}</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading" <el-button
v-hasPermi="['ecw:customer:sea-export']">{{$t('导出')}}</el-button> type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
:loading="exportLoading"
v-hasPermi="['ecw:customer:sea-export']"
>{{ $t("导出") }}</el-button
>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row> </el-row>
<!-- 列表 --> <!-- 列表 -->
<el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange"> <el-table
<el-table-column v-loading="loading"
type="selection" :data="list"
width="55"> @selection-change="handleSelectionChange"
</el-table-column> >
<el-table-column :label="$t('客户编号')" align="center" prop="number" > <el-table-column type="selection" width="55"> </el-table-column>
<template v-slot="{row}"> <el-table-column :label="$t('客户编号')" align="center" prop="number">
{{row.number}} <template v-slot="{ row }">
{{ row.number }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('客户名称')" align="center" prop="name" > <el-table-column :label="$t('客户名称')" align="center" prop="name">
<template v-slot="{row}"> <template v-slot="{ row }">
<p style="display:inline-block;white-space: pre-wrap;">{{$l(row, 'name')}}</p> <p style="display: inline-block; white-space: pre-wrap">
{{ $l(row, "name") }}
</p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('客户等级')" align="center" prop="vipLevelNameZh"> <el-table-column
:label="$t('客户等级')"
align="center"
prop="vipLevelNameZh"
>
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :type="DICT_TYPE.CUSTOMER_LEVEL" :value="scope.row.level" /> <dict-tag :type="DICT_TYPE.CUSTOMER_LEVEL" :value="scope.row.level" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('信用等级')" :prop="isChinese ? 'creditLevelNameZh' : 'creditLevelNameEn'"></el-table-column> <el-table-column
:label="$t('信用等级')"
:prop="isChinese ? 'creditLevelNameZh' : 'creditLevelNameEn'"
></el-table-column>
<el-table-column :label="$t('客户状态')" align="center" prop="status"> <el-table-column :label="$t('客户状态')" align="center" prop="status">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :type="DICT_TYPE.CUSTOMER_STATUS" :value="scope.row.status" /> <dict-tag
:type="DICT_TYPE.CUSTOMER_STATUS"
:value="scope.row.status"
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('主联系人')" prop="defaultContactName"></el-table-column> <el-table-column
:label="$t('主联系人')"
prop="defaultContactName"
></el-table-column>
<el-table-column :label="$t('主联系方式')" prop="defaultContactPhone"> <el-table-column :label="$t('主联系方式')" prop="defaultContactPhone">
<template v-slot="{row}"> <template v-slot="{ row }">
+{{row.defaultContactPhone}} <br/> +{{ row.defaultContactPhone }} <br />
<contacts :id="row.id" > <contacts :id="row.id">
<el-button type="text">更多</el-button> <el-button type="text">更多</el-button>
</contacts> </contacts>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('创建时间')" align="center" prop="createTime" width="180"> <el-table-column
:label="$t('创建时间')"
align="center"
prop="createTime"
width="180"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span> <span>{{ parseTime(scope.row.createTime) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('入公海时间')" align="center" prop="createTime" width="180"> <el-table-column
:label="$t('入公海时间')"
align="center"
prop="createTime"
width="180"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.enterOpenSeaTime) }}</span> <span>{{ parseTime(scope.row.enterOpenSeaTime) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('客户经理')" align="center" prop="customerServiceName" > <el-table-column
:label="$t('客户经理')"
align="center"
prop="customerServiceName"
>
</el-table-column> </el-table-column>
<el-table-column :label="$t('国家')" align="center" prop="country" :formatter="countryFormatter"></el-table-column> <el-table-column
<el-table-column :label="$t('操作')" align="center" class-name="small-padding fixed-width"> :label="$t('国家')"
align="center"
prop="country"
:formatter="countryFormatter"
></el-table-column>
<el-table-column
:label="$t('操作')"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope"> <template slot-scope="scope">
<router-link :to="'/customer/query/' + scope.row.id"> <router-link :to="'/customer/query/' + scope.row.id">
<el-button v-has-permi="['ecw:customer:sea-view']" size="mini" style="margin-right: 10px" type="text" >查看</el-button> <el-button
v-has-permi="['ecw:customer:sea-view']"
size="mini"
style="margin-right: 10px"
type="text"
>查看</el-button
>
</router-link> </router-link>
<!-- <el-button size="mini" type="text" @click="distribution(scope.row)">{{$t('移交')}}</el-button>--> <!-- <el-button size="mini" type="text" @click="distribution(scope.row)">{{$t('移交')}}</el-button>-->
<el-button v-has-permi="['ecw:customer:sea-gain']" size="mini" type="text" @click="fishingFn(scope.row)">{{$t('捞取')}}</el-button> <el-button
v-has-permi="['ecw:customer:sea-gain']"
size="mini"
type="text"
@click="fishingFn(scope.row)"
>{{ $t("捞取") }}</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -141,24 +302,45 @@ ...@@ -141,24 +302,45 @@
center center
:title="$t('客服')" :title="$t('客服')"
:visible.sync="transferShow" :visible.sync="transferShow"
width="30%"> width="30%"
<div style="width: 100%;min-height: 200px;text-align: center"> >
<div style="width: 100%; min-height: 200px; text-align: center">
<el-select filterable v-model="service"> <el-select filterable v-model="service">
<el-option v-for="(item,index) in customerServiceList" :key="index" :label="item.nickname" :value="item.id"></el-option> <el-option
v-for="(item, index) in customerServiceList"
:key="index"
:label="item.nickname"
:value="item.id"
></el-option>
</el-select> </el-select>
<!-- <el-radio-group v-model="service">--> <!-- <el-radio-group v-model="service">-->
<!-- <el-radio style="margin: 5px;" v-for="(item,index) in customerServiceList" :key="index" :label="item.id">{{item.nickname}}</el-radio>--> <!-- <el-radio style="margin: 5px;" v-for="(item,index) in customerServiceList" :key="index" :label="item.id">{{item.nickname}}</el-radio>-->
<!-- </el-radio-group>--> <!-- </el-radio-group>-->
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="transferShow = false">{{$t('取 消')}}</el-button> <el-button @click="transferShow = false">{{ $t("取 消") }}</el-button>
<el-button type="primary" v-if="isBatch" @click="transferFn(multipleSelection.map(item => item.id))">{{$t('确 定')}}</el-button> <el-button
<el-button type="primary" v-else @click="transferFn([transferData.id])">{{$t('确 定')}}</el-button> type="primary"
v-if="isBatch"
@click="transferFn(multipleSelection.map((item) => item.id))"
>{{ $t("确 定") }}</el-button
>
<el-button
type="primary"
v-else
@click="transferFn([transferData.id])"
>{{ $t("确 定") }}</el-button
>
</span> </span>
</el-dialog> </el-dialog>
<!-- 分页组件 --> <!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" <pagination
@pagination="getList"/> v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div> </div>
</template> </template>
...@@ -170,23 +352,24 @@ import { ...@@ -170,23 +352,24 @@ import {
handOverCustomer, handOverCustomer,
getPublicList, getPublicList,
setFishing, setFishing,
publicExportExcel publicExportExcel,
} from "@/api/ecw/customer"; } from "@/api/ecw/customer";
import { getDictDatas, DICT_TYPE } from '@/utils/dict'; import { getDictDatas, DICT_TYPE } from "@/utils/dict";
import upload from '@/components/ImageUpload' import upload from "@/components/ImageUpload";
import {listServiceUser} from "@/api/system/user"; import { listServiceUser } from "@/api/system/user";
import {getCountryListAll} from "@/api/ecw/country"; import { getCountryListAll } from "@/api/ecw/country";
import {getCreditPage} from "@/api/customer/credit"; import { getCreditPage } from "@/api/customer/credit";
import Template from "@/views/cms/template/index.vue"; import Template from "@/views/cms/template/index.vue";
import Contacts from "@/views/ecw/customer/components/contacts.vue"; import Contacts from "@/views/ecw/customer/components/contacts.vue";
export default { export default {
name: "EcwOceancustomerIndex", name: "EcwOceancustomerIndex",
activated() { activated() {
this.getList() this.getList();
}, },
components: { components: {
Contacts, Template, Contacts,
upload Template,
upload,
}, },
data() { data() {
return { return {
...@@ -207,7 +390,7 @@ export default { ...@@ -207,7 +390,7 @@ export default {
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
dateRangeCreateTime: [], dateRangeCreateTime: [],
customerServiceList:[], customerServiceList: [],
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNo: 1, pageNo: 1,
...@@ -219,68 +402,112 @@ export default { ...@@ -219,68 +402,112 @@ export default {
customerService: null, customerService: null,
status: null, status: null,
department: null, department: null,
marketType:null, marketType: null,
}, },
// 表单参数 // 表单参数
form: {}, form: {},
// 表单校验 // 表单校验
rules: { rules: {
name: [{ required: true, message: this.$t('客户名称不能为空'), trigger: "blur" }], name: [
country: [{ required: true, message: this.$t('国家不能为空'), trigger: "blur" }], {
level: [{ required: true, message: this.$t('客户等级不能为空'), trigger: "blur" }], required: true,
type: [{ required: true, message: this.$t('客户类别不能为空'), trigger: "blur" }], message: this.$t("客户名称不能为空"),
trigger: "blur",
},
],
country: [
{ required: true, message: this.$t("国家不能为空"), trigger: "blur" },
],
level: [
{
required: true,
message: this.$t("客户等级不能为空"),
trigger: "blur",
},
],
type: [
{
required: true,
message: this.$t("客户类别不能为空"),
trigger: "blur",
},
],
// createTime: [{ required: true, message: this.$t('创建时间不能为空'), trigger: "blur" }], // createTime: [{ required: true, message: this.$t('创建时间不能为空'), trigger: "blur" }],
source: [{ required: true, message: this.$t('客户来源不能为空'), trigger: "blur" }], source: [
customerService: [{ required: true, message: this.$t('客户经理不能为空'), trigger: "blur" }], {
status: [{ required: true, message: this.$t('客户状态不能为空'), trigger: "blur" }], required: true,
founder: [{ required: true, message: this.$t('创建人不能为空'), trigger: "blur" }], message: this.$t("客户来源不能为空"),
trigger: "blur",
},
],
customerService: [
{
required: true,
message: this.$t("客户经理不能为空"),
trigger: "blur",
},
],
status: [
{
required: true,
message: this.$t("客户状态不能为空"),
trigger: "blur",
},
],
founder: [
{
required: true,
message: this.$t("创建人不能为空"),
trigger: "blur",
},
],
}, },
// 网点 // 网点
nodeList: [], nodeList: [],
showLine: false, showLine: false,
service:undefined,//客服 service: undefined, //客服
transferData:undefined,//移交数据 transferData: undefined, //移交数据
transferShow:false, transferShow: false,
multipleSelection:[], multipleSelection: [],
isBatch:false, isBatch: false,
countryList:[], countryList: [],
creditList:[] creditList: [],
}; };
}, },
created() { created() {
this.getList(); this.getList();
listServiceUser().then(r=>{ listServiceUser().then((r) => {
console.log(r,'客服'); console.log(r, "客服");
this.customerServiceList = r.data; this.customerServiceList = r.data;
}) });
getCountryListAll().then(r => { getCountryListAll().then((r) => {
this.countryList = r.data this.countryList = r.data;
}) });
getCreditPage({page:1,rows:999}).then(r => { getCreditPage({ page: 1, rows: 999 }).then((r) => {
this.creditList = r.data.list this.creditList = r.data.list;
}) });
// getNodeList().then(r => { // getNodeList().then(r => {
// this.nodeList = r.data // this.nodeList = r.data
// }) // })
}, },
computed:{ computed: {
isChinese(){ isChinese() {
return this.$i18n.locale === 'zh_CN' return this.$i18n.locale === "zh_CN";
}, },
}, },
methods: { methods: {
countryFormatter(row, column, cellValue) { countryFormatter(row, column, cellValue) {
const country = this.countryList.find((e) => e.id === cellValue) const country = this.countryList.find((e) => e.id === cellValue);
return this.isChinese ? country?.nameZh : country?.nameEn return this.isChinese ? country?.nameZh : country?.nameEn;
}, },
/** 查询列表 */ /** 查询列表 */
getList() { getList() {
this.loading = true; this.loading = true;
// 处理查询参数 // 处理查询参数
let params = {...this.queryParams}; let params = { ...this.queryParams };
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); this.addBeginAndEndTime(params, this.dateRangeCreateTime, "createTime");
// 执行查询 // 执行查询
getPublicList(params).then(response => { getPublicList(params).then((response) => {
this.list = response.data.list; this.list = response.data.list;
this.total = response.data.total; this.total = response.data.total;
this.loading = false; this.loading = false;
...@@ -351,25 +578,25 @@ export default { ...@@ -351,25 +578,25 @@ export default {
customerService: null, customerService: null,
status: null, status: null,
department: null, department: null,
creditLevel:null, creditLevel: null,
country:null, country: null,
} };
this.handleQuery(); this.handleQuery();
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.$router.push('/customer/add-edit/0') this.$router.push("/customer/add-edit/0");
// this.reset(); // this.reset();
// this.open = true; // this.open = true;
// this.title = this.$t("添加客户"); // this.title = this.$t("添加客户");
}, },
/** 查看按钮操作 */ /** 查看按钮操作 */
handleView(row) { handleView(row) {
this.$router.push('/customer/query/' + row.id) this.$router.push("/customer/query/" + row.id);
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.$router.push('/customer/add-edit/' + row.id) this.$router.push("/customer/add-edit/" + row.id);
// this.reset(); // this.reset();
// const id = row.id; // const id = row.id;
// getCustomer(id).then(response => { // getCustomer(id).then(response => {
...@@ -380,22 +607,22 @@ export default { ...@@ -380,22 +607,22 @@ export default {
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate((valid) => {
if (!valid) { if (!valid) {
// return; // return;
} }
// 修改的提交 // 修改的提交
if (this.form.id != null) { if (this.form.id != null) {
updateCustomer(this.form).then(response => { updateCustomer(this.form).then((response) => {
this.$modal.msgSuccess(this.$t('修改成功')); this.$modal.msgSuccess(this.$t("修改成功"));
this.open = false; this.open = false;
this.getList(); this.getList();
}); });
return; return;
} }
// 添加的提交 // 添加的提交
createCustomer(this.form).then(response => { createCustomer(this.form).then((response) => {
this.$modal.msgSuccess(this.$t('新增成功')); this.$modal.msgSuccess(this.$t("新增成功"));
this.open = false; this.open = false;
this.getList(); this.getList();
}); });
...@@ -404,76 +631,91 @@ export default { ...@@ -404,76 +631,91 @@ export default {
/** 移交按钮操作 */ /** 移交按钮操作 */
handleDelete(row) { handleDelete(row) {
const id = row.id; const id = row.id;
this.$modal.confirm(this.$t('是否确认删除客户编号为"') + id + this.$t('"的数据项?')).then(function() { this.$modal
.confirm(
this.$t('是否确认删除客户编号为"') + id + this.$t('"的数据项?')
)
.then(function () {
return deleteCustomer(id); return deleteCustomer(id);
}).then(() => { })
.then(() => {
this.getList(); this.getList();
this.$modal.msgSuccess(this.$t('删除成功')); this.$modal.msgSuccess(this.$t("删除成功"));
}).catch(() => {}); })
.catch(() => {});
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
this.$modal
this.$modal.confirm(this.$t('是否确认导出公海池客户数据项?')).then(() => { .confirm(this.$t("是否确认导出公海池客户数据项?"))
publicExportExcel().then(()=>{ .then(() => {
this.$message.success(this.$t('已加入导出队列,请稍后在下载日志中下载')) publicExportExcel().then(() => {
this.$message.success(
this.$t("已加入导出队列,请稍后在下载日志中下载")
);
});
}) })
}).catch(() => {}); .catch(() => {});
}, },
//分配客服 //分配客服
distribution(row){ distribution(row) {
this.service = row.customerService this.service = row.customerService;
this.transferData = row; this.transferData = row;
this.transferShow =true; this.transferShow = true;
this.isBatch = false; this.isBatch = false;
}, },
transferFn(val){ transferFn(val) {
if(!this.service){ if (!this.service) {
return this.$message.warning(this.$t('请选择客户经理!')); return this.$message.warning(this.$t("请选择客户经理!"));
} }
handOverCustomer({ handOverCustomer({
customerServiceId:this.service, customerServiceId: this.service,
customerIdList:val customerIdList: val,
}).then(r=>{ }).then((r) => {
if(r.code === 0){ if (r.code === 0) {
this.transferShow = false; this.transferShow = false;
this.service = ''; this.service = "";
this.getList(); this.getList();
this.multipleSelection = []; this.multipleSelection = [];
this.$message.success(this.$t('移交成功!')); this.$message.success(this.$t("移交成功!"));
} }
}) });
}, },
fishingFn(row){ fishingFn(row) {
this.$confirm(`${this.$t('是否要捞取')}${row.name}${this.$t('的客户')}`, this.$t('提示'), { this.$confirm(
confirmButtonText: this.$t('确定'), `${this.$t("是否要捞取")}${row.name}${this.$t("的客户")}`,
cancelButtonText: this.$t('取消'), this.$t("提示"),
type: 'warning' {
}).then(() => { confirmButtonText: this.$t("确定"),
setFishing({id:row.id}).then(r=>{ cancelButtonText: this.$t("取消"),
if(r.code === 0){ type: "warning",
this.getList() }
)
.then(() => {
setFishing({ id: row.id }).then((r) => {
if (r.code === 0) {
this.getList();
this.$message({ this.$message({
type: 'success', type: "success",
message: this.$t('捞取成功!') message: this.$t("捞取成功!"),
}); });
} }
});
}) })
}).catch(() => { .catch(() => {
this.$message({ this.$message({
type: 'info', type: "info",
message: this.$t('已取消捞取') message: this.$t("已取消捞取"),
}); });
}); });
}, },
batchHandover(){ batchHandover() {
this.transferShow = true; this.transferShow = true;
this.isBatch = true this.isBatch = true;
}, },
handleSelectionChange(val){ handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val;
} },
} },
}; };
</script> </script>
...@@ -237,8 +237,9 @@ ...@@ -237,8 +237,9 @@
effect="dark" effect="dark"
:content="row.orderType===2 ? (row.wvolume||0)+'m³' : (row.vweight || 0) + 'kg'" :content="row.orderType===2 ? (row.wvolume||0)+'m³' : (row.vweight || 0) + 'kg'"
placement="bottom"> placement="bottom">
<div v-if="row.sumNum > 0">{{row.sumVolume}}m³ /{{row.sumWeight}}Kg</div> <!-- <div v-if="row.sumNum > 0">{{row.sumVolume}}m³ /{{row.sumWeight}}Kg</div>
<div v-else>{{row.costVO.totalVolume}}m³ /{{row.costVO.totalWeight}}Kg</div> <div v-else>{{row.costVO.totalVolume}}m³ /{{row.costVO.totalWeight}}Kg</div> -->
<div >{{row.sumVolume}}m³ /{{row.sumWeight}}Kg</div>
</component> </component>
<!-- <el-tooltip v-if="scope.row.orderExceptionType=='order_heavy_cargo_exception'" class="item" effect="dark" :content="(scope.row.wvolume||0)+'m³'" placement="bottom"> <!-- <el-tooltip v-if="scope.row.orderExceptionType=='order_heavy_cargo_exception'" class="item" effect="dark" :content="(scope.row.wvolume||0)+'m³'" placement="bottom">
<span style="color:#ff4949" v-if="scope.row.orderStatus >= 5 ">{{scope.row.volume+"m³/"+scope.row.weight+"kg"}}</span> <span style="color:#ff4949" v-if="scope.row.orderStatus >= 5 ">{{scope.row.volume+"m³/"+scope.row.weight+"kg"}}</span>
......
...@@ -185,7 +185,7 @@ import { ...@@ -185,7 +185,7 @@ import {
exportExcel, exportExcel,
} from "@/api/report/EcwReportPermission"; } from "@/api/report/EcwReportPermission";
//2024-05-01 //2024-05-01合并
export default { export default {
name: "EcwReportPermission", name: "EcwReportPermission",
components: { components: {
......
...@@ -328,6 +328,7 @@ ...@@ -328,6 +328,7 @@
<el-table-column label="控货总V值" align="center" prop="khSumV" /> <el-table-column label="控货总V值" align="center" prop="khSumV" />
<el-table-column label="控货占比" align="center" prop="khSumZb" /> <el-table-column label="控货占比" align="center" prop="khSumZb" />
<!--2024-05-06和张工确认这几个参数无取数逻辑,暂时隐藏--> <!--2024-05-06和张工确认这几个参数无取数逻辑,暂时隐藏-->
<!--
<el-table-column <el-table-column
label="是否首次成交" label="是否首次成交"
v-show="false" v-show="false"
...@@ -343,7 +344,7 @@ ...@@ -343,7 +344,7 @@
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.firstDate) }}</span> <span>{{ parseTime(scope.row.firstDate) }}</span>
</template> </template>
</el-table-column> </el-table-column>-->
<!--2024-05-06和张工确认这几个参数无取数逻辑,暂时隐藏--> <!--2024-05-06和张工确认这几个参数无取数逻辑,暂时隐藏-->
<el-table-column label="提货率" align="center" prop="thL" /> <el-table-column label="提货率" align="center" prop="thL" />
<el-table-column label="客户业绩类型" align="center" prop="cusYjType" /> <el-table-column label="客户业绩类型" align="center" prop="cusYjType" />
...@@ -443,7 +444,7 @@ function getLastDay(sDate) { ...@@ -443,7 +444,7 @@ function getLastDay(sDate) {
return lastDay; return lastDay;
} }
//2024-05-01 //2024-05-01合并
export default { export default {
name: "ReportCustomer_analysisIndex", name: "ReportCustomer_analysisIndex",
components: { components: {
...@@ -538,7 +539,9 @@ export default { ...@@ -538,7 +539,9 @@ export default {
watch: { watch: {
$route(to) { $route(to) {
//lanbm 2024-05-06 解决重新进入参数不刷新的问题 //lanbm 2024-05-06 解决重新进入参数不刷新的问题
if (this.$route.name == "客户分析") { //this.$route.name == "客户分析" 用name做逻辑判断,有时候菜单名称会变化
//"/report/customer_analysis" lanbm 2024-05-07 调整为根据path做逻辑判断
if (this.$route.path== "/report/customer_analysis") {
this.doLoadData(); this.doLoadData();
} }
}, },
...@@ -765,6 +768,24 @@ export default { ...@@ -765,6 +768,24 @@ export default {
return strDate; return strDate;
}, },
test() { test() {
//当前路径
let sP=this.$route.path;
alert(sP);
//当前参数
let sPar= this.$route.params;
alert(sPar);
//路由名称
let sRoute=this.$route.name;
alert(sRoute);
//路由查询参数
let sQ=this.$route.query;
alert(sQ.toString());
//路由匹配项
let sM=this.$route.matched;
alert(sM.toString());
return;
this.DeptEx.id = this.objEcwReportPermission.deptId; this.DeptEx.id = this.objEcwReportPermission.deptId;
listServiceUser(this.DeptEx).then((response) => { listServiceUser(this.DeptEx).then((response) => {
let json1 = JSON.stringify(response.data); let json1 = JSON.stringify(response.data);
...@@ -772,8 +793,6 @@ export default { ...@@ -772,8 +793,6 @@ export default {
return; return;
}); });
return;
let json1 = JSON.stringify(this.deptOptions); let json1 = JSON.stringify(this.deptOptions);
alert(json1); alert(json1);
return; return;
......
...@@ -132,7 +132,7 @@ function getLastYear() { ...@@ -132,7 +132,7 @@ function getLastYear() {
return year.toString(); return year.toString();
} }
//2024-05-01 //2024-05-01合并
export default { export default {
name: "ReportCustomerreportIndex", name: "ReportCustomerreportIndex",
components: { components: {
......
...@@ -366,7 +366,6 @@ ...@@ -366,7 +366,6 @@
</el-card> </el-card>
</el-col> </el-col>
</el-row> </el-row>
<!-- 列表 --> <!-- 列表 -->
<el-table v-loading="loading" :data="list"> <el-table v-loading="loading" :data="list">
<el-table-column label="排名" align="center" prop="px" /> <el-table-column label="排名" align="center" prop="px" />
...@@ -488,7 +487,7 @@ import { listSimpleDepts } from "@/api/system/dept"; ...@@ -488,7 +487,7 @@ import { listSimpleDepts } from "@/api/system/dept";
//入仓记录页面 //入仓记录页面
import WarehouseDetail from "@/views/ecw/order/components/WarehouseDetail"; import WarehouseDetail from "@/views/ecw/order/components/WarehouseDetail";
//2024-05-01 //2024-05-01合并
export default { export default {
name: "ReportSales_analysisIndex", name: "ReportSales_analysisIndex",
components: { components: {
......
...@@ -8,10 +8,11 @@ ...@@ -8,10 +8,11 @@
v-show="showSearch" v-show="showSearch"
label-width="100px" label-width="100px"
> >
<el-form-item label="选择日期" prop="testName"> <el-form-item label="选择日期" prop="DateQuery">
<el-date-picker <el-date-picker
v-model="queryParams.sDate" v-model="queryParams.sDate"
type="month" type="month"
style="width: 150px"
value-format="yyyy-MM" value-format="yyyy-MM"
clearable clearable
placeholder="请输起始月" placeholder="请输起始月"
...@@ -19,6 +20,7 @@ ...@@ -19,6 +20,7 @@
<el-date-picker <el-date-picker
v-model="queryParams.eDate" v-model="queryParams.eDate"
type="month" type="month"
style="width: 150px"
value-format="yyyy-MM" value-format="yyyy-MM"
clearable clearable
placeholder="请输截止月" placeholder="请输截止月"
...@@ -28,12 +30,13 @@ ...@@ -28,12 +30,13 @@
<el-date-picker <el-date-picker
v-model="queryParams.duibiYear" v-model="queryParams.duibiYear"
type="year" type="year"
style="width: 150px"
value-format="yyyy" value-format="yyyy"
placeholder="请选择同比年份" placeholder="请选择同比年份"
/> />
</el-form-item> </el-form-item>
<el-form-item label="部门" prop="deptid"> <el-form-item label="部门" prop="deptid" v-show="showDept">
<treeselect <treeselect
v-model="queryParams.deptid" v-model="queryParams.deptid"
:options="deptOptions" :options="deptOptions"
...@@ -42,7 +45,7 @@ ...@@ -42,7 +45,7 @@
:normalizer="normalizer" :normalizer="normalizer"
/> />
</el-form-item> </el-form-item>
<el-form-item label="客户经理" prop="salesmanid"> <el-form-item label="客户经理" prop="salesmanid" v-show="showCustomsManage">
<user-selector <user-selector
manage manage
v-model="queryParams.salesmanid" v-model="queryParams.salesmanid"
...@@ -58,39 +61,23 @@ ...@@ -58,39 +61,23 @@
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-row :gutter="40" class="panel-group"> <el-row :gutter="10" class="panel-group" style="margin: 5px">
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div <div class="card-panel" @click="handleGoTo">
class="card-panel" <div class="card-panel-icon-wrapper icon-shopping">
@click=" <svg-icon icon-class="shopping" class-name="card-panel-icon" />
checkPermi(['member:user'])
? $router.push('/member/member-user')
: $alert($t('暂无权限'))
"
>
<div class="card-panel-icon-wrapper icon-people">
<svg-icon icon-class="peoples" class-name="card-panel-icon" />
</div> </div>
<div class="card-panel-description"> <div class="card-panel-description">
<div class="card-panel-text"> <div class="card-panel-text">
{{ $t("业绩总览") }} {{ $t("业绩总览 Total") }}
</div> </div>
<count-to <div class="card-panel-num">{{ allsumvolume }}</div>
:start-val="0" <div style="text-align: right">同比:13%</div>
:end-val="100"
:duration="2600"
class="card-panel-num"
/>
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div <div class="card-panel" @click="handleGoTo">
class="card-panel"
@click="
$router.push('/system/internalMessage/my-internal-message?status=0')
"
>
<div class="card-panel-icon-wrapper icon-message"> <div class="card-panel-icon-wrapper icon-message">
<svg-icon icon-class="message" class-name="card-panel-icon" /> <svg-icon icon-class="message" class-name="card-panel-icon" />
</div> </div>
...@@ -98,17 +85,13 @@ ...@@ -98,17 +85,13 @@
<div class="card-panel-text"> <div class="card-panel-text">
{{ $t("海运拼柜") }} {{ $t("海运拼柜") }}
</div> </div>
<count-to <div class="card-panel-num">{{ sumvolume1 }}</div>
:start-val="0" <div style="text-align: right">同比:13%</div>
:end-val="200"
:duration="3000"
class="card-panel-num"
/>
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel" @click="$router.push('/task/todo')"> <div class="card-panel" @click="handleGoTo">
<div class="card-panel-icon-wrapper icon-money"> <div class="card-panel-icon-wrapper icon-money">
<svg-icon icon-class="date" class-name="card-panel-icon" /> <svg-icon icon-class="date" class-name="card-panel-icon" />
</div> </div>
...@@ -116,40 +99,29 @@ ...@@ -116,40 +99,29 @@
<div class="card-panel-text"> <div class="card-panel-text">
{{ $t("专线空运") }} {{ $t("专线空运") }}
</div> </div>
<count-to <div class="card-panel-num">{{ sumweight3 }}</div>
:start-val="0" <div style="text-align: right">同比:13%</div>
:end-val="500"
:duration="3200"
class="card-panel-num"
/>
</div> </div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="40" class="panel-group"> <el-row :gutter="10" class="panel-group" style="margin: 5px">
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel" @click="$router.push('/order/mine')"> <div class="card-panel" @click="handleGoTo">
<div class="card-panel-icon-wrapper icon-shopping"> <div class="card-panel-icon-wrapper icon-people">
<svg-icon icon-class="shopping" class-name="card-panel-icon" /> <svg-icon icon-class="peoples" class-name="card-panel-icon" />
</div> </div>
<div class="card-panel-description"> <div class="card-panel-description">
<div class="card-panel-text"> <div class="card-panel-text">
{{ $t("成交总览") }} {{ $t("成交总览 Total") }}
</div> </div>
<count-to <div class="card-panel-num">{{ sumCustomerCount }}</div>
:start-val="0" <div style="text-align: right">同比:13%</div>
:end-val="700"
:duration="3600"
class="card-panel-num"
/>
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div <div class="card-panel" @click="handleGoTo">
class="card-panel"
@click="$router.push('/member/member/under-review')"
>
<div class="card-panel-icon-wrapper icon-shopping"> <div class="card-panel-icon-wrapper icon-shopping">
<svg-icon icon-class="time-range" class-name="card-panel-icon" /> <svg-icon icon-class="time-range" class-name="card-panel-icon" />
</div> </div>
...@@ -157,12 +129,8 @@ ...@@ -157,12 +129,8 @@
<div class="card-panel-text"> <div class="card-panel-text">
{{ $t("首次成交") }} {{ $t("首次成交") }}
</div> </div>
<count-to <div class="card-panel-num">{{ fisCustomerCount }}</div>
:start-val="0" <div style="text-align: right">同比:13%</div>
:end-val="100"
:duration="3600"
class="card-panel-num"
/>
</div> </div>
</div> </div>
</el-col> </el-col>
...@@ -182,18 +150,42 @@ import Treeselect from "@riophae/vue-treeselect"; ...@@ -182,18 +150,42 @@ import Treeselect from "@riophae/vue-treeselect";
import "@/assets/styles/vue-treeselect.css"; import "@/assets/styles/vue-treeselect.css";
import { listSimpleDepts } from "@/api/system/dept"; import { listSimpleDepts } from "@/api/system/dept";
//报表权限接口 //报表权限接口
import { getCurUserPermission } from "@/api/report/EcwReportPermission"; import { getCurUserPermission,getDeptChild } from "@/api/report/EcwReportPermission";
import { import {
SalesReportCount, SalesReportCount,
FirstCustomerCount, FirstCustomerCount,
CustomerTargetCount,
getEChartData, getEChartData,
} from "@/api/report/salesreport"; } from "@/api/report/salesreport";
import * as echarts from "echarts"; import * as echarts from "echarts";
require("echarts/theme/macarons"); require("echarts/theme/macarons");
import resize from "../../dashboard/mixins/resize"; import resize from "../../dashboard/mixins/resize";
import SalesPanelGroup from "../../dashboard/SalesPanelGroup"; import SalesPanelGroup from "../../dashboard/SalesPanelGroup";
import { MessageBox } from "element-ui";
const CurDate = new Date();
function currentTime() {
var date = new Date();
var year = date.getFullYear();
//月份从0~11,所以加一
let month = date.getMonth() + 1;
//如果格式是MM则需要此步骤,如果是M格式则此处注释掉
if (month >= 1 && month <= 9) {
month = "0" + month;
}
let strDate = year + "-" + month;
return strDate;
}
function getLastYear() {
//获取上一年份
var date = new Date();
date.setFullYear(date.getFullYear() - 1);
let year = date.getFullYear();
return year.toString();
}
//2024-05-01 //2024-05-01合并
export default { export default {
name: "ReportSalesreportIndex", name: "ReportSalesreportIndex",
components: { components: {
...@@ -228,21 +220,22 @@ export default { ...@@ -228,21 +220,22 @@ export default {
exportLoading: false, exportLoading: false,
// 显示搜索条件 // 显示搜索条件
showSearch: true, showSearch: true,
showCustomsManage: true, showCustomsManage: true,//是否显示客户经理查询条件
showDept: true, showDept: true,//是否显示部门查询条件
chart: null, chart: null,
allsumvolume: undefined, allsumvolume: undefined, //总V值
sumvolume1: undefined, sumvolume1: undefined, //海运拼柜
sumweight3: undefined, sumweight3: undefined, //专线空运
sumCustomerCount: undefined, //成交客户总数 sumCustomerCount: undefined, //成交客户总数
fisCustomerCount: undefined, //首次成交客户户数 fisCustomerCount: undefined, //首次成交客户户数
dateRangeCreateTime: [], dateRangeCreateTime: [],
SalesReportRespShow:[],
queryParams: { queryParams: {
salesmanid: undefined, //销售经理 salesmanid: undefined, //销售经理
deptid: undefined, //部门 deptid: undefined, //部门
sDate: undefined, //开始日期 sDate: CurDate.getFullYear() + "-01", //开始日期
eDate: undefined, //结束日期 eDate: currentTime(), //结束日期
duibiYear: undefined, //对比年份 duibiYear: getLastYear(), //对比年份
}, },
deptOptions: [], deptOptions: [],
deptData: [], deptData: [],
...@@ -253,30 +246,7 @@ export default { ...@@ -253,30 +246,7 @@ export default {
watch: {}, watch: {},
mounted() {}, mounted() {},
created() { created() {
//获取当前用户报表权限 this.handleQuery();
getCurUserPermission().then((response) => {
this.objEcwReportPermission = response.data;
if (this.objEcwReportPermission.permissionFw == 1) {
//本人权限
this.showCustomsManage = false;
this.showDept = false;
this.queryParams.salesmanid = this.objEcwReportPermission.userId;
} else if (this.objEcwReportPermission.permissionFw == 2) {
this.showCustomsManage = true;
this.showDept = true;
this.queryParams.deptid = parseInt(this.objEcwReportPermission.deptId);
} else if (this.objEcwReportPermission.permissionFw == 3) {
//全公司权限
this.showCustomsManage = true;
this.showDept = true;
}
this.getTreeselect();
//this.getSalesReportCount();
// this.getFirstCustomerCount();
//获取权限后再初始化统计图表
this.initChart();
});
}, },
beforeDestroy() { beforeDestroy() {
if (!this.chart) { if (!this.chart) {
...@@ -291,6 +261,22 @@ export default { ...@@ -291,6 +261,22 @@ export default {
//this.deptData.add //this.deptData.add
}); });
}, },
getCustomerTargetCount() {
CustomerTargetCount(this.queryParams).then((response) => {
this.sumCustomerCount = response.data;
});
},
getSalesReportCount() {
//获取运输方式统计数 lanbm 2024-04-01 add
SalesReportCount(this.queryParams).then((response) => {
//业绩总览
this.allsumvolume = response.data.allsumvolume;
//海运拼柜
this.sumvolume1 = response.data.sumvolume1;
//专线空运
this.sumweight3 = response.data.sumweight3;
});
},
getSalesReportCount() { getSalesReportCount() {
//获取运输方式统计数 lanbm 2024-04-01 add //获取运输方式统计数 lanbm 2024-04-01 add
SalesReportCount(this.queryParams).then((response) => { SalesReportCount(this.queryParams).then((response) => {
...@@ -337,7 +323,44 @@ export default { ...@@ -337,7 +323,44 @@ export default {
}); });
}); });
}, },
handleQuery() {}, isChinese() {
//基础函数,判断系统显示语言是中文还是英文
return this.$i18n.locale === "zh_CN";
},
handleQuery() {
if (this.isRight() == false) return;
this.loading = true;
//获取当前用户报表权限
getCurUserPermission().then((response) => {
this.objEcwReportPermission = response.data;
if (this.objEcwReportPermission.permissionFw == 1) {
//本人权限
this.showCustomsManage = false;
this.showDept = false;
this.queryParams.salesmanid = this.objEcwReportPermission.userId;
} else if (this.objEcwReportPermission.permissionFw == 2) {
//本部门权限
this.showCustomsManage = true;
this.showDept = true;
this.queryParams.deptid = parseInt(
this.objEcwReportPermission.deptId
);
} else if (this.objEcwReportPermission.permissionFw == 3) {
//全公司权限
this.showCustomsManage = true;
this.showDept = true;
}
this.getTreeselect();
this.getSalesReportCount();
this.getFirstCustomerCount();
//获取成交客户数,出重结果
this.getCustomerTargetCount();
//获取权限后再初始化统计图表
this.initChart();
this.loading = false;
});
},
getList() {}, getList() {},
resetQuery() { resetQuery() {
this.queryParams = { this.queryParams = {
...@@ -348,6 +371,43 @@ export default { ...@@ -348,6 +371,43 @@ export default {
duibiYear: undefined, //对比年份 duibiYear: undefined, //对比年份
}; };
}, },
handleGoTo() {
if (this.isRight() == false) return;
let p = {};
Object.assign(p, this.queryParams);
this.$router.push({
path: "/report/sales_analysis",
query: p,
});
},
isRight() {
//校验查询参数 lanbm 2024-05-09 add
if (this.queryParams.sDate == undefined) {
MessageBox("请输入起始月份。");
return false;
}
if (this.queryParams.eDate == undefined) {
MessageBox("请输入截止月份。");
return false;
}
if (this.queryParams.duibiYear == undefined) {
MessageBox("请输入对比年份。");
return false;
} else {
let y = parseInt(this.queryParams.duibiYear);
if (y < 2023) {
MessageBox("对比年份只能选2023年和2023年之后的年份。");
return false;
}
var date = new Date();
var year = date.getFullYear();
if (y > year) {
MessageBox("对比年份只能选当前年份之前的年份。");
return false;
}
}
return true;
},
handleAdd() {}, handleAdd() {},
handleExport() {}, handleExport() {},
/** 查询部门下拉树结构 + 岗位下拉 */ /** 查询部门下拉树结构 + 岗位下拉 */
......
...@@ -63,7 +63,8 @@ ...@@ -63,7 +63,8 @@
<el-button <el-button
type="primary" type="primary"
plain plain
icon="el-icon-plus" v-show="false" icon="el-icon-plus"
v-show="false"
size="mini" size="mini"
@click="TestFun" @click="TestFun"
> >
...@@ -166,7 +167,7 @@ import Treeselect from "@riophae/vue-treeselect"; ...@@ -166,7 +167,7 @@ import Treeselect from "@riophae/vue-treeselect";
import "@/assets/styles/vue-treeselect.css"; import "@/assets/styles/vue-treeselect.css";
import { MessageBox } from "element-ui"; import { MessageBox } from "element-ui";
//2024-05-01 //2024-05-01合并
export default { export default {
name: "vz", name: "vz",
components: { components: {
......
...@@ -47,6 +47,7 @@ module.exports = { ...@@ -47,6 +47,7 @@ module.exports = {
disableHostCheck: true disableHostCheck: true
}, },
css: { css: {
sourceMap: true, // 开启 CSS source maps
loaderOptions: { loaderOptions: {
sass: { sass: {
sassOptions: { outputStyle: "expanded" } sassOptions: { outputStyle: "expanded" }
......
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