Skip to content

J
jiedao-app-operator-master
Commit f49a1e03 authored by 黄卓's avatar 黄卓
Browse files
Options

查看客户详情

parent 0948b630
Show whitespace changes
Inline Side-by-side
Showing with 376 additions and 54 deletions
src/router/index.js
View file @ f49a1e03
...@@ -2,6 +2,7 @@ import Vue from 'vue' ...@@ -2,6 +2,7 @@ import Vue from 'vue'
import Router from 'vue-router' import Router from 'vue-router'
/* Layout */ /* Layout */
import Layout from '@/layout' import Layout from '@/layout'
import query from '@/views/ecw/customer/query'
Vue.use(Router) Vue.use(Router)
...@@ -91,16 +92,6 @@ export const constantRoutes = [ ...@@ -91,16 +92,6 @@ export const constantRoutes = [
meta: {title: '字典数据', icon: '', activeMenu: '/system/dict'} meta: {title: '字典数据', icon: '', activeMenu: '/system/dict'}
} }
] ]
}, {
path: '/c',
component: Layout,
hidden: true,
children: [{
path: 'ecw/customer/edit/:customerId(\\d+)',
component: (resolve) => require(['@/views/ecw/customer/edit'], resolve),
name: 'Data',
meta: {title: '字典数据', icon: '', activeMenu: '/system/dict'}
}]
}, { }, {
path: '/job', path: '/job',
component: Layout, component: Layout,
...@@ -247,12 +238,28 @@ export const constantRoutes = [ ...@@ -247,12 +238,28 @@ export const constantRoutes = [
component: Layout, component: Layout,
hidden: true, hidden: true,
redirect: 'noredirect', redirect: 'noredirect',
children: [{ children: [
{
path: '/customerCommissionInfo/:dictId(\\d+)', path: '/customerCommissionInfo/:dictId(\\d+)',
component: (resolve) => require(['@/views/ecw/customerCommissionInfo/index'], resolve), component: (resolve) => require(['@/views/ecw/customerCommissionInfo/index'], resolve),
name: 'customerCommissionInfo', name: 'customerCommissionInfo',
meta: {title: '佣金详情', icon: '', activeMenu: '/customer/customerCommissionInfo'} meta: {title: '佣金详情', icon: '', activeMenu: '/customer/customerCommissionInfo'}
}] },
{
path: 'edit/:customerId(\\d+)',
component: (resolve) => import('@/views/ecw/customer/edit'),
props: true,
name: 'customerEdit',
meta: {title: '编辑客户', icon: '', activeMenu: '/customer/customer'}
},
{
path: 'query/:customerId(\\d+)',
component: (resolve) => import('@/views/ecw/customer/query'),
props: true,
name: 'customerQuery',
meta: {title: '客户详情', icon: '', activeMenu: '/customer/customer'}
}
]
}, },
] ]
......
src/views/ecw/customer/edit.vue
View file @ f49a1e03
...@@ -363,12 +363,13 @@ import { getProductList } from '@/api/ecw/product' ...@@ -363,12 +363,13 @@ import { getProductList } from '@/api/ecw/product'
export default { export default {
name: "edit", name: "edit",
props: {
customerId: String
},
components: { components: {
upload upload
}, },
created() { created() {
this.customerId = this.$route.params && this.$route.params.customerId;
console.log(this.customerId)
this.reset() this.reset()
if(this.customerId !== '0') if(this.customerId !== '0')
this.getCustomer(this.customerId) this.getCustomer(this.customerId)
...@@ -386,7 +387,6 @@ export default { ...@@ -386,7 +387,6 @@ export default {
}, },
data(){ data(){
return { return {
customerId: undefined,
getDictDatas, getDictDatas,
DICT_TYPE, DICT_TYPE,
...@@ -426,7 +426,7 @@ export default { ...@@ -426,7 +426,7 @@ 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) {
...@@ -483,6 +483,7 @@ export default { ...@@ -483,6 +483,7 @@ export default {
remarks: undefined, remarks: undefined,
arrivalConfirm: undefined, arrivalConfirm: undefined,
weightUnit: undefined, weightUnit: undefined,
createTime: undefined
}; };
this.resetForm("form"); this.resetForm("form");
}, },
......
src/views/ecw/customer/index.vue
View file @ f49a1e03
...@@ -91,6 +91,8 @@ ...@@ -91,6 +91,8 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-view" @click="handleQuery(scope.row)"
v-hasPermi="['ecw:customer:query']">查看</el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['ecw:customer:update']">修改</el-button> v-hasPermi="['ecw:customer:update']">修改</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
...@@ -600,6 +602,10 @@ export default { ...@@ -600,6 +602,10 @@ export default {
// this.open = true; // this.open = true;
// this.title = "添加客户"; // this.title = "添加客户";
}, },
/** 查看按钮操作 */
handleQuery(row) {
this.$router.push('/customer/query/' + row.id)
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.$router.push('/customer/edit/' + row.id) this.$router.push('/customer/edit/' + row.id)
......
src/views/ecw/customer/query.vue 0 → 100644
View file @ f49a1e03
<template>
<div>
<el-row type="flex" style="margin-top: 15px;margin-bottom: 15px" justify="center">
<el-col :xs="24" :sm="24" :md="24" :lg="20" :xl="16">
<div style="display: flex;justify-content: space-between;align-items: flex-end;">
<h2>查看</h2>
<div>
<el-button type="primary" size="small">添加优惠</el-button>
<el-button type="primary" size="small">编辑</el-button>
<el-button type="primary" size="small">报价</el-button>
<el-button type="primary" size="small">跟进</el-button>
<el-button type="primary" size="small">客诉</el-button>
<el-button type="danger" size="small">删除</el-button>
</div>
</div>
<el-card style="margin-top: 15px;">
<el-descriptions :column="4" border>
<el-descriptions-item label="客户编号">{{ customer.number }}</el-descriptions-item>
<el-descriptions-item label="客户名称">{{ customer.name }}</el-descriptions-item>
<el-descriptions-item label="结算方式">{{ customer.balance }}</el-descriptions-item>
<el-descriptions-item label="客户生日">{{ customer.birthday }}</el-descriptions-item>
<el-descriptions-item label="客户等级">{{ customer.level }}</el-descriptions-item>
<el-descriptions-item label="国家">{{ customer.country }}</el-descriptions-item>
<!-- <el-descriptions-item label="业务员">{{ customer }}</el-descriptions-item>-->
<el-descriptions-item label="客户来源">{{ customer.source }}</el-descriptions-item>
<el-descriptions-item label="客户类别">{{ customer.type }}</el-descriptions-item>
<!-- <el-descriptions-item label="联系方式">{{ customer }}</el-descriptions-item>-->
<el-descriptions-item label="推介人">{{ customer.promoter }}</el-descriptions-item>
<el-descriptions-item label="跟进客服">{{ customer.customerService }}</el-descriptions-item>
<el-descriptions-item label="公司名称">{{ customer.company }}</el-descriptions-item>
<el-descriptions-item label="联系地址">{{ customer.address }}</el-descriptions-item>
<el-descriptions-item label="创建时间">{{ customer.createTime }}</el-descriptions-item>
<el-descriptions-item label="状态">{{ customer.status }}</el-descriptions-item>
<el-descriptions-item label="主营类别">{{ customer.productType }}</el-descriptions-item>
<el-descriptions-item label="常提货网点">{{ customer.pickupPoint }}</el-descriptions-item>
<el-descriptions-item label="图片">{{ customer.picture }}</el-descriptions-item>
<el-descriptions-item label="备注">{{ customer.remarks }}</el-descriptions-item>
<!-- <el-descriptions-item label="信用等级">{{ customer }}</el-descriptions-item>-->
</el-descriptions>
</el-card>
<el-card style="margin-top: 15px">
<h3>联系人</h3>
<el-table
:data="customer.customerContacts"
style="width: 100%"
border
>
<el-table-column
prop="department"
label="部门"
>
</el-table-column>
<el-table-column
prop="position"
label="职位"
>
</el-table-column>
<el-table-column
prop="name"
label="联系人"
>
</el-table-column>
<el-table-column
prop="phoneNew"
label="联系方式"
>
</el-table-column>
<el-table-column
prop="username"
label="关联账号"
>
</el-table-column>
<el-table-column
prop="social"
label="社交软件"
>
</el-table-column>
<el-table-column
prop="socialNumber"
label="社交软件号码"
>
</el-table-column>
<el-table-column
prop="email"
label="邮箱"
>
</el-table-column>
</el-table>
</el-card>
<el-tabs style="margin-top: 15px" type="border-card">
<el-tab-pane label="订单">
</el-tab-pane>
<el-tab-pane label="报价">
<el-table
:data="[]"
style="width: 100%"
>
<el-table-column
prop=""
label="序号"
>
</el-table-column>
<el-table-column
prop=""
label="报价单号"
>
</el-table-column>
<el-table-column
prop=""
label="订单号"
>
</el-table-column>
<el-table-column
prop=""
label="客户名称"
>
</el-table-column>
<el-table-column
prop=""
label="目的地"
>
</el-table-column>
<el-table-column
prop=""
label="销售阶段"
>
</el-table-column>
<el-table-column
prop=""
label="预计结束时间"
>
</el-table-column>
<el-table-column
prop=""
label="负责人"
>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="跟进">
<el-table
:data="[]"
style="width: 100%"
>
<el-table-column
prop=""
label="#"
>
</el-table-column>
<el-table-column
prop=""
label="跟进类型"
>
</el-table-column>
<el-table-column
prop=""
label="联系人"
>
</el-table-column>
<el-table-column
prop=""
label="跟进方式"
>
</el-table-column>
<el-table-column
prop=""
label="跟进时间"
>
</el-table-column>
<el-table-column
prop=""
label="客户反馈"
>
</el-table-column>
<el-table-column
prop=""
label="处理结果"
>
</el-table-column>
<el-table-column
prop=""
label="跟进业务"
>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="客户投诉">
<el-table
:data="[]"
style="width: 100%"
>
<el-table-column
prop=""
label="序号"
>
</el-table-column>
<el-table-column
prop=""
label="投诉编号"
>
</el-table-column>
<el-table-column
prop=""
label="投诉类型"
>
</el-table-column>
<el-table-column
prop=""
label="投诉时间"
>
</el-table-column>
<el-table-column
prop=""
label="投诉内容"
>
</el-table-column>
<el-table-column
prop=""
label="登记客服"
>
</el-table-column>
<el-table-column
prop=""
label="提单号"
>
</el-table-column>
<el-table-column
prop=""
label="状态"
>
</el-table-column>
<el-table-column
prop=""
label="查明原因"
>
</el-table-column>
<el-table-column
prop=""
label="处理时间"
>
</el-table-column>
<el-table-column
prop=""
label="处理结果"
>
</el-table-column>
<el-table-column
prop=""
label="赔偿金额"
>
</el-table-column>
<el-table-column
prop=""
label="操作"
>
<template v-slot="{row}">
<el-button size="mini" type="text" icon="el-icon-view" @click=""
v-hasPermi="['ecw:customer:query']">编辑</el-button>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="账单">
</el-tab-pane>
<el-tab-pane label="数据">
</el-tab-pane>
<el-tab-pane label="品牌授权">
</el-tab-pane>
<el-tab-pane label="信用日志">
</el-tab-pane>
<el-tab-pane label="等级日志">
</el-tab-pane>
</el-tabs>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
name: 'query',
props: {
customerId: String
},
data() {
return {
customer: {
id: undefined,
number: undefined,
name: undefined,
level: undefined,
country: undefined,
type: undefined,
agentId: undefined,
company: undefined,
address: undefined,
productType: undefined,
productId: undefined,
pickupPoint: undefined,
memberId: undefined,
birthday: undefined,
balance: undefined,
source: undefined,
picture: undefined,
customerService: undefined,
customerContacts: [],
customerLines: [],
promoter: undefined,
status: undefined,
founder: undefined,
department: undefined,
invoiceTitle: undefined,
licenseNumber: undefined,
bank: undefined,
bankNumber: undefined,
project: undefined,
billingAddress: undefined,
billingTell: undefined,
taxRate: undefined,
remarks: undefined,
arrivalConfirm: undefined,
weightUnit: undefined,
createTime: undefined
}
}
}
}
</script>
<style scoped>
</style>
src/views/ecw/customer/view.vue deleted 100644 → 0
View file @ 0948b630
<template>
<view>
<el-row type="flex" style="margin-top: 15px;margin-bottom: 15px" justify="center">
<el-col :xs="24" :sm="24" :md="24" :lg="20" :xl="16">
<h2></h2>
<el-row :gutter="10">
<el-col>
<h2>查看</h2>
</el-col>
<el-col>
<el-button type="primary">主要按钮</el-button>
<el-button type="primary">主要按钮</el-button>
<el-button type="primary">主要按钮</el-button>
<el-button type="primary">主要按钮</el-button>
<el-button type="primary">主要按钮</el-button>
<el-button type="danger">危险按钮</el-button>
</el-col>
</el-row>
</el-col>
</el-row>
</view>
</template>
<script>
export default {
name: 'view'
}
</script>
<style scoped>
</style>
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