添加标签检索，添加公海页面
This commit is contained in:
浅念
+11
-2
@@ -2,6 +2,7 @@ export default {
|
|||||||
// 可以以页面为单位来写，比如首页的内容，写在index字段，个人中心写在center，共同部分写在common部分
|
// 可以以页面为单位来写，比如首页的内容，写在index字段，个人中心写在center，共同部分写在common部分
|
||||||
tabbar: {
|
tabbar: {
|
||||||
home: 'home',
|
home: 'home',
|
||||||
|
highseas: 'HighSeas',
|
||||||
customer: 'customer',
|
customer: 'customer',
|
||||||
mine: 'mine'
|
mine: 'mine'
|
||||||
},
|
},
|
||||||
@@ -9,6 +10,8 @@ export default {
|
|||||||
customerinfo:'Customer Information',
|
customerinfo:'Customer Information',
|
||||||
addfollowup:'Add follow-up',
|
addfollowup:'Add follow-up',
|
||||||
userList:'Customer Management',
|
userList:'Customer Management',
|
||||||
|
tagselect:'Tag filtering',
|
||||||
|
highseas:'Customer High Seas',
|
||||||
persondata:'Personal Data',
|
persondata:'Personal Data',
|
||||||
businesscard:'Business card'
|
businesscard:'Business card'
|
||||||
|
|
||||||
@@ -94,7 +97,10 @@ export default {
|
|||||||
recyclebin:'Recycle bin',
|
recyclebin:'Recycle bin',
|
||||||
restore:'Restore',
|
restore:'Restore',
|
||||||
position:'Position',
|
position:'Position',
|
||||||
positioninput:'Please fill in the position'
|
positioninput:'Please fill in the position',
|
||||||
|
QRcode:'QR code',
|
||||||
|
WeChat:'WeChat',
|
||||||
|
UploadQRcode:'Upload QR code'
|
||||||
},
|
},
|
||||||
call:'Call',
|
call:'Call',
|
||||||
delete:'Delete',
|
delete:'Delete',
|
||||||
@@ -109,6 +115,7 @@ export default {
|
|||||||
confirm:'confirm',
|
confirm:'confirm',
|
||||||
prompt:'prompt',
|
prompt:'prompt',
|
||||||
deletemsg:'Are you sure you want to delete this customer?',
|
deletemsg:'Are you sure you want to delete this customer?',
|
||||||
|
receivemsg:'Are you sure you want to claim this customer？',
|
||||||
submit:'Submit',
|
submit:'Submit',
|
||||||
gender:'Gender',
|
gender:'Gender',
|
||||||
gender0:'unknown',
|
gender0:'unknown',
|
||||||
@@ -184,5 +191,7 @@ export default {
|
|||||||
remarks:'Remarks',
|
remarks:'Remarks',
|
||||||
channel:'Channel',
|
channel:'Channel',
|
||||||
Nodata:'No data available at the moment!',
|
Nodata:'No data available at the moment!',
|
||||||
versionmsg:'It is already the latest version！'
|
versionmsg:'It is already the latest version！',
|
||||||
|
receiveOrder:'Collect Order',
|
||||||
|
loading:'loading'
|
||||||
}
|
}
|
||||||
+10
-1
@@ -2,13 +2,16 @@ export default {
|
|||||||
// 可以以页面为单位来写，比如首页的内容，写在index字段，个人中心写在center，共同部分写在common部分
|
// 可以以页面为单位来写，比如首页的内容，写在index字段，个人中心写在center，共同部分写在common部分
|
||||||
tabbar: {
|
tabbar: {
|
||||||
home: '首页',
|
home: '首页',
|
||||||
|
highseas: '公海',
|
||||||
customer: '客户',
|
customer: '客户',
|
||||||
mine: '我的'
|
mine: '我的'
|
||||||
},
|
},
|
||||||
navbar:{
|
navbar:{
|
||||||
customerinfo:'客户资料',
|
customerinfo:'客户资料',
|
||||||
addfollowup:'添加跟进',
|
addfollowup:'添加跟进',
|
||||||
|
highseas:'客户公海',
|
||||||
userList:'客户管理',
|
userList:'客户管理',
|
||||||
|
tagselect:'标签筛选',
|
||||||
persondata:'个人资料',
|
persondata:'个人资料',
|
||||||
businesscard:'我的名片'
|
businesscard:'我的名片'
|
||||||
},
|
},
|
||||||
@@ -94,6 +97,9 @@ export default {
|
|||||||
restore:'恢复客户',
|
restore:'恢复客户',
|
||||||
position:'职位',
|
position:'职位',
|
||||||
positioninput:'请填写职位',
|
positioninput:'请填写职位',
|
||||||
|
QRcode:'二维码',
|
||||||
|
WeChat:'微信',
|
||||||
|
UploadQRcode:'上传二维码'
|
||||||
},
|
},
|
||||||
call:'呼叫',
|
call:'呼叫',
|
||||||
delete:'删除',
|
delete:'删除',
|
||||||
@@ -108,6 +114,7 @@ export default {
|
|||||||
confirm:'确定',
|
confirm:'确定',
|
||||||
prompt:'提示',
|
prompt:'提示',
|
||||||
deletemsg:'确定要删除此客户吗？',
|
deletemsg:'确定要删除此客户吗？',
|
||||||
|
receivemsg:'确定要领取此客户吗？',
|
||||||
submit:'提交',
|
submit:'提交',
|
||||||
gender:'性别',
|
gender:'性别',
|
||||||
gender0:'未知',
|
gender0:'未知',
|
||||||
@@ -183,6 +190,8 @@ export default {
|
|||||||
remarks:'备注',
|
remarks:'备注',
|
||||||
channel:'渠道',
|
channel:'渠道',
|
||||||
Nodata:'暂无数据!',
|
Nodata:'暂无数据!',
|
||||||
versionmsg:'已是最新版本！'
|
versionmsg:'已是最新版本！',
|
||||||
|
receiveOrder:'领单',
|
||||||
|
loading:'加载中'
|
||||||
|
|
||||||
}
|
}
|
||||||
+24
@@ -86,6 +86,15 @@
|
|||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationStyle":"custom"// 去掉微信小程序顶部导航
|
"navigationStyle":"custom"// 去掉微信小程序顶部导航
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path" : "pages/index/highseas",//客户公海
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText" : "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle":"custom"// 去掉微信小程序顶部导航
|
||||||
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"subPackages":[
|
"subPackages":[
|
||||||
@@ -154,6 +163,15 @@
|
|||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationStyle":"custom"// 去掉微信小程序顶部导航
|
"navigationStyle":"custom"// 去掉微信小程序顶部导航
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path" : "tagcustomer",//标签筛选
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText" : "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle":"custom"// 去掉微信小程序顶部导航
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},{
|
},{
|
||||||
@@ -262,6 +280,12 @@
|
|||||||
"selectedIconPath": "/static/image/home-s.png",
|
"selectedIconPath": "/static/image/home-s.png",
|
||||||
"text": "首页"
|
"text": "首页"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"pagePath": "pages/index/highseas",
|
||||||
|
"iconPath": "/static/image/highseas.png",
|
||||||
|
"selectedIconPath": "/static/image/highseas-s.png",
|
||||||
|
"text": "公海"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"pagePath": "pages/index/customer",
|
"pagePath": "pages/index/customer",
|
||||||
"iconPath": "/static/image/user.png",
|
"iconPath": "/static/image/user.png",
|
||||||
|
|||||||
@@ -37,7 +37,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view v-if="datas.tags.length>0">
|
<view v-if="datas.tags.length>0">
|
||||||
<view class="conts" :class="{'expandeds':!expanded}">
|
<view class="conts" :class="{'expandeds':!expanded}">
|
||||||
<view class="tags" v-for="(item, index) in datas.tags" :key="index">{{item.name}}</view>
|
<view class="tags" @click="tagselects(item)" v-for="(item, index) in datas.tags" :key="index">{{item.name}}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="toggle" @click="expanded = !expanded">
|
<view class="toggle" @click="expanded = !expanded">
|
||||||
<text >
|
<text >
|
||||||
@@ -332,6 +332,11 @@
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
tagselects(item){ //标签筛选
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/customer/tagcustomer?tag_id='+item.id+'&name='+item.name
|
||||||
|
});
|
||||||
|
},
|
||||||
isActive(parentId, childId) {
|
isActive(parentId, childId) {
|
||||||
return this.activeMap[parentId] === childId;
|
return this.activeMap[parentId] === childId;
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -0,0 +1,202 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<z-paging ref="paging" v-model="datalist" @query="queryList" :empty-view-text="$t('Nodata')">
|
||||||
|
<template #top>
|
||||||
|
<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000" backgroundColor="#fff" :statusBar="true" :title="$t('navbar.tagselect')"></uni-nav-bar>
|
||||||
|
</template>
|
||||||
|
<view class="list">
|
||||||
|
<view class="contents" v-for="(item, index) in datalist" :key="index" >
|
||||||
|
<view class="" @click="godetile(item)">
|
||||||
|
<view class="top">
|
||||||
|
<view class="">{{item.created_at}}</view>
|
||||||
|
<view class="right">
|
||||||
|
<text class="medal" :style="{color:(item.magnitude == 0 ?'#F5AB00' : item.magnitude == 1 ?'#8495B8': '#9B7200')}">{{item.magnitude_txt}}</text>
|
||||||
|
<text class="tag" :style="{background:(item.follow == 0 ?'#3471FF' : item.follow == 1 ?'#27C89C': '#FF4040')}">{{item.follow==0?$t('followup'):item.follow==1?$t('deal'):$t('lost')}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-line margin="20rpx 0px"></u-line>
|
||||||
|
<view class="cont">
|
||||||
|
<view class="title">
|
||||||
|
<view class=""><text class="name">{{item.contacts}}</text><text class="phone">{{item.phone}}</text></view>
|
||||||
|
<view class="ststus">{{item.grade_txt}}</view>
|
||||||
|
</view>
|
||||||
|
<view class="info"><text class="sex">{{item.sex_txt}}</text> | <text class="addr">{{item.country_name}}</text><text class="type">{{item.car_type_name}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="tags">
|
||||||
|
<text>#</text> {{tag_name}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="desc1">
|
||||||
|
<view class="" @click="callPhone(item)"><image src="/static/image/customer/phone.png" mode=""></image> {{$t('call')}}</view>
|
||||||
|
<view class="" @click="editClick(item)"><image src="/static/image/customer/edit.png" mode=""></image> {{$t('customer.addfollow')}}</view>
|
||||||
|
<!-- <view class="" @click="delClick(item)"><image src="/static/image/customer/trash.png" mode=""></image> {{$t('delete')}}</view> -->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</z-paging>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { request,showToast } from '@/api/apiT.js'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
datalist:[],
|
||||||
|
tag_id:'',
|
||||||
|
tag_name:''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(e) {
|
||||||
|
console.log(e)
|
||||||
|
this.tag_id = e.tag_id
|
||||||
|
this.tag_name = e.name
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
leftClick(){
|
||||||
|
uni.navigateBack({})
|
||||||
|
},
|
||||||
|
//客户列表数据
|
||||||
|
queryList(pageNo, pageSize) {
|
||||||
|
var that = this;
|
||||||
|
request({
|
||||||
|
url:'customer/list',
|
||||||
|
method:'get',
|
||||||
|
data: {
|
||||||
|
tag_id:this.tag_id,
|
||||||
|
page:pageNo,
|
||||||
|
per_page:10,
|
||||||
|
}
|
||||||
|
}).then(res => {
|
||||||
|
console.log(res.data)
|
||||||
|
if(res.data.code ==0){
|
||||||
|
var datas = res.data.data.list;
|
||||||
|
this.$refs.paging.complete(datas);
|
||||||
|
}else{
|
||||||
|
// this.$refs.paging.complete(null);
|
||||||
|
// that.listlength=0
|
||||||
|
}
|
||||||
|
uni.stopPullDownRefresh();
|
||||||
|
})
|
||||||
|
},
|
||||||
|
godetile(item){
|
||||||
|
console.log(item)
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/customer/detile?id='+item.id
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 拨打电话
|
||||||
|
callPhone(item) {
|
||||||
|
var phoneNumber= item.phone
|
||||||
|
if (!phoneNumber) {
|
||||||
|
uni.showToast({
|
||||||
|
title: this.$t('callPhonemsg'),
|
||||||
|
icon: 'none',
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
uni.makePhoneCall({
|
||||||
|
phoneNumber: phoneNumber,
|
||||||
|
success: () => {
|
||||||
|
console.log('拨打电话成功');
|
||||||
|
},
|
||||||
|
fail: (err) => {
|
||||||
|
console.log('拨打电话失败', err);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
editClick(item){
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/customer/followup?id='+item.id
|
||||||
|
});
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.tags{
|
||||||
|
color: #726CFF;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
.list{
|
||||||
|
padding: 15px;
|
||||||
|
overflow: auto;
|
||||||
|
.contents{
|
||||||
|
background-color: #F6F6F6;
|
||||||
|
border-radius: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
.top{
|
||||||
|
padding: 10px 15px 0px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
.tag{
|
||||||
|
color: white;
|
||||||
|
border-radius: 20px 0px 0px 20px;
|
||||||
|
padding: 3px 10px;
|
||||||
|
margin-right: -15px;
|
||||||
|
}
|
||||||
|
.right{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.medal{
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cont{
|
||||||
|
padding: 0px 15px 10px;
|
||||||
|
font-size: 24rpx;
|
||||||
|
.title{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
color: #222222;
|
||||||
|
.name{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.phone{
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ststus{
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
.info,.desc{
|
||||||
|
color: #78758E;
|
||||||
|
line-height: 26px;
|
||||||
|
}
|
||||||
|
.sex{
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
.addr{
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.type{
|
||||||
|
margin-left: 5px;
|
||||||
|
color: #3471FF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.desc1{
|
||||||
|
padding: 0px 15px 10px;
|
||||||
|
color: #3471FF;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
view{
|
||||||
|
margin-left:15px;
|
||||||
|
}
|
||||||
|
image{
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
// vertical-align: sub;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -152,10 +152,14 @@
|
|||||||
})
|
})
|
||||||
uni.setTabBarItem({
|
uni.setTabBarItem({
|
||||||
index: 1,
|
index: 1,
|
||||||
text: this.$t('tabbar.customer')
|
text: this.$t('tabbar.highseas')
|
||||||
})
|
})
|
||||||
uni.setTabBarItem({
|
uni.setTabBarItem({
|
||||||
index: 2,
|
index: 2,
|
||||||
|
text: this.$t('tabbar.customer')
|
||||||
|
})
|
||||||
|
uni.setTabBarItem({
|
||||||
|
index: 3,
|
||||||
text: this.$t('tabbar.mine')
|
text: this.$t('tabbar.mine')
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -0,0 +1,306 @@
|
|||||||
|
<template>
|
||||||
|
<view class="conts">
|
||||||
|
<z-paging ref="paging" v-model="datalist" @query="queryList" :empty-view-text="$t('Nodata')">
|
||||||
|
<template #top>
|
||||||
|
<view class="top">
|
||||||
|
<uni-nav-bar leftText=" " :fixed="true" :border="false" @clickLeft="leftClick" color="#fff" backgroundColor="#3471ff" :statusBar="true" :title="$t('navbar.highseas')"></uni-nav-bar>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<view class="list">
|
||||||
|
<view class="contents" v-for="(item, index) in datalist" :key="index">
|
||||||
|
<view class="top">
|
||||||
|
<view class=""><text :style="{color:(item.magnitude == 0 ?'#F5AB00' : item.magnitude == 1 ?'#8495B8': '#9B7200')}">{{item.magnitude_txt}}</text></view>
|
||||||
|
<view class="right">
|
||||||
|
<TimeCounter :total-seconds="item.deleted_at" :show-days="true" @end="onCountdownEnd" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-line margin="20rpx 0px"></u-line>
|
||||||
|
<view class="cont">
|
||||||
|
<view class="left">
|
||||||
|
<view class=""><text class="name">{{item.contacts}}</text></view>
|
||||||
|
<view class="info"><text class="addr">{{item.country_name}}</text></view>
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<view class="btnxq" @click="detailsfn(item)">{{$t('details')}}</view>
|
||||||
|
<view class="btnld" @click="receiveClick(item)">{{$t('receiveOrder')}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</z-paging>
|
||||||
|
<u-popup :show="showts" :closeOnClickOverlay="false" :round="20" mode="center">
|
||||||
|
<view class="popupcontent">
|
||||||
|
<view class="title">{{$t('prompt')}}</view>
|
||||||
|
<view class="text">
|
||||||
|
{{$t('receivemsg')}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="cent">
|
||||||
|
<view class="btn1" @click="showts = !showts">{{$t('cancel')}}</view>
|
||||||
|
<view class="btn" @click="receivefn()">{{$t('confirm')}}</view>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
<u-popup :show="showxq" :round="20" mode="center" @close="showxq=false" bgColor="transparent">
|
||||||
|
<view class="popupcontent1">
|
||||||
|
<view class="title">{{$t('details')}}</view>
|
||||||
|
<view class="text" v-html="html">
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="upopupqx" @click="showxq=false">
|
||||||
|
<image src="/static/image/mine/chaprop.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import TimeCounter from '@/components/Countdown/time-counter.vue';
|
||||||
|
import { request,showToast } from '@/api/apiT.js'
|
||||||
|
export default {
|
||||||
|
components: { TimeCounter },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
current:0,
|
||||||
|
options1: [],
|
||||||
|
keyword:'',
|
||||||
|
follow_last:'',
|
||||||
|
follow:'',
|
||||||
|
showxq:false,
|
||||||
|
showts:false,
|
||||||
|
del_id:'',
|
||||||
|
columns:[],
|
||||||
|
list1: [],
|
||||||
|
datalist:[],
|
||||||
|
html:''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(e) {
|
||||||
|
console.log(e)
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.queryList(1, 10)
|
||||||
|
uni.setTabBarItem({
|
||||||
|
index: 0,
|
||||||
|
text: this.$t('tabbar.home')
|
||||||
|
})
|
||||||
|
uni.setTabBarItem({
|
||||||
|
index: 1,
|
||||||
|
text: this.$t('tabbar.highseas')
|
||||||
|
})
|
||||||
|
uni.setTabBarItem({
|
||||||
|
index: 2,
|
||||||
|
text: this.$t('tabbar.customer')
|
||||||
|
})
|
||||||
|
uni.setTabBarItem({
|
||||||
|
index: 3,
|
||||||
|
text: this.$t('tabbar.mine')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//客户列表数据
|
||||||
|
queryList(pageNo, pageSize) {
|
||||||
|
var that = this;
|
||||||
|
request({
|
||||||
|
url:'customer/list',
|
||||||
|
method:'get',
|
||||||
|
data: {
|
||||||
|
seas:'seas',
|
||||||
|
page:pageNo,
|
||||||
|
per_page:10,
|
||||||
|
}
|
||||||
|
}).then(res => {
|
||||||
|
console.log(res.data)
|
||||||
|
if(res.data.code ==0){
|
||||||
|
var datas = res.data.data.list;
|
||||||
|
this.$refs.paging.complete(datas);
|
||||||
|
}else{
|
||||||
|
// this.$refs.paging.complete(null);
|
||||||
|
// that.listlength=0
|
||||||
|
}
|
||||||
|
uni.stopPullDownRefresh();
|
||||||
|
})
|
||||||
|
},
|
||||||
|
detailsfn(item){
|
||||||
|
this.html = item.desc_collect
|
||||||
|
this.showxq=true
|
||||||
|
|
||||||
|
},
|
||||||
|
receiveClick(item){
|
||||||
|
this.del_id = item.id
|
||||||
|
this.showts=true
|
||||||
|
},
|
||||||
|
receivefn(){
|
||||||
|
this.showts=false
|
||||||
|
request({
|
||||||
|
url:'customer/claim',
|
||||||
|
method:'post',
|
||||||
|
data: {
|
||||||
|
customer_id:this.del_id,
|
||||||
|
}
|
||||||
|
}).then(res => {
|
||||||
|
uni.showToast({
|
||||||
|
title: res.data.message,
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
if(res.data.code ==0){
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.reLaunch({
|
||||||
|
url: '/pages/index/customer',// 替换为你要跳转的页面路径
|
||||||
|
});
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
uni-page-body {
|
||||||
|
background-color: #F6F6F6 !important;
|
||||||
|
}
|
||||||
|
::v-deep .u-popup__content{
|
||||||
|
width: 85% !important;
|
||||||
|
// background-color: transparent !important;
|
||||||
|
}
|
||||||
|
.u-swipe-action-item {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
.conts{
|
||||||
|
background-image: url("/static/image/customer/bg.png");
|
||||||
|
background-size: 100%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: calc(100vh - 50px);
|
||||||
|
}
|
||||||
|
.list{
|
||||||
|
padding: 15px;
|
||||||
|
overflow: auto;
|
||||||
|
// height: calc(100vh - 350rpx);
|
||||||
|
.contents{
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border-radius: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
.top{
|
||||||
|
padding: 10px 15px 0px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
.tag{
|
||||||
|
color: white;
|
||||||
|
border-radius: 20px 0px 0px 20px;
|
||||||
|
padding: 3px 10px;
|
||||||
|
margin-right: -15px;
|
||||||
|
}
|
||||||
|
.right{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cont{
|
||||||
|
padding: 0px 15px 10px;
|
||||||
|
font-size: 24rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
.name{
|
||||||
|
color: #222222;
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.info{
|
||||||
|
color: #78758E;
|
||||||
|
line-height: 26px;
|
||||||
|
}
|
||||||
|
.right{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.btnxq{
|
||||||
|
background: #ECF2FF;
|
||||||
|
color: #3471FF;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 6rpx 34rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.btnld{
|
||||||
|
background: linear-gradient(to right, #3471FF, #6776FF);
|
||||||
|
color: white;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 6rpx 34rpx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.popupcontent{
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px 40px 20px;
|
||||||
|
.title{
|
||||||
|
font-size: 18px;
|
||||||
|
color: #333333;
|
||||||
|
line-height: 60px;
|
||||||
|
}
|
||||||
|
.text{
|
||||||
|
color: #666666;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.popupcontent1{
|
||||||
|
padding: 10px 20px 20px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: linear-gradient(to bottom, #B1C8FF, #ffffff);
|
||||||
|
height: 800rpx;
|
||||||
|
.title{
|
||||||
|
text-align: center;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #333333;
|
||||||
|
line-height: 44px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.text{
|
||||||
|
color: #666666;
|
||||||
|
font-size: 16px;
|
||||||
|
height: 89%;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.upopupqx{
|
||||||
|
margin-top: 20px;
|
||||||
|
text-align: center;
|
||||||
|
image{
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cent{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-around;
|
||||||
|
padding: 0px 10px 20px;
|
||||||
|
text-align: center;
|
||||||
|
.btn1{
|
||||||
|
background-color: #F6F6F6;
|
||||||
|
border: 1px solid #F6F6F6;
|
||||||
|
color: #333333;
|
||||||
|
border-radius: 50px;
|
||||||
|
width: 46%;
|
||||||
|
margin: 10px 0px 20px;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
.btn{
|
||||||
|
background-color: #3471FF;
|
||||||
|
color: white;
|
||||||
|
border-radius: 50px;
|
||||||
|
width: 46%;
|
||||||
|
margin: 10px 0px 20px;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
+10
-2
@@ -151,10 +151,14 @@
|
|||||||
})
|
})
|
||||||
uni.setTabBarItem({
|
uni.setTabBarItem({
|
||||||
index: 1,
|
index: 1,
|
||||||
text: this.$t('tabbar.customer')
|
text: this.$t('tabbar.highseas')
|
||||||
})
|
})
|
||||||
uni.setTabBarItem({
|
uni.setTabBarItem({
|
||||||
index: 2,
|
index: 2,
|
||||||
|
text: this.$t('tabbar.customer')
|
||||||
|
})
|
||||||
|
uni.setTabBarItem({
|
||||||
|
index: 3,
|
||||||
text: this.$t('tabbar.mine')
|
text: this.$t('tabbar.mine')
|
||||||
})
|
})
|
||||||
this.getstatistics()
|
this.getstatistics()
|
||||||
@@ -226,10 +230,14 @@
|
|||||||
})
|
})
|
||||||
uni.setTabBarItem({
|
uni.setTabBarItem({
|
||||||
index: 1,
|
index: 1,
|
||||||
text: this.$t('tabbar.customer')
|
text: this.$t('tabbar.highseas')
|
||||||
})
|
})
|
||||||
uni.setTabBarItem({
|
uni.setTabBarItem({
|
||||||
index: 2,
|
index: 2,
|
||||||
|
text: this.$t('tabbar.customer')
|
||||||
|
})
|
||||||
|
uni.setTabBarItem({
|
||||||
|
index: 3,
|
||||||
text: this.$t('tabbar.mine')
|
text: this.$t('tabbar.mine')
|
||||||
})
|
})
|
||||||
var language = e.value[0].id
|
var language = e.value[0].id
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="minemp">
|
<view class="minemp">
|
||||||
<view class="mineid">ID：{{userinfo.sn}}</view>
|
<view class="mineid">ID：{{userinfo.sn}}</view>
|
||||||
<!-- <view class="mp" @click="gomymp">{{$t('navbar.businesscard')}}</view> -->
|
<view class="mp" @click="gomymp">{{$t('navbar.businesscard')}}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -113,10 +113,14 @@
|
|||||||
})
|
})
|
||||||
uni.setTabBarItem({
|
uni.setTabBarItem({
|
||||||
index: 1,
|
index: 1,
|
||||||
text: this.$t('tabbar.customer')
|
text: this.$t('tabbar.highseas')
|
||||||
})
|
})
|
||||||
uni.setTabBarItem({
|
uni.setTabBarItem({
|
||||||
index: 2,
|
index: 2,
|
||||||
|
text: this.$t('tabbar.customer')
|
||||||
|
})
|
||||||
|
uni.setTabBarItem({
|
||||||
|
index: 3,
|
||||||
text: this.$t('tabbar.mine')
|
text: this.$t('tabbar.mine')
|
||||||
})
|
})
|
||||||
this.getuserinfo()
|
this.getuserinfo()
|
||||||
|
|||||||
@@ -62,6 +62,24 @@
|
|||||||
<u-icon class="arrowright" name="arrow-right" size="18" color="#747474"></u-icon>
|
<u-icon class="arrowright" name="arrow-right" size="18" color="#747474"></u-icon>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<u-divider text=""></u-divider>
|
||||||
|
<view class="cell1">
|
||||||
|
<view class="item">{{$t('mine.QRcode')}}</view>
|
||||||
|
<view class="right">
|
||||||
|
<u-radio-group v-model="userinfo.socialize">
|
||||||
|
<u-radio :name="Number(1)" class="m-r-10">{{$t('mine.WeChat')}}</u-radio>
|
||||||
|
<u-radio :name="Number(2)">WhatsApp</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="cell">
|
||||||
|
<view class="item">上传二维码</view>
|
||||||
|
<view class="right">
|
||||||
|
<uni-file-picker style="margin: 10px 0px;" fileMediatype="image" limit="1" :list-styles="imageStyles" :del-icon="false" disable-preview @select="selectewm" >
|
||||||
|
<image class="user" :src="userinfo.socialize_pic==null?'/static/image/mine/erwm.png':userinfo.socialize_pic " mode=""></image>
|
||||||
|
</uni-file-picker>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="foot">
|
<view class="foot">
|
||||||
<button class="btn" @click="bcFn">{{$t('save')}}</button>
|
<button class="btn" @click="bcFn">{{$t('save')}}</button>
|
||||||
@@ -214,7 +232,7 @@
|
|||||||
this.company_name = val.value[0].name
|
this.company_name = val.value[0].name
|
||||||
this.showcomp = false
|
this.showcomp = false
|
||||||
},
|
},
|
||||||
uploadfn(imgUrl){
|
uploadfn(imgUrl,name,name1){
|
||||||
var that = this;
|
var that = this;
|
||||||
uni.uploadFile({
|
uni.uploadFile({
|
||||||
url: 'http://219.157.255.213:9007/upload/uploadImage',
|
url: 'http://219.157.255.213:9007/upload/uploadImage',
|
||||||
@@ -229,8 +247,8 @@
|
|||||||
icon: 'none'
|
icon: 'none'
|
||||||
});
|
});
|
||||||
}else{
|
}else{
|
||||||
that.userinfo.avatar = path.data.image_url
|
that.userinfo[name] = path.data.image_url
|
||||||
that.userinfo.avatar_url = path.data.path
|
that.userinfo[name1] = path.data.path
|
||||||
console.log(that.form)
|
console.log(that.form)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -248,7 +266,12 @@
|
|||||||
select(e){
|
select(e){
|
||||||
const tempFilePaths = e.tempFilePaths;
|
const tempFilePaths = e.tempFilePaths;
|
||||||
const imgUrl=tempFilePaths[0]
|
const imgUrl=tempFilePaths[0]
|
||||||
this.uploadfn(imgUrl)
|
this.uploadfn(imgUrl,'avatar','avatar_url')
|
||||||
|
},
|
||||||
|
selectewm(e){
|
||||||
|
const tempFilePaths = e.tempFilePaths;
|
||||||
|
const imgUrl=tempFilePaths[0]
|
||||||
|
this.uploadfn(imgUrl,'socialize_pic','socialize_pic_url')
|
||||||
},
|
},
|
||||||
leftClick(){
|
leftClick(){
|
||||||
uni.navigateBack({})
|
uni.navigateBack({})
|
||||||
@@ -267,6 +290,9 @@
|
|||||||
position:this.userinfo.position,
|
position:this.userinfo.position,
|
||||||
country_id:this.userinfo.country_id,
|
country_id:this.userinfo.country_id,
|
||||||
sign:this.userinfo.sign,
|
sign:this.userinfo.sign,
|
||||||
|
socialize:this.userinfo.socialize,
|
||||||
|
socialize_pic:this.userinfo.socialize_pic,
|
||||||
|
socialize_pic_url:this.userinfo.socialize_pic_url,
|
||||||
}
|
}
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
@@ -306,6 +332,7 @@
|
|||||||
}
|
}
|
||||||
.content{
|
.content{
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
|
padding-bottom: 100px;
|
||||||
.topimg{
|
.topimg{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -334,6 +361,13 @@
|
|||||||
width: 90px;
|
width: 90px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.cell{
|
||||||
|
padding: 18px 20px;
|
||||||
|
font-weight: 500;
|
||||||
|
.item{
|
||||||
|
width: 90px;
|
||||||
|
}
|
||||||
|
}
|
||||||
.right{
|
.right{
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Reference in New Issue
Block a user