Skip to content

C
confucius
Commit b6cccc4c authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 15af8277
Hide whitespace changes
Inline Side-by-side
Showing with 633 additions and 831 deletions
src/components/sale/b2bcustomlist.vue
View file @ b6cccc4c
<style lang="scss">
.b2bcustomlist .q-table__bottom {
min-height: 0;
}
.CustomerName {
cursor: pointer;
color: var(--q-color-primary);
}
.b2bcustomlist .q-table__bottom {
min-height: 0;
}
.CustomerName {
cursor: pointer;
color: var(--q-color-primary);
}
</style>
<template>
<div class="b2bcustomlist">
<q-table
:pagination="pageMsg"
:loading="loading"
no-data-label="暂无相关数据"
flat
selection="multiple"
:selected.sync="selection"
:class="sticky"
separator="none"
:data="dataList"
:columns="columns"
:visible-columns="visibleColumns"
row-key="CustomerId"
>
<template v-slot:top="props">
<q-table :pagination="pageMsg" :loading="loading" no-data-label="暂无相关数据" flat selection="multiple"
:selected.sync="selection" :class="sticky" separator="none" :data="dataList" :columns="columns"
:visible-columns="visibleColumns" row-key="CustomerId">
<template v-slot:top>
<q-space />
<div class="page-option" v-if="authObj.isShowEdit">
<q-btn
color="accent"
size="sm"
class="q-mr-md"
icon="add"
@click="EditCustom(null)"
label="新增客户"
/>
<q-btn
color="accent"
size="sm"
label="转交"
:disable="selection.length == 0"
icon="swap_horiz"
@click="isShowTrans = true"
>
<q-btn color="accent" size="sm" class="q-mr-md" icon="add" @click="EditCustom(null)" label="新增客户" />
<q-btn color="accent" size="sm" label="转交" :disable="selection.length == 0" icon="swap_horiz"
@click="isShowTrans = true">
<q-popup-proxy :offset="[10, 10]">
<q-banner v-if="isShowTrans">
<q-select
style="margin-top:20px;"
filled
v-model="TransferMsg.EmpId"
@filter="filterEmployee"
use-input
:options="myEmployeeList"
option-label="EmployeeName"
option-value="Id"
emit-value
map-options
:rules="[val => !!val || '请选择接收人']"
ref="transfer"
/>
<q-btn
label="保存"
style="float:right;margin-top:15px"
color="accent q-mb-lg"
size="sm"
@click="saveTransForm"
/>
<q-select style="margin-top:20px;" filled v-model="TransferMsg.EmpId" @filter="filterEmployee" use-input
:options="myEmployeeList" option-label="EmployeeName" option-value="Id" emit-value map-options
:rules="[val => !!val || '请选择接收人']" ref="transfer" />
<q-btn label="保存" style="float:right;margin-top:15px" color="accent q-mb-lg" size="sm"
@click="saveTransForm" />
</q-banner>
</q-popup-proxy>
</q-btn>
......@@ -99,362 +60,322 @@
</template>
<template v-slot:body-cell-optioned="props">
<q-td :props="props">
<q-btn
flat
v-if="
<q-btn flat v-if="
(props.row.ApproveState == 0 || props.row.ApproveState == 2) &&
authObj.isShowAudit
"
size="xs"
icon="edit"
color="accent"
style="font-weight:400"
label="客户审批"
@click="AuditCustomer(props.row, 1)"
/>
<!-- <q-btn flat size="xs"
icon="edit" color="accent" style="font-weight:400" label="编辑" @click="EditCustom(props.row)" /> -->
<!-- <q-btn
flat
v-if="props.row.ApproveState == 0 && AuthorityObj.isShowEdit"
size="xs"
icon="delete"
color="negative"
style="font-weight:400"
label="删除"
@click="RemoveCustomer(props.row)"
/> -->
<!-- <q-btn
flat
v-if="AuthorityObj.isShowBankBook"
size="xs"
icon="edit"
color="accent"
style="font-weight:400"
label="幸福存折"
@click="gohappyPassbook(props.row)"
/>
<q-btn
flat
v-if="AuthorityObj.isShowRebate"
size="xs"
icon="edit"
color="accent"
style="font-weight:400"
label="返佣管理"
@click="gohappyCommisson(props.row)"
/> -->
" size="xs" icon="edit" color="accent" style="font-weight:400" label="客户审批"
@click="AuditCustomer(props.row, 1)" />
</q-td>
</template>
<template v-slot:bottom>
<div></div>
</template>
</q-table>
<customerEdit-form
v-if="isShowCustomForm"
:customerObj="customerObj"
@close="closeCustomForm"
@success="refreshQuestion"
>
<customerEdit-form v-if="isShowCustomForm" :customerObj="customerObj" @close="closeCustomForm"
@success="refreshQuestion">
</customerEdit-form>
<customerReview-form
v-if="isShowRightForm"
:customerObj="customerObj"
@close="closeCustomForm"
@success="refreshQuestion"
></customerReview-form>
<customerInfo
v-if="isShowDetailForm"
:rowId="curRowId"
:tabId="tabId"
:empList="employeeList"
@close="closeCustomForm"
:auth="AuthorityObj"
@success="refreshQuestion"
></customerInfo>
<customerReview-form v-if="isShowRightForm" :customerObj="customerObj" @close="closeCustomForm"
@success="refreshQuestion"></customerReview-form>
<customerInfo v-if="isShowDetailForm" :rowId="curRowId" :tabId="tabId" :empList="employeeList"
@close="closeCustomForm" :auth="AuthorityObj" @success="refreshQuestion"></customerInfo>
</div>
</template>
<script>
import { queryEmployee } from "../../api/users/user";
import { setCustomerCareOf } from "../../api/sale/peemanagement";
import customerEditForm from "../sale/customerEdit-form";
import customerReviewForm from "../sale/customerReview-form";
import customerInfo from "./b2bcustomerinfo/b2bCustomerInfo.vue";
export default {
props: {
dataList: {
type: Array,
default: null
},
authObj: {
type: Object,
default: null
},
empList: {
type: Array,
default: () => []
},
visibleColumns: {
type: Array,
default: () => []
},
sticky:{
type:String,
default:""
}
},
components: {
customerEditForm,
customerReviewForm,
customerInfo
},
data() {
return {
columns: [
{
name: "CustomerName",
label: "同业名称",
field: "CustomerName",
align: "left"
},
{
name: "CustomerType",
label: "类型",
field: "CustomerType",
align: "left"
},
{
name: "EnterpriseName",
label: "企业/学校名称",
field: "EnterpriseName",
align: "left"
},
{
name: "ContactNumber",
label: "电话",
field: "ContactNumber",
align: "left"
},
{
name: "StuNum",
label: "客户数量",
field: "StuNum",
align: "left"
},
{
name: "OrderNum",
label: "订单数量",
field: "OrderNum",
align: "left"
},
{
name: "OrderSales",
label: "交易额",
field: "OrderSales",
align: "left"
},
{
name: "ApproveStateStr",
label: "审核状态",
field: "ApproveStateStr",
align: "left"
},
{
name: "CreateTimeStr",
label: "加入时间",
field: "CreateTimeStr",
align: "left"
},
{
name: "CreateByName",
label: "负责人",
field: "CreateByName",
align: "left"
},
{
name: "optioned",
label: "操作",
field: "QuestionId"
}
],
pageMsg: {
rowsPerPage: 12
import {
queryEmployee
} from "../../api/users/user";
import {
setCustomerCareOf
} from "../../api/sale/peemanagement";
import customerEditForm from "../sale/customerEdit-form";
import customerReviewForm from "../sale/customerReview-form";
import customerInfo from "./b2bcustomerinfo/b2bCustomerInfo.vue";
export default {
props: {
dataList: {
type: Array,
default: null
},
loading: false,
isShowCustomForm: false,
isShowRightForm: false,
customerObj: null, //传入参数
isShowDetailForm: false,
curRowId: 0,
//权限设置
AuthorityObj: {
isShowEdit: false, //是否显示新增修改按钮
isShowAudit: false, //是否显示审批
isShowBankBook: false, //是否显示幸福存折
isShowRebate: false //是否显示返佣
authObj: {
type: Object,
default: null
},
selection: [],
tabId: 1,
TransferMsg: {
CustomerIds: "",
EmpId: ""
empList: {
type: Array,
default: () => []
},
//员工列表
employeeList: [],
myEmployeeList: [],
isShowTrans: false
};
},
created() {
this.initAuth();
this.getEmployeeList();
},
mounted() {},
methods: {
//初始化权限
initAuth() {
if (this.authObj) {
if (this.authObj.isShowEdit != null && this.authObj.isShowEdit) {
this.AuthorityObj.isShowEdit = this.authObj.isShowEdit;
}
if (this.authObj.isShowAudit != null && this.authObj.isShowAudit) {
this.AuthorityObj.isShowAudit = this.authObj.isShowAudit;
}
if (
this.authObj.isShowBankBook != null &&
this.authObj.isShowBankBook
) {
this.AuthorityObj.isShowBankBook = this.authObj.isShowBankBook;
}
if (this.authObj.isShowRebate != null && this.authObj.isShowRebate) {
this.AuthorityObj.isShowRebate = this.authObj.isShowRebate;
}
visibleColumns: {
type: Array,
default: () => []
},
sticky: {
type: String,
default: ""
}
},
//新增或者修改客户
EditCustom(obj) {
if (obj) {
this.customerObj = obj;
} else {
this.customerObj = null;
}
this.isShowCustomForm = true;
components: {
customerEditForm,
customerReviewForm,
customerInfo
},
data() {
return {
columns: [{
name: "CustomerName",
label: "同业名称",
field: "CustomerName",
align: "left"
},
{
name: "CustomerType",
label: "类型",
field: "CustomerType",
align: "left"
},
{
name: "EnterpriseName",
label: "企业/学校名称",
field: "EnterpriseName",
align: "left"
},
{
name: "ContactNumber",
label: "电话",
field: "ContactNumber",
align: "left"
},
{
name: "QQ",
label: "QQ号",
field: "QQ",
align: "left"
},
{
name: "WeChatNo",
label: "微信号",
field: "WeChatNo",
align: "left"
},
{
name: "StuNum",
label: "客户数量",
field: "StuNum",
align: "left"
},
{
name: "OrderNum",
label: "订单数量",
field: "OrderNum",
align: "left"
},
{
name: "OrderSales",
label: "交易额",
field: "OrderSales",
align: "left"
},
{
name: "ApproveStateStr",
label: "审核状态",
field: "ApproveStateStr",
align: "left"
},
//客户审核
AuditCustomer(obj, Type) {
if (obj) {
this.customerObj = obj;
this.customerObj.Type = Type;
} else {
this.customerObj = null;
}
this.isShowRightForm = true;
{
name: "CreateTimeStr",
label: "加入时间",
field: "CreateTimeStr",
align: "left"
},
{
name: "CreateByName",
label: "负责人",
field: "CreateByName",
align: "left"
},
{
name: "optioned",
label: "操作",
field: "QuestionId"
}
],
pageMsg: {
rowsPerPage: 12
},
loading: false,
isShowCustomForm: false,
isShowRightForm: false,
customerObj: null, //传入参数
isShowDetailForm: false,
curRowId: 0,
//权限设置
AuthorityObj: {
isShowEdit: false, //是否显示新增修改按钮
isShowAudit: false, //是否显示审批
isShowBankBook: false, //是否显示幸福存折
isShowRebate: false //是否显示返佣
},
selection: [],
tabId: 1,
TransferMsg: {
CustomerIds: "",
EmpId: ""
},
//员工列表
employeeList: [],
myEmployeeList: [],
isShowTrans: false
};
},
//客户详情
showDetail(row, tabId = 1) {
this.curRowId = row.CustomerId;
this.tabId = tabId;
this.isShowDetailForm = true;
created() {
this.initAuth();
this.getEmployeeList();
},
//删除客户
RemoveCustomer(obj) {
let that = this;
var message =
"您正在进行删除【" +
obj.CustomerName +
"】行为，一旦执行无法找回，是否确认执行？";
this.$q
.dialog({
title: "删除客户",
message: message,
isShowEditClassRoomForm: true,
cancel: {
label: "取消",
flat: true
},
ok: {
label: "确认",
flat: true,
focus: true
mounted() {},
methods: {
//初始化权限
initAuth() {
if (this.authObj) {
if (this.authObj.isShowEdit != null && this.authObj.isShowEdit) {
this.AuthorityObj.isShowEdit = this.authObj.isShowEdit;
}
if (this.authObj.isShowAudit != null && this.authObj.isShowAudit) {
this.AuthorityObj.isShowAudit = this.authObj.isShowAudit;
}
if (
this.authObj.isShowBankBook != null &&
this.authObj.isShowBankBook
) {
this.AuthorityObj.isShowBankBook = this.authObj.isShowBankBook;
}
})
.onOk(() => {
var delMsg = {
CustomerId: obj.CustomerId
};
RemoveCustomer(delMsg).then(res => {
if (res.Code == 1) {
that.$q.notify({
icon: "iconfont icon-chenggong",
color: "accent",
timeout: 2000,
message: "操作成功",
position: "top"
});
that.refreshQuestion();
if (this.authObj.isShowRebate != null && this.authObj.isShowRebate) {
this.AuthorityObj.isShowRebate = this.authObj.isShowRebate;
}
}
},
//新增或者修改客户
EditCustom(obj) {
if (obj) {
this.customerObj = obj;
} else {
this.customerObj = null;
}
this.isShowCustomForm = true;
},
//客户审核
AuditCustomer(obj, Type) {
if (obj) {
this.customerObj = obj;
this.customerObj.Type = Type;
} else {
this.customerObj = null;
}
this.isShowRightForm = true;
},
//客户详情
showDetail(row, tabId = 1) {
this.curRowId = row.CustomerId;
this.tabId = tabId;
this.isShowDetailForm = true;
},
//删除客户
RemoveCustomer(obj) {
let that = this;
var message =
"您正在进行删除【" +
obj.CustomerName +
"】行为，一旦执行无法找回，是否确认执行？";
this.$q
.dialog({
title: "删除客户",
message: message,
isShowEditClassRoomForm: true,
cancel: {
label: "取消",
flat: true
},
ok: {
label: "确认",
flat: true,
focus: true
}
})
.onOk(() => {
var delMsg = {
CustomerId: obj.CustomerId
};
RemoveCustomer(delMsg).then(res => {
if (res.Code == 1) {
that.$q.notify({
icon: "iconfont icon-chenggong",
color: "accent",
timeout: 2000,
message: "操作成功",
position: "top"
});
that.refreshQuestion();
}
});
});
},
//关闭弹窗
closeCustomForm() {
this.isShowCustomForm = false;
this.isShowRightForm = false;
this.isShowDetailForm = false;
},
refreshQuestion() {
this.$emit("success");
},
//跳转到幸福存折
gohappyPassbook(item) {
this.OpenNewUrl("/sale/happyPassbook", {
CustomerId: item.CustomerId
});
},
//关闭弹窗
closeCustomForm() {
this.isShowCustomForm = false;
this.isShowRightForm = false;
this.isShowDetailForm = false;
},
refreshQuestion() {
this.$emit("success");
},
//跳转到幸福存折
gohappyPassbook(item) {
this.OpenNewUrl("/sale/happyPassbook", {
CustomerId: item.CustomerId
});
},
//跳转到返佣管理
gohappyCommisson(item) {
this.OpenNewUrl("/sale/commsionManagement", {
CustomerId: item.CustomerId
});
},
//同业转交
saveTransForm() {
this.$refs.transfer.validate();
if (this.$refs.transfer.hasError) return;
this.TransferMsg.CustomerIds = this.selection
.map(e => e.CustomerId)
.toString();
setCustomerCareOf(this.TransferMsg).then(res => {
this.$q.notify({
icon: "iconfont icon-chenggong",
color: "accent",
timeout: 2000,
message: "转交成功",
position: "top"
},
//跳转到返佣管理
gohappyCommisson(item) {
this.OpenNewUrl("/sale/commsionManagement", {
CustomerId: item.CustomerId
});
this.isShowTrans = false;
this.selection = [];
});
},
//获取员工列表
getEmployeeList() {
queryEmployee({
IsLeave: 1
}).then(res => {
this.employeeList = res.Data;
this.myEmployeeList = res.Data;
});
},
//筛选员工
filterEmployee(val, update, abort) {
update(() => {
this.myEmployeeList = this.employeeList.filter(
v => v.EmployeeName.indexOf(val) > -1
);
});
},
//同业转交
saveTransForm() {
this.$refs.transfer.validate();
if (this.$refs.transfer.hasError) return;
this.TransferMsg.CustomerIds = this.selection
.map(e => e.CustomerId)
.toString();
setCustomerCareOf(this.TransferMsg).then(res => {
this.$q.notify({
icon: "iconfont icon-chenggong",
color: "accent",
timeout: 2000,
message: "转交成功",
position: "top"
});
this.isShowTrans = false;
this.selection = [];
});
},
//获取员工列表
getEmployeeList() {
queryEmployee({
IsLeave: 1
}).then(res => {
this.employeeList = res.Data;
this.myEmployeeList = res.Data;
});
},
//筛选员工
filterEmployee(val, update, abort) {
update(() => {
this.myEmployeeList = this.employeeList.filter(
v => v.EmployeeName.indexOf(val) > -1
);
});
}
}
}
};
</script>
};
</script>
\ No newline at end of file
src/pages/sale/b2bAllCustomer.vue
View file @ b6cccc4c
<style>
.page-content p {
margin: 0 !important;
}
.page-content p {
margin: 0 !important;
}
.quetion_Title {
background: transparent !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 400px;
}
.quetion_Title {
background: transparent !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 400px;
}
</style>
<template>
<div class="page-body">
<div class="page-search row items-center">
<div class="col row wrap q-mr-lg q-col-gutter-md">
<div class="col-3">
<q-input
@input="resetSearch"
filled
clearable
v-model="msg.CustomerName"
label="同业名称"
maxlength="20"
/>
<q-input @input="resetSearch" filled clearable v-model="msg.CustomerName" label="同业名称" maxlength="20" />
</div>
<div class="col-3">
<q-input
@input="resetSearch"
filled
clearable
v-model="msg.CustomerId"
label="同业ID"
maxlength="20"
/>
<q-input @input="resetSearch" filled clearable v-model="msg.CustomerId" label="同业ID" maxlength="20" />
</div>
<div class="col-3">
<q-input
@input="resetSearch"
filled
clearable
v-model="msg.ContactNumber"
label="电话"
maxlength="20"
/>
<q-input @input="resetSearch" filled clearable v-model="msg.ContactNumber" label="电话" maxlength="20" />
</div>
<div class="col-3">
<q-select
@input="resetSearch"
clearable
filled
v-model="msg.ApproveState"
:options="ApproveStateList"
emit-value
map-options
label="审核状态"
/>
<q-select @input="resetSearch" clearable filled v-model="msg.ApproveState" :options="ApproveStateList"
emit-value map-options label="审核状态" />
</div>
</div>
</div>
<div class="page-content">
<div>
<q-tabs
style="margin-bottom:20px;"
v-model="tabCheck"
@input="resetSearch()"
narrow-indicator
dense
align="left"
class="text-primary"
>
<q-tabs style="margin-bottom:20px;" v-model="tabCheck" @input="resetSearch()" narrow-indicator dense
align="left" class="text-primary">
<q-tab :ripple="false" :name="1" label="正式客户" />
<q-tab :ripple="false" :name="2" label="非正式客户" />
<q-tab :ripple="false" :name="3" label="未通过客户" />
<q-tab :ripple="false" :name="4" label="黑名单客户" />
</q-tabs>
</div>
<b2bcustomlist
:dataList="dataList"
:authObj="authObj"
:loading="loading"
@success="getList"
:visibleColumns="visibleColumns"
sticky="sticky-tow-column-table sticky-right-column-table"
></b2bcustomlist>
<q-pagination
class="full-width justify-end"
v-model="msg.pageIndex"
color="primary"
:max="pageCount"
:input="true"
@input="changePage"
/>
<b2bcustomlist :dataList="dataList" :authObj="authObj" :loading="loading" @success="getList"
:visibleColumns="visibleColumns" sticky="sticky-tow-column-table sticky-right-column-table"></b2bcustomlist>
<q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
:input="true" @input="changePage" />
</div>
</div>
</template>
<script>
import { getAllCustomer } from "../../api/sale/peemanagement";
import b2bcustomlist from "../../components/sale/b2bcustomlist";
export default {
meta: {
title: "同行管理"
},
components: {
b2bcustomlist
},
data() {
return {
pageCount: 0,
msg: {
pageIndex: 1,
pageSize: 12,
rowsPerPage: 12,
CustomerName: "", //客户名称
ContactNumber: "", //联系电话
ApproveState: 0, //审核状态
QCustomerState: "" //账号状态
},
loading: false,
visibleColumns: [
"CustomerName",
"CustomerType",
"EnterpriseName",
"ContactNumber",
"StuNum",
"OrderNum",
"OrderSales",
"ApproveStateStr",
"CreateByName",
"CreateTimeStr",
],
tabCheck: 1,
//审核状态列表
ApproveStateList: [
{
label: "不限",
value: "0"
},
{
label: "通过",
value: "1"
import {
getAllCustomer
} from "../../api/sale/peemanagement";
import b2bcustomlist from "../../components/sale/b2bcustomlist";
export default {
meta: {
title: "同行管理"
},
components: {
b2bcustomlist
},
data() {
return {
pageCount: 0,
msg: {
pageIndex: 1,
pageSize: 12,
rowsPerPage: 12,
CustomerName: "", //客户名称
ContactNumber: "", //联系电话
ApproveState: 0, //审核状态
QCustomerState: "" //账号状态
},
{
label: "拒绝",
value: "2"
loading: false,
visibleColumns: [
"CustomerName",
"CustomerType",
"EnterpriseName",
"ContactNumber",
"StuNum",
"OrderNum",
"OrderSales",
"ApproveStateStr",
"CreateByName",
"CreateTimeStr",
"QQ",
"WeChatNo",
],
tabCheck: 1,
//审核状态列表
ApproveStateList: [{
label: "不限",
value: "0"
},
{
label: "通过",
value: "1"
},
{
label: "拒绝",
value: "2"
}
],
dataList: [],
//判断显示
authObj: {
isShowEdit: true, //显示新增、修改、删除
isShowBankBook: true, //显示幸福存折
isShowRebate: true //是否显示返佣
}
],
dataList: [],
//判断显示
authObj: {
isShowEdit: true, //显示新增、修改、删除
isShowBankBook: true, //显示幸福存折
isShowRebate: true //是否显示返佣
}
};
},
created() {
},
mounted() {
this.getList();
},
methods: {
//重新查询
resetSearch() {
this.msg.pageIndex = 1;
this.getList();
};
},
//翻页
changePage(val) {
this.msg.pageIndex = val;
created() {
},
mounted() {
this.getList();
},
//获取分页数据
getList() {
this.msg.QCustomerState = this.tabCheck;
getAllCustomer(this.msg)
.then(res => {
this.dataList = res.Data.PageData;
this.loading = false;
this.pageCount = res.Data.PageCount;
})
.catch(() => {
this.loading = false;
});
methods: {
//重新查询
resetSearch() {
this.msg.pageIndex = 1;
this.getList();
},
//翻页
changePage(val) {
this.msg.pageIndex = val;
this.getList();
},
//获取分页数据
getList() {
this.msg.QCustomerState = this.tabCheck;
getAllCustomer(this.msg)
.then(res => {
this.dataList = res.Data.PageData;
this.loading = false;
this.pageCount = res.Data.PageCount;
})
.catch(() => {
this.loading = false;
});
}
}
}
};
};
</script>
<style lang="sass">
@import url('~assets/css/table.sass')
</style>
@import url('~assets/css/table.sass')
</style>
\ No newline at end of file
src/pages/sale/b2bcustomer.vue
View file @ b6cccc4c
<style>
.page-content p {
margin: 0 !important;
}
.page-content p {
margin: 0 !important;
}
.quetion_Title {
background: transparent !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 400px;
}
.quetion_Title {
background: transparent !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 400px;
}
</style>
<template>
<div class="page-body">
<div class="page-search row items-center">
<div class="col row wrap q-mr-lg q-col-gutter-md">
<div class="col-3">
<q-input
@input="resetSearch"
filled
clearable
v-model="msg.CustomerName"
label="同业名称"
maxlength="20"
/>
<q-input @input="resetSearch" filled clearable v-model="msg.CustomerName" label="同业名称" maxlength="20" />
</div>
<div class="col-3">
<q-input
@input="resetSearch"
filled
clearable
v-model="msg.CustomerId"
label="同业ID"
maxlength="20"
/>
<q-input @input="resetSearch" filled clearable v-model="msg.CustomerId" label="同业ID" maxlength="20" />
</div>
<div class="col-3">
<q-input
@input="resetSearch"
filled
clearable
v-model="msg.ContactNumber"
label="电话"
maxlength="20"
/>
<q-input @input="resetSearch" filled clearable v-model="msg.ContactNumber" label="电话" maxlength="20" />
</div>
<div class="col-3">
<q-select
@input="resetSearch"
clearable
filled
v-model="msg.ApproveState"
:options="ApproveStateList"
emit-value
map-options
label="审核状态"
/>
<q-select @input="resetSearch" clearable filled v-model="msg.ApproveState" :options="ApproveStateList"
emit-value map-options label="审核状态" />
</div>
</div>
</div>
<div class="page-content">
<div>
<q-tabs
style="margin-bottom:20px;"
v-model="tabCheck"
@input="resetSearch()"
narrow-indicator
dense
align="left"
class="text-primary"
>
<q-tabs style="margin-bottom:20px;" v-model="tabCheck" @input="resetSearch()" narrow-indicator dense
align="left" class="text-primary">
<q-tab :ripple="false" :name="1" label="正式客户" />
<q-tab :ripple="false" :name="2" label="非正式客户" />
<q-tab :ripple="false" :name="3" label="未通过客户" />
<q-tab :ripple="false" :name="4" label="黑名单客户" />
</q-tabs>
</div>
<b2bcustomlist
:dataList="dataList"
:authObj="authObj"
:loading="loading"
@success="getList"
:visibleColumns="visibleColumns"
sticky="sticky-tow-column-table sticky-right-column-table"
></b2bcustomlist>
<q-pagination
class="full-width justify-end"
v-model="msg.pageIndex"
color="primary"
:max="pageCount"
:input="true"
@input="changePage"
/>
<b2bcustomlist :dataList="dataList" :authObj="authObj" :loading="loading" @success="getList"
:visibleColumns="visibleColumns" sticky="sticky-tow-column-table sticky-right-column-table"></b2bcustomlist>
<q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
:input="true" @input="changePage" />
</div>
</div>
</template>
<script>
import { GetCustomerPage_v2, RemoveCustomer } from "../../api/sale/peemanagement";
import b2bcustomlist from "../../components/sale/b2bcustomlist";
export default {
meta: {
title: "同行管理"
},
components: {
b2bcustomlist
},
data() {
return {
pageCount: 0,
msg: {
pageIndex: 1,
pageSize: 12,
rowsPerPage: 12,
CustomerName: "", //客户名称
ContactNumber: "", //联系电话
ApproveState: "", //审核状态
QCustomerState: "" //账号状态
},
loading: false,
visibleColumns: [
"CustomerName",
"CustomerType",
"EnterpriseName",
"ContactNumber",
"StuNum",
"OrderNum",
"OrderSales",
"ApproveStateStr",
"CreateByName",
"CreateTimeStr",
],
tabCheck: 1,
//审核状态列表
ApproveStateList: [
{
label: "通过",
value: "1"
import {
GetCustomerPage_v2,
RemoveCustomer
} from "../../api/sale/peemanagement";
import b2bcustomlist from "../../components/sale/b2bcustomlist";
export default {
meta: {
title: "同行管理"
},
components: {
b2bcustomlist
},
data() {
return {
pageCount: 0,
msg: {
pageIndex: 1,
pageSize: 12,
rowsPerPage: 12,
CustomerName: "", //客户名称
ContactNumber: "", //联系电话
ApproveState: "", //审核状态
QCustomerState: "" //账号状态
},
{
label: "拒绝",
value: "2"
loading: false,
visibleColumns: [
"CustomerName",
"CustomerType",
"EnterpriseName",
"ContactNumber",
"StuNum",
"OrderNum",
"OrderSales",
"ApproveStateStr",
"CreateByName",
"CreateTimeStr",
"QQ",
"WeChatNo",
],
tabCheck: 1,
//审核状态列表
ApproveStateList: [{
label: "通过",
value: "1"
},
{
label: "拒绝",
value: "2"
}
],
dataList: [],
//判断显示
authObj: {
isShowEdit: true, //显示新增、修改、删除
isShowBankBook: true, //显示幸福存折
isShowRebate: true //是否显示返佣
}
],
dataList: [],
//判断显示
authObj: {
isShowEdit: true, //显示新增、修改、删除
isShowBankBook: true, //显示幸福存折
isShowRebate: true //是否显示返佣
}
};
},
created() {},
mounted() {
this.getList();
},
methods: {
//重新查询
resetSearch() {
this.msg.pageIndex = 1;
this.getList();
};
},
//翻页
changePage(val) {
this.msg.pageIndex = val;
created() {},
mounted() {
this.getList();
},
//获取分页数据
getList() {
this.msg.QCustomerState = this.tabCheck;
GetCustomerPage_v2(this.msg)
.then(res => {
this.dataList = res.Data.PageData;
this.loading = false;
this.pageCount = res.Data.PageCount;
})
.catch(() => {
this.loading = false;
});
methods: {
//重新查询
resetSearch() {
this.msg.pageIndex = 1;
this.getList();
},
//翻页
changePage(val) {
this.msg.pageIndex = val;
this.getList();
},
//获取分页数据
getList() {
this.msg.QCustomerState = this.tabCheck;
GetCustomerPage_v2(this.msg)
.then(res => {
this.dataList = res.Data.PageData;
this.loading = false;
this.pageCount = res.Data.PageCount;
})
.catch(() => {
this.loading = false;
});
}
}
}
};
};
</script>
<style lang="sass">
@import url('~assets/css/table.sass')
</style>
@import url('~assets/css/table.sass')
</style>
\ No newline at end of file
src/pages/sale/b2bcustomerapprove.vue
View file @ b6cccc4c
<style>
.page-content p {
margin: 0 !important;
}
.page-content p {
margin: 0 !important;
}
.quetion_Title {
background: transparent !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 400px;
}
.quetion_Title {
background: transparent !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 400px;
}
</style>
<template>
<div class="page-body">
<div class="page-search row items-center">
<div class="col row wrap q-mr-lg q-col-gutter-md">
<div class="col-3">
<q-input
@input="resetSearch"
filled
clearable
v-model="msg.CustomerName"
label="客户名称"
maxlength="20"
/>
<q-input @input="resetSearch" filled clearable v-model="msg.CustomerName" label="客户名称" maxlength="20" />
</div>
<div class="col-3">
<q-input
@input="resetSearch"
filled
clearable
v-model="msg.ContactNumber"
label="联系电话"
maxlength="20"
/>
<q-input @input="resetSearch" filled clearable v-model="msg.ContactNumber" label="联系电话" maxlength="20" />
</div>
<div class="col-3">
<q-select
@input="resetSearch"
clearable
filled
v-model="msg.ApproveState"
:options="ApproveStateList"
emit-value
map-options
label="审核状态"
/>
<q-select @input="resetSearch" clearable filled v-model="msg.ApproveState" :options="ApproveStateList"
emit-value map-options label="审核状态" />
</div>
</div>
</div>
<div class="page-content">
<b2bcustomlist
:dataList="dataList"
:authObj="authObj"
:loading="loading"
@success="getList"
:visibleColumns="visibleColumns"
sticky="sticky-tow-column-table sticky-right-column-table"
></b2bcustomlist>
<q-pagination
class="full-width justify-end"
v-model="msg.pageIndex"
color="primary"
:max="pageCount"
:input="true"
@input="changePage"
/>
<b2bcustomlist :dataList="dataList" :authObj="authObj" :loading="loading" @success="getList"
:visibleColumns="visibleColumns" sticky="sticky-tow-column-table sticky-right-column-table"></b2bcustomlist>
<q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
:input="true" @input="changePage" />
</div>
</div>
</template>
<script>
import { GetCustomerPage, RemoveCustomer } from "../../api/sale/peemanagement";
import b2bcustomlist from "../../components/sale/b2bcustomlist";
export default {
meta: {
title: "同行审批"
},
components: {
b2bcustomlist
},
data() {
return {
pageCount: 0,
msg: {
pageIndex: 1,
pageSize: 12,
rowsPerPage: 12,
CustomerName: "", //客户名称
ContactNumber: "", //联系电话
ApproveState: "", //审核状态
CustomerState: "", //账号状态
CustomerId: 0
},
loading: false,
visibleColumns: [
"CustomerName",
"CustomerType",
"EnterpriseName",
"ContactNumber",
"StuNum",
"OrderNum",
"OrderSales",
"ApproveStateStr",
"CreateByName",
"CreateTimeStr",
"optioned"
],
//审核状态列表
ApproveStateList: [
{
label: "通过",
value: "1"
import {
GetCustomerPage,
RemoveCustomer
} from "../../api/sale/peemanagement";
import b2bcustomlist from "../../components/sale/b2bcustomlist";
export default {
meta: {
title: "同行审批"
},
components: {
b2bcustomlist
},
data() {
return {
pageCount: 0,
msg: {
pageIndex: 1,
pageSize: 12,
rowsPerPage: 12,
CustomerName: "", //客户名称
ContactNumber: "", //联系电话
ApproveState: "", //审核状态
CustomerState: "", //账号状态
CustomerId: 0
},
{
label: "拒绝",
value: "2"
loading: false,
visibleColumns: [
"CustomerName",
"CustomerType",
"EnterpriseName",
"ContactNumber",
"StuNum",
"OrderNum",
"OrderSales",
"ApproveStateStr",
"CreateByName",
"CreateTimeStr",
"optioned",
"QQ",
"WeChatNo",
],
//审核状态列表
ApproveStateList: [{
label: "通过",
value: "1"
},
{
label: "拒绝",
value: "2"
}
],
dataList: [],
//判断显示
authObj: {
isShowAudit: true
}
],
dataList: [],
//判断显示
authObj: {
isShowAudit: true
}
};
},
created() {},
mounted() {
if (this.$route.query.CustomerId) {
this.msg.CustomerId = this.$route.query.CustomerId;
}
this.getList();
},
methods: {
//重新查询
resetSearch() {
this.msg.pageIndex = 1;
this.getList();
};
},
//翻页
changePage(val) {
this.msg.pageIndex = val;
created() {},
mounted() {
if (this.$route.query.CustomerId) {
this.msg.CustomerId = this.$route.query.CustomerId;
}
this.getList();
},
//获取分页数据
getList() {
GetCustomerPage(this.msg)
.then(res => {
this.dataList = res.Data.PageData;
this.loading = false;
this.pageCount = res.Data.PageCount;
})
.catch(() => {
this.loading = false;
});
methods: {
//重新查询
resetSearch() {
this.msg.pageIndex = 1;
this.getList();
},
//翻页
changePage(val) {
this.msg.pageIndex = val;
this.getList();
},
//获取分页数据
getList() {
GetCustomerPage(this.msg)
.then(res => {
this.dataList = res.Data.PageData;
this.loading = false;
this.pageCount = res.Data.PageCount;
})
.catch(() => {
this.loading = false;
});
}
}
}
};
};
</script>
<style lang="sass">
@import url('~assets/css/table.sass')
</style>
@import url('~assets/css/table.sass')
</style>
\ No newline at end of file
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