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

添加页面及部分多语言切换

Browse Source
This commit is contained in:
浅念
2025-03-15 15:46:16 +08:00
parent 36ee43c61b
commit f050f7cd4d
19 changed files with 1126 additions and 302 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/index/customer.vue
+44 -18
View File
@@ -1,10 +1,10 @@
<template>
<view class="conts">
<view class="top">
<view class="navbar">客户管理</view>
<view class="navbar">{{$t('customer.title')}}</view>
<view class="topSearch">
<view class="left">
<u-search v-model="value5" bgColor="#fff" search-icon="" :show-action="false" placeholder="请输入客户名称或手机号"></u-search>
<u-search v-model="value5" bgColor="#fff" search-icon="" :show-action="false" :placeholder="$t('customer.inputhd')"></u-search>
<view @click="searchCli" class="search">
<image src="/static/image/customer/search1.png" mode=""></image>
</view>
@@ -20,7 +20,7 @@
<view class="" @click="godetile(item)">
<view class="top">
<view class="">2025.03.11 12:00</view>
<view class="tag">跟进中</view>
<view class="tag">{{$t('followup')}}</view>
</view>
<u-divider text="" :hairline="true"></u-divider>
<view class="cont">
@@ -33,28 +33,28 @@
</view>
</view>
<view class="desc1">
<view class="" @click="phoneClick(item)"><image src="/static/image/customer/phone.png" mode=""></image> 呼叫</view>
<view class="" @click="editClick(item)"><image src="/static/image/customer/edit.png" mode=""></image> 跟进</view>
<view class="" @click="delClick(item)"><image src="/static/image/customer/trash.png" mode=""></image> 删除</view>
<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('followup')}}</view>
<view class="" @click="delClick(item)"><image src="/static/image/customer/trash.png" mode=""></image> {{$t('delete')}}</view>
</view>
</view>
</view>
<u-picker :show="show" :columns="columns" @cancel="cancel" @confirm="confirm" title="客户筛选" keyName="label"></u-picker>
<u-popup :show="showts" :closeOnClickOverlay="false" :round="20" mode="center">
<view class="popupcontent">
<view class="title">提示</view>
<view class="title">{{$t('prompt')}}</view>
<view class="text">
确定要删除此客户吗？
{{$t('deletemsg')}}
</view>
</view>
<view class="cent">
<view class="btn1" @click="showts = !showts">取消</view>
<view class="btn" @click="showts = !showts">确定</view>
<view class="btn1" @click="showts = !showts">{{$t('cancel')}}</view>
<view class="btn" @click="showts = !showts">{{$t('confirm')}}</view>
</view>
</u-popup>
<movable-area class="movable-area">
<movable-view class="movable-view" :x="x" :y="y" direction="all">
<view class="index" @tap="addcustomer" >
<view class="index" @tap="addcustomer">
<image src="/static/image/customer/add.png" mode="widthFix">
</view>
</movable-view>
@@ -85,14 +85,22 @@
}]
],
datalist:[
{id:1},
{id:2},
{id:3},
{id:4}
{id:1,phone:'17839087603'},
{id:2,phone:'18437931136'},
{id:3,phone:'18339827479'},
{id:4,phone:'17839087603'}
],
}
},
onLoad() {
const { windowWidth, windowHeight } = uni.getSystemInfoSync();
this.x = windowWidth-70
this.y = windowHeight-25
},
methods: {
searchCli(){
},
close() {
// console.log('close');
this.show= false
@@ -111,8 +119,26 @@
url: '/pages/customer/detile'
});
},
phoneClick(item){
console.log(item)
// 拨打电话
callPhone(item) {
var phoneNumber= item.phone
if (!phoneNumber) {
uni.showToast({
title: '请输入电话号码',
icon: 'none',
});
return;
}
uni.makePhoneCall({
phoneNumber: phoneNumber,
success: () => {
console.log('拨打电话成功');
},
fail: (err) => {
console.log('拨打电话失败', err);
},
});
},
editClick(item){
uni.navigateTo({
@@ -199,7 +225,7 @@
background: #3471FF;
color: white;
border-radius: 10px 0px 0px 10px;
padding: 0px 10px;
padding: 3px 10px;
margin-right: -15px;
}
}
pages/index/index.vue
+52 -22
View File
@@ -1,22 +1,21 @@
<template>
<view class="content">
<view class="contop">
<view class="changeyy" @click="switchLang" >
<image src="/static/image/change.png" mode=""></image>切换语言
<view class="changeyy" @click="showlang = true" >
<image src="/static/image/change.png" mode=""></image>{{$t('home.langbtn')}}
</view>
<view class="title">
您已陪伴HESU CRM
{{$t('home.title')}} HESU CRM
</view>
<view class="num">
66 <text>天</text>
66 <text>{{$t('home.day')}}</text>
</view>
</view>
<view class="data-briefing">
<view class="top">
<text>数据简报</text>
<text>{{$t('home.databf')}}</text>
<view class="time" @click="show = true">
<image src="/static/image/time.png" mode=""></image>
<!-- <u--input v-model="timevalue" border="none" disabled disabledColor="#ffffff" style="width: 65px;margin-left: 5px;"></u--input> -->
<u--input v-model="time" border="none" disabled disabledColor="#ffffff" style="width: 65px;margin-left: 5px;"></u--input>
<u-icon name="arrow-down" color="#666666" size="16"></u-icon>
</view>
@@ -25,19 +24,19 @@
<u-grid :border="false" col="4">
<u-grid-item>
<text class="grid-num">20</text>
<text class="grid-text">常见问题</text>
<text class="grid-text">{{$t('home.addxs')}}</text>
</u-grid-item>
<u-grid-item>
<text class="grid-num">20</text>
<text class="grid-text">新增客户</text>
<text class="grid-text">{{$t('home.addkh')}}</text>
</u-grid-item>
<u-grid-item>
<text class="grid-num">20</text>
<text class="grid-text">新增拜访</text>
<text class="grid-text">{{$t('home.addbf')}}</text>
</u-grid-item>
<u-grid-item>
<text class="grid-num">20</text>
<text class="grid-text">新增跟进</text>
<text class="grid-text">{{$t('home.addgj')}}</text>
</u-grid-item>
</u-grid>
</view>
@@ -57,7 +56,8 @@
</userlist>
</view>
</view>
<u-datetime-picker :show="show" v-model="value1" @confirm="confirm" @cancel="cancel" @close="close" mode="year-month"></u-datetime-picker>
<u-datetime-picker :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :show="show" v-model="value1" @confirm="confirm" @cancel="cancel" mode="year-month"></u-datetime-picker>
<u-picker :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :show="showlang" :columns="columns" @cancel="cancellang" @confirm="confirmlang" :title="$t('home.langbtn')" keyName="label"></u-picker>
</view>
</template>
@@ -73,6 +73,7 @@
home: this.$t('tabbar.home'),
value0: 0,
show: false,
showlang: false,
value1: Number(new Date()),
timevalue:this.result(Number(new Date())),
time:this.result(Number(new Date())),
@@ -82,25 +83,56 @@
{id:3},
{id:4}
],
columns:[
[{
label: '中文',
id: 'zh'
}, {
label: '英文',
id: 'en'
}, {
label: '俄语',
id: 'ru'
}]
],
list1: [
{
name: '全部',
name: this.$t('all'),
}, {
name: '跟进中',
name: this.$t('followup'),
}, {
name: '已成交'
name: this.$t('deal')
}, {
name: '已丢失'
name: this.$t('lost')
}
]
}
},
onLoad() {
},
methods: {
switchLang() {
this.$i18n.locale = this.$i18n.locale == 'en' ? 'cn' : 'en';
confirm(e) {
// console.log('confirm', e);
this.show = false
},
cancellang() {
// console.log('cancel');
this.showlang = false
},
confirmlang(e) {
this.$i18n.locale = e.value[0].id
this.showlang = false
this.list1 = [
{
name: this.$t('all'),
}, {
name: this.$t('followup'),
}, {
name: this.$t('deal')
}, {
name: this.$t('lost')
}
];
uni.setTabBarItem({
index: 0,
text: this.$t('tabbar.home')
@@ -114,9 +146,6 @@
text: this.$t('tabbar.mine')
})
},
close() {
this.show = false
},
cancel() {
this.show = false
},
@@ -173,6 +202,7 @@
.title{
font-size: 32rpx;
margin-bottom: 20px;
width: 58%;
}
.num{
font-size: 60rpx;
@@ -220,7 +250,7 @@
}
.grid-text{
color: #222222;
font-size: 24rpx;
font-size: 20rpx;
}
}
pages/index/mine.vue
+72 -20
View File
@@ -1,6 +1,6 @@
<template>
<view class="contents">
<view class="navbar">我的</view>
<view class="navbar">{{$t('mine.title')}}</view>
<view class="content">
<view class="contop">
<view class="">
@@ -20,50 +20,55 @@
<view class="bottomCon">
<view class="sonContent" @click="navTo('/pages/mine/massege')">
<image class="son-img-bg" src="/static/image/mine/icon1.png"></image>
<span>消息通知</span>
<span>{{$t('mine.msg')}}</span>
<view class="">
<u-badge :value="9" type="error" style="display: inline-block;"></u-badge>
<uni-icons type="right" size="18"></uni-icons>
</view>
</view>
<view class="sonContent" @click="navTo('/pages/mine/drafts')">
<view class="sonContent" @click="navTo('/pages/mine/resetPwd')">
<image class="son-img-bg" src="/static/image/mine/icon2.png"></image>
<span>修改密码</span>
<span>{{$t('mine.cpassword')}}</span>
<uni-icons type="right" size="18"></uni-icons>
</view>
<view class="sonContent" @click="navTo('/pages/mine/soldList')">
<view class="sonContent" @click="show=true">
<image class="son-img-bg" src="/static/image/mine/icon3.png"></image>
<span>联系客服</span>
<span>{{$t('mine.contact')}}</span>
<uni-icons type="right" size="18"></uni-icons>
</view>
<view class="sonContent" @click="navTo('/pages/mine/mycarSource')">
<view class="sonContent" @click="navTo('/pages/mine/feedback')">
<image class="son-img-bg" src="/static/image/mine/icon4.png"></image>
<span>意见反馈</span>
<span>{{$t('mine.feedback')}}</span>
<uni-icons type="right" size="18"></uni-icons>
</view>
<view class="sonContent" @click="navTo('/pages/mine/drafts')">
<view class="sonContent" @click="navTo('/pages/mine/about')">
<image class="son-img-bg" src="/static/image/mine/icon5.png"></image>
<span>关于我们</span>
<span>{{$t('mine.about')}}</span>
<uni-icons type="right" size="18"></uni-icons>
</view>
<view class="sonContent" @click="navTo('/pages/mine/soldList')">
<view class="sonContent" @click="navTo('/pages/mine/logoff')">
<image class="son-img-bg" src="/static/image/mine/icon6.png"></image>
<span>注销账户</span>
<span>{{$t('mine.logoff')}}</span>
<uni-icons type="right" size="18"></uni-icons>
</view>
<view class="sonContent" @click="navTo('/pages/mine/soldList')">
<view class="sonContent" @click="navTo('/pages/login/index')">
<image class="son-img-bg" src="/static/image/mine/icon7.png"></image>
<span>退出登录</span>
<span>{{$t('mine.logout')}}</span>
<uni-icons type="right" size="18"></uni-icons>
</view>
<!-- <view class="sonContent1" @click="goout">
<span>退出当前账号</span>
</view> -->
<!-- <button v-else="is_login" class="logobtn" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">一键登录</button> -->
</view>
</view>
<!-- 联系客服弹框 -->
<u-popup :show="show" :closeOnClickOverlay="false" :round="20" mode="center">
<view class="popupcontent">
<image class="log1" src="/static/image/mine/kefu.png"></image>
<view class="title">{{$t('mine.kfphone')}}</view>
<view class="calls">13545678952</view>
<button class="btn" @click="callPhone()">{{$t('call')}}</button>
</view>
</u-popup>
</view>
</template>
@@ -73,7 +78,6 @@
data() {
return {
userinfo:'',
is_login:uni.getStorageSync('is_login'),
show: false
}
},
@@ -93,6 +97,26 @@
url: url
});
},
// 拨打电话
callPhone(phoneNumber) {
this.show = false;
if (!phoneNumber) {
uni.showToast({
title: '请输入电话号码',
icon: 'none',
});
return;
}
uni.makePhoneCall({
phoneNumber: phoneNumber,
success: () => {
console.log('拨打电话成功');
},
fail: (err) => {
console.log('拨打电话失败', err);
},
});
},
}
}
</script>
@@ -215,5 +239,33 @@
}
}
}
.popupcontent{
padding: 20px 30px;
background: linear-gradient(to bottom, #B1C8FF, #ffffff);
border-radius: 10px;
text-align: center;
color: #333333;
.title{
font-size: 32rpx;
}
.calls{
color: #3471FF;
font-size: 40rpx;
margin: 10px 0px;
}
image{
width: 360rpx;
height:360rpx;
}
.btn{
background: linear-gradient(to right, #3471FF, #6776FF);
color: white;
border-radius: 50px;
width: 100%;
margin-top: 30px;
height: 80rpx;
line-height: 80rpx;
font-size: 30rpx;
}
}
</style>