Skip to content

H
horse
Commit 30bd7e3c authored by Mac's avatar Mac
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/xiangwei/horse

parents 72c1c0eb c9096f9d
Hide whitespace changes
Inline Side-by-side
Showing with 719 additions and 254 deletions
src/api/clue.ts
View file @ 30bd7e3c
...@@ -21,10 +21,10 @@ interface ClueParams { ...@@ -21,10 +21,10 @@ interface ClueParams {
OrderBy: number //排序 OrderBy: number //排序
AddCondition: number //查询条件 AddCondition: number //查询条件
} }
class customerService { class clueService {
// 获取用户列表数据 // 获取客户线索规则列表
static async getCustomerList(data: ClueParams): Promise<HttpResponse> { static async getCustomerClueRuleList(data: ClueParams): Promise<HttpResponse> {
return Axios('/QYCustomer/GetCustomerInfoPageList', { return Axios('/QYCustomer/GetCustomerCluePageList', {
method: 'post', method: 'post',
responseType: 'json', responseType: 'json',
data data
...@@ -33,4 +33,4 @@ class customerService { ...@@ -33,4 +33,4 @@ class customerService {
} }
export { ClueParams } export { ClueParams }
export default customerService export default clueService
src/api/customer.ts
View file @ 30bd7e3c
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
} }
// 获取客户线索规则列表 // 获取客户线索规则列表
static async getCustomerClueRuleList(data:any): Promise<HttpResponse> { static async getCustomerClueRuleList(data:any): Promise<HttpResponse> {
return Axios('QYCustomer/GetCustomerClueRuleList', { return Axios('/QYCustomer/GetCustomerClueRuleList', {
method: 'post', method: 'post',
responseType: 'json', responseType: 'json',
data data
......
src/boot/axios.ts
View file @ 30bd7e3c
import { boot } from 'quasar/wrappers' import { boot } from 'quasar/wrappers'
import axios, { AxiosInstance } from 'axios' import axios, { AxiosInstance } from 'axios'
import { Cascader } from 'ant-design-vue' import { Cascader, DatePicker } from 'ant-design-vue'
declare module '@vue/runtime-core' { declare module '@vue/runtime-core' {
interface ComponentCustomProperties { interface ComponentCustomProperties {
$axios: AxiosInstance $axios: AxiosInstance
...@@ -20,7 +20,7 @@ export default boot(({ app }) => { ...@@ -20,7 +20,7 @@ export default boot(({ app }) => {
app.config.globalProperties.$axios = axios app.config.globalProperties.$axios = axios
// ^ ^ ^ this will allow you to use this.$axios (for Vue Options API form) // ^ ^ ^ this will allow you to use this.$axios (for Vue Options API form)
// so you won't necessarily have to import axios in each vue file // so you won't necessarily have to import axios in each vue file
app.use(Cascader) app.use(Cascader, DatePicker)
/** /**
* @deprecated 弃用的方法 * @deprecated 弃用的方法
*/ */
......
src/components/common/selectTree.vue 0 → 100644
View file @ 30bd7e3c
<template>
<div :class="classStr" :id="id">
<!--多选-->
<template v-if="multiple">
<q-select
filled
v-model="resultObj"
:options="selectList"
clearable
@clear="clearData()"
:label="tipText"
:multiple="multiple"
emit-value
map-options
>
<template v-slot:option="scope">
<q-item v-if="scope.index == -1">
<q-item-section>
<q-tree
:nodes="treeData"
:node-key="nodeKey"
:label-key="labelKey"
:children-key="childrenKey"
tick-strategy="strict"
:default-expand-all="defaultExpandAll"
no-connectors
v-model:ticked="chooseTreeNodeArray"
></q-tree>
</q-item-section>
</q-item>
</template>
<template v-slot:after-options>
<q-item>
<q-item-section>
<q-tree
:nodes="treeData"
:node-key="nodeKey"
:label-key="labelKey"
:children-key="childrenKey"
tick-strategy="strict"
:default-expand-all="defaultExpandAll"
no-connectors
v-model:ticked="chooseTreeNodeArray"
></q-tree>
</q-item-section>
</q-item>
</template>
</q-select>
</template>
<!--单选-->
<template v-else>
<q-select
filled
v-model="resultObj[0]"
:options="selectList"
clearable
@clear="clearData()"
:label="tipText"
:multiple="multiple"
emit-value
map-options
>
<template #option="scope">
<q-item v-if="scope.index == 0">
<q-item-section>
<q-tree
:nodes="treeData"
:node-key="nodeKey"
:label-key="labelKey"
:children-key="childrenKey"
tick-strategy="strict"
:default-expand-all="defaultExpandAll"
no-connectors
v-model:ticked="chooseTreeNodeArray"
></q-tree>
</q-item-section>
</q-item>
</template>
</q-select>
</template>
</div>
</template>
<script lang="ts">
import { ref, toRefs, watch } from 'vue'
interface itemParams {
[propName: string]: any
}
export default {
props: {
//样式字符串
classStr: {
type: String,
default: ''
},
//树形结构列表
treeData: {
type: Array,
required: true
},
//是否默认展开
defaultExpandAll: {
type: Boolean,
default: false
},
//是否多选
multiple: {
type: Boolean,
default: false
},
//默认选中值
defaultArray: {
type: Array,
required: true,
},
//节点Key
nodeKey: {
type: String,
default: 'id'
},
//节点名称
labelKey: {
type: String,
default: 'name'
},
//子节点名称
childrenKey: {
type: String,
default: 'children'
},
//下拉框提示信息
tipText: {
type: String,
default: '请选择'
}
},
setup(props: itemParams, ctx: itemParams) {
let id = ref('selectTree' + (Math.floor((Math.random() * 10000) + 1)))
let selectList = ref<Array<itemParams>>([{
value: "",
label: ""
}])//下拉框列表
let chooseTreeNodeArray = ref<Array<itemParams>>([])//节点选择列表
let resultObj = ref<Array<itemParams>>([]) //下拉框选择列表
//Tree节点选中或取消选中
watch(
() => [...chooseTreeNodeArray.value],
() => {
if (!props.multiple && chooseTreeNodeArray.value && chooseTreeNodeArray.value.length > 1) {
let lastItem = chooseTreeNodeArray.value[chooseTreeNodeArray.value.length - 1];
chooseTreeNodeArray.value = [lastItem];
}
setTreeCheckNode()
})
//有默认值
watch(
() => [...props.defaultArray],
() => {
chooseTreeNodeArray.value = [];
if (props.defaultArray && props.defaultArray.length > 0) {
props.defaultArray.forEach(item => {
if (item != '') {
if (props.multiple) {
chooseTreeNodeArray.value.push(item)
} else {
chooseTreeNodeArray.value = [item];
}
}
})
}
setTreeCheckNode();
})
watch(
() => [...resultObj.value],
() => {
let resultStr = ref("");
if (resultObj.value && resultObj.value.length > 0) {
if (props.multiple) {
let newarr = Array.from(new Set(resultObj.value)) //数组去重
resultStr.value = newarr.toString();
} else {
resultStr.value = resultObj.value[0].toString();
}
}
ctx.emit('getChild', resultStr);
})
//清空数据
let clearData = () => {
selectList.value = [{
value: "",
label: ""
}];
chooseTreeNodeArray.value = [];
resultObj.value = [];
}
//设置下拉框选择
let setTreeCheckNode = () => {
selectList.value = [];
resultObj.value = [];
let nodes = findTreeNode(props.treeData);
if (chooseTreeNodeArray.value.length > 0 && nodes && nodes.value.length > 0) {
chooseTreeNodeArray.value.forEach(id => {
nodes.value.forEach((item) => {
if (item.value == id) {
selectList.value.push({
value: item.value,
label: item.label
});
if (props.multiple) {
resultObj.value.push(item.value);
console.log(214, resultObj.value)
} else {
resultObj.value = [item.value];
}
}
})
})
}
if (selectList.value.length == 0) {
selectList.value = [{
value: "",
label: ""
}];
}
}
//获取树中所有节点
let findTreeNode = (tree: Array<any>) => {
let temp = ref<Array<any>>([]);
//获取子节点
var getChildNodes = function (tree: Array<any>) {
if (tree && tree.length > 0) {
for (var i = 0; i < tree.length; i++) {
temp.value.push({
label: tree[i][props.labelKey],
value: tree[i][props.nodeKey]
});
if (tree[i][props.childrenKey]) {
getChildNodes(tree[i][props.childrenKey]);
}
}
}
};
getChildNodes(tree);
return temp;
}
return {
...toRefs(props),
id,
selectList,
chooseTreeNodeArray,
resultObj,
clearData,
setTreeCheckNode,
findTreeNode
}
}
}
</script>
\ No newline at end of file
src/module/customer/clueModule.ts
View file @ 30bd7e3c
// import { ref, reactive } from 'vue' import { ref, reactive } from 'vue'
import customerService, { ClueParams } from '@/api/clue' import clueService, { ClueParams } from '@/api/clue'
// interface dataType{
// }
// let data = reactive({})
const ClueModule = () => { const ClueModule = () => {
// 定义tab
const useTab = () => {
const tab = ref(1)
const setTab = (name: number) => {
tab.value = name
}
return [tab, setTab]
}
const msg = reactive({
PageIndex: 1,
PageSize: 10,
pageCount: 0,
CorpName: '', //企业名称
CustomerName: '', //备注名
WeChatName: '', //昵称
CustomerMobile: '', //手机号码
CreateSTime: '', //创建开始时间
CreateETime: '', //创建结束时间
FriendSTime: '', //好友开始时间
FriendETime: '', //好友结束时间
Q_NotFollowUpDay: 0, //几天未跟进
Q_Friends: '', //好友关系 多选逗号分隔、
Q_AddWay: '', //获取来源 多选英文逗号分隔
EmpId: 0, //员工id
CustomerType: 0, //类型1微信用户 2企业微信用户
SelectList: [], //自定义查询
OrderBy: 1, //排序
AddCondition: 0 //查询条件
})
const data = reactive({
columns: [
{
name: 'CustomerName',
label: '客户',
field: 'CustomerName',
align: 'left'
},
{ name: 'StageName', align: 'center', field: 'StageName', label: '客户阶段' },
{ name: 'LableList', label: '客户标签', field: 'LableList', align: 'left' },
{ name: 'carbs', label: '内容标签', field: 'carbs', align: 'left' },
{ name: 'CreateTime', label: '创建时间', field: 'CreateTime', align: 'left' },
{ name: 'sodium', label: '负责人', field: 'sodium', align: 'left' },
{ name: 'LastFollowUpTime', label: '上次跟进', field: 'LastFollowUpTime', align: 'left' },
{ name: 'Source', label: '渠道活码来源', field: 'Source', align: 'left' },
// { name: 'num', label: '7日内客户回复消息数', align: 'left'},
// { name: 'num', label: '7日内员工发送消息数', align: 'left'},
{ name: 'FriendTime', label: '添加好友时间', field: 'FriendTime', align: 'left' },
{ name: 'CheckInNum', label: '签到拜访', field: 'CheckInNum', align: 'left' }
],
selected: [],
dataList: [],
WayList: [],
EmployeeList: [],
rowsPerPage: 0
})
//获取线索列表 //获取线索列表
const getCluerList = (param: ClueParams) => { const getCluerList = (param: ClueParams) => {
customerService.getCustomerList(param).then(res => { clueService.getCustomerClueRuleList(param).then(res => {
console.log(res, '数据') console.log(res, '数据')
}) })
} }
return { getCluerList } return { useTab, msg,data, getCluerList }
} }
export default ClueModule export default ClueModule
\ No newline at end of file
src/module/customer/customerModule.ts
View file @ 30bd7e3c
...@@ -6,8 +6,8 @@ ...@@ -6,8 +6,8 @@
// import { dispatchAction, getStoreGetter, setStoreState } from '@/store/utils' // import { dispatchAction, getStoreGetter, setStoreState } from '@/store/utils'
// import message from '@/utils/message' // import message from '@/utils/message'
import { StaticConfig } from '@/config/app' import { StaticConfig } from '@/config/app'
import { ref,reactive } from 'vue' import { ref, reactive } from 'vue'
import customer2,{CutomerParams} from '@/api/customer2' import customer2, { CutomerParams } from '@/api/customer2'
interface Params { interface Params {
selectVal: string selectVal: string
selectWay: number selectWay: number
...@@ -22,64 +22,94 @@ interface friendParams { ...@@ -22,64 +22,94 @@ interface friendParams {
frendArr: Array<number> frendArr: Array<number>
wayArr: Array<number> wayArr: Array<number>
} }
interface memberParams {
newId: number | string
DataType: number | string
DeptId: number
ChildList: Array<any>
}
interface dataParams {
columns: Array<any>
dataList: Array<any>
WayList: Array<any>
selected: Array<any>
EmployeeList: Array<memberParams>
defaultArray: Array<number|string>
}
const CustomerModule = () => { const CustomerModule = () => {
//调用方法 //调用方法
const getCustomerList =(param:CutomerParams)=>{ const getCustomerList = (param: CutomerParams) => {
customer2.getCustomerList(param).then(res=>{ customer2.getCustomerList(param).then(res => {
console.log(res,'数据'); console.log(res, '数据')
if(res.data.Code==1){ if (res.data.Code == 1) {
data.dataList = res.data.Data.PageData; data.dataList = res.data.Data.PageData
msg.pageCount = res.data.Data.PageCount; msg.pageCount = res.data.Data.PageCount
} }
}) })
} }
//调用获取下拉 //调用获取下拉
const getWayList =(param:any)=>{ const getWayList = (param: any) => {
customer2.getWayList(param).then(res=>{ customer2.getWayList(param).then(res => {
if(res.data.Code==1){ if (res.data.Code == 1) {
data.WayList = res.data.Data; data.WayList = res.data.Data
} }
}) })
} }
//获取员工数据 //获取员工数据
const getEmployeeData =(param:any)=>{ const getEmployeeData = (param: any) => {
customer2.getEmployeeData(param).then(res=>{ customer2.getEmployeeData(param).then(res => {
console.log(res,'员工数据'); data.EmployeeList = res.data.Data
if(res.data.Code==1){ console.log(data, '员工数据')
data.EmployeeList = res.data.Data; // 重组唯一id
if (data.EmployeeList.length == 0) return
data.EmployeeList.forEach(x => {
x.newId = x.DataType + '-' + x.DeptId
if (x.ChildList && x.ChildList.length > 0) {
getChildList(x.ChildList)
}
})
})
}
const getChildList = (ChildList: Array<any>) => {
ChildList.forEach(x => {
x.newId = x.DataType + '-' + x.DeptId
if (x.ChildList && x.ChildList.length > 0) {
getChildList(x.ChildList)
} }
}) })
} }
const title = ref(StaticConfig.appsuffix) const title = ref(StaticConfig.appsuffix)
//控制页显示条数 //控制页显示条数
const pagination = reactive({ const pagination = reactive({
rowsPerPage:0 rowsPerPage: 0
}) })
//日期对象 //日期对象
// const daySelect = // const daySelect =
const data = reactive({ const data = reactive<dataParams>({
columns:[{ columns: [
{
name: 'CustomerName', name: 'CustomerName',
label: '客户', label: '客户',
field: 'CustomerName', field: 'CustomerName',
align: 'left', align: 'left'
}, },
{ name: 'StageName', align: 'center', field:'StageName', label: '客户阶段'}, { name: 'StageName', align: 'center', field: 'StageName', label: '客户阶段' },
{ name: 'LableList', label: '客户标签', field:'LableList', align: 'left'}, { name: 'LableList', label: '客户标签', field: 'LableList', align: 'left' },
{ name: 'carbs', label: '内容标签', field:'carbs', align: 'left' }, { name: 'carbs', label: '内容标签', field: 'carbs', align: 'left' },
{ name: 'CreateTime', label: '创建时间', field:'CreateTime', align: 'left' }, { name: 'CreateTime', label: '创建时间', field: 'CreateTime', align: 'left' },
{ name: 'sodium', label: '负责人', field:'sodium', align: 'left' }, { name: 'sodium', label: '负责人', field: 'sodium', align: 'left' },
{ name: 'LastFollowUpTime', label: '上次跟进', field:'LastFollowUpTime', align: 'left' }, { name: 'LastFollowUpTime', label: '上次跟进', field: 'LastFollowUpTime', align: 'left' },
{ name: 'Source', label: '渠道活码来源', field:'Source', align: 'left'}, { name: 'Source', label: '渠道活码来源', field: 'Source', align: 'left' },
// { name: 'num', label: '7日内客户回复消息数', align: 'left'}, // { name: 'num', label: '7日内客户回复消息数', align: 'left'},
// { name: 'num', label: '7日内员工发送消息数', align: 'left'}, // { name: 'num', label: '7日内员工发送消息数', align: 'left'},
{ name: 'FriendTime', label: '添加好友时间', field:'FriendTime', align: 'left'}, { name: 'FriendTime', label: '添加好友时间', field: 'FriendTime', align: 'left' },
{ name: 'CheckInNum', label: '签到拜访', field:'CheckInNum', align: 'left'}, { name: 'CheckInNum', label: '签到拜访', field: 'CheckInNum', align: 'left' }
], ],
selected:[], selected: [],
dataList:[], dataList: [],
WayList:[], WayList: [],
EmployeeList:[] EmployeeList: [],
defaultArray: [] //
}) })
const msg = reactive({ const msg = reactive({
PageIndex: 1, PageIndex: 1,
...@@ -102,88 +132,115 @@ const CustomerModule = () => { ...@@ -102,88 +132,115 @@ const CustomerModule = () => {
OrderBy: 1, //排序 OrderBy: 1, //排序
AddCondition: 0 //查询条件 AddCondition: 0 //查询条件
}) })
const TypeList = reactive([{ const TypeList = reactive([
Name:'企业', {
Id:0 Name: '企业',
},{ Id: 0
Name:'昵称', },
Id:1 {
},{ Name: '昵称',
Name:'备注名', Id: 1
Id:2 },
},{ {
Name:'电话', Name: '备注名',
Id:3 Id: 2
}]) },
const TimeList = reactive([{ {
Name:'客户创建时间', Name: '电话',
Id:1 Id: 3
},{ }
Name:'好友添加时间', ])
Id:2 const TimeList = reactive([
}]) {
Name: '客户创建时间',
Id: 1
},
{
Name: '好友添加时间',
Id: 2
}
])
//自定义客户筛选 //自定义客户筛选
const CustomList = reactive([{ const CustomList = reactive([
Name:'好友关系', {
Id:1 Name: '好友关系',
},{ Id: 1
Name:'获取途径', },
Id:2 {
},{ Name: '获取途径',
Name:'未跟进客户', Id: 2
Id:3 },
}]) {
const friendOptions = reactive([{ Name: '未跟进客户',
Name:'好友客户', Id: 3
Id:1 }
},{ ])
Name:'待添加', const friendOptions = reactive([
Id:2 {
},{ Name: '好友客户',
Name:'已申请', Id: 1
Id:3 },
}]) {
const SeletObj:Params = reactive({ Name: '待添加',
selectVal:'', Id: 2
selectWay:0 },
{
Name: '已申请',
Id: 3
}
])
const SeletObj: Params = reactive({
selectVal: '',
selectWay: 0
}) })
const TimeObj:timeParams = reactive({ const TimeObj: timeParams = reactive({
timeWay:1 timeWay: 1
}) })
const customSetObj:customParams = reactive({ const customSetObj: customParams = reactive({
customWay:1 customWay: 1
}) })
const friendObj:friendParams = reactive({ const friendObj: friendParams = reactive({
frendArr:[], frendArr: [],
wayArr:[] wayArr: []
}) })
//选择方式 //选择方式
const getSelectWay = () => { const getSelectWay = () => {
msg.CorpName = ''; msg.CorpName = ''
msg.WeChatName = ''; msg.WeChatName = ''
msg.CustomerName = ''; msg.CustomerName = ''
msg.CustomerMobile = ''; msg.CustomerMobile = ''
//1企业名称 2姓名 3备注名 4手机号 //1企业名称 2姓名 3备注名 4手机号
if(SeletObj.selectWay==0){ if (SeletObj.selectWay == 0) {
msg.CorpName = SeletObj.selectVal; msg.CorpName = SeletObj.selectVal
} }
if(SeletObj.selectWay==1){ if (SeletObj.selectWay == 1) {
msg.WeChatName = SeletObj.selectVal; msg.WeChatName = SeletObj.selectVal
} }
if(SeletObj.selectWay==2){ if (SeletObj.selectWay == 2) {
msg.CustomerName = SeletObj.selectVal; msg.CustomerName = SeletObj.selectVal
} }
if(SeletObj.selectWay==3){ if (SeletObj.selectWay == 3) {
msg.CustomerMobile = SeletObj.selectVal; msg.CustomerMobile = SeletObj.selectVal
} }
} }
const changePage = (val:any) => { const changePage = (val: any) => {
msg.PageIndex = val; msg.PageIndex = val
getCustomerList(msg); getCustomerList(msg)
}
const getChild = (deptArray: any) => {
console.log('getChild', deptArray)
//数据处理 获取夏利是 1-2 前面代表部门还是人员 后面是原生ID
}
const getCkedFriend = (e)=>{
const Ids = e.map(x=>{
return x.Id
}).toString();
msg.Q_Friends = Ids;
getCustomerList(msg)
} }
return { getCustomerList,getWayList,getEmployeeData,data,msg,title,TypeList,SeletObj,getSelectWay,TimeObj,TimeList,changePage,pagination, return { getCustomerList, getWayList, getEmployeeData, data, msg, title, TypeList, SeletObj, getSelectWay, TimeObj, TimeList, changePage, pagination,
CustomList,customSetObj,friendObj,friendOptions} CustomList, customSetObj, friendObj, friendOptions, getChild, getCkedFriend}
} }
export default CustomerModule export default CustomerModule
src/pages/customer/components/clueRule.vue
View file @ 30bd7e3c
...@@ -26,7 +26,8 @@ ...@@ -26,7 +26,8 @@
<tr v-if="data.length == 0&&defaultData.length == 0"> <tr v-if="data.length == 0&&defaultData.length == 0">
<td :colspan="9" align="center">暂无数据</td> <td :colspan="9" align="center">暂无数据</td>
</tr> </tr>
<tr v-for="(item,index) in defaultData" v-if="defaultData.length > 0" :key="index"> <template v-if="defaultData.length > 0">
<tr v-for="(item,index) in defaultData" :key="index">
<td> <td>
<span v-if="item.RuleSelectType === 1">并且</span> <span v-if="item.RuleSelectType === 1">并且</span>
<span v-if="item.RuleSelectType === 2">或者</span> <span v-if="item.RuleSelectType === 2">或者</span>
...@@ -65,6 +66,7 @@ ...@@ -65,6 +66,7 @@
<td> <td>
</td> </td>
</tr> </tr>
</template>
<draggable v-model="data" tag="tbody" item-key="Id" @update="datadragEnd" v-if="data.length > 0"> <draggable v-model="data" tag="tbody" item-key="Id" @update="datadragEnd" v-if="data.length > 0">
<template #item="{ element }"> <template #item="{ element }">
<tr> <tr>
......
src/pages/customerManage/clue.vue
View file @ 30bd7e3c
<template> <template>
<div class="q-pa-md customer"> <div class="q-pa-md customer">
<q-page padding style="background: #FFF;border-radius: 10px;"> <q-page padding style="background: #FFF;border-radius: 10px;">
<q-tabs
v-model="tab"
dense
class="text-grey"
align="left"
active-color="primary"
indicator-color="primary"
narrow-indicator
>
<q-tab name="1" label="业务模式" />
<q-tab name="2" label="客户字段" />
<q-tab name="3" label="标签" />
<q-tab name="4" label="线索分配规则" />
</q-tabs>
<div class="page-search row items-center"> <div class="page-search row items-center">
<div class="col row wrap q-mr-lg q-col-gutter-md"> <div class="col row wrap q-mr-lg q-col-gutter-md">
<div class="col-3"> <div class="col-3">
<q-input filled v-model="SeletObj.selectVal" label='请输入'> <!-- <q-input filled v-model="SeletObj.selectVal" label='请输入'>
<template #before> <template #before>
<q-select filled style="width:120px;" @update:model-value="getSelectWay" option-value="Id" option-label="Name" v-model="SeletObj.selectWay" <q-select filled style="width:120px;" @update:model-value="getSelectWay" option-value="Id" option-label="Name" v-model="SeletObj.selectWay"
:options="TypeList" emit-value map-options label="选择类型" /> :options="TypeList" emit-value map-options label="选择类型" />
</template> </template>
</q-input> </q-input> -->
</div> </div>
<div class="col-3"> <div class="col-3">
<!-- <q-select filled style="width:120px;" @update:model-value="getSelectTime" option-value="Id" option-label="Name" v-model="TimeObj.timeWay" <!-- <q-select filled style="width:120px;" @update:model-value="getSelectTime" option-value="Id" option-label="Name" v-model="TimeObj.timeWay"
...@@ -23,7 +37,7 @@ ...@@ -23,7 +37,7 @@
:columns="data.columns" :columns="data.columns"
class="my-sticky-header-column-table" class="my-sticky-header-column-table"
row-key="name" row-key="name"
v-model:pagination="pagination" v-model:pagination="data.pagination"
selection="multiple"> selection="multiple">
<template v-slot:bottom> <template v-slot:bottom>
<q-pagination class="full-width justify-end" v-model="msg.PageIndex" color="primary" :max="msg.pageCount" <q-pagination class="full-width justify-end" v-model="msg.PageIndex" color="primary" :max="msg.pageCount"
...@@ -36,18 +50,20 @@ ...@@ -36,18 +50,20 @@
</template> </template>
<script lang='ts'> <script lang='ts'>
import {defineComponent,onMounted} from 'vue' import {defineComponent,onMounted} from 'vue'
import CustomerModule from '@/module/customer/customerModule' import ClueModule from '@/module/customer/clueModule'
export default defineComponent({ export default defineComponent({
setup() { setup() {
let { let {
getCustomerList,data,msg,title,TypeList,SeletObj,getSelectWay,TimeObj,TimeList,changePage,pagination useTab, getCluerList,msg,data
} = CustomerModule() } = ClueModule()
let [ tab ,setTab]=useTab()
onMounted(()=>{ onMounted(()=>{
getCustomerList(msg) getCluerList(msg)
}) })
return { return {
getCustomerList,data,msg,title,TypeList,SeletObj,getSelectWay,TimeObj,TimeList,changePage,pagination tab,setTab,msg, getCluerList,data
} }
} }
}) })
......
src/pages/customerManage/customer.vue
View file @ 30bd7e3c
...@@ -4,24 +4,45 @@ ...@@ -4,24 +4,45 @@
<div class="page-search row items-center"> <div class="page-search row items-center">
<div class="col row wrap q-mr-lg q-col-gutter-md"> <div class="col row wrap q-mr-lg q-col-gutter-md">
<div class="col-3"> <div class="col-3">
<q-input filled v-model="SeletObj.selectVal" label='请输入'> <q-input filled v-model="SeletObj.selectVal" clearable @clear="getCustomerList(msg)" @update:model-value="getSelectWay(),getCustomerList(msg)" label='请输入'>
<template #before> <template #before>
<q-select filled style="width:120px;" @update:model-value="getSelectWay" option-value="Id" <q-select
option-label="Name" v-model="SeletObj.selectWay" :options="TypeList" emit-value map-options filled
label="选择类型" /> style="width:120px;"
@update:model-value="getSelectWay"
option-value="Id"
option-label="Name"
v-model="SeletObj.selectWay"
:options="TypeList"
emit-value
map-options
label="选择类型"
/>
</template> </template>
</q-input> </q-input>
</div> </div>
<div class="col-2"> <div class="col-3">
<q-select filled option-value="Id" option-label="Name" <q-select
v-model="TimeObj.timeWay" :options="TimeList" emit-value map-options /> filled
option-value="Id"
option-label="Name"
v-model="TimeObj.timeWay"
:options="TimeList"
emit-value
map-options
/>
</div> </div>
<template v-if="TimeObj.timeWay==1"> <template v-if="TimeObj.timeWay == 1">
<div class="col-2"> <div class="col-3">
<q-input filled v-model="msg.CreateSTime" mask="date" placeholder="创建时间"> <q-input filled v-model="msg.CreateSTime" mask="date" @update:model-value="getCustomerList(msg)" placeholder="创建时间">
<template v-slot:append> <template v-slot:append>
<q-icon name="event" class="cursor-pointer"> <q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy" cover transition-show="scale" transition-hide="scale"> <q-popup-proxy
ref="qDateProxy"
cover
transition-show="scale"
transition-hide="scale"
>
<q-date v-model="msg.CreateSTime"> <q-date v-model="msg.CreateSTime">
<div class="row items-center justify-end"> <div class="row items-center justify-end">
<q-btn v-close-popup label="Close" color="primary" flat /> <q-btn v-close-popup label="Close" color="primary" flat />
...@@ -32,11 +53,16 @@ ...@@ -32,11 +53,16 @@
</template> </template>
</q-input> </q-input>
</div> </div>
<div class="col-2"> <div class="col-3">
<q-input filled v-model="msg.CreateETime" mask="date" placeholder="创建时间"> <q-input filled v-model="msg.CreateETime" mask="date" @range-end="getCustomerList(msg)" placeholder="创建时间">
<template v-slot:append> <template v-slot:append>
<q-icon name="event" class="cursor-pointer"> <q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy" cover transition-show="scale" transition-hide="scale"> <q-popup-proxy
ref="qDateProxy"
cover
transition-show="scale"
transition-hide="scale"
>
<q-date v-model="msg.CreateETime"> <q-date v-model="msg.CreateETime">
<div class="row items-center justify-end"> <div class="row items-center justify-end">
<q-btn v-close-popup label="Close" color="primary" flat /> <q-btn v-close-popup label="Close" color="primary" flat />
...@@ -48,12 +74,17 @@ ...@@ -48,12 +74,17 @@
</q-input> </q-input>
</div> </div>
</template> </template>
<template v-if="TimeObj.timeWay==2"> <template v-if="TimeObj.timeWay == 2">
<div class="col-2"> <div class="col-3">
<q-input filled v-model="msg.FriendSTime" mask="date" placeholder="添加时间"> <q-input filled v-model="msg.FriendSTime" mask="date" placeholder="添加时间">
<template v-slot:append> <template v-slot:append>
<q-icon name="event" class="cursor-pointer"> <q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy" cover transition-show="scale" transition-hide="scale"> <q-popup-proxy
ref="qDateProxy"
cover
transition-show="scale"
transition-hide="scale"
>
<q-date v-model="msg.FriendSTime"> <q-date v-model="msg.FriendSTime">
<div class="row items-center justify-end"> <div class="row items-center justify-end">
<q-btn v-close-popup label="Close" color="primary" flat /> <q-btn v-close-popup label="Close" color="primary" flat />
...@@ -64,11 +95,16 @@ ...@@ -64,11 +95,16 @@
</template> </template>
</q-input> </q-input>
</div> </div>
<div class="col-2"> <div class="col-3">
<q-input filled v-model="msg.FriendETime" mask="date" placeholder="添加时间"> <q-input filled v-model="msg.FriendETime" mask="date" placeholder="添加时间">
<template v-slot:append> <template v-slot:append>
<q-icon name="event" class="cursor-pointer"> <q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy" cover transition-show="scale" transition-hide="scale"> <q-popup-proxy
ref="qDateProxy"
cover
transition-show="scale"
transition-hide="scale"
>
<q-date v-model="msg.FriendETime"> <q-date v-model="msg.FriendETime">
<div class="row items-center justify-end"> <div class="row items-center justify-end">
<q-btn v-close-popup label="Close" color="primary" flat /> <q-btn v-close-popup label="Close" color="primary" flat />
...@@ -80,39 +116,72 @@ ...@@ -80,39 +116,72 @@
</q-input> </q-input>
</div> </div>
</template> </template>
<div class="col-2"> <div class="col-3">
<q-select filled option-value="Id" option-label="Name" v-model="customSetObj.customWay" <q-select
:options="CustomList" emit-value map-options /> filled
option-value="Id"
option-label="Name"
v-model="customSetObj.customWay"
:options="CustomList"
emit-value
map-options
/>
</div>
<div class="col-3" v-if="customSetObj.customWay == 1">
<q-select
filled
label="请选择"
use-chips
@update:model-value="getCkedFriend"
option-value="Id"
option-label="Name"
:options="friendOptions"
v-model="friendObj.frendArr"
multiple
/>
</div> </div>
<div class="col-2" v-if="customSetObj.customWay==1"> <div class="col-3" v-if="customSetObj.customWay == 2">
<q-select filled label="请选择" use-chips option-value="Id" option-label="Name" :options="friendOptions" <q-select
v-model="friendObj.frendArr" multiple /> filled
label="请选择"
use-chips
option-value="Id"
option-label="Name"
:options="data.WayList"
v-model="friendObj.wayArr"
multiple
/>
</div> </div>
<div class="col-2" v-if="customSetObj.customWay==2"> <div class="col-3" v-if="customSetObj.customWay == 3">
<q-select filled label="请选择" use-chips option-value="Id" option-label="Name" :options="data.WayList" <q-input filled v-model="msg.Q_NotFollowUpDay" label="几天未跟进"></q-input>
v-model="friendObj.wayArr" multiple />
</div> </div>
<div class="col-2" v-if="customSetObj.customWay==3"> <div class="col-3">
<q-input filled v-model="msg.Q_NotFollowUpDay" label='几天未跟进'></q-input> <selectTree
:treeData="data.EmployeeList"
:defaultArray="data.defaultArray"
nodeKey="newId"
:multiple="false"
labelKey="DeptName"
childrenKey="ChildList"
tipText="选择部门/人员"
@getChild="getChild"
></selectTree>
</div> </div>
<div class="col-2"> <div class="col-3">
<q-tree class="col-12 col-sm-6" <q-btn color="primary" size="sm" label="导入" />
tick-strategy="leaf" <q-btn color="primary" size="sm" style="margin-left:20px;" label="导出" />
:nodes="data.EmployeeList"
v-model:ticked="ticked"
v-model:expanded="expanded"
node-key="DeptId"
label-key="DeptName"
children-key="ChildList"
:tick-strategy="tickStrategy"
default-expand-all
/>
</div> </div>
</div> </div>
</div> </div>
<div class="page-content" style="margin-top:20px;"> <div class="page-content" style="margin-top:20px;">
<q-table :rows="data.dataList" :columns="data.columns" class="my-sticky-header-column-table" row-key="name" <q-table
v-model:pagination="pagination" selection="multiple"> :rows="data.dataList"
:columns="data.columns"
class="my-sticky-header-column-table"
row-key="name"
v-model:pagination="pagination"
selection="multiple"
>
<template v-slot:body-cell-CustomerName="props"> <template v-slot:body-cell-CustomerName="props">
<q-td auto-width :props="props"> <q-td auto-width :props="props">
<div class="cutomer_Header"> <div class="cutomer_Header">
...@@ -120,15 +189,21 @@ ...@@ -120,15 +189,21 @@
<img :src="props.row.WeChatPhoto" style="width:100%;height:100%" /> <img :src="props.row.WeChatPhoto" style="width:100%;height:100%" />
</div> </div>
<div> <div>
<div class="cutomer_Free">{{props.row.CustomerName}}</div> <div class="cutomer_Free">{{ props.row.CustomerName }}</div>
<div class="customer_Wechat">{{props.row.WeChatName}}</div> <div class="customer_Wechat">{{ props.row.WeChatName }}</div>
</div> </div>
</div> </div>
</q-td> </q-td>
</template> </template>
<template v-slot:bottom> <template v-slot:bottom>
<q-pagination class="full-width justify-end" v-model="msg.PageIndex" color="primary" :max="msg.pageCount" <q-pagination
:input="true" @update:model-value="changePage" /> class="full-width justify-end"
v-model="msg.PageIndex"
color="primary"
:max="msg.pageCount"
:input="true"
@update:model-value="changePage"
/>
</template> </template>
</q-table> </q-table>
</div> </div>
...@@ -136,88 +211,93 @@ ...@@ -136,88 +211,93 @@
</div> </div>
</template> </template>
<script lang='ts'> <script lang='ts'>
import {ref,defineComponent,onMounted} from 'vue' import { ref, defineComponent, onMounted } from 'vue'
import CustomerModule from '@/module/customer/customerModule' import CustomerModule from '@/module/customer/customerModule'
import selectTree from '@/components/common/selectTree.vue'
export default defineComponent({ export default defineComponent({
setup() { components: {
let { selectTree
getCustomerList, },
getWayList, setup() {
data, let {
msg, getCustomerList,
title, getWayList,
TypeList, data,
SeletObj, msg,
getSelectWay, title,
TimeObj, TypeList,
TimeList, SeletObj,
changePage, getSelectWay,
pagination, TimeObj,
CustomList, TimeList,
customSetObj, changePage,
friendObj, pagination,
friendOptions, CustomList,
getEmployeeData customSetObj,
} = CustomerModule() friendObj,
let ticked=ref([]) friendOptions,
let expanded=ref([]) getEmployeeData,
onMounted(() => { getChild,
getCustomerList(msg) getCkedFriend
getWayList({}) } = CustomerModule()
getEmployeeData({}) let ticked = ref([])
}) let expanded = ref([])
return { onMounted(() => {
getCustomerList, getCustomerList(msg)
getWayList, getWayList({})
data, getEmployeeData({})
msg, })
title, return {
TypeList, getCustomerList,
SeletObj, getWayList,
getSelectWay, data,
TimeObj, msg,
TimeList, title,
changePage, TypeList,
pagination, SeletObj,
CustomList, getSelectWay,
customSetObj, TimeObj,
friendObj, TimeList,
friendOptions, changePage,
getEmployeeData, pagination,
ticked, CustomList,
expanded customSetObj,
} friendObj,
friendOptions,
getEmployeeData,
ticked,
expanded,
getChild,
getCkedFriend
} }
}) }
})
</script> </script>
<style lang="scss"> <style lang="scss">
.customer .q-field__before { .customer .q-field__before {
padding-right: 0 !important; padding-right: 0 !important;
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.cutomer_Header { .cutomer_Header {
display: flex; display: flex;
} }
.customer_Img { .customer_Img {
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 5px; border-radius: 5px;
overflow: hidden; overflow: hidden;
margin-right: 14px; margin-right: 14px;
} }
.cutomer_Free { .cutomer_Free {
color: #3470ff; color: #3470ff;
font-size: 14px; font-size: 14px;
} }
.customer_Wechat {
color: #9999a8;
}
.customer_Wechat {
color: #9999a8;
}
</style> </style>
tsconfig.json
View file @ 30bd7e3c
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
"extends": "@quasar/app/tsconfig-preset", "extends": "@quasar/app/tsconfig-preset",
"compilerOptions": { "compilerOptions": {
"baseUrl": ".", "baseUrl": ".",
"noImplicitAny": false,
"paths": { "paths": {
"@/*": ["src/*"] "@/*": ["src/*"]
}, },
......
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