Skip to content

M
member
Commit 9d7c9c6c by chenyu
Options

update: customerDetail

parent 8136efa4
Showing with 477 additions and 125 deletions
src/components/allCustomers/allCustomersList.vue
......@@ -6,16 +6,14 @@
<div class="top-search-wrap">
<p class="label"
style="margin-right: 61px;">客户类型</p>
<el-checkbox-group v-model="customType"
class="flex-wrap">
<el-checkbox label="非会员"
name="type"></el-checkbox>
<el-checkbox-group v-model="customerType"
class="flex-wrap"
@change="customerTypeChange">
<el-checkbox label="notMember">非会员</el-checkbox>
<i class="line"></i>
<p class="label">会员：</p>
<el-checkbox label="微信会员"
name="type"></el-checkbox>
<el-checkbox label="POS会员"
name="type"></el-checkbox>
<el-checkbox label="wxOpenCarMember">微信会员</el-checkbox>
<el-checkbox label="posMember">POS会员</el-checkbox>
</el-checkbox-group>
</div>
<div class="list-section-contain">
......@@ -216,7 +214,7 @@
</div>
</div>
</div>
<!-- 表格字段弹窗 -->
<table-colum-dailog :dialogVisible.sync="dialogFieldVisible"
:pageName="pageName"
......
src/components/allCustomers/components/tableColumDialog.vue
......@@ -96,4 +96,7 @@ export default {
.table-colum-dailog .el-dialog__footer {
border-top: none !important;
}
.table-colum-dailog .el-checkbox:last-of-type {
margin-right: 30px;
}
</style>
\ No newline at end of file
src/components/allCustomers/index.js
......@@ -10,13 +10,17 @@ import url from "../../components/axios/url";
import { mapState } from "vuex";
import { formatLongTime, paddingBorth, debounce } from "@/utils/utils";
import defaultImg from "../../../static/img/default.png";
import { checkFalse, checkStatus, checkSuccess } from "../../../static/js/checkStatus";
import {
checkFalse,
checkStatus,
checkSuccess
} from "../../../static/js/checkStatus";
export default {
name: "allCustomersList",
data() {
return {
sceneValue: "member", // 人群筛选器场景值
pageName: "allCustomer", // 列表字段请求参数
// pageName: "allCustomer", // 列表字段请求参数
navpath: [
{ name: "首页", path: "" },
{ name: "客户列表", path: "" },
......@@ -34,7 +38,8 @@ export default {
loading: false,
tableData: [],
multipleList: [], // 列表select选择
customType: [],
customerType: ["notMember", "wxOpenCarMember", "posMember"],
oldCustomerType: "",
showSearch: false, // 高级搜索开关
toggleTag: false, // 人群筛选器按钮开关
dialogFieldVisible: false, // 列表字段设置弹窗开关
......@@ -58,8 +63,8 @@ export default {
processList: [], // 批量处理记录
defaultImg,
integralFlag: "", // 积分调整权限
memberGrade:[], // 商户等级列表
cliqueMemberGrade:[], // 集团等级列表
memberGrade: [], // 商户等级列表
cliqueMemberGrade: [] // 集团等级列表
};
},
components: {
......@@ -72,6 +77,10 @@ export default {
batchList
},
computed: {
pageName: function() {
// 全部客户allCustomer；非会员notMember；会员isMember；微信会员wxOpenCarMember，pos会员posMember
return this.customerType.join(",");
},
...mapState(["storeImageUrl", "showEditClique", "showHandleScoreBtn"])
},
filters: {
......@@ -89,6 +98,20 @@ export default {
}
}
},
watch: {
customerType: {
handler(newV, oldV) {
if (newV.length === 0) {
this.customerType = [].concat(oldV);
this.$message({
message: '客户类型不能为空',
type: 'warning'
});
}
},
immediate: true
}
},
created() {
this.$store.commit("mutations-slide", true);
this.initialize();
......@@ -346,17 +369,18 @@ export default {
});
},
getCliqueGradeList() {
doFetch(url.cliqueGradeList).then(res => {
if (res.data.errorCode === 0) {
this.cliqueMemberGrade = res.data.result || [];
} else {
checkFalse(res.data.message);
return false;
}
})
.catch(err => {
checkStatus(err);
});
doFetch(url.cliqueGradeList)
.then(res => {
if (res.data.errorCode === 0) {
this.cliqueMemberGrade = res.data.result || [];
} else {
checkFalse(res.data.message);
return false;
}
})
.catch(err => {
checkStatus(err);
});
},
// 在经过批量处理之后调用
getProcessList() {
......
src/components/allCustomers/info.js
import nav from "../../common/navbar/navbar.vue";
import defaultImg from "../../../static/img/default.png";
import { mapState } from "vuex";
import url from "../../components/axios/url";
import { doFetch, doFetchqs } from "../../components/axios/api";
import {
checkFalse,
checkStatus,
checkSuccess
} from "../../../static/js/checkStatus";
export default {
name: "customersDetail",
data() {
......@@ -9,17 +17,68 @@ export default {
{ name: "客户列表", path: "/allCustomers" },
{ name: "客户详情", path: "" }
],
pageName: "allCustomer", // 请求参数
memberId: "",
memberInfo: {},
defaultImg,
toggleTag: false,
showFieldType: 1 // 1开卡拓展字段 2会员信息字段
showFieldType: 1, // 1开卡拓展字段 2会员信息字段
showClique: false, // 集团权限
assistStoreList: [
"杭州武林银泰",
"杭州城wqeq西银泰",
"杭州古墩路印象城",
"杭州武林银泰"
],
transactionRecordList: [
{ label: "门店消费", icon: "icon-mendianbaojiadan", key: "1" },
{ label: "达摩商城", icon: "", key: "1" },
{ label: "微盟订单", icon: "icon-weimeng", key: "1" },
{ label: "其他订单", icon: "icon-dingdan", key: "1" },
]
};
},
computed: {
...mapState(["showEditClique"])
},
created() {
this.$store.commit("mutations-slide", false);
this.memberId = this.$route.query.id;
},
mounted() {
this.initData();
this.getEnterpriseInfo();
},
methods: {
updateImgUrl() {}
updateImgUrl() {},
initData() {
this.loading = true;
doFetch(url.memberDetail, {
memberId: this.memberId,
pageName: this.pageName
})
.then(res => {
if (res.data.errorCode === 0) {
const ret = res.data.result;
this.memberInfo = ret.memberInfo;
} else {
checkFalse(res.data.message);
return false;
}
})
.catch(err => {
checkStatus(err);
})
.finally(_ => (this.loading = false));
},
// 集团配置
getEnterpriseInfo() {
doFetchqs(url.enterpriseInfo).then(res => {
if (res.data.errorCode === 0) {
this.showClique = res.data.result.enterpriseInfo.showClique;
}
});
}
},
components: {
"v-nav": nav
......
src/components/iconComponent/index.vue 0 → 100644
<template>
<svg class="svg-icon" aria-hidden="true">
<use :xlink:href="iconName"></use>
</svg>
</template>
<script>
export default {
name: "icon-svg",
props: {
iconClass: {
type: String,
required: true
}
},
computed: {
iconName() {
return `#${this.iconClass}`;
}
}
};
</script>
<style>
.svg-icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>
src/main.js
......@@ -4,9 +4,11 @@ import router from './router'
import axios from 'axios'
import store from './store/store'
// import ElementUI from 'element-ui'
import IconSvg from './components/iconComponent'
import '../elethem/index.css'
import '../static/css/index.styl'
import '../static/font/iconfont.css'
import '../static/font/iconfont.js'
import '../static/css/dmreset.css'
import gicinput from './common/gicinput'
import gictextarea from './common/gictextarea'
......@@ -26,6 +28,7 @@ axios.defaults.withCredentials = true;
Vue.prototype.axios = axios;
Vue.component('icon-svg', IconSvg)
Vue.component('gic-textarea', gictextarea);
Vue.component('gic-input', gicinput);
......
src/router/index.js
......@@ -80,13 +80,13 @@ export const constantRouterMap = [
title: "微信会员-通话记录"
}
},
// {
// path: "/infoMall",
// component: _import("wechatmembers", "infoMall"),
// meta: {
// title: "微信会员-微信商城消费"
// }
// },
{
path: "/infoMall",
component: _import("wechatmembers", "infoMall"),
meta: {
title: "微信会员-微信商城消费"
}
},
// {
// path: "/posmembers",
// component: _import("posmembers", "posmembers"),
......@@ -95,20 +95,20 @@ export const constantRouterMap = [
// keepAlive: true
// }
// },
// {
// path: "/onlinemembers",
// component: _import("onlinemembers", "onlinemembers"),
// meta: {
// title: "电商会员"
// }
// },
// {
// path: "/buyermembers",
// component: _import("buyermembers", "buyermembers"),
// meta: {
// title: "电商买家"
// }
// },
{
path: "/onlinemembers",
component: _import("onlinemembers", "onlinemembers"),
meta: {
title: "电商会员"
}
},
{
path: "/buyermembers",
component: _import("buyermembers", "buyermembers"),
meta: {
title: "电商买家"
}
},
{
path: "/frozenList",
component: _import("wechatmembers", "frozenList"),
......@@ -130,57 +130,57 @@ export const constantRouterMap = [
title: "微信会员-设置"
}
},
// {
// path: "/labelmanager",
// component: _import("labelmanager", "labelmanager"),
// meta: {
// title: "会员标签"
// }
// },
// {
// path: "/achievement",
// component: _import("achievement", "achievement_sale"),
// meta: {
// title: "会员成就-消费类"
// }
// },
// {
// path: "/achievement_interaction",
// component: _import("achievement", "achievement_interaction"),
// meta: {
// title: "会员成就-互动类"
// }
// },
// {
// // 微信会员回收站数据页面
// path: "/memberReturn",
// component: _import("memberlist", "memberReturn"),
// meta: {
// title: "微信会员回收站"
// }
// },
// {
// // POS会员回收站数据页面
// path: "/posRecycle",
// component: _import("memberlist", "pos-recycle"),
// meta: {
// title: "POS会员回收站"
// }
// },
// {
// path: "/membergroupAdd",
// component: _import("membergroup", "membergroupAdd"),
// meta: {
// title: "会员分组-新增"
// }
// },
// {
// path: "/membergroup",
// component: _import("membergroup", "membergroup"),
// meta: {
// title: "会员分组"
// }
// },
{
path: "/labelmanager",
component: _import("labelmanager", "labelmanager"),
meta: {
title: "会员标签"
}
},
{
path: "/achievement",
component: _import("achievement", "achievement_sale"),
meta: {
title: "会员成就-消费类"
}
},
{
path: "/achievement_interaction",
component: _import("achievement", "achievement_interaction"),
meta: {
title: "会员成就-互动类"
}
},
{
// 微信会员回收站数据页面
path: "/memberReturn",
component: _import("memberlist", "memberReturn"),
meta: {
title: "微信会员回收站"
}
},
{
// POS会员回收站数据页面
path: "/posRecycle",
component: _import("memberlist", "pos-recycle"),
meta: {
title: "POS会员回收站"
}
},
{
path: "/membergroupAdd",
component: _import("membergroup", "membergroupAdd"),
meta: {
title: "会员分组-新增"
}
},
{
path: "/membergroup",
component: _import("membergroup", "membergroup"),
meta: {
title: "会员分组"
}
},
{
path: "/cardvoucher",
component: _import("wechatmembers", "cardvoucher"),
......@@ -188,13 +188,13 @@ export const constantRouterMap = [
title: "微信会员-卡券"
}
},
// {
// path: "/membergroupDetail",
// component: _import("membergroup", "membergroupDetail"),
// meta: {
// title: "会员分组-详情"
// }
// },
{
path: "/membergroupDetail",
component: _import("membergroup", "membergroupDetail"),
meta: {
title: "会员分组-详情"
}
},
{
path: "/membertask",
component: _import("membertask", "membertask"),
......@@ -202,22 +202,22 @@ export const constantRouterMap = [
title: "会员任务"
}
},
// {
// path: "/posmemberDetail",
// component: _import("wechatmembers", "wechatTotalDetail"),
// meta: {
// title: "pos会员-详情",
// channel:'posMember'
// }
// },
// {
// path: "/wechatmemberDetail",
// component: _import("wechatmembers", "wechatTotalDetail"),
// meta: {
// title: "微信会员-详情",
// channel:'wxMember'
// }
// },
{
path: "/posmemberDetail",
component: _import("wechatmembers", "wechatTotalDetail"),
meta: {
title: "pos会员-详情",
channel:'posMember'
}
},
{
path: "/wechatmemberDetail",
component: _import("wechatmembers", "wechatTotalDetail"),
meta: {
title: "微信会员-详情",
channel:'wxMember'
}
},
{
path: "/wechatTotalDetail",
component: _import("wechatmembers", "wechatTotalDetail"),
......
static/font/iconfont.css
@font-face {
font-family: "iconfont"; /* Project id 688955 */
src: url('iconfont.woff2?t=1636528904985') format('woff2'),
url('iconfont.woff?t=1636528904985') format('woff'),
url('iconfont.ttf?t=1636528904985') format('truetype');
src: url('iconfont.woff2?t=1636946760530') format('woff2'),
url('iconfont.woff?t=1636946760530') format('woff'),
url('iconfont.ttf?t=1636946760530') format('truetype');
}
.iconfont {
......@@ -13,6 +13,90 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-jifen1:before {
content: "\e689";
}
.icon-yingxiao:before {
content: "\e765";
}
.icon-shouqi1:before {
content: "\e6b8";
}
.icon-xiala:before {
content: "\e6b9";
}
.icon-chuzhizhanghu:before {
content: "\e682";
}
.icon-mendianbaojiadan:before {
content: "\e684";
}
.icon-weimeng:before {
content: "\e6e4";
}
.icon-weixin1:before {
content: "\e685";
}
.icon-01_kaquanguanli:before {
content: "\e686";
}
.icon-chenggong:before {
content: "\e67f";
}
.icon-shibai:before {
content: "\e681";
}
.icon-dengji-:before {
content: "\e6a3";
}
.icon-dengji-1:before {
content: "\e6a4";
}
.icon-dengji-2:before {
content: "\e6a2";
}
.icon-dengji-3:before {
content: "\e6a5";
}
.icon-dengji-4:before {
content: "\e6a6";
}
.icon-dengji-5:before {
content: "\e67a";
}
.icon-dengji-6:before {
content: "\e67b";
}
.icon-dengji-7:before {
content: "\e67c";
}
.icon-dengji-8:before {
content: "\e67d";
}
.icon-dengji-9:before {
content: "\e67e";
}
.icon-yonghuliebiao:before {
content: "\e679";
}
......
static/font/iconfont.js
This source diff could not be displayed because it is too large. You can view the blob instead.
static/font/iconfont.json
......@@ -6,6 +6,153 @@
"description": "",
"glyphs": [
{
"icon_id": "25698898",
"name": "积分",
"font_class": "jifen1",
"unicode": "e689",
"unicode_decimal": 59017
},
{
"icon_id": "5880283",
"name": "营销",
"font_class": "yingxiao",
"unicode": "e765",
"unicode_decimal": 59237
},
{
"icon_id": "672034",
"name": "收起",
"font_class": "shouqi1",
"unicode": "e6b8",
"unicode_decimal": 59064
},
{
"icon_id": "672036",
"name": "下拉",
"font_class": "xiala",
"unicode": "e6b9",
"unicode_decimal": 59065
},
{
"icon_id": "2523534",
"name": "储值账户",
"font_class": "chuzhizhanghu",
"unicode": "e682",
"unicode_decimal": 59010
},
{
"icon_id": "4192439",
"name": "门店报价单",
"font_class": "mendianbaojiadan",
"unicode": "e684",
"unicode_decimal": 59012
},
{
"icon_id": "7722415",
"name": "微盟",
"font_class": "weimeng",
"unicode": "e6e4",
"unicode_decimal": 59108
},
{
"icon_id": "15933094",
"name": "微信",
"font_class": "weixin1",
"unicode": "e685",
"unicode_decimal": 59013
},
{
"icon_id": "18480966",
"name": "01_卡券管理",
"font_class": "01_kaquanguanli",
"unicode": "e686",
"unicode_decimal": 59014
},
{
"icon_id": "1046178",
"name": "成功",
"font_class": "chenggong",
"unicode": "e67f",
"unicode_decimal": 59007
},
{
"icon_id": "1046180",
"name": "失败",
"font_class": "shibai",
"unicode": "e681",
"unicode_decimal": 59009
},
{
"icon_id": "7128865",
"name": "等级-3",
"font_class": "dengji-",
"unicode": "e6a3",
"unicode_decimal": 59043
},
{
"icon_id": "7128866",
"name": "等级-6",
"font_class": "dengji-1",
"unicode": "e6a4",
"unicode_decimal": 59044
},
{
"icon_id": "7128868",
"name": "等级-1",
"font_class": "dengji-2",
"unicode": "e6a2",
"unicode_decimal": 59042
},
{
"icon_id": "7128870",
"name": "等级-5",
"font_class": "dengji-3",
"unicode": "e6a5",
"unicode_decimal": 59045
},
{
"icon_id": "7128874",
"name": "等级-8",
"font_class": "dengji-4",
"unicode": "e6a6",
"unicode_decimal": 59046
},
{
"icon_id": "9829436",
"name": "等级-10",
"font_class": "dengji-5",
"unicode": "e67a",
"unicode_decimal": 59002
},
{
"icon_id": "9829439",
"name": "等级-7",
"font_class": "dengji-6",
"unicode": "e67b",
"unicode_decimal": 59003
},
{
"icon_id": "9829440",
"name": "等级-9",
"font_class": "dengji-7",
"unicode": "e67c",
"unicode_decimal": 59004
},
{
"icon_id": "9829441",
"name": "等级-4",
"font_class": "dengji-8",
"unicode": "e67d",
"unicode_decimal": 59005
},
{
"icon_id": "9829444",
"name": "等级-2",
"font_class": "dengji-9",
"unicode": "e67e",
"unicode_decimal": 59006
},
{
"icon_id": "25597267",
"name": "用户列表",
"font_class": "yonghuliebiao",
......
static/font/iconfont.ttf
No preview for this file type
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