Commit 78a490f7 authored by zhengke's avatar zhengke

1

parent 5bc70099
<template>
<div>123</div>
</template>
\ No newline at end of file
<style>
.CLM-Form .el-input__inner {
background: transparent;
border: 0;
}
.CLM-Form .el-input-group__append {
background: transparent;
border: 0;
}
.common_Style {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 30px;
}
.classForm_monday {
background-color: #ced9f8;
color: #2961FE;
}
.classForm_tuesday {
background-color: #d9f3ff;
color: #3FC4FF;
}
.classForm_wednesday {
background-color: #f6e2cb;
color: #F28C1D;
}
.classForm_thursday {
background-color: #ccf3eb;
color: #02C499;
}
.classForm_friday {
background-color: #f7cfd6;
color: #F72E52;
}
.classForm_saturday {
background-color: #fff5cc;
color: #FFCC00;
}
.classForm_sunday {
background-color: #e6e3fe;
color: #8175FB;
}
.CLM-Form .Emp_Line {
width: 3px;
height: 10px;
background-color: #3FC4FF;
margin-right: 10px;
}
.CLM-Form .EmpLine_title {
display: flex;
align-items: center;
font-size: 12px;
margin-bottom: 20px;
}
.planTimeLi2 tbody::before {
content: '';
display: table-row;
height: 20px;
}
</style>
<template>
<q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale">
<q-card style="width: 800px;max-width:900px;" class="CLM-Form">
<q-card-section>
<div class="text-h6">{{optionTitle}}</div>
</q-card-section>
<q-card-section class="q-pt-none scroll" style="max-height: 70vh">
<div class="EmpLine_title">
<div class="Emp_Line"></div>
<div>基本信息</div>
</div>
<div class="row wrap">
<div class="col-6">
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.contactNumber"
ref="contactNumber" class="col-6 q-pr-lg q-pb-lg" label="联系电话" :rules="[val => !!val || '请输入联系电话']" />
</div>
<div class="col-6">
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.customerName"
ref="customerName" class="col-6 q-pb-lg" label="门店名称" :rules="[val => !!val || '请输入客户名称']" />
</div>
</div>
<div class="row wrap">
<div class="col-6">
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.contact" ref="contact"
class="col-6 q-pr-lg q-pb-lg" label="联系人" :rules="[val => !!val || '请输入联系人']" />
</div>
<div class="col-6">
<q-select label="省" filled stack-label v-model="objOption.Province"
:options="provinceList" option-value="ID" option-label="Name" :dense="false"
class="col-6 q-pb-lg" emit-value map-options>
</q-select>
</div>
</div>
<div class="row wrap">
<div class="col-6">
<q-select label="市" filled stack-label v-model="objOption.City"
:options="provinceList" option-value="ID" option-label="Name" :dense="false"
class="col-6 q-pr-lg q-pb-lg" emit-value map-options>
</q-select>
</div>
<div class="col-6">
<q-select label="区" filled stack-label v-model="objOption.District"
:options="provinceList" option-value="ID" option-label="Name" :dense="false"
class="col-6 q-pb-lg" emit-value map-options>
</q-select>
</div>
</div>
<div class="row wrap">
<div class="col-12">
<q-input filled stack-label :dense="false" v-model="objOption.address" ref="address"
class="col-12 q-pb-lg" label="详细地址" :rules="[val => !!val || '请输入地址']" />
</div>
</div>
<div class="row wrap">
<div class="col-6">
<q-select label="所属品牌" filled stack-label v-model="objOption.brandIds"
:options="CustomerBrandList" option-value="id" option-label="name" :dense="false"
class="col-6 q-pr-lg q-pb-lg" emit-value map-options>
</q-select>
</div>
<!-- <div class="col-6">
<q-select label="区" filled stack-label v-model="objOption.District"
:options="provinceList" option-value="ID" option-label="Name" :dense="false"
class="col-6 q-pb-lg" emit-value map-options>
</q-select>
</div> -->
</div>
</q-card-section>
<q-separator />
<q-card-actions align="right" class="bg-white">
<q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeCourseForm" />
<q-btn label="保存" color="accent q-px-md" style="font-weight:400 !important" :loading="saveCourseLoading"
@click="saveCourse">
</q-btn>
</q-card-actions>
</q-card>
</q-dialog>
</template>
<script>
export default {
components: {},
props: {
saveObj: {
type: Object,
default: null
}
},
data() {
return {
persistent: true,
objOption: {
CustomerId: 0,
customerName: '', //门店名称
contact: '', //联系人
contactNumber: '', //联系电话
address: '', //详细地址
brandIds: [], //品牌名称
remark: '', //备注
Duty: '', //职务
Premises: '', //经营场所
BusinessCardPhotos: [], //名片照片
HousePhotos: [], //门牌照片
Images: [], //营业照片
CustomerSourceType: '', //客户来源
CustomerSource: '', //客户来源信息
Country: '2',
Province: '',
City: '',
District: '',
},
saveCourseLoading:false,
provinceList:[], //省
cityList:[], //市
regionList:[], //区
CustomerBrandList:[], //所属品牌下拉
}
},
created() {},
mounted() {
//this.initObj()
},
methods: {
//初始化表单
initObj() {
if (this.saveObj && this.saveObj.ClassId > 0) {
getClassInfo({
ClassId: this.saveObj.ClassId
}).then(res => {
})
this.optionTitle = "修改客户信息"
} else {
this.optionTitle = "新增客户信息"
}
},
//保存
saveCourse(){
},
//关闭弹窗
closeCourseForm() {
this.$emit('close');
this.persistent = false;
},
},
}
</script>
<style>
.page-content p {
margin: 0 !important;
}
.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 clearable standout="bg-primary text-white" v-model="msg.BankName" label="输入关键字查找"
maxlength="20" />
</div>
</div>
</div>
<div class="page-content">
<div style="display:flex;justify-content:space-between;align-items:center;">
<q-tabs style="margin-bottom:20px;" v-model="tabCheck" 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>
<q-btn color="accent" size="sm" class="q-mr-md" icon="add" @click="EditCustom(null)" label="新增客户" />
</div>
</div>
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
separator="none" :data="dataList" :columns="columns" row-key="name">
<template v-slot:bottom>
<q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
:input="true" @input="changePage" />
</template>
<template v-slot:body-cell-optioned="props">
<q-td :props="props" style="width:200px;">
<q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑" />
<q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="账户管理" />
<q-btn flat size="xs" icon="edit" color="negative" style="font-weight:400" label="交易详情" />
</q-td>
</template>
</q-table>
<perCustomer-form v-if="isShowCustomForm" :customerObj="customerObj" @close="closeCustomForm"
@success="refreshQuestion">
</perCustomer-form>
</div>
</div>
</template>
<script>
// import {
// queryQuestionBankPage,
// RemoveQuestionBank
// } from '../../api/question/question';
import perCustomerForm from '../../components/sale/perCustomer-form';
import customRightForm from '../../components/sale/customRight-form';
export default {
meta: {
title: "同行管理"
},
components: {
perCustomerForm,
customRightForm
},
data() {
return {
pageCount: 0,
msg: {
pageIndex: 1,
pageSize: 12,
rowsPerPage: 12,
BankName: ''
},
loading: false,
isShowCustomForm: false,
customerObj: null, //传入参数
tabCheck:1,
columns: [{
name: 'contact',
label: '姓名',
field: 'contact',
align: 'left'
},
{
name: 'contactNumber',
label: '联系电话',
field: 'contactNumber',
align: 'left',
},
{
name: 'customerName',
label: '门店名称',
field: 'customerName',
align: 'left',
},
{
name: 'customerVisitList',
label: '近期约访',
field: 'customerVisitList',
align: 'left'
},
{
name: 'visiteCount',
label: '累计拜访',
field: 'visiteCount',
align: 'left'
},
{
name: 'cL_Balance',
label: '幸福存折',
field: 'cL_Balance',
align: 'left'
},
{
name: 'tradeTotal',
label: '累计交易额',
field: 'tradeTotal',
align: 'left'
},
{
name: 'inquireCount',
label: '询价与需求',
field: 'inquireCount',
align: 'left'
},
{
name: 'allianceName',
label: '所属联盟',
field: 'allianceName',
align: 'left'
},
{
name: 'couponNum',
label: '优惠券',
field: 'couponNum',
align: 'left'
},
{
name: 'optioned',
label: '操作',
field: 'QuestionId'
}
],
dataList: [],
}
},
created() {},
mounted() {
// this.getList();
},
methods: {
//翻页
changePage(val) {
this.msg.pageIndex = val;
this.getList()
},
//关闭弹窗
closeCustomForm() {
this.isShowCustomForm = false;
},
//新增或者修改
EditCustom(obj){
if (obj) {
this.customerObj = obj
} else {
this.customerObj = null
}
this.isShowCustomForm = true
},
refreshQuestion(){
}
}
}
</script>
<style lang="sass">
@import url('~assets/css/table.sass')
</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