ak/crm-uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

crm

Browse Source
This commit is contained in:
yyy 2024-12-04 16:48:13 +08:00
parent 5b0bbd53c6
commit ad21ea3496
6 changed files with 349 additions and 311 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
pages/components/pages/clues/index.vue
View File

@ -1,18 +1,20 @@
<template>
<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
<template v-slot:left>
<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
</template>
<template v-slot:center>
<text style="color:#ffffff">{{title}}</text>
</template>
</uv-navbar>
<view class="container">
<uv-sticky>
<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
<template v-slot:left>
<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
</template>
<template v-slot:center>
<text style="color:#ffffff">{{title}}</text>
</template>
</uv-navbar>
<view class="pb-2 flex px-5" style="background-color: #09b4f1;">
<uv-search placeholder="搜索线索名称" v-model="keyword" bgColor="#ffffff" :customStyle="customStyle"
:show-action="false" @change="onSearch"></uv-search>
<uv-icon name="/static/images/screen.png" :size="26" @click="openSearch"></uv-icon>
</view>
</uv-sticky>
<view class="container">
<view class="bg-white">
<uv-tabs :list="list" @click="handleSelect" :scrollable="false"></uv-tabs>
</view>
@ -328,7 +330,7 @@
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.container {
background-color: #F7F7F7;
}

20
pages/components/pages/contacts/index.vue
View File

@ -1,18 +1,20 @@
<template>
<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
<template v-slot:left>
<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
</template>
<template v-slot:center>
<text style="color:#ffffff">{{title}}</text>
</template>
</uv-navbar>
<view class="container">
<uv-sticky>
<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
<template v-slot:left>
<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
</template>
<template v-slot:center>
<text style="color:#ffffff">{{title}}</text>
</template>
</uv-navbar>
<view class="pb-2 flex px-5" style="background-color: #09b4f1;">
<uv-search placeholder="搜索联系人姓名" v-model="keyword" bgColor="#ffffff" :customStyle="customStyle"
:show-action="false" @change="onSearch"></uv-search>
<uv-icon name="/static/images/screen.png" :size="26" @click="openSearch"></uv-icon>
</view>
</uv-sticky>
<view class="container">
<view class="bg-white">
<uv-tabs :list="list" @click="handleSelect" :scrollable="false"></uv-tabs>
</view>

21
pages/components/pages/contract/index.vue
View File

@ -1,18 +1,19 @@
<template>
<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
<template v-slot:left>
<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
</template>
<template v-slot:center>
<text style="color:#ffffff">{{title}}</text>
</template>
</uv-navbar>
<view class="container">
<uv-sticky>
<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
<template v-slot:left>
<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
</template>
<template v-slot:center>
<text style="color:#ffffff">{{title}}</text>
</template>
</uv-navbar>
<view class="pb-2 flex px-5" style="background-color: #09b4f1;">
<uv-search placeholder="搜索合同名称" v-model="keyword" bgColor="#ffffff" :customStyle="customStyle"
:show-action="false" @change="onSearch"></uv-search>
<!-- <uv-icon name="/static/images/screen.png" :size="26" @click="openSearch"></uv-icon> -->
</view>
</uv-sticky>
<view class="container">
<view class="wrap">
<uv-tabs :list="list" @click="handleSelect" :scrollable="false"></uv-tabs>
<scroll-view scroll-y class="sv" :style="{height:scrollHeight+'px'}" :scroll-top="scrollTop" @scroll="scroll"

20
pages/components/pages/customer/open.vue
View File

@ -1,18 +1,20 @@
<template>
<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
<template v-slot:left>
<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
</template>
<template v-slot:center>
<text style="color:#ffffff">{{title}}</text>
</template>
</uv-navbar>
<view class="container">
<uv-sticky>
<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
<template v-slot:left>
<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
</template>
<template v-slot:center>
<text style="color:#ffffff">{{title}}</text>
</template>
</uv-navbar>
<view class="pb-2 flex px-5" style="background-color: #09b4f1;">
<uv-search placeholder="搜索客户名称" v-model="keyword" bgColor="#ffffff" :customStyle="customStyle"
:show-action="false" @change="onSearch"></uv-search>
<uv-icon name="/static/images/screen.png" :size="26" @click="openSearch"></uv-icon>
</view>
</uv-sticky>
<view class="container">
<view class="wrap">
<scroll-view scroll-y class="sv" :style="{height:scrollHeight+'px'}" :scroll-top="scrollTop" lower-threshold="20"
@scroll="scroll" @scrolltolower="reachBottom">

570
pages/components/pages/record/index.vue
View File

@ -1,31 +1,31 @@
<template>
<uv-navbar
:fixed="false"
@leftClick="$onClickLeft"
bgColor="#09b4f1"
>
<template v-slot:left>
<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
</template>
<template v-slot:center>
<text style="color:#ffffff">{{title}}</text>
</template>
</uv-navbar>
<view class="container" >
<view class="bg-white">
<template>
<uv-sticky>
<uv-navbar :fixed="false" @leftClick="$onClickLeft" bgColor="#09b4f1">
<template v-slot:left>
<uv-icon name="arrow-left" size="19" color="#ffffff"></uv-icon>
</template>
<template v-slot:center>
<text style="color:#ffffff">{{title}}</text>
</template>
</uv-navbar>
<view class="bg-white">
<uv-tabs :list="list" @click="handleSelect" :scrollable="false"></uv-tabs>
</view>
</view>
</uv-sticky>
<view class="container">
<view class="wrap">
<scroll-view scroll-y class="sv" :style="{height:scrollHeight+'px'}" :scroll-top="scrollTop" lower-threshold="20" @scroll="scroll" @scrolltolower="reachBottom">
<scroll-view scroll-y class="sv" :style="{height:scrollHeight+'px'}" :scroll-top="scrollTop" lower-threshold="20"
@scroll="scroll" @scrolltolower="reachBottom">
<view class="page-box" @touchmove="handletouchstart" @touchend="handletouchend">
<block v-if="dataList.length > 0">
<view class="client" v-for="(items, index) in dataList" :key="index">
<view class="top">
<view class="left">
<view class="store uv-line-1">
<uv-text v-if="items.types == 'customer'" type="success" :text="'关联客户：'+items.typesName"></uv-text>
<uv-text v-else-if="items.types == 'clues'" type="warning" :text="'关联线索：'+items.typesName"></uv-text>
<uv-text v-else type="error" :text="'关联商机：'+items.typesName"></uv-text>
<view class="store uv-line-1">
<uv-text v-if="items.types == 'customer'" type="success" :text="'关联客户：'+items.typesName"></uv-text>
<uv-text v-else-if="items.types == 'clues'" type="warning"
:text="'关联线索：'+items.typesName"></uv-text>
<uv-text v-else type="error" :text="'关联商机：'+items.typesName"></uv-text>
</view>
</view>
</view>
@ -34,276 +34,308 @@
{{items.content}}
</view>
<view class="bottom">
<view class="client_time" >下次跟进：{{timeFormats(items.nextTime)}}</view>
<view class="client_time">下次跟进：{{timeFormats(items.nextTime)}}</view>
<view class="flex">
<view>{{items.ownUserName}}</view>
</view>
</view>
</view>
<uv-load-more :status="listStatus" />
<uv-load-more :status="listStatus" />
</block>
<uv-empty text="暂无数据" v-else margin-top="100" mode="list"></uv-empty>
<uv-empty text="暂无数据" v-else margin-top="100" mode="list"></uv-empty>
</view>
</scroll-view>
</view>
</view>
</template>
<script setup>
import {
ref,
computed
} from 'vue'
import { onLoad,onShow ,onReady} from '@dcloudio/uni-app'
import {
getRecordPage
} from '@/api/customer'
import { formatDateTime } from '@/utils/util'
const title = ref('跟进记录')
const keyword = ref('')
const mobile = ref('')
const phone = ref('')
const dealStatus = ref(-1)
const dealStatusName = ref('')
const scrollHeight = ref(0)
const pH = ref(0)
const scrollTop = ref(-1)
const specClass = ref('hide')
const oldScrollTop = ref(0)
const dataList = ref([])
const dx = ref(0)
const page = ref(1)
const pageSize = ref(10)
const lastPage = ref(false)
const listStatus = ref('loadmore')
const isRefresh = ref(false)
const relation = ref('my')
const list = ref(
[{
name: '我的记录',
value: 'my'
}, {
name: '下属记录',
value: 'sub'
}]
)
const actions = ref(
[{
name: '未成交',
value:0
}, {
name: '成交',
value:1
} ]
)
defineExpose({isRefresh})
const customStyle = computed(() =>{
return {
paddingLeft:'10rpx',
paddingRight:'120rpx'
}
})
const statusBarHeight = ref(0)
statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight
const customStyle2 = computed(() =>{
return {
marginTop:(uni.getSystemInfoSync().statusBarHeight+40)+'px',
backgroundColor:'#ffffff'
//top:'100px'
}
})
const popup = ref()
onReady(()=>{
uni.getSystemInfo({
success(res) {
pH.value = res.windowHeight
let scrollH = uni.createSelectorQuery().select(".sv")
scrollH.boundingClientRect(data=>{
let pH0 = pH.value
scrollHeight.value = pH0 - data.top - 5
}).exec()
<script setup>
import {
ref,
computed
} from 'vue'
import {
onLoad,
onShow,
onReady
} from '@dcloudio/uni-app'
import {
getRecordPage
} from '@/api/customer'
import {
formatDateTime
} from '@/utils/util'
const title = ref('跟进记录')
const keyword = ref('')
const mobile = ref('')
const phone = ref('')
const dealStatus = ref(-1)
const dealStatusName = ref('')
const scrollHeight = ref(0)
const pH = ref(0)
const scrollTop = ref(-1)
const specClass = ref('hide')
const oldScrollTop = ref(0)
const dataList = ref([])
const dx = ref(0)
const page = ref(1)
const pageSize = ref(10)
const lastPage = ref(false)
const listStatus = ref('loadmore')
const isRefresh = ref(false)
const relation = ref('my')
const list = ref(
[{
name: '我的记录',
value: 'my'
}, {
name: '下属记录',
value: 'sub'
}]
)
const actions = ref(
[{
name: '未成交',
value: 0
}, {
name: '成交',
value: 1
}]
)
const handleSelect = (key) => {
if (key.value !== relation.value) {
page.value = 1
lastPage.value = false
scrollTop.value = 0
dataList.value = []
getRecordList()
}
}
defineExpose({
isRefresh
})
const customStyle = computed(() => {
return {
paddingLeft: '10rpx',
paddingRight: '120rpx'
}
})
})
onLoad((e) => {
getRecordList();
})
onShow(()=>{
if (isRefresh.value) {
isRefresh.value = false
page.value = 1
lastPage.value = false
scrollTop.value = 0
dataList.value = []
getRecordList()
}
})
const handletouchstart = () => {
specClass.value = 'show'
}
const handletouchend = () => {
specClass.value = 'hide'
}
// 格式化时间
const timeFormats = (val) => {
if(val){
return formatDateTime(val)
} else {
return '--'
}
}
// 页面数据
const getRecordList = async(isNextPage,pages) => {
await getRecordPage({
pageNo: page.value,
pageSize: pageSize.value,
relation: relation.value,
}).then(res => {
if(res) {
// 不够一页
if (res.list.length < 10) {
listStatus.value = 'nomore'
}
// 最后一页
if(res.list.length == 0) {
lastPage.value = true
}
// 第二页开始
if(isNextPage) {
dataList.value = dataList.value.concat(res.list)
return
}
dataList.value = res.list
const statusBarHeight = ref(0)
statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight
const customStyle2 = computed(() => {
return {
marginTop: (uni.getSystemInfoSync().statusBarHeight + 40) + 'px',
backgroundColor: '#ffffff'
//top:'100px'
}
})
}
// scroll 滚动记录
const scroll = (e) => {
oldScrollTop.value = e.detail.scrollTop; // 必要
}
// 滚动到底部
const reachBottom = () => {
if(lastPage.value || listStatus.value == 'loading') return ;
if (!lastPage.value) {
listStatus.value = 'loading';
setTimeout(() => {
listStatus.value = 'loadmore'
getRecordList(true,++page.value)
}, 500)
const popup = ref()
onReady(() => {
uni.getSystemInfo({
success(res) {
pH.value = res.windowHeight
let scrollH = uni.createSelectorQuery().select(".sv")
scrollH.boundingClientRect(data => {
let pH0 = pH.value
scrollHeight.value = pH0 - data.top - 5
}).exec()
}
})
})
onLoad((e) => {
getRecordList();
})
onShow(() => {
if (isRefresh.value) {
isRefresh.value = false
page.value = 1
lastPage.value = false
scrollTop.value = 0
dataList.value = []
getRecordList()
}
})
const handletouchstart = () => {
specClass.value = 'show'
}
const handletouchend = () => {
specClass.value = 'hide'
}
}
// 格式化时间
const timeFormats = (val) => {
if (val) {
return formatDateTime(val)
} else {
return '--'
}
}
// 页面数据
const getRecordList = async (isNextPage, pages) => {
await getRecordPage({
pageNo: page.value,
pageSize: pageSize.value,
relation: relation.value,
}).then(res => {
if (res) {
// 不够一页
if (res.list.length < 10) {
listStatus.value = 'nomore'
}
// 最后一页
if (res.list.length == 0) {
lastPage.value = true
}
// 第二页开始
if (isNextPage) {
dataList.value = dataList.value.concat(res.list)
return
}
dataList.value = res.list
}
})
}
// scroll 滚动记录
const scroll = (e) => {
oldScrollTop.value = e.detail.scrollTop; // 必要
}
// 滚动到底部
const reachBottom = () => {
if (lastPage.value || listStatus.value == 'loading') return;
if (!lastPage.value) {
listStatus.value = 'loading';
setTimeout(() => {
listStatus.value = 'loadmore'
getRecordList(true, ++page.value)
}, 500)
}
}
</script>
<style lang="scss">
.container {
background-color: #F7F7F7;
}
.page-box {
padding: 20rpx 20rpx 45rpx;
}
.client {
width: 710rpx;
background-color: #ffffff;
margin-bottom: 20rpx;
border-radius: 20rpx;
box-sizing: border-box;
padding: 20rpx;
font-size: 28rpx;
.top {
display: flex;
justify-content: space-between;
.left {
.container {
background-color: #F7F7F7;
}
.page-box {
padding: 20rpx 20rpx 45rpx;
}
.client {
width: 710rpx;
background-color: #ffffff;
margin-bottom: 20rpx;
border-radius: 20rpx;
box-sizing: border-box;
padding: 20rpx;
font-size: 28rpx;
.top {
display: flex;
justify-content: space-between;
.left {
display: flex;
align-items: center;
.store {
max-width: 400rpx;
font-size: 30rpx;
font-weight: bold;
}
}
}
.tap {
display: flex;
align-items: center;
.store {
max-width: 400rpx;
font-size: 30rpx;
font-weight: bold;
}
}
}
.tap {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 20rpx 0 0;
.tap-item {
background-color: #FF6146;
color: #fff;
font-size: 25rpx;
padding: 10rpx 25rpx;
border-radius: 8rpx;
margin-left: 10rpx;
margin-bottom: 10rpx;
}
}
.item {
display: flex;
margin: 20rpx 0 0;
.content {
flex: 1;
.title {
font-size: 28rpx;
line-height: 50rpx;
}
.type {
margin: 10rpx 0;
font-size: 24rpx;
color: $uv-tips-color;
}
}
.right {
margin-left: 10rpx;
text-align: right;
.decimal {
font-size: 24rpx;
margin-top: 4rpx;
}
.number {
color: $uv-tips-color;
font-size: 24rpx;
}
}
}
.bottom {
display: flex;
margin-top: 20rpx;
justify-content: space-between;
align-items: center;
.client_time {
color: #777;
font-size: 26rpx;
}
.btn {
line-height: 60rpx;
width: 160rpx;
border-radius: 5px;
font-size: 26rpx;
text-align: center;
color: $uv-primary-dark;
}
.entity {
color: #fff;
background-color: #09b4f1;
}
}
}
.wrap {
display: flex;
flex-direction: column;
width: 100%;
}
flex-wrap: wrap;
margin: 20rpx 0 0;
.tap-item {
background-color: #FF6146;
color: #fff;
font-size: 25rpx;
padding: 10rpx 25rpx;
border-radius: 8rpx;
margin-left: 10rpx;
margin-bottom: 10rpx;
}
}
</style>
.item {
display: flex;
margin: 20rpx 0 0;
.content {
flex: 1;
.title {
font-size: 28rpx;
line-height: 50rpx;
}
.type {
margin: 10rpx 0;
font-size: 24rpx;
color: $uv-tips-color;
}
}
.right {
margin-left: 10rpx;
text-align: right;
.decimal {
font-size: 24rpx;
margin-top: 4rpx;
}
.number {
color: $uv-tips-color;
font-size: 24rpx;
}
}
}
.bottom {
display: flex;
margin-top: 20rpx;
justify-content: space-between;
align-items: center;
.client_time {
color: #777;
font-size: 26rpx;
}
.btn {
line-height: 60rpx;
width: 160rpx;
border-radius: 5px;
font-size: 26rpx;
text-align: center;
color: $uv-primary-dark;
}
.entity {
color: #fff;
background-color: #09b4f1;
}
}
}
.wrap {
display: flex;
flex-direction: column;
width: 100%;
}
</style>

7
pages/index/index.vue
View File

@ -320,7 +320,9 @@
}
const getData = async () => {
let data = await indexCount()
let data = await indexCount({
relation: 'all'
})
let brieCount = data.brieCountVO
toolIcons3.value[0].count = brieCount.count01
toolIcons3.value[1].count = brieCount.count02
@ -345,8 +347,6 @@
text: count + ''
})
}
}
@ -364,7 +364,6 @@
uni.switchTab({
url
})
}
</script>