最新
This commit is contained in:
lcc
@@ -95,18 +95,18 @@
|
||||
},
|
||||
created() {
|
||||
this.loadBrands();
|
||||
if (this.form.brandId) {
|
||||
this.loadSeriesList(this.form.brandId);
|
||||
}
|
||||
if (this.form.seriesId) {
|
||||
this.loadModelList(this.form.seriesId);
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value: {
|
||||
deep: true,
|
||||
handler(newVal) {
|
||||
this.form = { ...newVal }; // 外部值变化时更新内部form
|
||||
if (this.form.brandId) {
|
||||
this.loadSeriesList(this.form.brandId);
|
||||
}
|
||||
if (this.form.seriesId) {
|
||||
this.loadModelList(this.form.seriesId);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@@ -13,3 +13,23 @@ export async function pageClues(params) {
|
||||
}
|
||||
return Promise.reject(new Error(res.data.message));
|
||||
}
|
||||
|
||||
export async function getClues(params) {
|
||||
const res = await request.get('/receiver/clues', {
|
||||
params
|
||||
});
|
||||
if (res.data.code === 0) {
|
||||
return res.data.data;
|
||||
}
|
||||
return Promise.reject(new Error(res.data.message));
|
||||
}
|
||||
|
||||
export async function pageCluesOptLog(params) {
|
||||
const res = await request.get('/receiver/clues/opt', {
|
||||
params
|
||||
});
|
||||
if (res.data.code === 0) {
|
||||
return res.data.data;
|
||||
}
|
||||
return Promise.reject(new Error(res.data.message));
|
||||
}
|
||||
|
||||
@@ -0,0 +1,35 @@
|
||||
import request from '@/utils/request';
|
||||
|
||||
/**
|
||||
* 分页查询
|
||||
* @param params 查询条件
|
||||
*/
|
||||
export async function pageCustomer(params) {
|
||||
const res = await request.get('/receiver/customer/page', {
|
||||
params
|
||||
});
|
||||
if (res.data.code === 0) {
|
||||
return res.data.data;
|
||||
}
|
||||
return Promise.reject(new Error(res.data.message));
|
||||
}
|
||||
|
||||
export async function getCustomer(params) {
|
||||
const res = await request.get('/receiver/customer', {
|
||||
params
|
||||
});
|
||||
if (res.data.code === 0) {
|
||||
return res.data.data;
|
||||
}
|
||||
return Promise.reject(new Error(res.data.message));
|
||||
}
|
||||
|
||||
export async function pageCustomerOptLog(params) {
|
||||
const res = await request.get('/receiver/customer/opt', {
|
||||
params
|
||||
});
|
||||
if (res.data.code === 0) {
|
||||
return res.data.data;
|
||||
}
|
||||
return Promise.reject(new Error(res.data.message));
|
||||
}
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="car-model-selector">
|
||||
<el-form-item label="品牌">
|
||||
<el-form-item :label="title">
|
||||
<el-select
|
||||
v-model="form.brandId"
|
||||
filterable
|
||||
@@ -79,6 +79,10 @@
|
||||
validator: (type) => {
|
||||
return !type || ['brandSeries', 'brand'].includes(type);
|
||||
}
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: '品牌'
|
||||
}
|
||||
},
|
||||
data() {
|
||||
@@ -95,18 +99,18 @@
|
||||
},
|
||||
created() {
|
||||
this.loadBrands();
|
||||
if (this.form.brandId) {
|
||||
this.loadSeriesList(this.form.brandId);
|
||||
}
|
||||
if (this.form.seriesId) {
|
||||
this.loadModelList(this.form.seriesId);
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value: {
|
||||
deep: true,
|
||||
handler(newVal) {
|
||||
this.form = { ...newVal }; // 外部值变化时更新内部form
|
||||
if (this.form.brandId) {
|
||||
this.loadSeriesList(this.form.brandId);
|
||||
}
|
||||
if (this.form.seriesId) {
|
||||
this.loadModelList(this.form.seriesId);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@@ -0,0 +1,204 @@
|
||||
<template>
|
||||
<div class="ele-body ele-body-card">
|
||||
<el-card shadow="never pd10">
|
||||
<el-form label-width="100px" class="customer-info-form">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="客户姓名">
|
||||
<el-input v-model="form.name" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="手机号码">
|
||||
<el-input v-model="form.mobile" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="添加微信">
|
||||
<el-select value="" v-model="form.wxgr">
|
||||
<el-option label="是" value="1"></el-option>
|
||||
<el-option label="否" value="0"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<car-model-selector
|
||||
type="brandSeries"
|
||||
title="关注车型"
|
||||
:model-value="form.selectedCar"
|
||||
v-model="form.selectedCar"
|
||||
@update:modelValue="handleCarChange"
|
||||
/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在地区">
|
||||
<regions-select v-model="form.provinceCity" class="ele-fluid" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="客户来源"></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="首次留资">
|
||||
<el-input v-model="form.c_time" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="最新留资">
|
||||
<el-input v-model="form.en_time" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!--
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-button type="success">保存</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
-->
|
||||
</el-form>
|
||||
<!-- 数据表格 -->
|
||||
<ele-pro-table
|
||||
ref="table"
|
||||
:columns="columns"
|
||||
:datasource="datasource"
|
||||
cache-key="receiverCustomerOptTables"
|
||||
>
|
||||
<!-- 表头工具栏 -->
|
||||
<template v-slot:toolbar>跟进记录</template>
|
||||
<!-- 操作列 -->
|
||||
<template v-slot:content="{ row }">
|
||||
<template v-if="row.rec_url">
|
||||
<audio controls="controls">
|
||||
<source :src="row.rec_url" />
|
||||
</audio>
|
||||
</template>
|
||||
<template v-else-if="row.rec_text">
|
||||
{{ row.rec_text }}
|
||||
</template>
|
||||
<template v-else>{{ row.log }}</template>
|
||||
</template>
|
||||
</ele-pro-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { setPageTabTitle } from '@/utils/page-tab-util';
|
||||
import { getClues, pageCluesOptLog } from '@/api/receiver/clues';
|
||||
import CarModelSelector from '@/components/CarSelector/index.vue';
|
||||
import RegionsSelect from '@/components/RegionsSelect/index.vue';
|
||||
const ROUTE_PATH = '/receiver/clues/detail';
|
||||
export default {
|
||||
name: 'receiverCluesDetail',
|
||||
components: { RegionsSelect, CarModelSelector },
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
form: {
|
||||
id: '',
|
||||
name: '',
|
||||
mobile: '',
|
||||
c_time: '',
|
||||
en_time: '',
|
||||
selectedCar: {},
|
||||
wxgr: 0,
|
||||
provinceCity: []
|
||||
},
|
||||
title: '',
|
||||
// 表格列配置
|
||||
columns: [
|
||||
{
|
||||
prop: 'uname',
|
||||
label: '操作人员',
|
||||
align: 'center',
|
||||
showOverflowTooltip: true,
|
||||
minWidth: 80
|
||||
},
|
||||
{
|
||||
prop: 'content',
|
||||
slot: 'content',
|
||||
label: '内容',
|
||||
align: 'center',
|
||||
showOverflowTooltip: true,
|
||||
minWidth: 80
|
||||
},
|
||||
{
|
||||
prop: 'type_name',
|
||||
label: '类型',
|
||||
align: 'center',
|
||||
showOverflowTooltip: true,
|
||||
minWidth: 80
|
||||
},
|
||||
{
|
||||
prop: 'c_time',
|
||||
label: '时间',
|
||||
align: 'center',
|
||||
minWidth: 80,
|
||||
resizable: false,
|
||||
showOverflowTooltip: true
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
query() {
|
||||
const id = this.$route.query.id;
|
||||
if (!id || this.form.id === Number(id)) {
|
||||
return;
|
||||
}
|
||||
this.loading = true;
|
||||
getClues({ id: Number(id) })
|
||||
.then((data) => {
|
||||
this.loading = false;
|
||||
this.$util.assignObject(this.form, { ...data });
|
||||
})
|
||||
.catch((e) => {
|
||||
this.loading = false;
|
||||
this.$message.error(e.message);
|
||||
});
|
||||
},
|
||||
/* 表格数据源 */
|
||||
datasource({ page, limit, where, order }) {
|
||||
where['id'] = this.form.id;
|
||||
return pageCluesOptLog({ ...where, ...order, page, limit });
|
||||
},
|
||||
/* 刷新表格 */
|
||||
reload() {
|
||||
this.$refs.table.reload({ page: 1, where: this.where });
|
||||
},
|
||||
handleCarChange(carInfo) {
|
||||
this.form.selectedCar = carInfo;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route: {
|
||||
handler(route) {
|
||||
const { path } = route;
|
||||
if (path !== ROUTE_PATH) {
|
||||
return;
|
||||
}
|
||||
this.title = this.$route.query.title
|
||||
? this.$route.query.title
|
||||
: '线索详情';
|
||||
this.form.id = this.$route.query.id;
|
||||
setPageTabTitle(this.title);
|
||||
this.query();
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.pd10 {
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,214 @@
|
||||
<template>
|
||||
<div class="ele-body ele-body-card">
|
||||
<el-card shadow="never pd10">
|
||||
<el-form label-width="100px" class="customer-info-form">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="客户姓名">
|
||||
<el-input v-model="form.name" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="手机号码">
|
||||
<el-input v-model="form.mobile" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所属门店">
|
||||
{{ form.biz }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<car-model-selector
|
||||
type="brandSeries"
|
||||
title="关注车型"
|
||||
:model-value="form.selectedCar"
|
||||
v-model="form.selectedCar"
|
||||
@update:modelValue="handleCarChange"
|
||||
/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="客户等级">
|
||||
{{ form.level }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="微信好友">
|
||||
{{ form.wx_name }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="客户位置">
|
||||
{{ form.poi }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="客户来源">
|
||||
{{ form.of_title }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="建档时间">
|
||||
{{ form.c_time }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!--
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-button type="success">保存</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
-->
|
||||
</el-form>
|
||||
<!-- 数据表格 -->
|
||||
<ele-pro-table
|
||||
ref="table"
|
||||
:columns="columns"
|
||||
:datasource="datasource"
|
||||
cache-key="receiverCustomerOptTables"
|
||||
>
|
||||
<!-- 表头工具栏 -->
|
||||
<template v-slot:toolbar>跟进记录</template>
|
||||
<!-- 操作列 -->
|
||||
<template v-slot:content="{ row }">
|
||||
<template v-if="row.rec_url">
|
||||
<audio controls="controls">
|
||||
<source :src="row.rec_url" />
|
||||
</audio>
|
||||
</template>
|
||||
<template v-else-if="row.rec_text">
|
||||
{{ row.rec_text }}
|
||||
</template>
|
||||
<template v-else>{{ row.log }}</template>
|
||||
</template>
|
||||
</ele-pro-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { setPageTabTitle } from '@/utils/page-tab-util';
|
||||
import { getCustomer, pageCustomerOptLog } from '@/api/receiver/customer';
|
||||
import CarModelSelector from '@/components/CarSelector/index.vue';
|
||||
const ROUTE_PATH = '/receiver/customer/detail';
|
||||
export default {
|
||||
name: 'receiverCluesDetail',
|
||||
components: { CarModelSelector },
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
form: {
|
||||
id: '',
|
||||
name: '',
|
||||
mobile: '',
|
||||
c_time: '',
|
||||
en_time: '',
|
||||
selectedCar: {},
|
||||
wxgr: 0,
|
||||
provinceCity: [],
|
||||
level: '',
|
||||
wx_name: '',
|
||||
of_title: '',
|
||||
biz: '',
|
||||
poi: ''
|
||||
},
|
||||
title: '',
|
||||
// 表格列配置
|
||||
columns: [
|
||||
{
|
||||
prop: 'uname',
|
||||
label: '操作人员',
|
||||
align: 'center',
|
||||
showOverflowTooltip: true,
|
||||
minWidth: 80
|
||||
},
|
||||
{
|
||||
prop: 'content',
|
||||
slot: 'content',
|
||||
label: '内容',
|
||||
align: 'center',
|
||||
showOverflowTooltip: true,
|
||||
minWidth: 80
|
||||
},
|
||||
{
|
||||
prop: 'type_name',
|
||||
label: '类型',
|
||||
align: 'center',
|
||||
showOverflowTooltip: true,
|
||||
minWidth: 80
|
||||
},
|
||||
{
|
||||
prop: 'c_time',
|
||||
label: '时间',
|
||||
align: 'center',
|
||||
minWidth: 80,
|
||||
resizable: false,
|
||||
showOverflowTooltip: true
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
query() {
|
||||
const id = this.$route.query.id;
|
||||
if (!id || this.form.id === Number(id)) {
|
||||
return;
|
||||
}
|
||||
this.loading = true;
|
||||
getCustomer({ id: Number(id) })
|
||||
.then((data) => {
|
||||
this.loading = false;
|
||||
this.$util.assignObject(this.form, { ...data });
|
||||
})
|
||||
.catch((e) => {
|
||||
this.loading = false;
|
||||
this.$message.error(e.message);
|
||||
});
|
||||
},
|
||||
/* 表格数据源 */
|
||||
datasource({ page, limit, where, order }) {
|
||||
where['id'] = this.form.id;
|
||||
return pageCustomerOptLog({ ...where, ...order, page, limit });
|
||||
},
|
||||
/* 刷新表格 */
|
||||
reload() {
|
||||
this.$refs.table.reload({ page: 1, where: this.where });
|
||||
},
|
||||
handleCarChange(carInfo) {
|
||||
this.form.selectedCar = carInfo;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route: {
|
||||
handler(route) {
|
||||
const { path } = route;
|
||||
if (path !== ROUTE_PATH) {
|
||||
return;
|
||||
}
|
||||
this.title = this.$route.query.title
|
||||
? this.$route.query.title
|
||||
: '客户详情';
|
||||
this.form.id = this.$route.query.id;
|
||||
setPageTabTitle(this.title);
|
||||
this.query();
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.pd10 {
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,234 @@
|
||||
<template>
|
||||
<div class="ele-body">
|
||||
<el-card shadow="never">
|
||||
<!-- 搜索表单 -->
|
||||
<el-form label-width="77px" class="ele-form-search">
|
||||
<el-row :gutter="15">
|
||||
<el-col :md="6" :sm="12">
|
||||
<el-form-item label="客户:">
|
||||
<el-input
|
||||
placeholder="请输入手机号"
|
||||
clearable
|
||||
v-model="where.title"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-bind="styleResponsive ? { lg: 12, md: 12 } : { span: 12 }">
|
||||
<el-form-item label="筛选日期:">
|
||||
<el-date-picker
|
||||
unlink-panels
|
||||
v-model="where.dateRange"
|
||||
range-separator="-"
|
||||
type="daterange"
|
||||
end-placeholder="结束日期"
|
||||
start-placeholder="开始日期"
|
||||
:picker-options="pickerOptions"
|
||||
value-format="yyyy-MM-dd"
|
||||
class="ele-fluid"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="6" :sm="12">
|
||||
<div class="ele-form-actions">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
class="ele-btn-icon"
|
||||
@click="reload"
|
||||
>
|
||||
查询
|
||||
</el-button>
|
||||
<el-button @click="reset">重置</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<!-- 数据表格 -->
|
||||
<ele-pro-table
|
||||
ref="table"
|
||||
:columns="columns"
|
||||
:datasource="datasource"
|
||||
:selection.sync="selection"
|
||||
cache-key="receiverCustomerTables"
|
||||
>
|
||||
<!-- 表头工具栏 -->
|
||||
<template v-slot:toolbar></template>
|
||||
<template v-slot:biz="{ row }">
|
||||
{{ row.biz_poi }} <br />
|
||||
{{ row.biz_name }}
|
||||
</template>
|
||||
<!-- 操作列 -->
|
||||
<template v-slot:action="{ row }">
|
||||
<el-link type="primary" :underline="false" @click="goDetail(row)">
|
||||
查看
|
||||
</el-link>
|
||||
</template>
|
||||
</ele-pro-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { pageCustomer } from '@/api/receiver/customer';
|
||||
|
||||
export default {
|
||||
name: 'receiverClues',
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
where: {
|
||||
title: '',
|
||||
selectedCar: {
|
||||
brandId: '',
|
||||
seriesId: '',
|
||||
modelId: ''
|
||||
}
|
||||
},
|
||||
// 表格列配置
|
||||
columns: [
|
||||
{
|
||||
prop: 'mobile',
|
||||
label: '客户',
|
||||
align: 'center',
|
||||
showOverflowTooltip: true,
|
||||
minWidth: 80
|
||||
},
|
||||
{
|
||||
prop: 'biz',
|
||||
label: '所属门店',
|
||||
align: 'center',
|
||||
showOverflowTooltip: true,
|
||||
minWidth: 80,
|
||||
slot: 'biz'
|
||||
},
|
||||
{
|
||||
prop: 'status_name',
|
||||
label: '状态',
|
||||
align: 'center',
|
||||
showOverflowTooltip: true,
|
||||
minWidth: 80
|
||||
},
|
||||
{
|
||||
prop: 'brand_detail',
|
||||
label: '关注车型',
|
||||
align: 'center',
|
||||
minWidth: 80,
|
||||
resizable: false,
|
||||
showOverflowTooltip: true
|
||||
},
|
||||
{
|
||||
columnKey: 'action',
|
||||
label: '操作',
|
||||
width: 200,
|
||||
align: 'center',
|
||||
resizable: false,
|
||||
slot: 'action'
|
||||
}
|
||||
],
|
||||
// 表格选中数据
|
||||
selection: [],
|
||||
// 当前编辑数据
|
||||
current: null,
|
||||
// 是否显示编辑弹窗
|
||||
showEdit: false,
|
||||
// 日期时间选择器快捷项
|
||||
pickerOptions: {
|
||||
shortcuts: [
|
||||
{
|
||||
text: '今天',
|
||||
onClick(picker) {
|
||||
const end = new Date();
|
||||
const start = new Date();
|
||||
picker.$emit('pick', [start, end]);
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '昨天',
|
||||
onClick(picker) {
|
||||
const end = new Date();
|
||||
const start = new Date();
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24);
|
||||
end.setTime(end.getTime() - 3600 * 1000 * 24);
|
||||
picker.$emit('pick', [start, end]);
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '最近一周',
|
||||
onClick(picker) {
|
||||
const end = new Date();
|
||||
const start = new Date();
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
||||
picker.$emit('pick', [start, end]);
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '最近一个月',
|
||||
onClick(picker) {
|
||||
const end = new Date();
|
||||
const start = new Date();
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
||||
picker.$emit('pick', [start, end]);
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '最近三个月',
|
||||
onClick(picker) {
|
||||
const end = new Date();
|
||||
const start = new Date();
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
|
||||
picker.$emit('pick', [start, end]);
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {},
|
||||
computed: {
|
||||
// 是否开启响应式布局
|
||||
styleResponsive() {
|
||||
return this.$store.state.theme.styleResponsive;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/* 下拉按钮点击 */
|
||||
dropClick(command, row) {
|
||||
if (command === 'edit') {
|
||||
this.current = row;
|
||||
this.showEdit = true;
|
||||
} else if (command === 'brokerage') {
|
||||
this.current = row;
|
||||
this.showEditBrokerage = true;
|
||||
} else if (command === 'coupon') {
|
||||
const path = '/car/product/coupon';
|
||||
this.$nextTick(() => {
|
||||
this.$router.push({
|
||||
path,
|
||||
query: row ? { id: row.id, title: row.title } : undefined
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
goDetail(row) {
|
||||
const path = '/receiver/customer/detail';
|
||||
this.$router.push({
|
||||
path,
|
||||
query: row ? { id: row.id, title: row.title } : undefined
|
||||
});
|
||||
},
|
||||
/* 表格数据源 */
|
||||
datasource({ page, limit, where, order }) {
|
||||
return pageCustomer({ ...where, ...order, page, limit });
|
||||
},
|
||||
/* 刷新表格 */
|
||||
reload() {
|
||||
this.$refs.table.reload({ page: 1, where: this.where });
|
||||
},
|
||||
/* 重置搜索 */
|
||||
reset() {
|
||||
this.where = {};
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style scoped></style>
|
||||
Reference in New Issue
Block a user