liumin
/
NewZkgj
1
0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
浏览代码

init

yun
lancer 2 年前
父节点
215ea0f4dc
当前提交
67ce04373f
共有 6 个文件被更改，包括 543 次插入 和 2 次删除
分列视图
Diff 选项
显示统计 下载 Patch 文件 下载 Diff 文件
  1. +16
    -0
      pages.json
  2. +511
    -0
      pages/center/records/index.vue
  3. +8
    -0
      pages/center/records/recordSearch.vue
  4. +8
    -2
      pages/index/index.vue
  5. 二进制
      static/images/right.png
  6. 二进制
      static/images/screen.png

+ 16
- 0
pages.json 查看文件

@@ -201,6 +201,22 @@
"navigationBarBackgroundColor": "#FFFFFF",
"navigationBarTextStyle": "black"
}
},
{
"path": "records/index",
"style": {
"navigationBarTitleText": "接待记录",
"navigationBarBackgroundColor": "#FFFFFF",
"navigationBarTextStyle": "black"
}
},
{
"path": "records/recordSearch",
"style": {
"navigationBarTitleText": "搜索",
"navigationBarBackgroundColor": "#FFFFFF",
"navigationBarTextStyle": "black"
}
}


+ 511
- 0
pages/center/records/index.vue 查看文件

@@ -0,0 +1,511 @@
<template>
<view class="box">
<!-- 搜索框点击跳转 -->
<view>
<view class="search-box">
<view class="search">
<view class="search-img">
<image class="search-img1" src="../../../static/images/search.png" mode=""></image>
</view>
<view class="search-text">输入客户姓名/手机号</view>
</view>
<view class="search-screen" @click="screenshow">
<image class="search-screen1" src="../../../static/images/screen.png" mode=""></image>
</view>
</view>
</view>
<!-- 选择器 -->
<view class="boxtittab">
<view class="tabbox">
<view :class="{ activecllasscet: activeTotal == 0 }" @click="tabtimetap(0)">今日</view>
</view>
<view class="tabbox">
<view :class="{ activecllasscet: activeTotal == 1 }" @click="tabtimetap(1)">昨日</view>
</view>
<view class="tabbox">
<view :class="{ activecllasscet: activeTotal == 2 }" @click="tabtimetap(2)">近一周</view>
</view>
<view class="tabbox">
<view :class="{ activecllasscet: activeTotal == 3 }" @click="tabtimetap(3)">自定义</view>
</view>
</view>
<view class="content">
<view class="content-tips">
<view class="content-first">
<view class="left">
<view class="img">
宋
</view>
<view class="name">
宋幸运
</view>
<view class="status">
代接待
</view>
</view>
<view class="right">
<view class="point">
</view>
<view class="">
优秀案例
</view>
</view>
</view>
<view class="content-sec">
<view class="left">
<view class="cus">
客户：王先生 |
</view>
<view class="arriveNum">
首次到访
</view>
</view>
<view class="right">
88% | 55分
</view>
</view>
<view class="content-last">
2021-07-20 16:00:30 | 80分钟
</view>
</view>
<view class="content-tips">
<view class="content-first">
<view class="left">
<view class="img">
宋
</view>
<view class="name">
宋幸运
</view>
<view class="status">
代接待
</view>
</view>
<view class="right">
<view class="point">
</view>
<view class="">
优秀案例
</view>
</view>
</view>
<view class="content-sec">
<view class="left">
<view class="cus">
客户：王先生 |
</view>
<view class="arriveNum">
首次到访
</view>
</view>
<view class="right">
88% | 55分
</view>
</view>
<view class="content-last">
2021-07-20 16:00:30 | 80分钟
</view>
</view>
</view>
<u-popup v-model="screenShow" mode="top" height="770">
<view class="screen">
<!-- 顾问选择 -->
<view class="screen-counselor">
<view class="screen-text">
所属顾问
</view>
<view class="screen-sel">
<u-input v-model="screen.counselorName" type="text" placeholder='请选择' @click="selectshow = true" class="screen-inp" disabled />
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
</view>
</view>
<!-- 录音标示 -->
<view class="screen-record">
<view class="screen-record-text">
录音标识
</view>
<view class="screen-record-tab">
<view :class="[screen.record==0?'screen-record-chose':'screen-record-nochose']" @click="screen.record=0">
有效录音
</view>
<view :class="[screen.record==1?'screen-record-chose':'screen-record-nochose']" @click="screen.record=1">
无效录音
</view>
</view>
</view>
<view class="screen-record">
<view class="screen-record-text">
标记顾问
</view>
<view class="screen-record-tab">
<view :class="[screen.flag==0?'screen-record-chose':'screen-record-nochose']" @click="screen.flag=0">
标记
</view>
<view :class="[screen.flag==1?'screen-record-chose':'screen-record-nochose']" @click="screen.flag=1">
未标记
</view>
</view>
</view>
<view class="screen-record">
<view class="screen-record-text">
到访次数
</view>
<view class="screen-record-tab">
<view :class="[screen.arriveNum==0?'screen-record-chose':'screen-record-nochose']" @click="screen.arriveNum=0">
首次到访
</view>
<view :class="[screen.arriveNum==1?'screen-record-chose':'screen-record-nochose']" @click="screen.arriveNum=1">
第二次
</view>
<view :class="[screen.arriveNum==2?'screen-record-chose':'screen-record-nochose']" @click="screen.arriveNum=2">
第三次
</view>
<view :class="[screen.arriveNum==3?'screen-record-chose':'screen-record-nochose']" @click="screen.arriveNum=3">
三次以上
</view>
</view>
</view>
<view class="screen-foot">
<view class="screen-foot-reset" @click="reset">
重置
</view>
<view class="screen-foot-sure" @click="screensure">
确定
</view>
</view>
</view>
</u-popup>
<!-- 选择顾问的选择框 -->
<u-select v-model="selectshow" :list="list" @confirm="actionSelectCallback"></u-select>
</view>
</template>

<script>
export default{
data(){
return{
activeTotal: 2,
value:'',
screenShow:false,
selectshow:false,
screen:{
counselorName:'',
record:'0',
flag:'0',
arriveNum:'0'
},
list:[
{
value:1,
label:'1'
},
{
value:2,
label:'2'
},
{
value:3,
label:'3'
},
{
value:4,
label:'4'
},
],
recordList:[],
}
},
methods:{
tabtimetap(idx){
console.log(idx)
this.activeTotal=idx
},
// 筛选
screenshow(){
this.screenShow=true
},
actionSelectCallback(e){
console.log(e[0].label)
// this.value = this.actionSheetList[index].label;
this.screen.counselorName=e[0].label
},
reset(){
this.screen={
counselorName:'',
record:'0',
flag:'0',
arriveNum:'0'
}
},
screensure(){
console.log(this.screen)
this.screenShow=false
},
},
onLoad() {
console.log('这里是进入')
}
}
</script>

<style lang="scss" scoped>
.box {
width: 100%;
height: 100%;
background: #F8F8F8;
}
.search-box{
width: 100%;
height: 102rpx;
background: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
.search{
width: 620rpx;
height: 70rpx;
display: flex;
align-items: center;
background: #F8F8F8;
border-radius: 33rpx;
.search-img{
width: 26rpx;
height: 30rpx;
margin-left: 20rpx;
.search-img1{
width: 100%;
height: 100%;
margin-top: 2rpx;
}
}
.search-text{
font-size: 28rpx;
font-weight: 400;
color: #999999;
margin-left:10rpx;
}
}
.search-screen{
width: 40rpx;
height: 40rpx;
margin-left: 30rpx;
.search-screen1{
width: 100%;
height: 100%;
}
}
}
.content{
// background: #F8F8F8;
height: 1000rpx;
overflow: hidden;
.content-tips{
background: #fff;
// height: 210rpx;
padding: 0 20rpx;
box-sizing: border-box;
overflow: hidden;
margin-top: 20rpx;
.content-first{
margin-top: 19rpx;
display: flex;
justify-content: space-between;
.left{
display: flex;
.img{
width: 52rpx;
height: 52rpx;
background: #FFFFFF;
border: 1px solid #C9C9C9;
border-radius: 50%;
text-align: center;
}
.name{
font-weight: 600;
color: #333333;
margin-left: 20rpx;
margin-top: 11rpx;
}
.status{
width: 110rpx;
height: 42rpx;
background: #FFF9F5;
border-radius: 4rpx;
font-size: 26rpx;
font-weight: 400;
color: #EC8D49;
line-height: 42rpx;
text-align: center;
margin-left: 19rpx;
margin-top: 11rpx;
}
}
.right{
display: flex;
margin-top: 11rpx;
.point{
width: 12rpx;
height: 12rpx;
background: #2B6EFF;
border-radius: 50%;
margin-right: 9rpx;
margin-top: 16rpx;
}
}
}
.content-sec{
display: flex;
justify-content: space-between;
margin-top: 19rpx;
.left{
display: flex;
.cus{
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 30rpx;
}
.arriveNum{
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
line-height: 30rpx;
margin-left: 10rpx;
}
}
.right{
width: 192rpx;
height: 46rpx;
background: #F4F8FD;
border-radius: 6rpx;
text-align: center;
line-height: 46rpx;
font-weight: 400;
color: #2671E2;
}
}
.content-last{
margin: 30rpx 0;
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 30rpx;
}
}
}
// 这是弹出层
.screen{
// box-sizing: border-box;
// padding: 0 30rpx;
.screen-counselor{
display: flex;
height: 106rpx;
// padding: 40rpx 30rpx 36rpx 30rpx;
padding: 0 30rpx;
box-sizing: border-box;
border-bottom: 1px solid #CCCCCC;
.screen-text{
margin: 40rpx 0 36rpx 0;
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 30rpx;
}
.screen-sel{
display: flex;
justify-content: space-between;
width: 500rpx;
margin-left: 60rpx;
.screen-sel-img{
margin: 40rpx 0 36rpx 0;
width: 14rpx;
height: 30rpx;
}
.screen-inp{
margin-top: 20rpx;
}
}
}
.screen-record{
height: 192rpx;
// width: 100%;
overflow: hidden;
padding: 0 30rpx;
box-sizing: border-box;
border-bottom: 1px solid #CCCCCC;
.screen-record-text{
margin-top: 36rpx;
font-size: 30rpx;
font-weight: 400;
color: #333333;
line-height: 30rpx;
}
.screen-record-tab{
margin-top: 30rpx;
display: flex;
// justify-content: space-around;
.screen-record-chose{
width: 156rpx;
height: 60rpx;
background: #FFFFFF;
border-radius: 4rpx;
border: 1px solid #2671E2;
text-align: center;
line-height: 60rpx;
margin-right: 22rpx;
}
.screen-record-nochose{
width: 156rpx;
height: 60rpx;
background: #FFFFFF;
border-radius: 4rpx;
border: 1px solid #C9C9C9;
text-align: center;
line-height: 60rpx;
margin-right: 22rpx;
}
}
}
.screen-foot{
height: 88rpx;
display: flex;
.screen-foot-reset{
width: 50%;
text-align: center;
line-height: 88rpx;
font-size: 30rpx;
font-weight: 400;
color: #666666;
}
.screen-foot-sure{
width: 50%;
text-align: center;
line-height: 88rpx;
font-size: 30rpx;
font-weight: 400;
color: #FFFFFF;
background: #2671E2;
}
}
}
</style>

+ 8
- 0
pages/center/records/recordSearch.vue 查看文件

@@ -0,0 +1,8 @@
<template>
</template>

<script>
</script>

<style>
</style>

+ 8
- 2
pages/index/index.vue 查看文件

@@ -131,9 +131,9 @@
</view>
<view class="commonly">
<view class="commonly-img">
<image class="commonly-img1" src="../../static/images/building.png" mode=""></image>
<image class="commonly-img1" @click="record" src="../../static/images/building.png" mode=""></image>
</view>
<view class="commonly-text">客户管理</view>
<view class="commonly-text">接待记录</view>
</view>
<view class="commonly">
<view class="commonly-img">
@@ -231,6 +231,12 @@
uni.navigateTo({
url: '/pages/center/Piabodata/index'
});
},
record(){
// 接待记录
uni.navigateTo({
url: '/pages/center/records/index'
});
}
},


二进制
static/images/right.png 查看文件

之前 之后
宽度: 14  |  高度: 30  |  大小: 567 B

二进制
static/images/screen.png 查看文件

之前 之后
宽度: 40  |  高度: 40  |  大小: 1.2 KiB

撰写 预览
正在加载...
取消
保存