Compare commits
43 Commits
main
...
9262eeea35
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
9262eeea35 | ||
|
|
876b9b1c06 | ||
|
|
27d64dbd72 | ||
|
|
b1064f9118 | ||
|
|
08ca660b87 | ||
|
|
da98464e1a | ||
|
|
6635ceb0d8 | ||
|
|
5e281672a3 | ||
|
|
aae8e6fb50 | ||
|
|
9d5432058a | ||
|
|
b2b0c11966 | ||
|
|
f44108a486 | ||
|
|
8f849cda40 | ||
|
|
b2a53d04aa | ||
|
|
2514b279b6 | ||
|
|
d40d8e1e91 | ||
|
|
7fa1e5b2f9 | ||
|
|
96a9932e70 | ||
|
|
2ad389e2f0 | ||
|
|
93e1557cb2 | ||
|
|
a0f2fab6bf | ||
|
|
5e36cbb244 | ||
|
|
1a66f1f3a6 | ||
|
|
0c7c703481 | ||
|
|
0676f3e0a4 | ||
|
|
c3498510c6 | ||
|
|
0678d725ad | ||
|
|
b88c64af7e | ||
|
|
aede40ff2a | ||
|
|
a9141dfb6b | ||
|
|
28f24a90fd | ||
|
|
0728d92094 | ||
|
|
107cc64a81 | ||
|
|
7c5233f8f5 | ||
|
|
f5717959ae | ||
|
|
74596473ab | ||
|
|
bc0fa35055 | ||
|
|
53015d10c9 | ||
|
|
da67a1bf5d | ||
|
|
9542db8bad | ||
|
|
540f513e82 | ||
|
|
909187a569 | ||
|
|
7f6b8f11b3 |
@@ -1,2 +1,5 @@
|
||||
# VITE_APP_BASE_URL = "http://192.168.20.191:3000"
|
||||
VITE_APP_BASE_URL = "http://123.57.20.168:3000"
|
||||
|
||||
#调用后台地址
|
||||
VITE_APP_BASE_URL = 'http://118.186.13.120:31302'
|
||||
# VITE_APP_BASE_URL = "http://192.168.236.71:31302"
|
||||
# VITE_APP_BASE_URL = "http://123.57.20.168:3000"
|
||||
|
||||
@@ -1 +1,5 @@
|
||||
VITE_APP_BASE_URL = "http://192.168.20.191:5173"
|
||||
|
||||
#调用后台地址
|
||||
VITE_APP_BASE_URL = 'http://118.186.13.120:31302'
|
||||
# VITE_APP_BASE_URL = "http://192.168.236.71:31302"
|
||||
# VITE_APP_BASE_URL = "http://123.57.20.168:3000"
|
||||
|
||||
@@ -1,13 +0,0 @@
|
||||
{
|
||||
"version" : "1.0",
|
||||
"configurations" : [
|
||||
{
|
||||
"playground" : "standard",
|
||||
"type" : "uni-app:app-android"
|
||||
},
|
||||
{
|
||||
"openVueDevtools" : true,
|
||||
"type" : "uni-app:h5"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -10,6 +10,11 @@
|
||||
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
|
||||
</script>
|
||||
<title></title>
|
||||
<style>
|
||||
body{
|
||||
background-color: transparent;
|
||||
}
|
||||
</style>
|
||||
<!--preload-links-->
|
||||
<!--app-context-->
|
||||
</head>
|
||||
|
||||
27273
package-lock.json
generated
@@ -57,8 +57,10 @@
|
||||
"@dcloudio/uni-mp-xhs": "3.0.0-4070520250711001",
|
||||
"@dcloudio/uni-quickapp-webview": "3.0.0-4070520250711001",
|
||||
"@dcloudio/uni-ui": "^1.5.7",
|
||||
"crypto-js": "^4.2.0",
|
||||
"mescroll-uni": "^1.3.7",
|
||||
"pinia": "2.0.20",
|
||||
"uuid": "^11.1.0",
|
||||
"vue": "^3.4.21"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
||||
147
server/index.js
@@ -23,7 +23,7 @@ app.get('/api/captchaImage', (req,res,next) =>{
|
||||
// 获取验证码
|
||||
app.post('/api/sendSms', (req, res) => {
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
verifyCode:'123456'
|
||||
},
|
||||
@@ -35,7 +35,7 @@ app.post('/api/sendSms', (req, res) => {
|
||||
app.post('/api/user/login',(req,res,next) => {
|
||||
const { loginType,phone,verifyCode,username, password } = req.body;
|
||||
let retObj = {
|
||||
code: 200,
|
||||
code: 0,
|
||||
message: '登录成功',
|
||||
data: {
|
||||
'id': '@id',
|
||||
@@ -82,7 +82,7 @@ app.post('/api/getUserInfo', (req,res) => {
|
||||
// console.log("req=>",req)
|
||||
// reqBody = JSON.parse(req.body)
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
'id': '@id',
|
||||
'name': '小北',
|
||||
@@ -99,7 +99,7 @@ app.post('/api/getUserInfo', (req,res) => {
|
||||
// 搜索功能
|
||||
app.post('/api/search', (req,res) => {
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
'id': '@id',
|
||||
'content': '@cname',
|
||||
@@ -107,19 +107,60 @@ app.post('/api/search', (req,res) => {
|
||||
}))
|
||||
});
|
||||
|
||||
// 查询业务列表
|
||||
app.post('/api/businessList', (req,res) => {
|
||||
res.json(Mock.mock({
|
||||
code: 0,
|
||||
data: {
|
||||
list:[
|
||||
{bizId:1,bizName:'企业日常',children:[
|
||||
{bizId:11,bizName:'任务计划',icon:'static/images/business/icon-rwjh.png',status:1,isDaily:true},
|
||||
{bizId:12,bizName:'日报',icon:'static/images/business/icon-rb.png',status:1,isDaily:true},
|
||||
{bizId:13,bizName:'设备管理',icon:'static/images/business/icon-sbgl.png',status:1},
|
||||
{bizId:14,bizName:'绩效管理',icon:'static/images/business/icon-jxgl.png',status:1},
|
||||
{bizId:15,bizName:'公章申请',icon:'static/images/business/icon-gzsq.png',status:1,isDaily:true},
|
||||
{bizId:16,bizName:'会议室预约',icon:'static/images/business/icon-hysyy.png',status:1,isDaily:true},
|
||||
{bizId:17,bizName:'报修',icon:'static/images/business/icon-bx.png',status:1}
|
||||
]},
|
||||
{bizId:2,bizName:'CRM系统',children:[
|
||||
{bizId:21,bizName:'走访报告',icon:'static/images/business/demo.png',bizUrl:'/pages/business/CRM/visitorReport',status:true},
|
||||
{bizId:101,bizName:'走访报告',icon:'static/images/business/icon-zfbg.png',status:1},
|
||||
{bizId:102,bizName:'走访查看',icon:'static/images/business/icon-zfck.png',status:1,isDaily:true},
|
||||
{bizId:103,bizName:'走访审批',icon:'static/images/business/icon-zfsp.png',status:1},
|
||||
{bizId:104,bizName:'计划查看',icon:'static/images/business/icon-jhck.png',status:1},
|
||||
{bizId:105,bizName:'签到打卡',icon:'static/images/business/icon-qddk.png',status:1},
|
||||
{bizId:106,bizName:'打卡信息',icon:'static/images/business/icon-dkxx.png',status:1},
|
||||
{bizId:107,bizName:'打卡统计',icon:'static/images/business/icon-dktj.png',status:1},
|
||||
{bizId:108,bizName:'人员新增',icon:'static/images/business/icon-ryxz.png',status:1},
|
||||
{bizId:109,bizName:'信息查看',icon:'static/images/business/icon-xxck.png',status:1,isDaily:true},
|
||||
{bizId:1010,bizName:'信息审核',icon:'static/images/business/xxsh.png',badgeCount:5,status:1,isDaily:true},
|
||||
{bizId:1011,bizName:'信息统计',icon:'static/images/business/icon-xxtj.png',status:1},
|
||||
{bizId:1012,bizName:'回款查看',icon:'static/images/business/icon-hkck.png',status:1},
|
||||
{bizId:1013,bizName:'客户人员审核',icon:'static/images/business/icon-khrysh.png',badgeCount:3,status:true},
|
||||
{bizId:1014,bizName:'客户人员所属',icon:'static/images/business/icon-khryss.png',status:1},
|
||||
{bizId:1015,bizName:'客户人员归属人变更',icon:'static/images/business/icon-khrybg.png',status:1},
|
||||
{bizId:1016,bizName:'市场活动',icon:'static/images/business/icon-schd.png',status:1}
|
||||
]},
|
||||
{bizId:3,bizName:'供应链采纳',children:[]},
|
||||
{bizId:4,bizName:'PLM系统',children:[]}
|
||||
]
|
||||
}
|
||||
}))
|
||||
});
|
||||
|
||||
// 查询企业日常 Daily business
|
||||
app.post('/api/businessDaily', (req,res) => {
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
list:[
|
||||
{id:1,name:'任务计划',imgSrc:'static/images/business/icon-rwjh.png'},
|
||||
{id:2,name:'日报',imgSrc:'static/images/business/icon-rb.png'},
|
||||
{id:3,name:'设备管理',imgSrc:'static/images/business/icon-sbgl.png'},
|
||||
{id:4,name:'绩效管理',imgSrc:'static/images/business/icon-jxgl.png'},
|
||||
{id:5,name:'公章申请',imgSrc:'static/images/business/icon-gzsq.png'},
|
||||
{id:6,name:'会议室预约',imgSrc:'static/images/business/icon-hysyy.png'},
|
||||
{id:7,name:'报修',imgSrc:'static/images/business/icon-bx.png'}
|
||||
{id:11,name:'任务计划',imgSrc:'static/images/business/icon-rwjh.png'},
|
||||
{id:12,name:'日报',imgSrc:'static/images/business/icon-rb.png'},
|
||||
{id:13,name:'设备管理',imgSrc:'static/images/business/icon-sbgl.png'},
|
||||
{id:14,name:'绩效管理',imgSrc:'static/images/business/icon-jxgl.png'},
|
||||
{id:15,name:'公章申请',imgSrc:'static/images/business/icon-gzsq.png'},
|
||||
{id:16,name:'会议室预约',imgSrc:'static/images/business/icon-hysyy.png'},
|
||||
{id:17,name:'报修',imgSrc:'static/images/business/icon-bx.png'}
|
||||
]
|
||||
}
|
||||
}))
|
||||
@@ -128,18 +169,18 @@ app.post('/api/businessDaily', (req,res) => {
|
||||
// 查询CRM系统 Daily business
|
||||
app.post('/api/businessCRMList', (req,res) => {
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
list:[
|
||||
{id:1,name:'走访报告',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/visitorReport'},
|
||||
{id:2,name:'走访报告添加',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/visitorReportAdd'},
|
||||
{id:3,name:'走访报告详情',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/visitorReportDetail'},
|
||||
{id:4,name:'走访报告内容录入',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/visitorReportEnter'},
|
||||
{id:5,name:'市场信息管理',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/marketInformation/marketInformation'},
|
||||
{id:6,name:'修改周计划',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/weekPlanUpdate'},
|
||||
{id:7,name:'签到打卡',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/vistorCheckin'},
|
||||
{id:8,name:'打卡统计',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/checkinStatistics'},
|
||||
{id:9,name:'回款查看',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/paymentCollection'},
|
||||
{id:21,name:'走访报告',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/visitorReport'},
|
||||
{id:22,name:'走访报告添加',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/visitorReportAdd'},
|
||||
{id:23,name:'走访报告详情',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/visitorReportDetail'},
|
||||
{id:24,name:'走访报告内容录入',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/visitorReportEnter'},
|
||||
{id:25,name:'市场信息管理',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/marketInformation'},
|
||||
{id:26,name:'修改周计划',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/weekPlanUpdate'},
|
||||
{id:27,name:'签到打卡',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/vistorCheckin'},
|
||||
{id:28,name:'打卡统计',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/checkinStatistics'},
|
||||
{id:29,name:'回款查看',imgSrc:'static/images/business/demo.png',url:'/pages/business/CRM/paymentCollection'},
|
||||
{id:101,name:'走访报告',imgSrc:'static/images/business/icon-zfbg.png'},
|
||||
{id:102,name:'走访查看',imgSrc:'static/images/business/icon-zfck.png'},
|
||||
{id:103,name:'走访审批',imgSrc:'static/images/business/icon-zfsp.png'},
|
||||
@@ -164,7 +205,7 @@ app.post('/api/businessCRMList', (req,res) => {
|
||||
// 首页待办数据
|
||||
app.post('/api/backBlogCount', (req,res) => {
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
count1:3,
|
||||
count2:7,
|
||||
@@ -177,7 +218,7 @@ app.post('/api/backBlogCount', (req,res) => {
|
||||
// 首页通知消息跑马灯
|
||||
app.post('/api/swiperList', (req,res) => {
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: ["祝贺“友晟夏季封装外壳发布会”圆满成功","祝贺“友晟科技发布会”圆满成功","祝贺“友晟夏季封装外壳发布会”圆满成功"]
|
||||
}))
|
||||
});
|
||||
@@ -186,11 +227,11 @@ app.post('/api/swiperList', (req,res) => {
|
||||
// 首页日程提醒
|
||||
app.post('/api/stepData', (req,res) => {
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
date:new Date().getTime(),
|
||||
list:[
|
||||
{ id:1,desc: '2025秋季产品发布前期准备会1s,在科研楼0317会议室召开。', title: '13:30 — 15:30',beginTime:'13:30',endTime:'15:30'},
|
||||
{ id:1,desc: '2025秋季产品发布前期准备会,在科研楼0317会议室召开。', title: '13:30 — 15:30',beginTime:'13:30',endTime:'15:30'},
|
||||
{ id:2,desc: '生产间安全巡检。', title: '16:30 — 18:00',beginTime:'16:30',endTime:'18:00'},
|
||||
]
|
||||
}
|
||||
@@ -200,7 +241,7 @@ app.post('/api/stepData', (req,res) => {
|
||||
// 首页销售任务
|
||||
app.post('/api/salesTask', (req,res) => {
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
salesList:['2025-3季度', '2025-2季度', '2025-1季度'],
|
||||
percentNum:82,
|
||||
@@ -213,7 +254,7 @@ app.post('/api/salesTask', (req,res) => {
|
||||
// 首页常用服务
|
||||
app.post('/api/commonServices', (req,res) => {
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
list:[
|
||||
{id:1,name:'设备管理',imgSrc:'static/images/business/icon-sbgl.png'},
|
||||
@@ -229,7 +270,7 @@ app.post('/api/commonServices', (req,res) => {
|
||||
// 新闻列表
|
||||
app.post('/api/newsQueryList', (req,res) => {
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
list:[
|
||||
{id:1,date:'2025-06-29',name:'友晟亮相2025慕尼黑上海电子展',imgSrc:'https://img2.baidu.com/it/u=363858033,1221485415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1067'},
|
||||
@@ -246,7 +287,7 @@ app.post('/api/noticeList', (req,res) => {
|
||||
let param = req.body;
|
||||
if(param.pageIndex==1){
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
list:[
|
||||
{id:1,date:'2025-06-30',isReady:true,title:'临时调整本周工作时间的通知',imgSrc:'static/images/notice/icon-TiXing@2x.png'},
|
||||
@@ -269,7 +310,7 @@ app.post('/api/noticeList', (req,res) => {
|
||||
}))
|
||||
}else if(param.pageIndex==2){
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
list:[
|
||||
{id:11,date:'2025-09-09 15:36:00',isReady:true,title:'祝贺“友晟夏季封装外壳发布会”圆满成功',imgSrc:'static/images/notice/icon-TongZhi@2x.png'},
|
||||
@@ -282,7 +323,7 @@ app.post('/api/noticeList', (req,res) => {
|
||||
}))
|
||||
}else{
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
list:[],
|
||||
totalCount:14
|
||||
@@ -298,7 +339,7 @@ app.post('/api/visitorReportList', (req,res) => {
|
||||
// console.log(param)
|
||||
if(param.pageIndex==1){
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
list:[
|
||||
{
|
||||
@@ -357,7 +398,7 @@ app.post('/api/visitorReportList', (req,res) => {
|
||||
}))
|
||||
}else if(param.pageIndex==2){
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
list:[
|
||||
{
|
||||
@@ -386,7 +427,7 @@ app.post('/api/visitorReportList', (req,res) => {
|
||||
}))
|
||||
}else{
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
list:[],
|
||||
totalCount:14
|
||||
@@ -399,7 +440,7 @@ app.post('/api/visitorReportList', (req,res) => {
|
||||
// 客户列表
|
||||
app.post('/api/guestList', (req,res) => {
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
list:[
|
||||
{id:1,name:'西安微电子技术研究所'},
|
||||
@@ -416,7 +457,7 @@ app.post('/api/visitorReportDetail', (req,res) => {
|
||||
let param = req.body;
|
||||
// console.log(111,param.id)
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
activeObj:{
|
||||
id:1,title:'客户:北京中科睿信科技有限公司',name:'YS-VR2025091515',
|
||||
@@ -437,7 +478,7 @@ app.post('/api/mattersList', (req,res) => {
|
||||
// console.log(param)
|
||||
if(param.pageIndex==1){
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
list:[
|
||||
{ id:1,status:1,statusName:'待王彦琳审核',title:'西安微电子技术研究所',desc:'a该企业产品线技术改造延期,本月设备供应周期预 计延长7-15天。' },
|
||||
@@ -456,7 +497,7 @@ app.post('/api/mattersList', (req,res) => {
|
||||
}))
|
||||
}else if(param.pageIndex==2){
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
list:[
|
||||
{ id:11,status:1,statusName:'待王彦琳审核',title:'北京中科睿信科技有限公司',desc:'该企业产品线技术改造延期,本月设备供应周期预 计延长7-15天。' },
|
||||
@@ -469,7 +510,7 @@ app.post('/api/mattersList', (req,res) => {
|
||||
}))
|
||||
}else{
|
||||
res.json(Mock.mock({
|
||||
code: 200,
|
||||
code: 0,
|
||||
data: {
|
||||
list:[],
|
||||
totalCount:14
|
||||
@@ -478,6 +519,32 @@ app.post('/api/mattersList', (req,res) => {
|
||||
}
|
||||
})
|
||||
|
||||
// 查询设备绑定状态 绑定状态(1=已提交、2=等待审核、3=审核通过、4=绑定成功、5=审核拒绝)
|
||||
app.post('/api/getBindStatus', (req,res) => {
|
||||
res.json(Mock.mock({
|
||||
code: 0,
|
||||
data: {
|
||||
bindStatus:4
|
||||
}
|
||||
}))
|
||||
})
|
||||
|
||||
// 查询版本号
|
||||
app.post('/api/versionCheck', (req,res) => {
|
||||
res.json(Mock.mock({
|
||||
"code": 0,
|
||||
"message": "Success.",
|
||||
"data": {
|
||||
"status": 0,//版本状态 0-最新版本 1-有新版本,但现有版本可用 2-现有版本不可用,需要下载新版本
|
||||
"latestVersion": "1.0.1",
|
||||
"downloadURL": "https://www.718ys.com/downloads/android/ys718_test_v1.0.0.apk",
|
||||
"availableVersionsList": "1.0.0",
|
||||
remark:'fdsfddf'
|
||||
},
|
||||
"ok": true
|
||||
}))
|
||||
})
|
||||
|
||||
|
||||
|
||||
//2.创建server
|
||||
|
||||
23
src/App.vue
@@ -4,14 +4,27 @@
|
||||
|
||||
|
||||
<script setup>
|
||||
import { onLaunch } from '@dcloudio/uni-app';
|
||||
onLaunch((opt) => {
|
||||
console.log("onLaunch")
|
||||
})
|
||||
// import { onLaunch } from '@dcloudio/uni-app';
|
||||
// onLaunch((opt) => {
|
||||
// console.log("onLaunch")
|
||||
|
||||
// uni.preloadPage({ url: "/pages/login/login" });
|
||||
// uni.preloadPage({ url: "/pages/home/home" });
|
||||
// uni.preloadPage({ url: "/pages/business/business" });
|
||||
// uni.preloadPage({ url: "/pages/notice/notice" });
|
||||
// uni.preloadPage({ url: "/pages/userinfo/userinfo" });
|
||||
// })
|
||||
|
||||
|
||||
</script>
|
||||
<style>
|
||||
@import '@/static/common.css';
|
||||
|
||||
.uni-app--show{
|
||||
opacity:1;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
.uni-app--hide {
|
||||
opacity:0;
|
||||
transition:opacity 0.3s;
|
||||
}
|
||||
</style>
|
||||
@@ -1,13 +1,38 @@
|
||||
import request from "@/utils/request"
|
||||
|
||||
|
||||
// 获取图片
|
||||
export function getCaptchaImage() {
|
||||
return request.get({
|
||||
url: '/api/captchaImage',
|
||||
// 获取客户端版本
|
||||
export function versionCheck(data) {
|
||||
return request.post({
|
||||
url: '/acc/auth/version',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 获取设备绑定状态
|
||||
export function getBindStatus(data) {
|
||||
return request.post({
|
||||
url: '/acc/auth/status',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 申请设备授权
|
||||
export function authDeviceApply(data) {
|
||||
return request.post({
|
||||
url: '/acc/auth/apply',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// App绑定设备授权码
|
||||
export function authInputCode(data) {
|
||||
return request.post({
|
||||
url: '/acc/auth/inputCode',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
// 获取验证码
|
||||
export function getVerifyCode(data) {
|
||||
return request.post({
|
||||
@@ -19,19 +44,31 @@ export function getVerifyCode(data) {
|
||||
// 登录
|
||||
export function login(data) {
|
||||
return request.post({
|
||||
url: '/api/user/login',
|
||||
url: '/acc/auth/login',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 登出
|
||||
export function logout(data) {
|
||||
return request.post({
|
||||
url: '/acc/auth/logout',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 获取用户信息
|
||||
export function getUserInfo(data) {
|
||||
return request.post({
|
||||
url: '/api/getUserInfo',
|
||||
return request.get({
|
||||
url: '/acc/profile/userInfo',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 查询当前用户常用功能
|
||||
export function getUserFavorite(data) {
|
||||
return request.post({
|
||||
url: '/acc/profile/favorite',
|
||||
data
|
||||
})
|
||||
}
|
||||
@@ -8,15 +8,23 @@ export function search(data) {
|
||||
})
|
||||
}
|
||||
|
||||
// 企业日常
|
||||
export function businessDaily(data) {
|
||||
// 查询当前用户业务列表
|
||||
export function businessList(data) {
|
||||
return request.post({
|
||||
url: '/api/businessDaily',
|
||||
url: '/acc/profile/bizList',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// crm 列表
|
||||
// 设置常用服务
|
||||
export function bizFavoriteSetting(data) {
|
||||
return request.post({
|
||||
url: '/acc/biz/favoriteSetting',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// CRM 列表
|
||||
export function businessCRMList(data) {
|
||||
return request.post({
|
||||
url: '/api/businessCRMList',
|
||||
@@ -24,17 +32,15 @@ export function businessCRMList(data) {
|
||||
})
|
||||
}
|
||||
|
||||
// crm 查询走访报告列表
|
||||
// CRM 查询走访报告列表
|
||||
export function visitorReportList(data) {
|
||||
return request.get({
|
||||
url: '/app/appVisistReport/list',
|
||||
return request.post({
|
||||
url: '/api/visitorReportList',
|
||||
data
|
||||
},{
|
||||
isTransformResponse:false
|
||||
})
|
||||
}
|
||||
|
||||
// crm 客户列表
|
||||
// CRM 客户列表
|
||||
export function getGuestList(data) {
|
||||
return request.post({
|
||||
url: '/api/guestList',
|
||||
@@ -42,7 +48,7 @@ export function getGuestList(data) {
|
||||
})
|
||||
}
|
||||
|
||||
// crm 查询走访报告详情
|
||||
// CRM 查询走访报告详情
|
||||
export function visitorReportDetail(data) {
|
||||
return request.post({
|
||||
url: '/api/visitorReportDetail',
|
||||
@@ -50,7 +56,7 @@ export function visitorReportDetail(data) {
|
||||
})
|
||||
}
|
||||
|
||||
// crm 查询走访报告列表
|
||||
// CRM 查询走访报告列表
|
||||
export function mattersList(data) {
|
||||
return request.post({
|
||||
url: '/api/mattersList',
|
||||
|
||||
@@ -1,213 +0,0 @@
|
||||
import request from "@/utils/request";
|
||||
|
||||
//获取客户单位用户人员信息
|
||||
export function crmCustomerUser(data) {
|
||||
return request.get({
|
||||
url: "/app/appCrmCusUserNewController/crmCustomerUser",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//获取我公司人员信息
|
||||
export function myUserNameList(data) {
|
||||
return request.get({
|
||||
url: "/app/appVisistDetail/getCompanyPersonnerlName",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//保存走访报告明细
|
||||
export function addVisistDetail(data) {
|
||||
return request.post({
|
||||
url: "/app/appVisistDetail/addVisistDetail",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//删除走访报告中的某一项(日常走访,业务招待)
|
||||
export function deleVisistDetailItem(data) {
|
||||
return request.get({
|
||||
url: "/app/appVisistDetail/deleVisistDetailItem",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//走访明细查询
|
||||
export function getVisistDetailItem(data) {
|
||||
return request.get({
|
||||
url: "/app/appVisistDetail/queryList",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//删除整体的报告
|
||||
export function removeVisist(data) {
|
||||
return request.get({
|
||||
url: "/app/appVisistReport/remove",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//走访报告列表查询
|
||||
export function getYsVisistList(data) {
|
||||
return request.get({
|
||||
url: "/app/appVisistReport/list",
|
||||
data
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//更新一个报告的状态
|
||||
export function updateStatus(data) {
|
||||
return request.post({
|
||||
url: "/app/appVisistReport/updateStatus",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//获取客户信息列表
|
||||
export function getYsCustomerList(data) {
|
||||
return request.get({
|
||||
url: "/app/appCustomerIfno/pageList",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//新增走访报告
|
||||
export function addVisist(data) {
|
||||
return request.post({
|
||||
url: "/app/appVisistReport/add",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//走访报告查询
|
||||
export function getQueryVisistList(data) {
|
||||
return request.get({
|
||||
url: "/app/appVisistReport/queryList",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//走访报告详细信息
|
||||
export function getYsVisistInfo(data) {
|
||||
return request.get({
|
||||
url: "/app/appVisistReport/getDetail",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//一个走访报告下面关联的日常走访,业务招待等具体信息
|
||||
export function getVisistDetailList(data) {
|
||||
return request.get({
|
||||
url: "/app/appVisistDetail/list",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//新增点赞
|
||||
export function insertUserLike(data) {
|
||||
return request.post({
|
||||
url: "/app/appUserLike/addVisistDetail",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//查询是否已经点过赞
|
||||
export function getUserLike(data) {
|
||||
return request.get({
|
||||
url: "/app/appUserLike/queryUserLikeStatus/" + data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//获取当前人的信息
|
||||
export function getUserInfo(data) {
|
||||
return request.get({
|
||||
url: "/app/user/getUserInfo",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//查询没有经过信息管理员审批的单子
|
||||
export function getApprovalList(data) {
|
||||
return request.get({
|
||||
url: "/app/appVisistReport/approvalList",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//打开详情页设置成为已读
|
||||
export function getUpdateApprovalForRead(data) {
|
||||
return request.post({
|
||||
url: "/app/appVisistReport/updateApprovalForRead",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//提交通过活动报告
|
||||
export function auditActivityReport(data) {
|
||||
return request.post({
|
||||
url: "/app/activity/auditActivityReport",
|
||||
data,
|
||||
header: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded' // 设置请求头,确保服务器正确解析 FormData
|
||||
}
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//更新驳回原因
|
||||
export function getRejectReason(data) {
|
||||
return request.post({
|
||||
url: "/app/appVisistReport/updaterejectReason",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//查询签到打卡信息集合为了报告
|
||||
export function addMapForReport(data) {
|
||||
return request.get({
|
||||
url: "/app/appVisistReport/addMapList",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
@@ -1,51 +0,0 @@
|
||||
import request from "@/utils/request";
|
||||
|
||||
//新增地图开始签到接口
|
||||
export function addStartMap(data) {
|
||||
return request.post({
|
||||
url: "/app/appVisistMap/Startadd",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//新增地图开始打卡接口
|
||||
export function addStartMapForClockIn(data) {
|
||||
return request.post({
|
||||
url: "/app/appVisistMap/StartaddForClockIn",
|
||||
data,
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//打卡信息查看
|
||||
export function CheckInInformationViewing(data) {
|
||||
return request.get({
|
||||
url: "/app/appVisistMap/DKList",
|
||||
data
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//签到统计
|
||||
export function getSigninList(data) {
|
||||
return request.get({
|
||||
url: "/app/appVisistMap/QueryBased",
|
||||
data
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
|
||||
//不签到统计
|
||||
export function getNoSigninList(data) {
|
||||
return request.get({
|
||||
url: "/app/appVisistMap/QueryBasedIsNull",
|
||||
data
|
||||
},{
|
||||
isTransformResponse:false
|
||||
});
|
||||
}
|
||||
@@ -1,59 +0,0 @@
|
||||
import request from "@/utils/request"
|
||||
|
||||
|
||||
export function getYsVisistList(data) {
|
||||
return request.get({
|
||||
url: '/app/appVisistReport/list',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//市场信息列表接口
|
||||
export function CrmMarketInformationList(data) {
|
||||
return request.get({
|
||||
url: '/app/informationMarketInformation/list',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//市场信息模块待审核改为提交
|
||||
export function handleCrmMarketInfo(data) {
|
||||
return request.post({
|
||||
url: '/app/informationMarketInformation/handleCrmMarketInfo',
|
||||
data
|
||||
})
|
||||
}
|
||||
//获取客户名称
|
||||
export function getYsCustomerList(data) {
|
||||
return request.get({
|
||||
url: '/app/appCustomerIfno/pageList',
|
||||
data
|
||||
})
|
||||
}
|
||||
//市场信息模块提交
|
||||
export function crmMarketInformationAdd(data) {
|
||||
return request.post({
|
||||
url: '/app/informationMarketInformation/add',
|
||||
data
|
||||
})
|
||||
}
|
||||
//市场信息模块查询
|
||||
export function crminformationItemForDetail(data) {
|
||||
return request.get({
|
||||
url: '/app/informationMarketInformation/getDetail',
|
||||
data
|
||||
})
|
||||
}
|
||||
//客户人员信息查询
|
||||
export function crmCustomerUser(data) {
|
||||
return request.get({
|
||||
url: '/app/appCrmCusUserNewController/crmCustomerUser',
|
||||
data
|
||||
})
|
||||
}
|
||||
//市场信息根据ID删除
|
||||
export function crmMarketInformationDelete(data) {
|
||||
return request.get({
|
||||
url: '/app/informationMarketInformation/delete',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
@@ -1,9 +1,24 @@
|
||||
import request from "@/utils/request"
|
||||
|
||||
// 待办数据查询
|
||||
export function backBlogCount(data) {
|
||||
// 待办数据查询 获取用户消息的待阅和已阅数量
|
||||
export function messageNotifyCount(data) {
|
||||
return request.get({
|
||||
url: '/acc/message/notify/count',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 获取用户审批的待办和已办数量
|
||||
export function messageFlowCount(data) {
|
||||
return request.get({
|
||||
url: '/acc/message/flow/count',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 常用服务
|
||||
export function getUserFavorite(data) {
|
||||
return request.post({
|
||||
url: '/api/backBlogCount',
|
||||
url: '/acc/profile/favorite',
|
||||
data
|
||||
})
|
||||
}
|
||||
@@ -32,13 +47,7 @@ export function salesTask(data) {
|
||||
})
|
||||
}
|
||||
|
||||
// 常用服务
|
||||
export function commonServices(data) {
|
||||
return request.post({
|
||||
url: '/api/commonServices',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
// 新闻公告
|
||||
export function newsQueryList(data) {
|
||||
|
||||
@@ -3,7 +3,7 @@ import request from "@/utils/request"
|
||||
// 查询通知列表
|
||||
export function noticeList(data) {
|
||||
return request.post({
|
||||
url: '/api/noticeList',
|
||||
url: '/acc/message/notify/detail',
|
||||
data
|
||||
})
|
||||
}
|
||||
@@ -25,6 +25,7 @@ const props = defineProps({
|
||||
title: String,
|
||||
leftFlag:true,//默认左侧显示 false-不显示
|
||||
rightFlag:false,//默认右侧不显示
|
||||
searchType:{default:0}//搜索返回为1,其他暂时不处理
|
||||
})
|
||||
|
||||
const emit = defineEmits(['back'])
|
||||
@@ -35,7 +36,7 @@ let navbarHeight = ref(0)
|
||||
let navHeight = ref(0)
|
||||
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop();console.log(navBarPaddingTop.value)
|
||||
navBarPaddingTop.value = getNavBarPaddingTop();
|
||||
statusBarHeight.value = getStatusBarHeight();
|
||||
navbarHeight.value = getNavBarHeight();
|
||||
navHeight.value = navbarHeight.value - statusBarHeight.value
|
||||
@@ -43,6 +44,7 @@ onMounted(() => {
|
||||
|
||||
const handleBack = () => {
|
||||
emit('back')
|
||||
if(!props.searchType)
|
||||
uni.navigateBack()
|
||||
}
|
||||
</script>
|
||||
@@ -56,15 +58,15 @@ const handleBack = () => {
|
||||
margin-left:-375rpx;
|
||||
z-index: 999;
|
||||
/* #ifdef APP-PLUS */
|
||||
background: url('@/static/images/bg-Blue-header.png') no-repeat;
|
||||
/* background: url('@/static/images/bg-Blue-header.png') no-repeat;
|
||||
background-size:750rpx 160rpx;
|
||||
height:160rpx;
|
||||
height:160rpx; */
|
||||
/* #endif */
|
||||
|
||||
/* #ifndef APP-PLUS */
|
||||
background: url('@/static/images/bg-Blue-header2.png') no-repeat;
|
||||
/* background: url('@/static/images/bg-Blue-header2.png') no-repeat;
|
||||
background-size:750rpx 116rpx;
|
||||
height:116rpx;
|
||||
height:116rpx; */
|
||||
/* #endif */
|
||||
|
||||
}
|
||||
|
||||
@@ -1,84 +1,307 @@
|
||||
<template>
|
||||
<view>
|
||||
<!-- 搜索框 -->
|
||||
<uni-search-bar v-model="searchText" @confirm="handleSearch" />
|
||||
<view class="search search-sao">
|
||||
<!-- @confirm="handleSearch" @cancel="handleCancel"-->
|
||||
<uni-search-bar class="custom-search"
|
||||
radius="28"
|
||||
placeholder="请输入您想查询的内容或服务"
|
||||
clearButton="auto"
|
||||
bgColor="#6FA2F8" textColor="#ffffff"
|
||||
v-model="searchText"
|
||||
cancelButton="none"
|
||||
focus
|
||||
/>
|
||||
<text class="search-btn" @click="handleSearch">查询</text>
|
||||
</view>
|
||||
<view class="white-bg">
|
||||
|
||||
<!-- <view v-if="showSuggestions" class="suggestions-list">
|
||||
<view
|
||||
v-for="(item, index) in suggestions"
|
||||
:key="index"
|
||||
class="suggestion-item"
|
||||
@click="selectSuggestion(item)"
|
||||
<!-- 类型列表 -->
|
||||
<view class="search-section" v-if="searchTypeList.length>0">
|
||||
<view class="section-header">
|
||||
<text class="section-title">{{ searchType.typeName }}</text>
|
||||
</view>
|
||||
<view class="tag-container">
|
||||
<view class="search-tag notice-tag" :class="{'notice-check':!searchCheckObj.id}" @click="handleNoticeClick({})">全部</view>
|
||||
<view class="search-tag notice-tag" :class="{'notice-check':item.id==searchCheckObj.id}"
|
||||
v-for="(item, index) in searchTypeList"
|
||||
:key="'notice-' + index"
|
||||
@click="handleNoticeClick(item)"
|
||||
>
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 历史记录 v-if="historyList.length>0" -->
|
||||
<view class="search-section">
|
||||
<view class="section-header">
|
||||
<text class="section-title">历史搜索</text>
|
||||
<uni-icons type="trash" size="18" color="#999" @click="clearHistory"></uni-icons>
|
||||
</view>
|
||||
<view class="tag-container">
|
||||
<view class="search-tag" v-for="(item, index) in historyList" :key="'history-' + index"
|
||||
@click="handleHistoryClick(item)">
|
||||
{{ item }}
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<!-- 筛选条件 -->
|
||||
<view class="filter-container">
|
||||
<picker mode="selector" :range="categoryOptions" @change="handleCategoryChange">
|
||||
<view class="filter-item">{{ categoryText }}</view>
|
||||
</picker>
|
||||
<picker mode="selector" :range="sortOptions" @change="handleSortChange">
|
||||
<view class="filter-item">{{ sortText }}</view>
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 搜索结果 -->
|
||||
<search-results :list="results" />
|
||||
<!-- <view class="search-result" v-if="searchResult.length > 0">
|
||||
<view class="result-item"
|
||||
v-for="(item, index) in searchResult"
|
||||
:key="'result-' + index"
|
||||
@click="handleResultClick(item)"
|
||||
>
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, computed } from 'vue'
|
||||
import { ref,watch } from 'vue'
|
||||
|
||||
// const suggestions = ref([])
|
||||
// const showSuggestions = ref(false)
|
||||
const props = defineProps({
|
||||
searchKeywords:{//搜索文本
|
||||
type:String
|
||||
},
|
||||
searchType:{//哪种类型显示对象 typeId:1-首页,2-业务首页,3-消息 之后可以自动添加
|
||||
type:Object
|
||||
},
|
||||
searchTypeList:{//类型列表
|
||||
type:Array,
|
||||
default:[]
|
||||
},
|
||||
checkTypeObj:{//选中的类型对象
|
||||
type:Object
|
||||
},
|
||||
|
||||
// const handleInput = debounce(async () => {
|
||||
// if (!searchText.value.trim()) {
|
||||
// showSuggestions.value = false
|
||||
})
|
||||
|
||||
const searchText = ref('');// 搜索文本
|
||||
const searchCheckObj = ref({});//选中的类型对象
|
||||
|
||||
const showCancel = ref(false)// 是否显示取消按钮
|
||||
const historyList = ref([])// 历史记录列表
|
||||
|
||||
const searchResult = ref([])// 搜索结果
|
||||
|
||||
// 搜索文本内容
|
||||
watch(() => props.searchKeywords, (newVal, oldVal) => {
|
||||
searchText.value = newVal
|
||||
},{
|
||||
deep:true, // 深度监听
|
||||
immediate:true // 立即执行
|
||||
});
|
||||
|
||||
// 选中类型对象
|
||||
watch(() => props.checkTypeObj, (newVal, oldVal) => {
|
||||
searchCheckObj.value = newVal
|
||||
},{
|
||||
deep:true, // 深度监听
|
||||
immediate:true // 立即执行
|
||||
});
|
||||
|
||||
|
||||
// 调用父组件的方法
|
||||
const emit = defineEmits(['confirm']);
|
||||
|
||||
// 加载历史记录
|
||||
const loadHistory = () => {
|
||||
let typeId = props.searchType?props.searchType.typeId:undefined
|
||||
const history = uni.getStorageSync('searchHistory'+typeId) || []
|
||||
historyList.value = history
|
||||
}
|
||||
loadHistory();
|
||||
|
||||
// 处理搜索
|
||||
const handleSearch = () => {
|
||||
let txtContent = searchText.value?searchText.value.trim():undefined
|
||||
if (txtContent) {
|
||||
// uni.showToast({
|
||||
// title: '请输入搜索内容',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// return
|
||||
// }
|
||||
|
||||
// try {
|
||||
// const res = await getSuggestions(searchText.value)
|
||||
// suggestions.value = res
|
||||
// showSuggestions.value = true
|
||||
// } catch (error) {
|
||||
// console.error('获取搜索建议失败:', error)
|
||||
// }
|
||||
// }, 300)
|
||||
|
||||
const searchText = ref('')
|
||||
const category = ref(0)
|
||||
const sort = ref(0)
|
||||
|
||||
const categoryOptions = ['全部类别', '电子产品', '服装', '食品']
|
||||
const sortOptions = ['默认排序', '价格从低到高', '价格从高到低', '销量最高']
|
||||
|
||||
const categoryText = computed(() => categoryOptions[category.value])
|
||||
const sortText = computed(() => sortOptions[sort.value])
|
||||
|
||||
const handleSearch = async () => {
|
||||
const params = {
|
||||
keyword: searchText.value,
|
||||
category: category.value,
|
||||
sort: sort.value
|
||||
// 添加到历史记录
|
||||
addToHistory(txtContent)
|
||||
}
|
||||
|
||||
// 调用搜索API
|
||||
const res = await searchAPI(params)
|
||||
results.value = res.data
|
||||
// 模拟搜索请求
|
||||
// searchResult.value = [
|
||||
// { id: 1, name: `${searchText.value} 结果1` },
|
||||
// { id: 2, name: `${searchText.value} 结果2` },
|
||||
// { id: 3, name: `${searchText.value} 结果3` }
|
||||
// ]
|
||||
|
||||
|
||||
// 传给父组件
|
||||
emit('confirm',searchCheckObj,searchText);
|
||||
}
|
||||
|
||||
const handleCategoryChange = (e) => {
|
||||
category.value = e.detail.value
|
||||
// 处理输入
|
||||
const handleInput = () => {
|
||||
showCancel.value = searchText.value.length > 0
|
||||
}
|
||||
|
||||
// 清除搜索
|
||||
const clearSearch = () => {
|
||||
searchText.value = ''
|
||||
showCancel.value = false
|
||||
searchResult.value = []
|
||||
}
|
||||
|
||||
|
||||
// 添加到历史记录
|
||||
const addToHistory = (keyword) => {
|
||||
const index = historyList.value.indexOf(keyword)
|
||||
if (index !== -1) {
|
||||
historyList.value.splice(index, 1)
|
||||
}
|
||||
historyList.value.unshift(keyword)
|
||||
|
||||
// 限制历史记录数量
|
||||
if (historyList.value.length > 10) {
|
||||
historyList.value = historyList.value.slice(0, 10)
|
||||
}
|
||||
|
||||
let typeId = props.searchType.typeId
|
||||
uni.setStorageSync('searchHistory'+typeId, historyList.value)
|
||||
}
|
||||
|
||||
// 清除历史记录
|
||||
const clearHistory = () => {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '确定要清空历史记录吗?',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
historyList.value = []
|
||||
let typeId = props.searchType.typeId;
|
||||
uni.removeStorageSync('searchHistory'+typeId)
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 点击历史记录
|
||||
const handleHistoryClick = (item) => {
|
||||
searchText.value = item
|
||||
handleSearch()
|
||||
}
|
||||
|
||||
const handleSortChange = (e) => {
|
||||
sort.value = e.detail.value
|
||||
// 点击消息类型
|
||||
const handleNoticeClick = (item) => {
|
||||
// searchText.value = item
|
||||
searchCheckObj.value = item;
|
||||
handleSearch()
|
||||
}
|
||||
|
||||
// 点击搜索结果
|
||||
const handleResultClick = (item) => {
|
||||
uni.showToast({
|
||||
title: `点击了 ${item.name}`,
|
||||
icon: 'none'
|
||||
})
|
||||
// 实际项目中这里可以跳转到详情页
|
||||
// uni.navigateTo({ url: `/pages/detail/detail?id=${item.id}` })
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
.search-sao {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search-sao .custom-search {
|
||||
/* width:615rpx; */
|
||||
width: 590rpx;
|
||||
padding: 0 20rpx;
|
||||
margin-bottom:15rpx;
|
||||
}
|
||||
|
||||
.search-sao :deep(.custom-search.uni-searchbar) {
|
||||
padding-bottom: 15rpx !important;
|
||||
}
|
||||
|
||||
.search-sao .search-btn {
|
||||
margin: 15rpx 30rpx 10rpx 0;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 40rpx 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 130px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 150px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search-section {
|
||||
margin-bottom: 40rpx;
|
||||
padding:0 45rpx;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tag-container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap:20rpx;
|
||||
}
|
||||
|
||||
.search-tag {
|
||||
background-color: #fff;
|
||||
border:1px solid #E8E8E8;
|
||||
border-radius: 10rpx;
|
||||
padding: 10rpx 15rpx;
|
||||
/* margin-right: 20rpx;
|
||||
margin-bottom: 20rpx; */
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.search-tag.notice-tag{
|
||||
padding: 10rpx 45rpx;
|
||||
}
|
||||
.notice-tag:nth-child(3n){
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.notice-check{
|
||||
background-color: #05A3F4;
|
||||
color:#fff;
|
||||
border-color:#05A3F4;
|
||||
}
|
||||
.search-result {
|
||||
margin-top: 20rpx;
|
||||
padding:0 20rpx;
|
||||
}
|
||||
|
||||
.result-item {
|
||||
padding: 20rpx 0;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
</style>
|
||||
163
src/components/customShowModal.vue
Normal file
@@ -0,0 +1,163 @@
|
||||
<template>
|
||||
<view class="model" v-if="visibleF">
|
||||
<view class="model-con">
|
||||
<view class="model-top" v-if="title">{{title}}</view>
|
||||
<view :class="{'model-middle':true,'m-height':!title}">{{contents}}</view>
|
||||
<view class="model-bottom">
|
||||
<button type="primary" class="btn-cancel" @click="handleCancel" v-if="btnFlag2">Cancel</button>
|
||||
<button type="default" class="btn-green" @click="handleConfirm" v-if="btnFlag" :loading="loading" :disabled="loading">{{btnTxt}}</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref,watch } from 'vue'
|
||||
const props = defineProps({
|
||||
visible:{
|
||||
type:Boolean
|
||||
},
|
||||
title:{
|
||||
type: String,
|
||||
},
|
||||
content: {
|
||||
type: String
|
||||
},
|
||||
btnFlag:{
|
||||
type:Boolean,
|
||||
default:true
|
||||
},
|
||||
btnFlag2:{
|
||||
type:Boolean,
|
||||
default:true
|
||||
},
|
||||
btnTxt:{
|
||||
type:String,
|
||||
default:'确定'
|
||||
}
|
||||
})
|
||||
|
||||
let visibleF = ref(props.visible)
|
||||
let titles = ref(props.title)
|
||||
let contents = ref(props.content)
|
||||
let btnFlags = ref(props.btnFlag)
|
||||
let loading = ref(false);
|
||||
|
||||
// 显示隐藏
|
||||
watch(() => props.visible, (newVal, oldVal) => {
|
||||
loading.value = false;
|
||||
visibleF = newVal
|
||||
},{
|
||||
deep:true, // 深度监听
|
||||
immediate:true // 立即执行
|
||||
});
|
||||
|
||||
// 标题
|
||||
watch(() => props.title, (newVal, oldVal) => {
|
||||
titles.value = newVal
|
||||
},{
|
||||
deep:true,
|
||||
immediate:true
|
||||
});
|
||||
// 内容
|
||||
watch(() => props.content, (newVal, oldVal) => {
|
||||
contents = newVal
|
||||
},{
|
||||
deep:true,
|
||||
immediate:true
|
||||
});
|
||||
|
||||
// 按钮
|
||||
watch(() => props.btnFlag, (newVal, oldVal) => {
|
||||
btnFlags.value = newVal
|
||||
},{
|
||||
deep:true,
|
||||
immediate:true
|
||||
});
|
||||
|
||||
// 调用父组件的方法
|
||||
const emit = defineEmits(['close','confirm'])
|
||||
const handleCancel = ()=>{
|
||||
emit('close');
|
||||
}
|
||||
|
||||
const handleConfirm = ()=>{
|
||||
loading.value=true;
|
||||
emit('confirm')
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.model {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
z-index: 9999;
|
||||
.model-con{
|
||||
background: #fff;
|
||||
position: fixed;
|
||||
top:50%;
|
||||
left:50%;
|
||||
width:500rpx;
|
||||
min-height: 278rpx;
|
||||
margin-left: -270rpx;
|
||||
margin-top:-139rpx;
|
||||
border-radius: 24rpx;
|
||||
padding:20rpx 20rpx 30rpx;
|
||||
}
|
||||
.model-top{
|
||||
text-align: center;
|
||||
padding:20rpx 0;
|
||||
font-size:36rpx;
|
||||
}
|
||||
.model-middle{
|
||||
// margin-top:290rpx;
|
||||
text-align: center;
|
||||
font-size:36rpx;
|
||||
color:#393939;
|
||||
.font-green{
|
||||
color:#05A3F4;
|
||||
font-size: 42rpx;
|
||||
font-weight: bold;
|
||||
padding:20rpx 0;
|
||||
}
|
||||
}
|
||||
.model-middle.m-height{
|
||||
padding:60rpx 0 20rpx;
|
||||
}
|
||||
.model-bottom{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top:40rpx;
|
||||
// align-items: center;
|
||||
.btn-green,.btn-cancel{
|
||||
background-color: #fff;
|
||||
color:#05A3F4;
|
||||
border-radius: 48rpx;
|
||||
font-size:30rpx;
|
||||
width:200rpx;
|
||||
height:65rpx;
|
||||
line-height: 60rpx;
|
||||
text-align: center;
|
||||
font-size:30rpx;
|
||||
border: 1px solid #05A3F4;
|
||||
margin-left:0rpx !important;
|
||||
margin-right:0 !important;
|
||||
&::after{
|
||||
border:none;
|
||||
border-radius: 37rpx;
|
||||
}
|
||||
}
|
||||
.btn-green{
|
||||
border: 1px solid #05A3F4;
|
||||
background-color:#05A3F4;
|
||||
color:#fff;
|
||||
margin-left:20rpx !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,182 +0,0 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<!-- 验证区域 -->
|
||||
<view class="captcha-area">
|
||||
<image :src="backgroundImg" class="bg-img" mode="widthFix"></image>
|
||||
<view class="puzzle-hole" :style="{
|
||||
left: `${holePosition.x}px`,
|
||||
top: `${holePosition.y}px`,
|
||||
width: `${puzzleSize.width}px`,
|
||||
height: `${puzzleSize.height}px`
|
||||
}"></view>
|
||||
</view>
|
||||
|
||||
<!-- 滑块区域 -->
|
||||
<view class="slider-area">
|
||||
<movable-area class="movable-area">
|
||||
<movable-view class="movable-view" direction="horizontal" :x="sliderX" @change="onDrag"
|
||||
@touchend="onDragEnd" :damping="40" :friction="10">
|
||||
<image :src="puzzleImg" class="puzzle-img"></image>
|
||||
</movable-view>
|
||||
</movable-area>
|
||||
<text class="slider-text">{{ sliderText }}</text>
|
||||
</view>
|
||||
|
||||
<!-- 操作按钮 -->
|
||||
<button class="refresh-btn" @click="initCaptcha">刷新验证码</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
backgroundImg: './static/images/captcha/1.jpg?v=1', // 替换为你的背景图
|
||||
puzzleImg: '', // 滑块小图
|
||||
holePosition: { x: 0, y: 0 }, // 缺口位置
|
||||
puzzleSize: { width: 50, height: 50 }, // 滑块尺寸
|
||||
sliderX: 0, // 滑块位置
|
||||
targetX: 0, // 正确目标位置
|
||||
isVerified: false,
|
||||
sliderText: '拖动滑块完成拼图'
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.initCaptcha();
|
||||
},
|
||||
methods: {
|
||||
// 初始化验证码
|
||||
initCaptcha() {
|
||||
this.isVerified = false;
|
||||
this.sliderX = 0;
|
||||
this.sliderText = '拖动滑块完成拼图';
|
||||
|
||||
// 随机生成缺口位置 (示例)
|
||||
const maxX = 300 - this.puzzleSize.width;
|
||||
const maxY = 200 - this.puzzleSize.height;
|
||||
|
||||
this.holePosition = {
|
||||
x: Math.floor(Math.random() * maxX),
|
||||
y: Math.floor(Math.random() * maxY)
|
||||
};
|
||||
|
||||
// 这里应该从服务器获取裁剪后的小图
|
||||
// 实际项目中需要通过API获取
|
||||
this.puzzleImg = this.generatePuzzleImage();
|
||||
|
||||
// 设置目标位置 (映射到滑块轨道)
|
||||
this.targetX = this.mapToSliderPosition(this.holePosition.x);
|
||||
},
|
||||
|
||||
// 模拟生成滑块图片 (实际应从服务端获取)
|
||||
generatePuzzleImage() {
|
||||
// 这里应该是从背景图裁剪的图片
|
||||
return './static/images/captcha/1-1.jpg?v=1';
|
||||
},
|
||||
|
||||
// 映射背景位置到滑块位置
|
||||
mapToSliderPosition(bgX) {
|
||||
const bgWidth = 300; // 背景图显示宽度
|
||||
const sliderWidth = 280; // 滑块轨道宽度
|
||||
return (bgX / bgWidth) * sliderWidth;
|
||||
},
|
||||
|
||||
// 拖动中
|
||||
onDrag(e) {
|
||||
if (this.isVerified) return;
|
||||
this.sliderX = e.detail.x;
|
||||
},
|
||||
|
||||
// 拖动结束
|
||||
onDragEnd() {
|
||||
if (this.isVerified) return;
|
||||
|
||||
// 允许的误差范围
|
||||
const tolerance = 5;
|
||||
|
||||
if (Math.abs(this.sliderX - this.targetX) < tolerance) {
|
||||
this.isVerified = true;
|
||||
this.sliderText = '验证成功 ✓';
|
||||
uni.showToast({ title: '验证成功', icon: 'success' });
|
||||
// 这里可以触发验证通过后的操作
|
||||
} else {
|
||||
this.sliderText = '验证失败,请重试';
|
||||
this.sliderX = 0;
|
||||
setTimeout(() => {
|
||||
if (!this.isVerified) this.sliderText = '拖动滑块完成拼图';
|
||||
}, 1000);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.captcha-area {
|
||||
position: relative;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.bg-img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.puzzle-hole {
|
||||
position: absolute;
|
||||
border: 2px dashed #fff;
|
||||
box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.5);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.slider-area {
|
||||
width: 300px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.movable-area {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.movable-view {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.puzzle-img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.slider-text {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.refresh-btn {
|
||||
margin-top: 20px;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,2 +1,8 @@
|
||||
export const TOKEN_KEY = 'token';
|
||||
export const AGREEWELCOME_KEY="agreewelcome"
|
||||
export const AGREEWELCOME_KEY="agreewelcome";
|
||||
|
||||
// clientId 默认写2
|
||||
export const CLIENT_ID="2";
|
||||
// #区分内外网 //1-内网,2-外网
|
||||
export const NETWORK_ENV=1;
|
||||
|
||||
|
||||
@@ -10,9 +10,9 @@ export const RequestMethodsEnum = {
|
||||
};
|
||||
|
||||
export const RequestCodeEnum = {
|
||||
SUCCESS: 200, //成功
|
||||
FAILED: 500, // 失败
|
||||
TOKEN_INVALID: 10003 // TOKEN失效未登录
|
||||
SUCCESS: 0 || 200, //成功
|
||||
FAILED: -1, // 失败
|
||||
TOKEN_INVALID: 401 // TOKEN失效未登录
|
||||
};
|
||||
|
||||
export const RequestErrMsgEnum = {
|
||||
|
||||
15
src/main.js
@@ -1,16 +1,31 @@
|
||||
import { createSSRApp } from "vue";
|
||||
import App from "./App.vue";
|
||||
|
||||
import { CLIENT_ID,NETWORK_ENV } from '@/enums/cacheEnums';
|
||||
import '@/static/font/iconfont.css'
|
||||
|
||||
// 注册自定义组件
|
||||
import customShowModal from '@/components/customShowModal.vue'
|
||||
|
||||
// pinia
|
||||
import { createPinia } from 'pinia'
|
||||
const pinia = createPinia()
|
||||
|
||||
|
||||
|
||||
|
||||
export function createApp() {
|
||||
|
||||
const app = createSSRApp(App);
|
||||
|
||||
|
||||
// 全局变量
|
||||
app.config.globalProperties.$CLIENT_ID = CLIENT_ID;
|
||||
app.config.globalProperties.$NETWORK_ENV = NETWORK_ENV;
|
||||
|
||||
// 全局自定义组件
|
||||
app.component('customShowModal', customShowModal)
|
||||
|
||||
app.use(pinia)
|
||||
|
||||
return {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"id" : "H5E705637",
|
||||
"name" : "app",
|
||||
// "appid" : "",
|
||||
// "appid" : "H5E705637",
|
||||
"description" : "",
|
||||
"versionName" : "1.0.0",
|
||||
"versionCode" : "100",
|
||||
@@ -16,7 +16,7 @@
|
||||
"compilerVersion" : 3,
|
||||
"splashscreen" : {
|
||||
"alwaysShowBeforeRender" : true,
|
||||
"waiting" : true,
|
||||
"waiting" : false,// 是否显示等待界面
|
||||
"autoclose" : true,
|
||||
"delay" : 0
|
||||
},
|
||||
|
||||
219
src/pages.json
@@ -7,13 +7,18 @@
|
||||
}
|
||||
},
|
||||
"pages": [
|
||||
|
||||
{
|
||||
"path": "pages/loading/loading",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/deviceAuth/deviceAuth",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/login/login",
|
||||
"style": {
|
||||
@@ -23,13 +28,25 @@
|
||||
{
|
||||
"path": "pages/home/home",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
"navigationBarTitleText": "",
|
||||
"renderer": "native", // 实验性选项,可能提升性能
|
||||
"hardwareAccelerated": true // 启用 GPU 加速
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/business",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
"navigationBarTitleText": "",
|
||||
"renderer": "native", // 实验性选项,可能提升性能
|
||||
"hardwareAccelerated": true // 启用 GPU 加速
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/editDaily",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"renderer": "native", // 实验性选项,可能提升性能
|
||||
"hardwareAccelerated": true // 启用 GPU 加速
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -56,109 +73,10 @@
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
//市场信息管理(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/marketInformation/marketInformation",
|
||||
"path": "pages/business/CRM/marketInformation",//市场信息管理
|
||||
"style": {
|
||||
"navigationBarTitleText": "市场信息管理"
|
||||
}
|
||||
},
|
||||
//市场机会录入(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/marketInformation/marketOpportunities",
|
||||
"style": {
|
||||
"navigationBarTitleText": "市场机会录入"
|
||||
}
|
||||
},
|
||||
//市场机会修改(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/marketInformation/marketOpportunitiesDetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "市场机会修改"
|
||||
}
|
||||
},
|
||||
//重大事项录入(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/marketInformation/majorMatter",
|
||||
"style": {
|
||||
"navigationBarTitleText": "重大事项录入"
|
||||
}
|
||||
},
|
||||
//重大事项更改(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/marketInformation/majorMatterDetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "重大事项更改"
|
||||
}
|
||||
},
|
||||
//竞争对手信息录入(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/marketInformation/competitor",
|
||||
"style": {
|
||||
"navigationBarTitleText": "竞争对手信息录入"
|
||||
}
|
||||
},
|
||||
//竞争对手信息更改(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/marketInformation/competitorDetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "竞争对手信息更改"
|
||||
}
|
||||
},
|
||||
//人员变化信息录入(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/marketInformation/personnelChanges",
|
||||
"style": {
|
||||
"navigationBarTitleText": "人员变化信息录入"
|
||||
}
|
||||
},
|
||||
//人员变化信息更改(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/marketInformation/personnelChangesDetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "人员变化信息更改"
|
||||
}
|
||||
},
|
||||
//重点型号任务信息录入(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/marketInformation/keyModelTasks",
|
||||
"style": {
|
||||
"navigationBarTitleText": "重点型号任务信息录入"
|
||||
}
|
||||
},
|
||||
//重点型号任务信息更新(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/marketInformation/keyModelTasksDetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "重点型号任务信息更新"
|
||||
}
|
||||
},
|
||||
//通用信息录入(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/marketInformation/beCurrent",
|
||||
"style": {
|
||||
"navigationBarTitleText": "通用信息录入"
|
||||
}
|
||||
},
|
||||
//通用信息更新(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/marketInformation/beCurrentDetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "通用信息更新"
|
||||
}
|
||||
},
|
||||
//选择客户(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/chooseCus",
|
||||
"style": {
|
||||
"navigationBarTitleText": "客户选择"
|
||||
}
|
||||
},
|
||||
//选择客户人员(已更新)
|
||||
{
|
||||
"path": "pages/business/CRM/customerUserList",
|
||||
"style": {
|
||||
"navigationBarTitleText": "客户人员选择"
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -198,110 +116,29 @@
|
||||
{
|
||||
"path": "pages/userinfo/userinfo",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
"navigationBarTitleText": "",
|
||||
"renderer": "native", // 实验性选项,可能提升性能
|
||||
"hardwareAccelerated": true // 启用 GPU 加速
|
||||
}
|
||||
},
|
||||
//===================================活动报告====================
|
||||
{
|
||||
"path": "pages/business/CRM/marketActivity/visitReport",//市场信息管理
|
||||
"path": "pages/userinfo/version",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/CRM/marketActivity/visitorReportAdd",//走访报告添加
|
||||
"path": "pages/search/search",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/CRM/marketActivity/visitReportView",//走访报告查看
|
||||
"path": "pages/h5-webview/h5-webview",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/CRM/marketActivity/visitReportDetail",//走访报告查看具体明细
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/CRM/marketActivity/auditReport",//走访报告审批列表查看
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/CRM/marketActivity/detailForApproval",//走访报告明细审批
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/CRM/marketActivity/visitorReportEnter",//走访报告内容录入
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/CRM/marketActivity/auditReject",//走访报告驳回输入原因
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/CRM/marketActivity/customerUserList",//客户公司人员信息
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/CRM/marketActivity/myUserList",//我公司人员信息
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/CRM/marketActivity/activityTypeList",//活动类型
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/CRM/marketActivity/chooseCus",//选择客户单位
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
//====================地图======
|
||||
{
|
||||
"path": "pages/business/CRM/map/vistorCheckin",//签到打卡
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/CRM/map/addRearkSignIn",//签到备注
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/CRM/map/checkInView",//打卡信息(考勤查看)
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/business/CRM/map/checkinStatistics",//打卡统计
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
//===================================活动报告====================
|
||||
],
|
||||
"globalStyle": {
|
||||
"navigationBarTextStyle": "black",
|
||||
|
||||
@@ -1,170 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view >
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'选择客户单位'" :leftFlag="true" :rightFlag="false">
|
||||
</customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
<uni-easyinput prefixIcon="search" v-model="searchContent" placeholder="请输入客户单位名称" clearable
|
||||
@iconClick="iconClick">
|
||||
</uni-easyinput>
|
||||
|
||||
|
||||
<view class="inner-box">
|
||||
<view class="list-cont">
|
||||
<radio-group class="block" @change="radioChange">
|
||||
<view class="item" v-for="(item, index) in dataList">
|
||||
<radio class='radio' :value="index" ></radio>
|
||||
<view class="name">{{item.cusName+"("+item.shortName+")"}}</view>
|
||||
</view>
|
||||
</radio-group>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { getYsCustomerList } from '../../../api/crm/api_ys.js'
|
||||
import { onMounted, reactive, ref, watch } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import { useMessage } from '../../../utils/message.js'
|
||||
|
||||
|
||||
|
||||
const message = useMessage();
|
||||
|
||||
//点击查询客户人员
|
||||
const queryParams = ref({
|
||||
cusName: '',
|
||||
nickName:'',
|
||||
pageNum: 1,
|
||||
pageSize: 10
|
||||
})
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
|
||||
})
|
||||
|
||||
onLoad(options => {
|
||||
queryParams.value.cusName = options.cusName
|
||||
})
|
||||
const dataList = ref([])
|
||||
|
||||
|
||||
|
||||
|
||||
//查询某一客户人员
|
||||
let searchContent = ref('')
|
||||
|
||||
function iconClick() {
|
||||
message.toast('点击了查询,当前内容:' + searchContent.value)
|
||||
}
|
||||
|
||||
//监视查询的内容的变化
|
||||
let queryCusForm = reactive({})
|
||||
watch(searchContent,(newValue,oldValue)=>{
|
||||
console.log("输入内容:",searchContent.value)
|
||||
queryCusForm.cusName = searchContent.value
|
||||
getYsCustomerList(queryCusForm).then(res=>{
|
||||
dataList.value = res.rows
|
||||
})
|
||||
})
|
||||
|
||||
function radioChange(event) {
|
||||
const selectedIndex = event.detail.value
|
||||
let test = dataList.value[selectedIndex]
|
||||
// 发送全局事件
|
||||
uni.$emit('onCustomerSelected', test)
|
||||
let cusName = test.cusName;//客户名称
|
||||
let cusId = test.cusId;//客户ID
|
||||
uni.navigateBack()//返回上一页
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
.con-body{
|
||||
background: white;
|
||||
}
|
||||
|
||||
|
||||
/* Container for the checkbox group */
|
||||
.checkbox-group.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Each item row */
|
||||
.itemClass {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
margin-left: 15rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
/* optional divider */
|
||||
}
|
||||
|
||||
/* Checkbox styling */
|
||||
.checkBoxClass {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
/* Content container */
|
||||
.clientClass {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
/* default text color */
|
||||
}
|
||||
|
||||
/* Blue username text */
|
||||
.blue-text {
|
||||
/* or any blue you prefer */
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
.inner-box {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.list-cont {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 12px 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.radio {
|
||||
margin-right: 12px;
|
||||
transform: scale(0.9);
|
||||
}
|
||||
|
||||
.name {
|
||||
flex: 1;
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.checked {
|
||||
color: #007AFF; /* 选中状态的颜色 */
|
||||
}
|
||||
</style>
|
||||
@@ -1,136 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view >
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告添加客户人员'" :leftFlag="true" :rightFlag="false">
|
||||
</customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
<uni-easyinput prefixIcon="search" v-model="searchContent" placeholder="请输入客户人员名称" clearable
|
||||
@iconClick="iconClick">
|
||||
</uni-easyinput>
|
||||
<checkbox-group class="block" @change="checkboxChange">
|
||||
<view class="itemClass" v-for="(item, index) in dataList" :key="item.userId">
|
||||
<checkbox class='checkBoxClass' :value="item.userName"
|
||||
v-model="item.userName"></checkbox>
|
||||
<view class="clientClass">
|
||||
<text class="blue-text">{{ item.userName }}</text>
|
||||
{{ " | " }}
|
||||
{{ item.userDept != null ? item.userDept : ' ' }}
|
||||
{{ item.job != null ? item.job : ' ' }}
|
||||
{{ item.mobilePhone }}
|
||||
{{ item.remark != null ? item.remark : ' ' }}
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { crmCustomerUser } from '../../../api/crm/api_ys.js'
|
||||
import { onMounted, onUnmounted, reactive, ref, watch } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import { useMessage } from '../../../utils/message.js'
|
||||
import cache from '../../../utils/cache'
|
||||
|
||||
|
||||
|
||||
const message = useMessage();
|
||||
|
||||
//点击查询客户人员
|
||||
const queryParams = ref({
|
||||
cusName: '',
|
||||
pageNum: 1,
|
||||
pageSize: 10
|
||||
})
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
getClientUserName()
|
||||
})
|
||||
|
||||
onLoad(options => {
|
||||
queryParams.value.cusName = options.cusName
|
||||
})
|
||||
const dataList = ref([])
|
||||
|
||||
function getClientUserName() {
|
||||
crmCustomerUser(queryParams.value).then(res => {
|
||||
dataList.value = res.rows
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//查询某一客户人员
|
||||
let searchContent = ref('')
|
||||
|
||||
function iconClick() {
|
||||
message.toast('点击了查询,当前内容:' + searchContent.value)
|
||||
}
|
||||
|
||||
//监视查询的内容的变化
|
||||
watch(searchContent,(newValue,oldValue)=>{
|
||||
queryParams.value.nickName = searchContent.value
|
||||
//变化了之后,重新查询内容
|
||||
crmCustomerUser(queryParams.value).then(res => {
|
||||
dataList.value = res.rows
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
|
||||
//勾选内容
|
||||
function checkboxChange(e) {
|
||||
cache.set('checkedRCClientList', e.detail.value)
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
.con-body{
|
||||
background: white;
|
||||
}
|
||||
|
||||
|
||||
/* Container for the checkbox group */
|
||||
.checkbox-group.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Each item row */
|
||||
.itemClass {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
margin-left: 15rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
/* optional divider */
|
||||
}
|
||||
|
||||
/* Checkbox styling */
|
||||
.checkBoxClass {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
/* Content container */
|
||||
.clientClass {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
/* default text color */
|
||||
}
|
||||
|
||||
/* Blue username text */
|
||||
.blue-text {
|
||||
/* or any blue you prefer */
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,270 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'签到打卡'" :leftFlag="true" :rightFlag="false"></customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height" :style="{ paddingTop: navBarPaddingTop + 'px' }"></view>
|
||||
|
||||
<view class="inner-box">
|
||||
<view class="cu-form-group">
|
||||
<textarea v-model="form.remark" placeholder="请输入签到备注内容" name="input"></textarea>
|
||||
</view>
|
||||
<view class="btn-box">
|
||||
<button type="primary" @click="addInsertMapClockIn">签到</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { onMounted, reactive, ref } from 'vue';
|
||||
import { addStartMap } from '../../../../api/crm/activity/map';
|
||||
import { dateFormat } from '../../../../utils/formatter';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import { getNavBarPaddingTop } from '@/utils/system.js'
|
||||
let form = reactive({
|
||||
addressForStart: null,
|
||||
addressForEnd: null,
|
||||
createId: null,
|
||||
staffName: null,
|
||||
visistCode: null,
|
||||
visistId: null,
|
||||
mapId: null,
|
||||
remark: null
|
||||
})
|
||||
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
})
|
||||
|
||||
onLoad(option => {
|
||||
form.visistId = option.visistId
|
||||
let date = new Date();
|
||||
form.craeteTime = dateFormat("YYYY-mm-dd", date)
|
||||
})
|
||||
|
||||
function addInsertMapClockIn() {
|
||||
uni.getLocation({
|
||||
type: 'wgs84',
|
||||
success: (res) => {
|
||||
const latiude = res.latitude; //纬度
|
||||
const longitude = res.longitude; //经度
|
||||
//进行解析
|
||||
inverseGeocoding(latiude, longitude);
|
||||
},
|
||||
fail: function (err) {
|
||||
console.log("获取地址失败" + err)
|
||||
}
|
||||
})
|
||||
}
|
||||
function isWithinRange(lat, lon, centerLat, centerLon, rangeKm) {
|
||||
const distance = haversineDistance(centerLat, centerLon, lat, lon);
|
||||
return distance <= rangeKm;
|
||||
}
|
||||
function haversineDistance(lat1, lon1, lat2, lon2, radius = 6371) {
|
||||
const dLat = degToRad(lat2 - lat1);
|
||||
const dLon = degToRad(lon2 - lon1);
|
||||
const a =
|
||||
Math.sin(dLat / 2) * Math.sin(dLat / 2) +
|
||||
Math.cos(degToRad(lat1)) * Math.cos(degToRad(lat2)) *
|
||||
Math.sin(dLon / 2) * Math.sin(dLon / 2);
|
||||
const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
|
||||
return radius * c; // 距离,单位:公里
|
||||
}
|
||||
function degToRad(deg) {
|
||||
return deg * (Math.PI / 180);
|
||||
}
|
||||
function inverseGeocoding(latiude, longitude) {
|
||||
let points = longitude + ',' + latiude
|
||||
//URL
|
||||
const apiURL = 'https://tiles.geovisearth.com/geo/v1/geocode/regeo';
|
||||
const params = {
|
||||
lat: latiude,
|
||||
lng: longitude,
|
||||
radius: 1000,
|
||||
pageSize: 1,
|
||||
currentPage: 1,
|
||||
};
|
||||
const token = '66c87c897f0251295afdc794e4fbf73046a070338a726fe04f06cece6cb1ffdf';
|
||||
uni.request({
|
||||
url: apiURL,
|
||||
method: 'GET',
|
||||
data: params,
|
||||
header: {
|
||||
'Authorization': 'Bearer ' + token
|
||||
},
|
||||
success: (res) => {
|
||||
if (res.statusCode == 200 && res.data.status == 200) {
|
||||
let resdata = res.data.data.rows[0].address
|
||||
if (resdata == null) {
|
||||
const latiude1 = ref(34.1360);
|
||||
const longitude1 = ref(108.9126);
|
||||
if (isWithinRange(latiude1.value, longitude1.value, latiude, longitude, 1)) {
|
||||
form.addressForStart = "西安办事处位置签到"
|
||||
uni.showModal({
|
||||
title: '确定要在此处签到吗',
|
||||
content: form.addressForStart,
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
var data = {
|
||||
mapId: form.mapId,
|
||||
addressForStart: form.addressForStart,
|
||||
cusName: form.cusName,
|
||||
cusId: form.cusId,
|
||||
remark: form.remark,
|
||||
path: longitude1 + "," + latiude1
|
||||
}
|
||||
addStartMap(data).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
icon: 'success',
|
||||
title: res.msg,
|
||||
duration: 1500,
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.navigateBack(1)
|
||||
}, 500)
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: res.msg,
|
||||
});
|
||||
}
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
} else {
|
||||
form.addressForStart = resdata;
|
||||
uni.showModal({
|
||||
title: '确定要在此处签到吗',
|
||||
content: form.addressForStart,
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
var data = {
|
||||
mapId: form.mapId,
|
||||
addressForStart: form
|
||||
.addressForStart,
|
||||
cusName: form.cusName,
|
||||
cusId: form.cusId,
|
||||
remark: form.remark,
|
||||
path: points
|
||||
}
|
||||
addStartMap(data).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
icon: 'success',
|
||||
title: res.msg,
|
||||
duration: 1500,
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.navigateBack(1)
|
||||
}, 500)
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: res.msg,
|
||||
});
|
||||
}
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
} else {
|
||||
form.addressForStart = "第三方维护签到"
|
||||
uni.showModal({
|
||||
title: '确定要在此处签到吗',
|
||||
content: form.addressForStart,
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
var data = {
|
||||
mapId: form.mapId,
|
||||
addressForStart: form.addressForStart,
|
||||
cusName: form.cusName,
|
||||
cusId: form.cusId,
|
||||
path: points
|
||||
}
|
||||
addStartMap(data).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
icon: 'success',
|
||||
title: '第三方维护签到',
|
||||
duration: 1500,
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: res.msg,
|
||||
});
|
||||
}
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
fail(e) {
|
||||
console.log("获取位置失败", e)
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.con-bg {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/* Container for the checkbox group */
|
||||
.checkbox-group.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Each item row */
|
||||
.itemClass {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
margin-left: 15rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
/* optional divider */
|
||||
}
|
||||
|
||||
/* Checkbox styling */
|
||||
.checkBoxClass {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
/* Content container */
|
||||
.clientClass {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
/* default text color */
|
||||
}
|
||||
|
||||
/* Blue username text */
|
||||
.blue-text {
|
||||
/* or any blue you prefer */
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,164 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'考勤查看'" :leftFlag="true" :rightFlag="false"></customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height" :style="{ paddingTop: navBarPaddingTop + 'px' }"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view>
|
||||
<!-- 搜索 -->
|
||||
<view class="search">
|
||||
<picker mode="date" :value="defaultDate" :start="startDate" :end="endDate" @change="bindDateChange"
|
||||
class="picker-bg">
|
||||
<view class="picker">
|
||||
<uni-icons custom-prefix="iconfont" color="#ffffff" type="icon-phoneshizhong"
|
||||
size="18"></uni-icons>
|
||||
<view>{{ defaultDate }}</view>
|
||||
<uni-icons type="down" size="18"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
<button type="default" @click="handleSearch" size="mini" class="btn-search">查询</button>
|
||||
</view>
|
||||
|
||||
<!-- 分页部分 -->
|
||||
<view class="white-bg margin-bottom20" v-for="(item, index) in list">
|
||||
<view class="report-list" >
|
||||
<view class="title"
|
||||
:style="{color: item.mapType == 1 ? '#F5813A' : '#1989FA'}"
|
||||
>类型:{{ item.mapType == 1 ? '签到' : '打卡' }}</view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">开始签到时间</view>
|
||||
<view class="r-right">{{ item.goVisistStartTime }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">开始签到地点</view>
|
||||
<view class="r-right">{{ item.addressForStart }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">结束签到时间</view>
|
||||
<view class="r-right">{{ item.goVisistEndTime }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">结束签到地点</view>
|
||||
<view class="r-right">{{ item.addressForEnd }}</view>
|
||||
</view>
|
||||
<view class="r-list" v-if="item.remark != null">
|
||||
<view class="r-left">备注内容</view>
|
||||
<view class="r-right">{{ item.remark }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { getNavBarPaddingTop } from '@/utils/system.js'
|
||||
import { onMounted, ref } from 'vue';
|
||||
import { getDate } from '@/utils/datetime.js'
|
||||
import { CheckInInformationViewing } from '../../../../api/crm/activity/map';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
|
||||
const navBarPaddingTop = ref(0);
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
})
|
||||
|
||||
// 开始时间
|
||||
let startDate = getDate('start');
|
||||
// 结束时间,间隔10年
|
||||
let endDate = getDate('end');
|
||||
let defaultDate = getDate({ format: true })
|
||||
let bindDateChange = (e) => {
|
||||
defaultDate = e.detail.value
|
||||
}
|
||||
|
||||
//获取list集合信息
|
||||
let list = ref([])
|
||||
function getList() {
|
||||
CheckInInformationViewing().then(res => {
|
||||
list.value = res.rows
|
||||
})
|
||||
}
|
||||
|
||||
onLoad(() => {
|
||||
getList()
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.search {
|
||||
display: flex;
|
||||
margin-bottom: 30rpx;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 28rpx;
|
||||
/* 调整为更合适的字号 */
|
||||
font-weight: normal;
|
||||
/* 如果不需要加粗,可以去掉 bolder */
|
||||
margin-left: 0rpx;
|
||||
padding: 0 20rpx;
|
||||
/* 调整 padding,去掉 padding-top */
|
||||
height: 56rpx;
|
||||
/* 固定高度,确保与 picker 对齐 */
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .picker-bg {
|
||||
display: flex;
|
||||
background-color: #6FA2F8;
|
||||
border-radius: 25px;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
padding: 0rpx 20rpx;
|
||||
/* #ifndef APP-PLUS */
|
||||
padding: 10rpx 20rpx 0 20rpx;
|
||||
/* #endif */
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.search .picker-bg .picker {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
/* #ifndef APP-PLUS */
|
||||
padding-top: 2rpx;
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search .picker-bg .picker .uni-icons {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.search .picker-bg .picker .uni-icons:first-child {
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.search .picker-bg .picker .uniui-down {
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,285 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'打卡统计'" :leftFlag="true" :rightFlag="false"></customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view>
|
||||
<!-- 搜索 -->
|
||||
<view class="search">
|
||||
<picker @change="bindPickerChange" :value="cityIndex" :range="cityArr" class="picker-bg">
|
||||
<view class="picker">
|
||||
<uni-icons type="location" size="18"></uni-icons>
|
||||
<view>{{ cityArr[cityIndex] }}</view>
|
||||
<uni-icons type="down" size="18"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
<picker mode="date" :value="defaultDate" :start="startDate" :end="endDate" @change="bindDateChange"
|
||||
class="picker-bg">
|
||||
<view class="picker">
|
||||
<uni-icons custom-prefix="iconfont" color="#ffffff" type="icon-phoneshizhong"
|
||||
size="18"></uni-icons>
|
||||
<view>{{ defaultDate }}</view>
|
||||
<uni-icons type="down" size="18"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
<button type="default" @click="handleSearch" size="mini" class="btn-search">查询</button>
|
||||
</view>
|
||||
<!-- 签到打卡 -->
|
||||
<view class="checkin-tab">
|
||||
<view class="checkin-tab-item" :class="{ active: tabType == 0 }" @click="handleTab(0)">
|
||||
<view class="tab-item-title">{{ signCount }}</view>
|
||||
<view class="tab-item-name">最新签到打卡</view>
|
||||
</view>
|
||||
<view class="checkin-tab-item" :class="{ active: tabType == 1 }" @click="handleTab(1)">
|
||||
<view class="tab-item-title">{{ noSignCount }}</view>
|
||||
<view class="tab-item-name">未签到打卡</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- tab切换显示 -->
|
||||
<view class="white-bg">
|
||||
<!-- 最新签到列表 -->
|
||||
<view class="tab-con" v-if="tabType == 0">
|
||||
<view class="tab-title" v-for="(item, index) in singInList" :key="index">
|
||||
{{ item }}
|
||||
<uni-icons type="checkbox-filled" size="26" color="#02C74C"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 未签到列表 -->
|
||||
<view class="tab-con" v-if="tabType == 1">
|
||||
<view class="tab-title" v-for="(item, index) in singInNoList" :key="index">
|
||||
{{ item }}
|
||||
<uni-icons type="info-filled" size="26" color="#FF8059"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, reactive } from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { getDate } from '@/utils/datetime.js'
|
||||
import { getNoSigninList, getSigninList } from '../../../../api/crm/activity/map';
|
||||
|
||||
//进入页面初始化页面
|
||||
onMounted(() => {
|
||||
getSignListMethod();
|
||||
getNoSignListMethod();
|
||||
})
|
||||
|
||||
let cityIndex = ref(0);
|
||||
let cityArr = ['市场一部','市场二部','市场三部',"北京大区", "南方大区",'北方大区','西部大区'];
|
||||
// 选择大区列表
|
||||
let bindPickerChange = (e) => {
|
||||
console.log('picker发送选择改变,携带值为', e.detail.value)
|
||||
cityIndex.value = e.detail.value
|
||||
}
|
||||
|
||||
// 开始时间
|
||||
let startDate = getDate('start');
|
||||
// 结束时间,间隔10年
|
||||
let endDate = getDate('end');
|
||||
let defaultDate = getDate({ format: true })
|
||||
let bindDateChange = (e) => {
|
||||
defaultDate = e.detail.value
|
||||
}
|
||||
|
||||
let searchValue = ref(null)
|
||||
// 查询搜索跳转
|
||||
let handleSearch = () => {
|
||||
queryForm.tadayDate = defaultDate
|
||||
queryForm.region = cityArr[cityIndex.value]
|
||||
getSignListMethod();
|
||||
getNoSignListMethod();
|
||||
}
|
||||
|
||||
// 列表
|
||||
let signCount = ref(0)
|
||||
let singInList = ref([]);
|
||||
let noSignCount = ref(0)
|
||||
let singInNoList = ref([]);
|
||||
|
||||
//查询表单,默认有个北京大区的参数
|
||||
let queryForm = reactive({
|
||||
region: "北京大区"
|
||||
})
|
||||
// tab 切换
|
||||
let tabType = ref(0)
|
||||
let handleTab = (type) => {
|
||||
tabType.value = type;
|
||||
//最新签到列表
|
||||
if (type === 0) {
|
||||
getSignListMethod();
|
||||
|
||||
}
|
||||
//未签到列表
|
||||
else if (type === 1) {
|
||||
getNoSignListMethod();
|
||||
}
|
||||
}
|
||||
|
||||
function getSignListMethod() {
|
||||
getSigninList(queryForm).then(res => {
|
||||
signCount.value = res.total
|
||||
singInList.value = res.rows.map(item => item.userName)
|
||||
})
|
||||
}
|
||||
|
||||
function getNoSignListMethod() {
|
||||
getNoSigninList(queryForm).then(res => {
|
||||
noSignCount.value = res.total
|
||||
singInNoList.value = res.rows.map(item => item.userName);
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
// 确定
|
||||
let handleSubmit = () => {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.search {
|
||||
display: flex;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .picker-bg {
|
||||
display: flex;
|
||||
background-color: #6FA2F8;
|
||||
border-radius: 25px;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
padding: 0rpx 20rpx;
|
||||
/* #ifndef APP-PLUS */
|
||||
padding: 10rpx 20rpx 0 20rpx;
|
||||
/* #endif */
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.search .picker-bg .picker {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
/* #ifndef APP-PLUS */
|
||||
padding-top: 2rpx;
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search .picker-bg .picker .uni-icons {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.search .picker-bg .picker .uni-icons:first-child {
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.search .picker-bg .picker .uniui-down {
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.checkin-tab {
|
||||
margin-top: 35rpx;
|
||||
display: flex;
|
||||
padding: 0 30rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.checkin-tab-item {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
text-align: center;
|
||||
margin-right: 30rpx;
|
||||
font-weight: bold;
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.checkin-tab-item.active {
|
||||
position: relative;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.checkin-tab-item.active::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background-color: #fff;
|
||||
width: 100rpx;
|
||||
height: 8rpx;
|
||||
}
|
||||
|
||||
.checkin-tab-item .tab-item-title {
|
||||
font-size: 60rpx;
|
||||
}
|
||||
|
||||
|
||||
.white-bg {
|
||||
width: 670rpx;
|
||||
margin: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
padding: 50rpx 40rpx;
|
||||
margin-top: 20rpx;
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 260px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 230px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.tab-con {
|
||||
display: flex;
|
||||
flex-flow: row wrap
|
||||
}
|
||||
|
||||
.tab-con .tab-title {
|
||||
border: 1px solid #E8E8E8;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
/* padding:10rpx 20rpx; */
|
||||
margin-right: 20rpx;
|
||||
margin-bottom: 30rpx;
|
||||
width: 148rpx;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.tab-con .tab-title:nth-child(4n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.tab-con .uni-icons {
|
||||
position: absolute;
|
||||
right: -10px;
|
||||
top: -10px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,363 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'签到打卡'" :leftFlag="true" :rightFlag="false"></customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<image src="../../../../static/images/business/btn-qd.png" class="btn-image" @click="handleCheckIn" />
|
||||
<image src="../../../../static/images/business/btn-dk.png" class="btn-image" @click="handleClockIn" />
|
||||
<view class="check-desc">
|
||||
业务人员可通过<text class="font-orange">签到</text>或<text
|
||||
class="font-blue">打卡</text>进行行为记录,该时间会和走访报告中的时间进行关联,便于查看。
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 打卡遮罩层 -->
|
||||
<!-- <view class="check-con" v-if="checkFlag">
|
||||
<view class="check-in">
|
||||
<view class="check-tip">打卡</view>
|
||||
<view class="check-title">确定要在此处打卡吗?</view>
|
||||
<view class="check-location">
|
||||
<uni-icons type="location-filled" size="30" color="#0395E0"></uni-icons> 亚洲金融大厦
|
||||
</view>
|
||||
<view class="check-address">北京市朝阳区天辰东路1号院</view>
|
||||
<view class="check-footer">
|
||||
<button class="btn-default" type="default" @click="handleCancel" size="mini">取 消</button>
|
||||
<button class="btn-primary" type="primary" @click="handleSubmit" size="mini">确 定</button>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, reactive } from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { addStartMapForClockIn } from '../../../../api/crm/activity/map';
|
||||
|
||||
let form = reactive({
|
||||
addressForStart: null,
|
||||
addressForEnd: null,
|
||||
createId: null,
|
||||
staffName: null,
|
||||
visistCode: null,
|
||||
visistId: null,
|
||||
mapId: null
|
||||
})
|
||||
// 签到
|
||||
let handleCheckIn = () => {
|
||||
uni.navigateTo({
|
||||
url: './addRearkSignIn'
|
||||
})
|
||||
}
|
||||
// 打卡
|
||||
let handleClockIn = () => {
|
||||
uni.getLocation({
|
||||
type: 'wgs84',
|
||||
success: (res) => {
|
||||
const latiude = res.latitude;
|
||||
const longitude = res.longitude;
|
||||
//进行解析
|
||||
inverseGeocoding(latiude, longitude);
|
||||
},
|
||||
fail: function (err) {
|
||||
console.log("获取地址失败" + err)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function isWithinRange(lat, lon, centerLat, centerLon, rangeKm) {
|
||||
const distance = haversineDistance(centerLat, centerLon, lat, lon);
|
||||
return distance <= rangeKm;
|
||||
}
|
||||
function haversineDistance(lat1, lon1, lat2, lon2, radius = 6371) {
|
||||
const dLat = degToRad(lat2 - lat1);
|
||||
const dLon = degToRad(lon2 - lon1);
|
||||
const a =
|
||||
Math.sin(dLat / 2) * Math.sin(dLat / 2) +
|
||||
Math.cos(degToRad(lat1)) * Math.cos(degToRad(lat2)) *
|
||||
Math.sin(dLon / 2) * Math.sin(dLon / 2);
|
||||
const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
|
||||
return radius * c; // 距离,单位:公里
|
||||
}
|
||||
function degToRad(deg) {
|
||||
return deg * (Math.PI / 180);
|
||||
}
|
||||
|
||||
//解析地址
|
||||
function inverseGeocoding(latiude, longitude) {
|
||||
let points = longitude + ',' + latiude
|
||||
const apiURL = 'https://tiles.geovisearth.com/geo/v1/geocode/regeo';
|
||||
const params = {
|
||||
lat: latiude,
|
||||
lng: longitude,
|
||||
radius: 1000,
|
||||
pageSize: 1,
|
||||
currentPage: 1,
|
||||
//classify: 220100
|
||||
};
|
||||
const token = '66c87c897f0251295afdc794e4fbf73046a070338a726fe04f06cece6cb1ffdf';
|
||||
uni.request({
|
||||
url: apiURL,
|
||||
method: 'GET',
|
||||
data: params,
|
||||
header: {
|
||||
'Authorization': 'Bearer ' + token
|
||||
},
|
||||
success: (res) => {
|
||||
console.log(res, "----")
|
||||
if (res.statusCode == 200 && res.data.status == 200) {
|
||||
let resdata = res.data.data.rows[0].address
|
||||
if (resdata == null) {
|
||||
console.log(resdata.srcLat)
|
||||
const latiude1 = 34.1360;
|
||||
const longitude1 = 108.9126;
|
||||
if (isWithinRange(latiude1, longitude1, latiude, longitude, 1)) {
|
||||
form.addressForStart = "西安办事处位置打卡"
|
||||
uni.showModal({
|
||||
title: '确定要在此处打卡吗',
|
||||
content: form.addressForStart,
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
var data = {
|
||||
mapId: form.mapId,
|
||||
addressForStart: form.addressForStart,
|
||||
cusName: form.cusName,
|
||||
cusId: form.cusId,
|
||||
remark: form.remark,
|
||||
path: longitude1 + "," + latiude1
|
||||
}
|
||||
addStartMapForClockIn(data).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
icon: 'success',
|
||||
title: res.msg,
|
||||
duration: 1500,
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.navigateBack(1)
|
||||
}, 500)
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: res.msg,
|
||||
});
|
||||
}
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
} else {
|
||||
form.addressForStart = resdata;
|
||||
uni.showModal({
|
||||
title: '确定要在此处打卡吗',
|
||||
content: form.addressForStart,
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
var data = {
|
||||
mapId: form.mapId,
|
||||
addressForStart: form.addressForStart,
|
||||
cusName: form.cusName,
|
||||
cusId: form.cusId,
|
||||
path: points
|
||||
}
|
||||
addStartMapForClockIn(data).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
icon: 'success',
|
||||
title: res.msg,
|
||||
duration: 1500,
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: res.msg,
|
||||
});
|
||||
}
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
} else {
|
||||
form.addressForStart = "第三方维护打卡"
|
||||
uni.showModal({
|
||||
title: '确定要在此处打卡吗',
|
||||
content: form.addressForStart,
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
var data = {
|
||||
mapId: form.mapId,
|
||||
addressForStart: form.addressForStart,
|
||||
cusName: form.cusName,
|
||||
cusId: form.cusId,
|
||||
path: points
|
||||
}
|
||||
addStartMapForClockIn(data).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
icon: 'success',
|
||||
title: '第三方维护打卡',
|
||||
duration: 1500,
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: res.msg,
|
||||
});
|
||||
}
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
fail(e) {
|
||||
console.log("获取位置失败", e)
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 650rpx;
|
||||
margin: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
padding: 50rpx;
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 125px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 98px);
|
||||
/* #endif */
|
||||
|
||||
|
||||
}
|
||||
|
||||
.btn-image {
|
||||
width: 340rpx;
|
||||
height: 340rpx;
|
||||
margin: 30rpx auto 60rpx;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.check-desc {
|
||||
background-color: #F5F5F5;
|
||||
padding: 40rpx 50rpx;
|
||||
font-size: 28rpx;
|
||||
border-radius: 10px;
|
||||
margin-top: 100rpx;
|
||||
}
|
||||
|
||||
.check-desc .font-orange {
|
||||
color: #F5813A;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.check-desc .font-blue {
|
||||
color: #2CBAEF;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 弹窗处理 */
|
||||
.check-con {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
/* 遮罩层内容样式 */
|
||||
.check-in {
|
||||
background-color: #fff;
|
||||
padding: 40rpx 30rpx 60rpx;
|
||||
border-radius: 10px;
|
||||
/* width: 620rpx; */
|
||||
width: 560rpx;
|
||||
position: absolute;
|
||||
top: 48%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.check-in .check-tip {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.check-in .check-title {
|
||||
font-size: 32rpx;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
|
||||
.check-in .check-location {
|
||||
color: #0395E0;
|
||||
font-size: 42rpx;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 30rpx 0;
|
||||
}
|
||||
|
||||
.check-in .check-location .uniui-location-filled {
|
||||
font-weight: normal;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.check-in .check-address {
|
||||
color: #919191;
|
||||
font-size: 32rpx;
|
||||
margin-bottom: 80rpx;
|
||||
}
|
||||
|
||||
.check-in .check-footer {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.check-in .check-footer .btn-default,
|
||||
.check-in .check-footer .btn-primary {
|
||||
background-color: #fff;
|
||||
border: 1px solid #05A3F4;
|
||||
color: #05A3F4;
|
||||
border-radius: 25px;
|
||||
padding: 0rpx 80rpx;
|
||||
font-size: 34rpx;
|
||||
/* margin-left: 0;
|
||||
margin-right: 20rpx; */
|
||||
}
|
||||
|
||||
.check-in .check-footer .btn-primary {
|
||||
background-color: #05A3F4;
|
||||
border: 1px solid #05A3F4;
|
||||
color: #fff;
|
||||
/* padding: 0rpx 60rpx; */
|
||||
}
|
||||
</style>
|
||||
@@ -1,129 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view>
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'日常走访选择活动类型'" :leftFlag="true" :rightFlag="false">
|
||||
</customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
|
||||
<checkbox-group class="block" @change="checkboxChange">
|
||||
<view class="itemClass" v-for="(item, index) in dataList" :key="item.id">
|
||||
<checkbox class='checkBoxClass' :value="item.name"
|
||||
v-model="item.name"></checkbox>
|
||||
<view class="clientClass">
|
||||
<text class="blue-text">{{ item.name }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import cache from '../../../../utils/cache'
|
||||
import { reactive } from 'vue'
|
||||
|
||||
|
||||
const dataList = reactive( [
|
||||
{id:'1',name:'日常走访'},
|
||||
{id:'2',name:'组合拳推广'},
|
||||
{id:'3',name:'竞标'},
|
||||
{id:'4',name:'型号追踪'},
|
||||
{id:'5',name:'重点产品推广'},
|
||||
{id:'6',name:'谈价'},
|
||||
{id:'7',name:'道歉、感谢'},
|
||||
{id:'8',name:'邀约'},
|
||||
{id:'9',name:'归零会'},
|
||||
{id:'11',name:'高层交流'},
|
||||
{id:'12',name:'质量问题处理'},
|
||||
{id:'13',name:'供应商大会'},
|
||||
{id:'14',name:'新产品推广'},
|
||||
{id:'15',name:'技术支持'}
|
||||
])
|
||||
|
||||
//勾选内容
|
||||
function checkboxChange(e) {
|
||||
cache.set('checkedRCActivityTypeList', e.detail.value)
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
.con-body{
|
||||
background: white;
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
width: 690rpx;
|
||||
margin: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.white-bg.white-bg-2 {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.white-bg.white-bg-3 {
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
.white-bg .w-b-title {
|
||||
color: #3384DF;
|
||||
font-size: 38rpx;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
padding: 30rpx 0 0;
|
||||
}
|
||||
|
||||
:deep(.form-con .uni-forms-item) {
|
||||
margin-bottom: 22px !important;
|
||||
}
|
||||
|
||||
|
||||
/* Container for the checkbox group */
|
||||
.checkbox-group.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Each item row */
|
||||
.itemClass {
|
||||
width: 340rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
margin-left: 15rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
float: left;
|
||||
/* optional divider */
|
||||
}
|
||||
|
||||
/* Checkbox styling */
|
||||
.checkBoxClass {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
/* Content container */
|
||||
.clientClass {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
/* default text color */
|
||||
}
|
||||
|
||||
/* Blue username text */
|
||||
.blue-text {
|
||||
/* or any blue you prefer */
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -1,118 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'驳回原因'" :leftFlag="true" :rightFlag="false"></customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height" :style="{ paddingTop: navBarPaddingTop + 'px' }"></view>
|
||||
|
||||
<view class="inner-box">
|
||||
<view class="cu-form-group">
|
||||
<textarea v-model="rejectReason" placeholder="请输入驳回原因" name="input"></textarea>
|
||||
</view>
|
||||
<view class="btn-box">
|
||||
<button type="primary" @click="submitBack">确定驳回</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { onMounted, ref } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import { getNavBarPaddingTop } from '@/utils/system.js'
|
||||
import { getRejectReason } from '../../../../api/crm/activity/activity';
|
||||
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
})
|
||||
|
||||
let visistId = ref()
|
||||
onLoad(option => {
|
||||
visistId.value = option.visistId
|
||||
})
|
||||
|
||||
let rejectReason = ref();
|
||||
//确定驳回
|
||||
function submitBack() {
|
||||
if (rejectReason.value==null) {
|
||||
uni.showToast({
|
||||
title: "驳回原因不能为空!",
|
||||
icon: 'none',
|
||||
});
|
||||
return
|
||||
}
|
||||
let rejectForm = {
|
||||
visistId:visistId.value,
|
||||
rejectReason: rejectReason.value
|
||||
}
|
||||
getRejectReason(rejectForm).then(
|
||||
res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
uni.navigateBack({
|
||||
delta: 2
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
},
|
||||
rej => { }
|
||||
);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.con-bg {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/* Container for the checkbox group */
|
||||
.checkbox-group.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Each item row */
|
||||
.itemClass {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
margin-left: 15rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
/* optional divider */
|
||||
}
|
||||
|
||||
/* Checkbox styling */
|
||||
.checkBoxClass {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
/* Content container */
|
||||
.clientClass {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
/* default text color */
|
||||
}
|
||||
|
||||
/* Blue username text */
|
||||
.blue-text {
|
||||
/* or any blue you prefer */
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,218 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'客户审批'" :leftFlag="true" :rightFlag="false"></customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height" :style="{ paddingTop: navBarPaddingTop + 'px' }"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="all-body">
|
||||
|
||||
<!-- 分页部分 -->
|
||||
<mescroll-uni ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
|
||||
:up="upOption" :down="downOption" :fixed="false" textColor="#ffffff" bgColor="#ffffff"
|
||||
class="scroll-h" :class="{ 'loading-scroll': cssFlag }">
|
||||
<view class="white-bg margin-bottom20" v-for="(item, index) in dataList" :key="index"
|
||||
@click="showDetail(item)">
|
||||
<view>
|
||||
<view class="report-list">
|
||||
<view class="title">客户:{{ item.cusName }}</view>
|
||||
<view class="r-list">
|
||||
<view class="r-name">{{ item.visistCode }}</view>
|
||||
<view>
|
||||
|
||||
<view
|
||||
class="r-right btn-orange"
|
||||
size="mini">
|
||||
{{ item.status }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">走访类型</view>
|
||||
<view class="r-right">{{item.visistType}}</view>
|
||||
</view>
|
||||
<view class="r-list" v-if="item.joinUser != null">
|
||||
<view class="r-left">我方领导</view>
|
||||
<view class="r-right">{{ item.joinUser }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告人</view>
|
||||
<view class="r-right">{{ item.staffName }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告日期</view>
|
||||
<view class="r-right">{{ item.visistDate }}</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-uni>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { ref, reactive, onMounted } from 'vue'
|
||||
import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
|
||||
import { getNavBarPaddingTop } from '@/utils/system.js'
|
||||
import { onShow } from '@dcloudio/uni-app';
|
||||
import { getApprovalList, getUserInfo } from '../../../../api/crm/activity/activity';
|
||||
|
||||
|
||||
let list = ref([])
|
||||
let queryParams = reactive({
|
||||
selValue: ''
|
||||
})
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
})
|
||||
const upOption = ref({
|
||||
page: { num: 0, size: 10 },
|
||||
noMoreSize: 5,
|
||||
empty: { tip: '~ 空空如也 ~' },
|
||||
textLoading: '加载中...',
|
||||
textNoMore: '已经到底了'
|
||||
});
|
||||
const downOption = ref({
|
||||
auto: true,
|
||||
textInOffset: '下拉刷新',
|
||||
textOutOffset: '释放更新',
|
||||
textLoading: '刷新中...'
|
||||
});
|
||||
|
||||
let mescrollRef = ref();
|
||||
function mescrollInit(mescroll) {
|
||||
mescrollRef.value = mescroll;
|
||||
}
|
||||
/*下拉刷新的回调 */
|
||||
function downCallback(mescroll) {
|
||||
mescroll.resetUpScroll()
|
||||
}
|
||||
/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
|
||||
function upCallback(page) {
|
||||
// JSON.parse 将数据转换为 JavaScript 对象
|
||||
// var user = JSON.parse(uni.getStorageSync("user"));
|
||||
console.log(page.num)
|
||||
getVisistList(page);
|
||||
}
|
||||
|
||||
onShow(() => {
|
||||
getUserInfoMethod();
|
||||
})
|
||||
|
||||
let nickName = ref();
|
||||
let deptName = ref();
|
||||
let userId = ref();
|
||||
let posts = ref();
|
||||
|
||||
//获取用户信息
|
||||
function getUserInfoMethod() {
|
||||
getUserInfo().then(res => {
|
||||
nickName.value = res.user.nickName;
|
||||
deptName.value = res.user.dept.deptName;
|
||||
userId.value = res.user.userId;
|
||||
posts.value = res.post;
|
||||
})
|
||||
}
|
||||
|
||||
//查询待审批的列表信息
|
||||
let dataList = ref([])
|
||||
function getVisistList(page) {
|
||||
var data = {
|
||||
pageNum: page.num,
|
||||
pageSize: 10,
|
||||
};
|
||||
|
||||
getApprovalList(data).then(res => {
|
||||
if (res.code == 200) {
|
||||
//设置列表数据
|
||||
if (page.num == 1) {
|
||||
dataList.value = res.rows;
|
||||
|
||||
} else {
|
||||
dataList.value = dataList.value.concat(res.rows);
|
||||
}
|
||||
mescrollRef.value.endBySize(res.rows.length, 1000);
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "请求失败",
|
||||
});
|
||||
dataList.value = null;
|
||||
mescrollRef.value.endErr();
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
//审核走访单明细
|
||||
function showDetail(item){
|
||||
uni.navigateTo({
|
||||
url: './detailForApproval?visistId=' + item.visistId
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,171 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view >
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'选择客户单位'" :leftFlag="true" :rightFlag="false">
|
||||
</customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
<uni-easyinput prefixIcon="search" v-model="searchContent" placeholder="请输入客户单位名称" clearable
|
||||
@iconClick="iconClick">
|
||||
</uni-easyinput>
|
||||
|
||||
|
||||
<view class="inner-box">
|
||||
<view class="list-cont">
|
||||
<radio-group class="block" @change="radioChange">
|
||||
<view class="item" v-for="(item, index) in dataList">
|
||||
<radio class='radio' :value="index" ></radio>
|
||||
<view class="name">{{item.cusName+"("+item.shortName+")"}}</view>
|
||||
</view>
|
||||
</radio-group>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { getYsCustomerList } from '../../../../api/crm/activity/activity'
|
||||
import { onMounted, reactive, ref, watch } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import { useMessage } from '../../../../utils/message'
|
||||
|
||||
|
||||
|
||||
const message = useMessage();
|
||||
|
||||
//点击查询客户人员
|
||||
const queryParams = ref({
|
||||
cusName: '',
|
||||
nickName:'',
|
||||
pageNum: 1,
|
||||
pageSize: 10
|
||||
})
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
|
||||
})
|
||||
|
||||
onLoad(options => {
|
||||
queryParams.value.cusName = options.cusName
|
||||
})
|
||||
const dataList = ref([])
|
||||
|
||||
|
||||
|
||||
|
||||
//查询某一客户人员
|
||||
let searchContent = ref('')
|
||||
|
||||
function iconClick() {
|
||||
message.toast('点击了查询,当前内容:' + searchContent.value)
|
||||
}
|
||||
|
||||
//监视查询的内容的变化
|
||||
let queryCusForm = reactive({})
|
||||
watch(searchContent,(newValue,oldValue)=>{
|
||||
console.log("输入内容:",searchContent.value)
|
||||
queryCusForm.cusName = searchContent.value
|
||||
getYsCustomerList(queryCusForm).then(res=>{
|
||||
dataList.value = res.rows
|
||||
})
|
||||
})
|
||||
|
||||
function radioChange(event) {
|
||||
const selectedIndex = event.detail.value
|
||||
let test = dataList.value[selectedIndex]
|
||||
// 发送全局事件
|
||||
uni.$emit('onCustomerSelected', test)
|
||||
let cusName = test.cusName;//客户名称
|
||||
let cusId = test.cusId;//客户ID
|
||||
uni.navigateBack()//返回上一页
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
.con-body{
|
||||
background: white;
|
||||
}
|
||||
|
||||
|
||||
/* Container for the checkbox group */
|
||||
.checkbox-group.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Each item row */
|
||||
.itemClass {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
margin-left: 15rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
/* optional divider */
|
||||
}
|
||||
|
||||
/* Checkbox styling */
|
||||
.checkBoxClass {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
/* Content container */
|
||||
.clientClass {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
/* default text color */
|
||||
}
|
||||
|
||||
/* Blue username text */
|
||||
.blue-text {
|
||||
/* or any blue you prefer */
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
.inner-box {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.list-cont {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 12px 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.radio {
|
||||
margin-right: 12px;
|
||||
transform: scale(0.9);
|
||||
}
|
||||
|
||||
.name {
|
||||
flex: 1;
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.checked {
|
||||
color: #007AFF; /* 选中状态的颜色 */
|
||||
}
|
||||
</style>
|
||||
@@ -1,297 +0,0 @@
|
||||
<template>
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input" :disabled="isDisabled"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input" :disabled="isDisabled"
|
||||
@focus="chooseMyUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动内容" name="activityTypeList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.activityTypeList" placeholder="请选择活动内容" name="input"
|
||||
@focus="chooseActivityType"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="dailyVisitComponent">
|
||||
import { ref, reactive } from 'vue'
|
||||
import cache from '../../../../../utils/cache'
|
||||
import { onShow, onUnload } from '@dcloudio/uni-app';
|
||||
import { addVisistDetail, deleVisistDetailItem, getVisistDetailItem } from '../../../../../api/crm/activity/activity';
|
||||
|
||||
let customerUserList = ref([])
|
||||
let myUserList = ref([])
|
||||
let activityTypeList = ref([])
|
||||
let activeTxt = ref([])
|
||||
let isDisabled = ref(false)
|
||||
const props = defineProps({
|
||||
cusName: String, //客户单位名称
|
||||
cusId: Number,//客户ID
|
||||
visistId: Number,//活动ID
|
||||
status: String //状态
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
customerUserList,
|
||||
myUserList,
|
||||
activityTypeList,
|
||||
activeTxt
|
||||
});
|
||||
|
||||
// 验证规则
|
||||
const rules = {
|
||||
activityTypeList: {
|
||||
rules: [
|
||||
{ required: true, errorMessage: '请选择活动内容' }
|
||||
]
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
//删除明细项的内容
|
||||
let rcDeleteForm = reactive({})
|
||||
function handleDeleteVisistDetailItem() {
|
||||
rcDeleteForm.treeName = '日常走访'
|
||||
rcDeleteForm.visistId = props.visistId
|
||||
deleVisistDetailItem(rcDeleteForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功,删除缓存记录
|
||||
handleDelete()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除内容
|
||||
let handleDelete = () => {
|
||||
formData.value.customerUserList = null
|
||||
formData.value.myUserList = null
|
||||
formData.value.activityTypeList = null
|
||||
formData.value.activeTxt = null
|
||||
if (cache.get('checkedRCClientList') != null) {
|
||||
cache.remove('checkedRCClientList');
|
||||
}
|
||||
if (cache.get('checkedRCMyUserList') != null) {
|
||||
cache.remove('checkedRCMyUserList');
|
||||
}
|
||||
if (cache.get('checkedRCActivityTypeList') != null) {
|
||||
cache.remove('checkedRCActivityTypeList');
|
||||
}
|
||||
}
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedRCClientList');
|
||||
cache.remove('checkedRCMyUserList');
|
||||
cache.remove('checkedRCActivityTypeList');
|
||||
}
|
||||
|
||||
let rcForm = reactive({})
|
||||
// 保存/修改
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
rcForm.treeName = '日常走访'
|
||||
rcForm.cusId = props.cusId
|
||||
rcForm.visistId = props.visistId
|
||||
if (Array.isArray(activityTypeList.value)) {
|
||||
rcForm.activityTags = activityTypeList.value.join(',')
|
||||
} else {
|
||||
rcForm.activityTags = activityTypeList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(myUserList.value)) {
|
||||
rcForm.ourPersonnel = myUserList.value.join(',')
|
||||
} else {
|
||||
rcForm.ourPersonnel = myUserList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(customerUserList.value)) {
|
||||
rcForm.cusPersonnel = customerUserList.value.join(',')
|
||||
} else {
|
||||
rcForm.cusPersonnel = customerUserList.value
|
||||
}
|
||||
|
||||
rcForm.bandResult = activeTxt.value
|
||||
// 提交服务器进行新增
|
||||
addVisistDetail(rcForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功,删除缓存记录
|
||||
handleDeleteLocal()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//页面渲染完成后,查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedRCClientList') != null && cache.get('checkedRCClientList') != []) {
|
||||
customerUserList.value = cache.get('checkedRCClientList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedRCMyUserList') != null && cache.get('checkedRCMyUserList') != []) {
|
||||
myUserList.value = cache.get('checkedRCMyUserList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedRCActivityTypeList') != null && cache.get('checkedRCActivityTypeList') != []) {
|
||||
activityTypeList.value = cache.get('checkedRCActivityTypeList')
|
||||
}
|
||||
|
||||
if (props.status == '完成') {
|
||||
isDisabled.value = true
|
||||
} else {
|
||||
isDisabled.value = false
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
//查询日常走访的内容
|
||||
let queryRCForm = reactive({})
|
||||
let getRCVisitReportDetailContent = () => {
|
||||
queryRCForm.visistId = props.visistId
|
||||
queryRCForm.cusId = props.cusId
|
||||
queryRCForm.treeName = '日常走访'
|
||||
getVisistDetailItem(queryRCForm).then(res => {
|
||||
if (res.rows[0] != null) {
|
||||
customerUserList.value = res.rows[0].customerPersonnel
|
||||
myUserList.value = res.rows[0].ourPersonnel
|
||||
activityTypeList.value = res.rows[0].activityTags
|
||||
activeTxt.value = res.rows[0].bandResult
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//页面卸载之后,删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
console.log('点击了输入框', props.cusName);
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=日常走访'
|
||||
})
|
||||
}
|
||||
|
||||
//选择我方参与人
|
||||
function chooseMyUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/myUserList?chooseType=日常走访'
|
||||
})
|
||||
}
|
||||
|
||||
//选择活动类型
|
||||
function chooseActivityType() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/activityTypeList?chooseType=日常走访'
|
||||
})
|
||||
}
|
||||
|
||||
// 明确暴露给父组件的方法
|
||||
defineExpose({
|
||||
handleDelete,
|
||||
getRCVisitReportDetailContent
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,258 +0,0 @@
|
||||
<template>
|
||||
<uni-forms ref="formRef" :model="formData" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseMyUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="djVisitComponent">
|
||||
import { ref, reactive } from 'vue'
|
||||
import cache from '../../../../../utils/cache'
|
||||
import { onShow, onUnload } from '@dcloudio/uni-app';
|
||||
import { addVisistDetail, deleVisistDetailItem, getVisistDetailItem } from '../../../../../api/crm/activity/activity';
|
||||
|
||||
let customerUserList = ref([])
|
||||
let myUserList = ref([])
|
||||
let activeTxt = ref('')
|
||||
let isDisabled = ref(false)
|
||||
const props = defineProps({
|
||||
cusName: String, //客户单位名称
|
||||
cusId: Number,//客户ID
|
||||
visistId: Number,//活动ID
|
||||
status: String //状态
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
customerUserList,
|
||||
myUserList,
|
||||
activeTxt
|
||||
});
|
||||
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
//删除明细项的内容
|
||||
let djDeleteForm = reactive({})
|
||||
function handleDeleteVisistDetailItem() {
|
||||
djDeleteForm.treeName = '党建活动'
|
||||
djDeleteForm.visistId = props.visistId
|
||||
deleVisistDetailItem(djDeleteForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功,删除缓存记录
|
||||
handleDelete()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除内容
|
||||
let handleDelete = () => {
|
||||
formData.value.customerUserList = null
|
||||
formData.value.myUserList = null
|
||||
formData.value.activeTxt = null
|
||||
if (cache.get('checkedDJClientList') != null) {
|
||||
cache.remove('checkedDJClientList');
|
||||
}
|
||||
if (cache.get('checkedDJMyUserList') != null) {
|
||||
cache.remove('checkedDJMyUserList');
|
||||
}
|
||||
}
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedDJClientList');
|
||||
cache.remove('checkedDJMyUserList');
|
||||
}
|
||||
|
||||
let djForm = reactive({})
|
||||
// 保存/修改
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
djForm.treeName = '党建活动'
|
||||
djForm.cusId = props.cusId
|
||||
djForm.visistId = props.visistId
|
||||
|
||||
if (Array.isArray(myUserList.value)) {
|
||||
djForm.ourPersonnel = myUserList.value.join(',')
|
||||
} else {
|
||||
djForm.ourPersonnel = myUserList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(customerUserList.value)) {
|
||||
djForm.cusPersonnel = customerUserList.value.join(',')
|
||||
} else {
|
||||
djForm.cusPersonnel = customerUserList.value
|
||||
}
|
||||
|
||||
djForm.bandResult = activeTxt.value
|
||||
// 提交服务器进行新增
|
||||
addVisistDetail(djForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功,删除缓存记录
|
||||
handleDeleteLocal()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//页面渲染完成后,查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedDJClientList') != null && cache.get('checkedDJClientList') != []) {
|
||||
customerUserList.value = cache.get('checkedDJClientList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedDJMyUserList') != null && cache.get('checkedDJMyUserList') != []) {
|
||||
myUserList.value = cache.get('checkedDJMyUserList')
|
||||
}
|
||||
|
||||
if(props.status=='完成'){
|
||||
isDisabled.value = true
|
||||
}else{
|
||||
isDisabled.value = false
|
||||
}
|
||||
})
|
||||
|
||||
//查询日常走访的内容
|
||||
let queryDJForm = reactive({})
|
||||
let getDJVisitReportDetailContent = () => {
|
||||
queryDJForm.visistId = props.visistId
|
||||
queryDJForm.cusId = props.cusId
|
||||
queryDJForm.treeName = '党建活动'
|
||||
getVisistDetailItem(queryDJForm).then(res => {
|
||||
if (res.rows[0] != null) {
|
||||
customerUserList.value = res.rows[0].customerPersonnel
|
||||
myUserList.value = res.rows[0].ourPersonnel
|
||||
activeTxt.value = res.rows[0].bandResult
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//页面卸载之后,删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=党建活动'
|
||||
})
|
||||
}
|
||||
|
||||
//选择我方参与人
|
||||
function chooseMyUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/myUserList?chooseType=党建活动'
|
||||
})
|
||||
}
|
||||
|
||||
// 明确暴露给父组件的方法
|
||||
defineExpose({
|
||||
handleDelete,
|
||||
getDJVisitReportDetailContent
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,262 +0,0 @@
|
||||
<template>
|
||||
<uni-forms ref="formRef" :model="formData" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseMyUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="jsVisitComponent">
|
||||
import { ref, reactive } from 'vue'
|
||||
import cache from '../../../../../utils/cache'
|
||||
import { onShow, onUnload } from '@dcloudio/uni-app';
|
||||
import { addVisistDetail, deleVisistDetailItem, getVisistDetailItem } from '../../../../../api/crm/activity/activity';
|
||||
|
||||
let customerUserList = ref([])
|
||||
let myUserList = ref([])
|
||||
let activeTxt = ref('')
|
||||
let isDisabled = ref(false)
|
||||
const props = defineProps({
|
||||
cusName: String, //客户单位名称
|
||||
cusId: Number,//客户ID
|
||||
visistId: Number,//活动ID
|
||||
status: String //状态
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
customerUserList,
|
||||
myUserList,
|
||||
activeTxt
|
||||
});
|
||||
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
//删除明细项的内容
|
||||
let jsDeleteForm = reactive({})
|
||||
function handleDeleteVisistDetailItem() {
|
||||
jsDeleteForm.treeName = '业务招待'
|
||||
jsDeleteForm.visistId = props.visistId
|
||||
deleVisistDetailItem(jsDeleteForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功,删除缓存记录
|
||||
handleDelete()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除内容
|
||||
let handleDelete = () => {
|
||||
formData.value.customerUserList = null
|
||||
formData.value.myUserList = null
|
||||
formData.value.activeTxt = null
|
||||
if (cache.get('checkedJSClientList') != null) {
|
||||
cache.remove('checkedJSClientList');
|
||||
}
|
||||
if (cache.get('checkedJSMyUserList') != null) {
|
||||
cache.remove('checkedJSMyUserList');
|
||||
}
|
||||
}
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedJSClientList');
|
||||
cache.remove('checkedJSMyUserList');
|
||||
}
|
||||
|
||||
let jsForm = reactive({})
|
||||
// 保存/修改
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
jsForm.treeName = '技术交流'
|
||||
jsForm.cusId = props.cusId
|
||||
jsForm.visistId = props.visistId
|
||||
|
||||
if (Array.isArray(myUserList.value)) {
|
||||
jsForm.ourPersonnel = myUserList.value.join(',')
|
||||
} else {
|
||||
jsForm.ourPersonnel = myUserList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(customerUserList.value)) {
|
||||
jsForm.cusPersonnel = customerUserList.value.join(',')
|
||||
} else {
|
||||
jsForm.cusPersonnel = customerUserList.value
|
||||
}
|
||||
|
||||
jsForm.bandResult = activeTxt.value
|
||||
// 提交服务器进行新增
|
||||
addVisistDetail(jsForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功,删除缓存记录
|
||||
handleDeleteLocal()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//页面渲染完成后,查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedJSClientList') != null && cache.get('checkedJSClientList') != []) {
|
||||
customerUserList.value = cache.get('checkedJSClientList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedJSMyUserList') != null && cache.get('checkedJSMyUserList') != []) {
|
||||
myUserList.value = cache.get('checkedJSMyUserList')
|
||||
}
|
||||
|
||||
if(props.status=='完成'){
|
||||
isDisabled.value = true
|
||||
}else{
|
||||
isDisabled.value = false
|
||||
}
|
||||
})
|
||||
|
||||
//查询日常走访的内容
|
||||
let queryJSForm = reactive({})
|
||||
let getJSVisitReportDetailContent = () => {
|
||||
queryJSForm.visistId = props.visistId
|
||||
queryJSForm.cusId = props.cusId
|
||||
queryJSForm.treeName = '技术交流'
|
||||
getVisistDetailItem(queryJSForm).then(res => {
|
||||
if (res.rows[0] != null) {
|
||||
customerUserList.value = res.rows[0].customerPersonnel
|
||||
myUserList.value = res.rows[0].ourPersonnel
|
||||
activeTxt.value = res.rows[0].bandResult
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//页面卸载之后,删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=技术交流'
|
||||
})
|
||||
}
|
||||
|
||||
//选择我方参与人
|
||||
function chooseMyUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/myUserList?chooseType=技术交流'
|
||||
})
|
||||
}
|
||||
|
||||
// 明确暴露给父组件的方法
|
||||
defineExpose({
|
||||
handleDelete,
|
||||
getJSVisitReportDetailContent
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
@@ -1,262 +0,0 @@
|
||||
<template>
|
||||
<uni-forms ref="formRef" :model="formData" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseMyUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="lcVisitComponent">
|
||||
import { ref, reactive } from 'vue'
|
||||
import cache from '../../../../../utils/cache'
|
||||
import { onShow, onUnload } from '@dcloudio/uni-app';
|
||||
import { addVisistDetail, deleVisistDetailItem, getVisistDetailItem } from '../../../../../api/crm/activity/activity';
|
||||
|
||||
let customerUserList = ref([])
|
||||
let myUserList = ref([])
|
||||
let activeTxt = ref('')
|
||||
let isDisabled = ref(false)
|
||||
const props = defineProps({
|
||||
cusName: String, //客户单位名称
|
||||
cusId: Number,//客户ID
|
||||
visistId: Number,//活动ID
|
||||
status: String //状态
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
customerUserList,
|
||||
myUserList,
|
||||
activeTxt
|
||||
});
|
||||
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
//删除明细项的内容
|
||||
let lcDeleteForm = reactive({})
|
||||
function handleDeleteVisistDetailItem() {
|
||||
lcDeleteForm.treeName = '业务招待'
|
||||
lcDeleteForm.visistId = props.visistId
|
||||
deleVisistDetailItem(lcDeleteForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功,删除缓存记录
|
||||
handleDelete()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除内容
|
||||
let handleDelete = () => {
|
||||
formData.value.customerUserList = null
|
||||
formData.value.myUserList = null
|
||||
formData.value.activeTxt = null
|
||||
if (cache.get('checkedLCClientList') != null) {
|
||||
cache.remove('checkedLCClientList');
|
||||
}
|
||||
if (cache.get('checkedLCMyUserList') != null) {
|
||||
cache.remove('checkedLCMyUserList');
|
||||
}
|
||||
}
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedLCClientList');
|
||||
cache.remove('checkedLCMyUserList');
|
||||
}
|
||||
|
||||
let lcForm = reactive({})
|
||||
// 保存/修改
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
lcForm.treeName = '来厂参观'
|
||||
lcForm.cusId = props.cusId
|
||||
lcForm.visistId = props.visistId
|
||||
|
||||
if (Array.isArray(myUserList.value)) {
|
||||
lcForm.ourPersonnel = myUserList.value.join(',')
|
||||
} else {
|
||||
lcForm.ourPersonnel = myUserList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(customerUserList.value)) {
|
||||
lcForm.cusPersonnel = customerUserList.value.join(',')
|
||||
} else {
|
||||
lcForm.cusPersonnel = customerUserList.value
|
||||
}
|
||||
|
||||
lcForm.bandResult = activeTxt.value
|
||||
// 提交服务器进行新增
|
||||
addVisistDetail(lcForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功,删除缓存记录
|
||||
handleDeleteLocal()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//页面渲染完成后,查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedLCClientList') != null && cache.get('checkedLCClientList') != []) {
|
||||
customerUserList.value = cache.get('checkedLCClientList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedLCMyUserList') != null && cache.get('checkedLCMyUserList') != []) {
|
||||
myUserList.value = cache.get('checkedLCMyUserList')
|
||||
}
|
||||
|
||||
if(props.status=='完成'){
|
||||
isDisabled.value = true
|
||||
}else{
|
||||
isDisabled.value = false
|
||||
}
|
||||
})
|
||||
|
||||
//查询日常走访的内容
|
||||
let queryLCForm = reactive({})
|
||||
let getLCVisitReportDetailContent = () => {
|
||||
queryLCForm.visistId = props.visistId
|
||||
queryLCForm.cusId = props.cusId
|
||||
queryLCForm.treeName = '来厂参观'
|
||||
getVisistDetailItem(queryLCForm).then(res => {
|
||||
if (res.rows[0] != null) {
|
||||
customerUserList.value = res.rows[0].customerPersonnel
|
||||
myUserList.value = res.rows[0].ourPersonnel
|
||||
activeTxt.value = res.rows[0].bandResult
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//页面卸载之后,删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=来厂参观'
|
||||
})
|
||||
}
|
||||
|
||||
//选择我方参与人
|
||||
function chooseMyUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/myUserList?chooseType=来厂参观'
|
||||
})
|
||||
}
|
||||
|
||||
// 明确暴露给父组件的方法
|
||||
defineExpose({
|
||||
handleDelete,
|
||||
getLCVisitReportDetailContent
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
@@ -1,308 +0,0 @@
|
||||
<template>
|
||||
<uni-forms ref="formRef" :model="formData" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseMyUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="住宿天数" name="stayDays">
|
||||
<picker
|
||||
@change="handlePickerChange"
|
||||
:value="stayDaysIndex"
|
||||
:range="stayDaysOptions"
|
||||
:disabled="isDisabled"
|
||||
>
|
||||
<view class="picker-container">
|
||||
<view class="picker-display">
|
||||
{{ stayDaysOptions[stayDaysIndex] }}
|
||||
</view>
|
||||
<uni-icons type="arrowdown" size="16" color="#666"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="lyVisitComponent">
|
||||
import { ref, reactive } from 'vue'
|
||||
import cache from '../../../../../utils/cache'
|
||||
import { onShow, onUnload } from '@dcloudio/uni-app';
|
||||
import { addVisistDetail, deleVisistDetailItem, getVisistDetailItem } from '../../../../../api/crm/activity/activity';
|
||||
|
||||
let customerUserList = ref([])
|
||||
let myUserList = ref([])
|
||||
let activeTxt = ref('')
|
||||
let isDisabled = ref(false)
|
||||
const props = defineProps({
|
||||
cusName: String, //客户单位名称
|
||||
cusId: Number,//客户ID
|
||||
visistId: Number,//活动ID
|
||||
status: String //状态
|
||||
})
|
||||
|
||||
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
customerUserList,
|
||||
myUserList,
|
||||
activeTxt
|
||||
});
|
||||
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
//删除明细项的内容
|
||||
let lyDeleteForm = reactive({})
|
||||
function handleDeleteVisistDetailItem() {
|
||||
lyDeleteForm.treeName = '联谊活动'
|
||||
lyDeleteForm.visistId = props.visistId
|
||||
deleVisistDetailItem(lyDeleteForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功,删除缓存记录
|
||||
handleDelete()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除内容
|
||||
let handleDelete = () => {
|
||||
formData.value.customerUserList = null
|
||||
formData.value.myUserList = null
|
||||
formData.value.activeTxt = null
|
||||
if (cache.get('checkedLYClientList') != null) {
|
||||
cache.remove('checkedYWClientList');
|
||||
}
|
||||
if (cache.get('checkedLYMyUserList') != null) {
|
||||
cache.remove('checkedLYMyUserList');
|
||||
}
|
||||
}
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedLYClientList');
|
||||
cache.remove('checkedLYMyUserList');
|
||||
}
|
||||
|
||||
let lyForm = reactive({})
|
||||
// 保存/修改
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
lyForm.treeName = '联谊活动'
|
||||
lyForm.cusId = props.cusId
|
||||
lyForm.visistId = props.visistId
|
||||
|
||||
if (Array.isArray(myUserList.value)) {
|
||||
lyForm.ourPersonnel = myUserList.value.join(',')
|
||||
} else {
|
||||
lyForm.ourPersonnel = myUserList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(customerUserList.value)) {
|
||||
lyForm.cusPersonnel = customerUserList.value.join(',')
|
||||
} else {
|
||||
lyForm.cusPersonnel = customerUserList.value
|
||||
}
|
||||
|
||||
lyForm.bandResult = activeTxt.value
|
||||
lyForm.multiple = stayDaysIndex.value+1
|
||||
// 提交服务器进行新增
|
||||
addVisistDetail(lyForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功,删除缓存记录
|
||||
handleDeleteLocal()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//页面渲染完成后,查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedLYClientList') != null && cache.get('checkedLYClientList') != []) {
|
||||
customerUserList.value = cache.get('checkedLYClientList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedLYMyUserList') != null && cache.get('checkedLYMyUserList') != []) {
|
||||
myUserList.value = cache.get('checkedLYMyUserList')
|
||||
}
|
||||
console.log(props.status,'获取的状态')
|
||||
|
||||
if(props.status=='完成'){
|
||||
isDisabled.value = true
|
||||
}else{
|
||||
isDisabled.value = false
|
||||
}
|
||||
})
|
||||
|
||||
//查询日常走访的内容
|
||||
let queryLYForm = reactive({})
|
||||
let getLYVisitReportDetailContent = () => {
|
||||
queryLYForm.visistId = props.visistId
|
||||
queryLYForm.cusId = props.cusId
|
||||
queryLYForm.treeName = '联谊活动'
|
||||
getVisistDetailItem(queryLYForm).then(res => {
|
||||
if (res.rows[0] != null) {
|
||||
customerUserList.value = res.rows[0].customerPersonnel
|
||||
myUserList.value = res.rows[0].ourPersonnel
|
||||
stayDaysIndex.value = res.rows[0].multiple-1
|
||||
activeTxt.value = res.rows[0].bandResult
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//页面卸载之后,删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=联谊活动'
|
||||
})
|
||||
}
|
||||
|
||||
//选择我方参与人
|
||||
function chooseMyUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/myUserList?chooseType=联谊活动'
|
||||
})
|
||||
}
|
||||
|
||||
// 住宿天数
|
||||
const stayDaysOptions = ref(['1天', '2天', '3天', '4天', '5天', '6天', '7天'])
|
||||
const stayDaysIndex = ref(0) // 默认未选择
|
||||
|
||||
const handlePickerChange = (e) => {
|
||||
stayDaysIndex.value = e.detail.value
|
||||
console.log("天数数字:",stayDaysIndex.value+1)
|
||||
}
|
||||
|
||||
// 明确暴露给父组件的方法
|
||||
defineExpose({
|
||||
handleDelete,
|
||||
getLYVisitReportDetailContent
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.picker-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 10px 12px;
|
||||
border: 1px solid #dcdfe6;
|
||||
border-radius: 4px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.picker-display {
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.picker-display:empty::before {
|
||||
content: '请选择住宿天数';
|
||||
color: #999;
|
||||
}
|
||||
</style>
|
||||
@@ -1,259 +0,0 @@
|
||||
<template>
|
||||
<uni-forms ref="formRef" :model="formData" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseMyUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="wtVisitComponent">
|
||||
import { ref, reactive } from 'vue'
|
||||
import cache from '../../../../../utils/cache'
|
||||
import { onShow, onUnload } from '@dcloudio/uni-app';
|
||||
import { addVisistDetail, deleVisistDetailItem, getVisistDetailItem } from '../../../../../api/crm/activity/activity';
|
||||
|
||||
let customerUserList = ref([])
|
||||
let myUserList = ref([])
|
||||
let activeTxt = ref('')
|
||||
let isDisabled = ref(false)
|
||||
const props = defineProps({
|
||||
cusName: String, //客户单位名称
|
||||
cusId: Number,//客户ID
|
||||
visistId: Number,//活动ID
|
||||
status: String //状态
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
customerUserList,
|
||||
myUserList,
|
||||
activeTxt
|
||||
});
|
||||
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
//删除明细项的内容
|
||||
let wtDeleteForm = reactive({})
|
||||
function handleDeleteVisistDetailItem() {
|
||||
wtDeleteForm.treeName = '文体活动'
|
||||
wtDeleteForm.visistId = props.visistId
|
||||
deleVisistDetailItem(wtDeleteForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功,删除缓存记录
|
||||
handleDelete()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除内容
|
||||
let handleDelete = () => {
|
||||
formData.value.customerUserList = null
|
||||
formData.value.myUserList = null
|
||||
formData.value.activeTxt = null
|
||||
if (cache.get('checkedWTClientList') != null) {
|
||||
cache.remove('checkedWTClientList');
|
||||
}
|
||||
if (cache.get('checkedWTMyUserList') != null) {
|
||||
cache.remove('checkedWTMyUserList');
|
||||
}
|
||||
}
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedWTClientList');
|
||||
cache.remove('checkedWTMyUserList');
|
||||
}
|
||||
|
||||
let wtForm = reactive({})
|
||||
// 保存/修改
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
wtForm.treeName = '文体活动'
|
||||
wtForm.cusId = props.cusId
|
||||
wtForm.visistId = props.visistId
|
||||
|
||||
if (Array.isArray(myUserList.value)) {
|
||||
wtForm.ourPersonnel = myUserList.value.join(',')
|
||||
} else {
|
||||
wtForm.ourPersonnel = myUserList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(customerUserList.value)) {
|
||||
wtForm.cusPersonnel = customerUserList.value.join(',')
|
||||
} else {
|
||||
wtForm.cusPersonnel = customerUserList.value
|
||||
}
|
||||
|
||||
wtForm.bandResult = activeTxt.value
|
||||
// 提交服务器进行新增
|
||||
addVisistDetail(wtForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功,删除缓存记录
|
||||
handleDeleteLocal()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//页面渲染完成后,查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedWTClientList') != null && cache.get('checkedWTClientList') != []) {
|
||||
customerUserList.value = cache.get('checkedWTClientList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedWTMyUserList') != null && cache.get('checkedWTMyUserList') != []) {
|
||||
myUserList.value = cache.get('checkedWTMyUserList')
|
||||
}
|
||||
|
||||
|
||||
if(props.status=='完成'){
|
||||
isDisabled.value = true
|
||||
}else{
|
||||
isDisabled.value = false
|
||||
}
|
||||
})
|
||||
|
||||
//查询日常走访的内容
|
||||
let queryWTForm = reactive({})
|
||||
let getWTVisitReportDetailContent = () => {
|
||||
queryWTForm.visistId = props.visistId
|
||||
queryWTForm.cusId = props.cusId
|
||||
queryWTForm.treeName = '文体活动'
|
||||
getVisistDetailItem(queryWTForm).then(res => {
|
||||
if (res.rows[0] != null) {
|
||||
customerUserList.value = res.rows[0].customerPersonnel
|
||||
myUserList.value = res.rows[0].ourPersonnel
|
||||
activeTxt.value = res.rows[0].bandResult
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//页面卸载之后,删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=文体活动'
|
||||
})
|
||||
}
|
||||
|
||||
//选择我方参与人
|
||||
function chooseMyUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/myUserList?chooseType=文体活动'
|
||||
})
|
||||
}
|
||||
|
||||
// 明确暴露给父组件的方法
|
||||
defineExpose({
|
||||
handleDelete,
|
||||
getWTVisitReportDetailContent
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,259 +0,0 @@
|
||||
<template>
|
||||
<uni-forms ref="formRef" :model="formData" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseMyUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="ywVisitComponent">
|
||||
import { ref, reactive } from 'vue'
|
||||
import cache from '../../../../../utils/cache'
|
||||
import { onShow, onUnload } from '@dcloudio/uni-app';
|
||||
import { addVisistDetail, deleVisistDetailItem, getVisistDetailItem } from '../../../../../api/crm/activity/activity';
|
||||
|
||||
let customerUserList = ref([])
|
||||
let myUserList = ref([])
|
||||
let activeTxt = ref('')
|
||||
let isDisabled = ref(false)
|
||||
const props = defineProps({
|
||||
cusName: String, //客户单位名称
|
||||
cusId: Number,//客户ID
|
||||
visistId: Number,//活动ID
|
||||
status: String //状态
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
customerUserList,
|
||||
myUserList,
|
||||
activeTxt
|
||||
});
|
||||
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
//删除明细项的内容
|
||||
let ywDeleteForm = reactive({})
|
||||
function handleDeleteVisistDetailItem() {
|
||||
ywDeleteForm.treeName = '业务招待'
|
||||
ywDeleteForm.visistId = props.visistId
|
||||
deleVisistDetailItem(ywDeleteForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功,删除缓存记录
|
||||
handleDelete()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除内容
|
||||
let handleDelete = () => {
|
||||
formData.value.customerUserList = null
|
||||
formData.value.myUserList = null
|
||||
formData.value.activeTxt = null
|
||||
if (cache.get('checkedYWClientList') != null) {
|
||||
cache.remove('checkedYWClientList');
|
||||
}
|
||||
if (cache.get('checkedYWMyUserList') != null) {
|
||||
cache.remove('checkedYWMyUserList');
|
||||
}
|
||||
}
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedYWClientList');
|
||||
cache.remove('checkedYWMyUserList');
|
||||
}
|
||||
|
||||
let ywForm = reactive({})
|
||||
// 保存/修改
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
ywForm.treeName = '业务招待'
|
||||
ywForm.cusId = props.cusId
|
||||
ywForm.visistId = props.visistId
|
||||
|
||||
if (Array.isArray(myUserList.value)) {
|
||||
ywForm.ourPersonnel = myUserList.value.join(',')
|
||||
} else {
|
||||
ywForm.ourPersonnel = myUserList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(customerUserList.value)) {
|
||||
ywForm.cusPersonnel = customerUserList.value.join(',')
|
||||
} else {
|
||||
ywForm.cusPersonnel = customerUserList.value
|
||||
}
|
||||
|
||||
ywForm.bandResult = activeTxt.value
|
||||
// 提交服务器进行新增
|
||||
addVisistDetail(ywForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功,删除缓存记录
|
||||
handleDeleteLocal()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//页面渲染完成后,查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedYWClientList') != null && cache.get('checkedYWClientList') != []) {
|
||||
customerUserList.value = cache.get('checkedYWClientList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedYWMyUserList') != null && cache.get('checkedYWMyUserList') != []) {
|
||||
myUserList.value = cache.get('checkedYWMyUserList')
|
||||
}
|
||||
|
||||
|
||||
if(props.status=='完成'){
|
||||
isDisabled.value = true
|
||||
}else{
|
||||
isDisabled.value = false
|
||||
}
|
||||
})
|
||||
|
||||
//查询日常走访的内容
|
||||
let queryYWForm = reactive({})
|
||||
let getYWVisitReportDetailContent = () => {
|
||||
queryYWForm.visistId = props.visistId
|
||||
queryYWForm.cusId = props.cusId
|
||||
queryYWForm.treeName = '业务招待'
|
||||
getVisistDetailItem(queryYWForm).then(res => {
|
||||
if (res.rows[0] != null) {
|
||||
customerUserList.value = res.rows[0].customerPersonnel
|
||||
myUserList.value = res.rows[0].ourPersonnel
|
||||
activeTxt.value = res.rows[0].bandResult
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//页面卸载之后,删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=业务招待'
|
||||
})
|
||||
}
|
||||
|
||||
//选择我方参与人
|
||||
function chooseMyUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/myUserList?chooseType=业务招待'
|
||||
})
|
||||
}
|
||||
|
||||
// 明确暴露给父组件的方法
|
||||
defineExpose({
|
||||
handleDelete,
|
||||
getYWVisitReportDetailContent
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,159 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view>
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告添加客户人员'" :leftFlag="true" :rightFlag="false">
|
||||
</customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
<uni-easyinput prefixIcon="search" v-model="searchContent" placeholder="请输入客户人员名称" clearable
|
||||
@iconClick="iconClick">
|
||||
</uni-easyinput>
|
||||
<checkbox-group class="block" @change="checkboxChange">
|
||||
<view class="itemClass" v-for="(item, index) in dataList" :key="item.userId">
|
||||
<checkbox class='checkBoxClass' :value="item.userName" v-model="item.userName"></checkbox>
|
||||
<view class="clientClass">
|
||||
<text class="blue-text">{{ item.userName }}</text>
|
||||
{{ " | " }}
|
||||
{{ item.userDept != null ? item.userDept : ' ' }}
|
||||
{{ item.job != null ? item.job : ' ' }}
|
||||
{{ item.mobilePhone }}
|
||||
{{ item.remark != null ? item.remark : ' ' }}
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { crmCustomerUser } from '../../../../api/crm/activity/activity'
|
||||
import { onMounted, onUnmounted, reactive, ref, watch } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import { useMessage } from '../../../../utils/message'
|
||||
import cache from '../../../../utils/cache'
|
||||
|
||||
|
||||
|
||||
const message = useMessage();
|
||||
|
||||
//点击查询客户人员
|
||||
const queryParams = ref({
|
||||
cusName: '',
|
||||
nickName: '',
|
||||
pageNum: 1,
|
||||
pageSize: 10
|
||||
})
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
getClientUserName()
|
||||
})
|
||||
|
||||
let chooseType = ref()
|
||||
onLoad(options => {
|
||||
queryParams.value.cusName = options.cusName
|
||||
chooseType.value = options.chooseType
|
||||
})
|
||||
const dataList = ref([])
|
||||
|
||||
function getClientUserName() {
|
||||
crmCustomerUser(queryParams.value).then(res => {
|
||||
console.log(res, '相应测试')
|
||||
dataList.value = res.rows
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//查询某一客户人员
|
||||
let searchContent = ref('')
|
||||
|
||||
function iconClick() {
|
||||
message.toast('点击了查询,当前内容:' + searchContent.value)
|
||||
}
|
||||
|
||||
//监视查询的内容的变化
|
||||
watch(searchContent, (newValue, oldValue) => {
|
||||
queryParams.value.nickName = searchContent.value
|
||||
//变化了之后,重新查询内容
|
||||
crmCustomerUser(queryParams.value).then(res => {
|
||||
dataList.value = res.rows
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
|
||||
//勾选内容
|
||||
function checkboxChange(e) {
|
||||
//这里要根据传递来的不同的内容,生成不同的setCache方法
|
||||
if (chooseType.value == '日常走访') {
|
||||
cache.set('checkedRCClientList', e.detail.value)
|
||||
}
|
||||
if (chooseType.value == '业务招待') {
|
||||
cache.set('checkedYWClientList', e.detail.value)
|
||||
}
|
||||
if (chooseType.value == '技术交流') {
|
||||
cache.set('checkedJSClientList', e.detail.value)
|
||||
}
|
||||
if (chooseType.value == '来厂参观') {
|
||||
cache.set('checkedLCClientList', e.detail.value)
|
||||
}
|
||||
if (chooseType.value == '党建活动') {
|
||||
cache.set('checkedDJClientList', e.detail.value)
|
||||
}
|
||||
if (chooseType.value == '文体活动') {
|
||||
cache.set('checkedWTClientList', e.detail.value)
|
||||
}
|
||||
if (chooseType.value == '联谊活动') {
|
||||
cache.set('checkedLYClientList', e.detail.value)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.con-body {
|
||||
background: white;
|
||||
}
|
||||
|
||||
|
||||
/* Container for the checkbox group */
|
||||
.checkbox-group.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Each item row */
|
||||
.itemClass {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
margin-left: 15rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
/* optional divider */
|
||||
}
|
||||
|
||||
/* Checkbox styling */
|
||||
.checkBoxClass {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
/* Content container */
|
||||
.clientClass {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
/* default text color */
|
||||
}
|
||||
|
||||
/* Blue username text */
|
||||
.blue-text {
|
||||
/* or any blue you prefer */
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,249 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告详情'" :leftFlag="true" :rightFlag="false"></customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<!-- 详情内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="report-list">
|
||||
<view class="title">{{ item.cusName }}</view>
|
||||
<view class="r-list">
|
||||
<view class="r-name">{{ item.visistCode }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告人</view>
|
||||
<view class="r-right">{{ item.staffName }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">走访日期</view>
|
||||
<view class="r-right">{{ item.visistDate }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">是否双方高层领导参与</view>
|
||||
<view class="r-right">{{ item.whetherHaveLeader }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">活动类型</view>
|
||||
<view class="r-right">{{ item.visistType }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 报告明细&评论 -->
|
||||
<customTabs v-model="activeTab" :tabs="tabList" :modelValue="activeTab">
|
||||
<!-- 报告明细 -->
|
||||
<block v-if="activeTab === 0">
|
||||
<view class="white-bg white-bg-2" v-for="item in detailList">
|
||||
<view class="report-list">
|
||||
<view class="r-list">
|
||||
<view class="r-left">拜访事项</view>
|
||||
<view class="r-right">{{ item.detailType }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">拜访类型</view>
|
||||
<view class="r-right">{{ item.treeName }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">客户人员</view>
|
||||
<view class="r-right">{{ item.customerPersonnel }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">我方人员</view>
|
||||
<view class="r-right">{{ item.ourPersonnel }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list" style="display: block">
|
||||
<view class="r-name">结果</view>
|
||||
<view class="r-gray">
|
||||
<view>
|
||||
{{ item.bandResult }} </view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</customTabs>
|
||||
|
||||
|
||||
<view class="tipsPopBtn">
|
||||
<view class="btnCancal" @click="refuse">驳回</view>
|
||||
<!-- <view class="btnComfire" @click="refusePass">通过不得分</view> -->
|
||||
<view class="btnComfire" @click="adopt(item)">通过</view>
|
||||
|
||||
</view>
|
||||
<!-- 底部加高度来避免tabbar遮挡 -->
|
||||
<view class="bottom-height"></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import customTabs from '@/components/customTabs.vue';
|
||||
import { auditActivityReport, getVisistDetailList, getYsVisistInfo } from '../../../../api/crm/activity/activity';
|
||||
|
||||
|
||||
let visistId = ref(0)
|
||||
// 加载后调用
|
||||
let id = ref(null)
|
||||
onLoad((options) => {
|
||||
visistId.value = options.visistId
|
||||
getVisitorReportDetail();
|
||||
})
|
||||
|
||||
|
||||
// 查询详情
|
||||
let item = ref({});
|
||||
//明细List
|
||||
let detailList = ref([])
|
||||
const getVisitorReportDetail = async () => {
|
||||
let param = {
|
||||
visistId: visistId.value
|
||||
}
|
||||
|
||||
let res = await getYsVisistInfo(param);
|
||||
item.value = res.data;
|
||||
let detailRes = await getVisistDetailList(param);
|
||||
detailList.value = detailRes.rows;
|
||||
}
|
||||
|
||||
// 报告明细&评论
|
||||
const activeTab = ref(0);//默认报告明细
|
||||
const tabList = ['报告明细'];
|
||||
|
||||
//点击驳回
|
||||
function refuse() {
|
||||
uni.navigateTo({
|
||||
url: './auditReject?visistId=' + visistId.value
|
||||
})
|
||||
}
|
||||
|
||||
//点击通过
|
||||
function adopt(item) {
|
||||
console.log(item.visistId,4123123)
|
||||
uni.showModal({
|
||||
title: '提交',
|
||||
content: '是否要通过本报告?',
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
auditActivityReport({
|
||||
activityId: item.visistId,
|
||||
reportStaffName: item.staffName,
|
||||
}).then(res => {
|
||||
if (res.code == 200) {
|
||||
// that.mescroll.resetUpScroll()
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: res.msg,
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 690rpx;
|
||||
margin: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.white-bg.white-bg-2 {
|
||||
border-radius: 0;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
:deep(.tabs-header) {
|
||||
/* background: none !important; */
|
||||
border-bottom: none !important;
|
||||
margin: 0 auto;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
:deep(.tab-item) {
|
||||
color: #919191;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
/* flex:none; */
|
||||
/* margin: 0 -50rpx; */
|
||||
/* padding: 0 50rpx; */
|
||||
}
|
||||
|
||||
:deep(.tab-item:first-child) {
|
||||
text-align: right;
|
||||
margin-left: 230rpx;
|
||||
}
|
||||
|
||||
:deep(.tab-item:last-child) {
|
||||
text-align: left;
|
||||
margin-right: 230rpx;
|
||||
}
|
||||
|
||||
:deep(.tab-item.active) {
|
||||
color: #3384DF;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
:deep(.tab-item.active::after) {
|
||||
width: 100rpx;
|
||||
height: 8rpx;
|
||||
}
|
||||
|
||||
|
||||
.tipsPopBtn {
|
||||
width: 370px;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 50px auto 56px auto;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.btnCancal {
|
||||
width: 100px;
|
||||
height: 60px;
|
||||
border: 2px solid #29abe2;
|
||||
border-radius: 40px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #29abe2;
|
||||
font-size: 15px;
|
||||
|
||||
}
|
||||
|
||||
.btnComfire {
|
||||
width: 100px;
|
||||
height: 60px;
|
||||
background-color: #29abe2;
|
||||
border-radius: 40px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #FFF;
|
||||
font-size: 15px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,182 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view>
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告添加我方参与人员'" :leftFlag="true" :rightFlag="false">
|
||||
</customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
<uni-easyinput prefixIcon="search" v-model="searchContent" placeholder="请输入客户人员名称" clearable
|
||||
@iconClick="iconClick">
|
||||
</uni-easyinput>
|
||||
<checkbox-group class="block" @change="checkboxChange">
|
||||
<view class="itemClass" v-for="(item, index) in dataList" :key="item.userId">
|
||||
<checkbox class='checkBoxClass' :value="item.nickName"
|
||||
v-model="item.nickName"></checkbox>
|
||||
<view class="clientClass">
|
||||
<text class="blue-text">{{ item.nickName }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import {myUserNameList } from '../../../../api/crm/activity/activity'
|
||||
import { onMounted, onUnmounted, reactive, ref, watch } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import { useMessage } from '../../../../utils/message'
|
||||
import cache from '../../../../utils/cache'
|
||||
|
||||
|
||||
|
||||
const message = useMessage();
|
||||
|
||||
//点击查询客户人员
|
||||
const queryParams = ref({
|
||||
cusName: '',
|
||||
nickName:'',
|
||||
pageNum: 1,
|
||||
pageSize: 10
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
getMyUserNameList()
|
||||
})
|
||||
|
||||
let chooseType = ref()
|
||||
onLoad(options => {
|
||||
queryParams.value.cusName = options.cusName
|
||||
chooseType.value = options.chooseType
|
||||
})
|
||||
const dataList = ref([])
|
||||
|
||||
function getMyUserNameList() {
|
||||
myUserNameList(queryParams.value).then(res => {
|
||||
dataList.value = res.rows
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//查询某一客户人员
|
||||
let searchContent = ref('')
|
||||
|
||||
function iconClick() {
|
||||
message.toast('点击了查询,当前内容:' + searchContent.value)
|
||||
}
|
||||
|
||||
//监视查询的内容的变化
|
||||
watch(searchContent,(newValue,oldValue)=>{
|
||||
queryParams.value.nickName = searchContent.value
|
||||
//变化了之后,重新查询内容
|
||||
myUserNameList(queryParams.value).then(res => {
|
||||
dataList.value = res.rows
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
|
||||
//勾选内容
|
||||
function checkboxChange(e) {
|
||||
//这里要根据传递来的不同的内容,生成不同的setCache方法
|
||||
if(chooseType.value=='日常走访'){
|
||||
cache.set('checkedRCMyUserList', e.detail.value)
|
||||
}
|
||||
if(chooseType.value=='业务招待'){
|
||||
cache.set('checkedYWMyUserList', e.detail.value)
|
||||
}
|
||||
if(chooseType.value=='技术交流'){
|
||||
cache.set('checkedJSMyUserList', e.detail.value)
|
||||
}
|
||||
if(chooseType.value=='来厂参观'){
|
||||
cache.set('checkedLCMyUserList', e.detail.value)
|
||||
}
|
||||
if(chooseType.value=='党建活动'){
|
||||
cache.set('checkedDJMyUserList', e.detail.value)
|
||||
}
|
||||
if(chooseType.value=='文体活动'){
|
||||
cache.set('checkedWTMyUserList', e.detail.value)
|
||||
}
|
||||
if(chooseType.value=='联谊活动'){
|
||||
cache.set('checkedLYMyUserList', e.detail.value)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.con-body{
|
||||
background: white;
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
width: 690rpx;
|
||||
margin: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.white-bg.white-bg-2 {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.white-bg.white-bg-3 {
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
.white-bg .w-b-title {
|
||||
color: #3384DF;
|
||||
font-size: 38rpx;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
padding: 30rpx 0 0;
|
||||
}
|
||||
|
||||
:deep(.form-con .uni-forms-item) {
|
||||
margin-bottom: 22px !important;
|
||||
}
|
||||
|
||||
|
||||
/* Container for the checkbox group */
|
||||
.checkbox-group.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Each item row */
|
||||
.itemClass {
|
||||
width: 340rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
margin-left: 15rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
float: left;
|
||||
/* optional divider */
|
||||
}
|
||||
|
||||
/* Checkbox styling */
|
||||
.checkBoxClass {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
/* Content container */
|
||||
.clientClass {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
/* default text color */
|
||||
}
|
||||
|
||||
/* Blue username text */
|
||||
.blue-text {
|
||||
/* or any blue you prefer */
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,368 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告列表'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="handleAdd">
|
||||
<uni-icons type="plus" size="24" color="#B7D2FF"></uni-icons>新增
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height" :style="{ paddingTop: navBarPaddingTop + 'px' }"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="all-body">
|
||||
<!-- 搜索 @blur="blur" @focus="focus" @input="input" @cancel="cancel" @clear="clear"-->
|
||||
<view class="search">
|
||||
<uni-search-bar class="custom-search" radius="28" placeholder="请输入客户名称" clearButton="auto"
|
||||
cancelButton="none" bgColor="#6FA2F8" textColor="#ffffff" v-model="searchValue" />
|
||||
<button type="default" @click="handleSearch" size="mini" class="btn-search">查询</button>
|
||||
</view>
|
||||
|
||||
<!-- 分页部分 -->
|
||||
<mescroll-uni ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
|
||||
:up="upOption" :down="downOption" :fixed="false" textColor="#ffffff" bgColor="#ffffff"
|
||||
class="scroll-h" :class="{ 'loading-scroll': cssFlag }">
|
||||
<view class="white-bg margin-bottom20" v-for="(item, index) in list" :key="index"
|
||||
@touchstart.prevent="touchstart(item)" @touchend.prevent="touchend">
|
||||
<view>
|
||||
<view class="report-list">
|
||||
<view class="title">客户:{{ item.cusName }}</view>
|
||||
<view class="r-list">
|
||||
<view class="r-name">{{ item.visistCode }}</view>
|
||||
<view @touchstart.stop="handleStatusTouchStart"
|
||||
@touchend.stop="handleStatusTouchEnd" @click.stop="chooseStatus(item)">
|
||||
<view v-if="item.status == '驳回'" class="r-right btn-orange" size="mini">
|
||||
{{ item.status == '驳回' ? '再次提交' : item.status }}
|
||||
</view>
|
||||
<view v-else class="r-right btn-orange" size="mini">
|
||||
{{ item.status }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告类型</view>
|
||||
<view class="r-right">{{ item.visistType }}</view>
|
||||
</view>
|
||||
<view class="r-list" v-if="item.joinUser!=null">
|
||||
<view class="r-left">我方领导</view>
|
||||
<view class="r-right">{{ item.joinUser }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告人</view>
|
||||
<view class="r-right">{{ item.staffName }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告日期</view>
|
||||
<view class="r-right">{{ item.visistDate }}</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-uni>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, watch } from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
|
||||
import { getNavBarPaddingTop } from '@/utils/system.js'
|
||||
import { visitorReportList } from '@/api/business.js'
|
||||
import { getYsVisistList, removeVisist, updateStatus } from '../../../../api/crm/activity/activity';
|
||||
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
})
|
||||
|
||||
// 查询列表
|
||||
let list = ref([]);
|
||||
|
||||
let searchValue = ref(null)
|
||||
|
||||
//监视查询的内容的变化
|
||||
watch(searchValue, (newValue, oldValue) => {
|
||||
//变化了之后,重新查询内容
|
||||
var data = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
searchContent: searchValue.value
|
||||
};
|
||||
getYsVisistList(data).then(res => {
|
||||
if (res.code == 200) {
|
||||
//设置列表数据
|
||||
list.value = res.rows;
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
// 查询搜索跳转
|
||||
let handleSearch = () => {
|
||||
var data = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
searchContent: searchValue.value
|
||||
};
|
||||
getYsVisistList(data).then(res => {
|
||||
if (res.code == 200) {
|
||||
//设置列表数据
|
||||
list.value = res.rows;
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "请求失败",
|
||||
});
|
||||
list.value = null;
|
||||
}
|
||||
|
||||
})
|
||||
console.log(searchValue.value)
|
||||
}
|
||||
|
||||
// 新增
|
||||
let handleAdd = () => {
|
||||
uni.navigateTo({url: '/pages/business/CRM/marketActivity/visitorReportAdd'})
|
||||
}
|
||||
|
||||
|
||||
const mescrollRef = ref(null);
|
||||
const upOption = ref({
|
||||
page: {num: 0, size: 10},
|
||||
noMoreSize: 5,
|
||||
empty: {tip: '~ 空空如也 ~'},
|
||||
textLoading: '加载中...',
|
||||
textNoMore: '已经到底了'
|
||||
});
|
||||
|
||||
const downOption = ref({
|
||||
auto: true,
|
||||
textInOffset: '下拉刷新',
|
||||
textOutOffset: '释放更新',
|
||||
textLoading: '刷新中...'
|
||||
});
|
||||
|
||||
let cssFlag = ref(false);//控制样式
|
||||
const mescrollInit = (mescroll) => {
|
||||
cssFlag.value = true;
|
||||
mescrollRef.value = mescroll;
|
||||
};
|
||||
|
||||
// 下拉刷新
|
||||
const downCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async () => {
|
||||
const res = await getVisitorReportList(1, upOption.value.page.size);
|
||||
cssFlag.value = false;
|
||||
list.value = res.list;
|
||||
mescroll.resetUpScroll();
|
||||
}, 500);
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
} finally {
|
||||
setTimeout(async () => {
|
||||
mescroll.endSuccess();
|
||||
}, 500);
|
||||
}
|
||||
}
|
||||
// 上拉加载更多
|
||||
const upCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async () => {
|
||||
const res = await getVisitorReportList(mescroll.num, mescroll.size);
|
||||
if (mescroll.num === 1) {
|
||||
list.value = res.list;
|
||||
} else {
|
||||
list.value.push(...res.list);
|
||||
}
|
||||
mescroll.endBySize(res.list.length, res.total);
|
||||
}, 500);
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
}
|
||||
}
|
||||
|
||||
// 获取数据列表
|
||||
const getVisitorReportList = (pageNum, pageSize) => {
|
||||
return new Promise(async (resolve) => {
|
||||
let param = {
|
||||
pageNum,
|
||||
pageSize
|
||||
}
|
||||
let res = await visitorReportList(param);
|
||||
resolve({
|
||||
list: res.rows,
|
||||
total: res.total
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
let Loop = ref(0)
|
||||
let now
|
||||
const visistId = ref();
|
||||
const cusName = ref();
|
||||
const cusId = ref();
|
||||
const status = ref()
|
||||
|
||||
function touchstart(item) {
|
||||
visistId.value = item.visistId
|
||||
cusName.value = item.cusName
|
||||
cusId.value = item.cusId
|
||||
status.value = item.status
|
||||
now = new Date();
|
||||
clearInterval(Loop.value); //再次清空定时器,防止重复注册定时器
|
||||
Loop.value = setTimeout(() => {
|
||||
uni.showModal({
|
||||
title: '删除',
|
||||
content: '请问要删除本条消息吗?',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
const data = {
|
||||
num: 1,
|
||||
pageSize: 10,
|
||||
status: "录入"
|
||||
};
|
||||
const parm = {
|
||||
visistId: item.visistId
|
||||
};
|
||||
removeVisist(parm).then(res => {
|
||||
if (res.code == 500) {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "存在明细项,不能直接删除!",
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "删除成功",
|
||||
duration: 2000
|
||||
});
|
||||
}
|
||||
// 刷新内容
|
||||
upCallback()
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}, 750);
|
||||
|
||||
}
|
||||
|
||||
function touchend() {
|
||||
let endDate = new Date();
|
||||
console.log('结束时间', endDate)
|
||||
let cha = endDate.getTime() - now.getTime();
|
||||
console.log(cha, 'casd')
|
||||
if (cha < 750) {
|
||||
uni.navigateTo({
|
||||
url: "/pages/business/CRM/marketActivity/visitorReportEnter?visistId=" + visistId.value + '&cusName=' + cusName.value + '&cusId=' + cusId.value + '&status=' + status.value
|
||||
})
|
||||
}
|
||||
clearInterval(Loop.value);
|
||||
}
|
||||
|
||||
//点击状态按钮
|
||||
function chooseStatus(item) {
|
||||
updateStatus(item).then(
|
||||
res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
setTimeout(function () {
|
||||
uni.navigateBack({
|
||||
success: () => {
|
||||
}
|
||||
})
|
||||
}, 500);
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
},
|
||||
rej => {
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
//保留点击状态,关闭长按的冒泡
|
||||
function handleStatusTouchStart(e) {
|
||||
// e.stopPropagation(); // 阻止冒泡
|
||||
// e.preventDefault(); // 阻止默认行为(如滚动)
|
||||
}
|
||||
|
||||
function handleStatusTouchEnd(e) {
|
||||
// e.stopPropagation();
|
||||
// e.preventDefault();
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,201 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告详情'" :leftFlag="true" :rightFlag="false"></customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<!-- 详情内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="report-list">
|
||||
<view class="title">{{ item.cusName }}</view>
|
||||
<view class="r-list">
|
||||
<view class="r-name">{{ item.visistCode }}</view>
|
||||
<view class="r-right btn-pink" size="mini" @click="handleZan">
|
||||
<uni-icons :type="iconType" size="16" color="#ffffff"></uni-icons>
|
||||
{{ zanFlag ? '已赞' : '未赞' }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告人</view>
|
||||
<view class="r-right">{{ item.staffName }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">走访日期</view>
|
||||
<view class="r-right">{{ item.visistDate }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">是否双方高层领导参与</view>
|
||||
<view class="r-right">{{ item.whetherHaveLeader }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">活动类型</view>
|
||||
<view class="r-right">{{ item.visistType }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 报告明细&评论 -->
|
||||
<customTabs v-model="activeTab" :tabs="tabList" :modelValue="activeTab">
|
||||
<!-- 报告明细 -->
|
||||
<block v-if="activeTab === 0">
|
||||
<view class="white-bg white-bg-2" v-for="item in detailList">
|
||||
<view class="report-list">
|
||||
<view class="r-list">
|
||||
<view class="r-left">拜访事项</view>
|
||||
<view class="r-right">{{item.detailType}}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">拜访类型</view>
|
||||
<view class="r-right">{{item.treeName}}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">客户人员</view>
|
||||
<view class="r-right">{{item.customerPersonnel}}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">我方人员</view>
|
||||
<view class="r-right">{{item.ourPersonnel}}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list" style="display: block">
|
||||
<view class="r-name">结果</view>
|
||||
<view class="r-gray">
|
||||
<view >
|
||||
{{item.bandResult}} </view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<!-- 评论 -->
|
||||
<block v-if="activeTab === 1">
|
||||
<view class="white-bg white-bg-2">评论内容</view>
|
||||
</block>
|
||||
</customTabs>
|
||||
|
||||
|
||||
|
||||
<!-- 底部加高度来避免tabbar遮挡 -->
|
||||
<view class="bottom-height"></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { onLoad, onShow } from '@dcloudio/uni-app'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import customTabs from '@/components/customTabs.vue';
|
||||
import { getUserLike, getVisistDetailList, getYsVisistInfo, insertUserLike } from '../../../../api/crm/activity/activity';
|
||||
|
||||
|
||||
let visistId = ref(0)
|
||||
// 加载后调用
|
||||
let id = ref(null)
|
||||
onLoad((options) => {
|
||||
visistId.value = options.visistId
|
||||
getVisitorReportDetail();
|
||||
})
|
||||
|
||||
onShow(()=>{
|
||||
getUserLike(visistId.value).then(res=>{
|
||||
zanFlag.value = res.rows[0]?.status==1?true:false
|
||||
console.log(zanFlag.value,'点赞响应数据内容')
|
||||
if(zanFlag.value==false){
|
||||
iconType.value = 'hand-up'
|
||||
}else{
|
||||
//已赞
|
||||
iconType.value = 'hand-up-filled'
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
// 查询详情
|
||||
let item = ref({});
|
||||
//明细List
|
||||
let detailList = ref([])
|
||||
const getVisitorReportDetail = async () => {
|
||||
let param = {
|
||||
visistId: visistId.value
|
||||
}
|
||||
|
||||
let res = await getYsVisistInfo(param);
|
||||
item.value = res.data;
|
||||
let detailRes = await getVisistDetailList(param);
|
||||
detailList.value = detailRes.rows;
|
||||
}
|
||||
|
||||
// 报告明细&评论
|
||||
const activeTab = ref(0);//默认报告明细
|
||||
const tabList = ['报告明细', '评论'];
|
||||
|
||||
// 点击赞
|
||||
let zanFlag = ref(false)
|
||||
let iconType = ref('hand-up')
|
||||
let handleZan = ()=>{
|
||||
zanFlag.value = !zanFlag.value
|
||||
if(zanFlag.value==false){
|
||||
iconType.value = 'hand-up'
|
||||
}else{
|
||||
//已赞
|
||||
iconType.value = 'hand-up-filled'
|
||||
}
|
||||
insertUserLike(visistId.value)
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 690rpx;
|
||||
margin: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
.white-bg.white-bg-2{
|
||||
border-radius:0;
|
||||
margin-bottom:20rpx;
|
||||
}
|
||||
:deep(.tabs-header) {
|
||||
/* background: none !important; */
|
||||
border-bottom: none !important;
|
||||
margin: 0 auto;
|
||||
gap: 5px;
|
||||
}
|
||||
:deep(.tab-item) {
|
||||
color:#919191;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
/* flex:none; */
|
||||
/* margin: 0 -50rpx; */
|
||||
/* padding: 0 50rpx; */
|
||||
}
|
||||
:deep(.tab-item:first-child){
|
||||
text-align: right;
|
||||
margin-left:230rpx;
|
||||
}
|
||||
:deep(.tab-item:last-child){
|
||||
text-align: left;
|
||||
margin-right:230rpx;
|
||||
}
|
||||
:deep(.tab-item.active) {
|
||||
color: #3384DF;
|
||||
font-weight: bold;
|
||||
}
|
||||
:deep(.tab-item.active::after) {
|
||||
width: 100rpx;
|
||||
height: 8rpx;
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -1,217 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访查看'" :leftFlag="true" :rightFlag="false"></customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height" :style="{ paddingTop: navBarPaddingTop + 'px' }"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="all-body">
|
||||
<!-- 搜索 @blur="blur" @focus="focus" @input="input" @cancel="cancel" @clear="clear"-->
|
||||
<view class="search">
|
||||
<uni-search-bar class="custom-search" radius="28" placeholder="请输入客户名称" clearButton="auto"
|
||||
cancelButton="none" bgColor="#6FA2F8" textColor="#ffffff" v-model="searchValue" />
|
||||
<button type="default" @click="handleSearch" size="mini" class="btn-search">查询</button>
|
||||
</view>
|
||||
|
||||
<!-- 分页部分 -->
|
||||
<mescroll-uni ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
|
||||
:up="upOption" :down="downOption" :fixed="false" textColor="#ffffff" bgColor="#ffffff"
|
||||
class="scroll-h" :class="{ 'loading-scroll': cssFlag }">
|
||||
<view class="white-bg margin-bottom20" v-for="(item, index) in list" :key="index"
|
||||
@click="showDetail(item)">
|
||||
<view>
|
||||
<view class="report-list">
|
||||
<view class="title">客户:{{ item.cusName }}</view>
|
||||
<view class="r-list">
|
||||
<view class="r-name">{{ item.visistCode }}</view>
|
||||
<view>
|
||||
|
||||
<view
|
||||
:class="item.myselfBrowsing == 0 ? 'r-right btn-orange' : 'r-right btn-blue'"
|
||||
size="mini">
|
||||
{{ item.myselfBrowsing == 0 ? '未读' : '已读' }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告类型</view>
|
||||
<view class="r-right">{{ item.visistType === "业务招待" ? "Ⅱ类活动" : "走访报告" }}</view>
|
||||
</view>
|
||||
<view class="r-list" v-if="item.joinUser != null">
|
||||
<view class="r-left">我方领导</view>
|
||||
<view class="r-right">{{ item.joinUser }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告人</view>
|
||||
<view class="r-right">{{ item.staffName }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告日期</view>
|
||||
<view class="r-right">{{ item.visistDate }}</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-uni>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { ref, reactive, onMounted } from 'vue'
|
||||
import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
|
||||
import { getNavBarPaddingTop } from '@/utils/system.js'
|
||||
import { getQueryVisistList } from '../../../../api/crm/activity/activity';
|
||||
|
||||
|
||||
let list = ref([])
|
||||
let queryParams = reactive({
|
||||
selValue: ''
|
||||
})
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
})
|
||||
|
||||
let cssFlag = ref(false);//控制样式
|
||||
let mescrollRef = ref(null);
|
||||
|
||||
const mescrollInit = (mescroll) => {
|
||||
cssFlag.value = true;
|
||||
mescrollRef.value = mescroll;
|
||||
};
|
||||
|
||||
|
||||
// 下拉刷新
|
||||
const downCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async () => {
|
||||
queryParams.pageNum = 1;
|
||||
queryParams.pageSize = upOption.value.page.size;
|
||||
//获取当前页的信息
|
||||
const res = await getQueryVisistList(queryParams)
|
||||
cssFlag.value = false;
|
||||
list.value = res.rows;
|
||||
mescroll.resetUpScroll();
|
||||
}, 500);
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
} finally {
|
||||
setTimeout(async () => {
|
||||
mescroll.endSuccess();
|
||||
}, 500);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 上拉加载更多
|
||||
const upCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async () => {
|
||||
// const res = await getVisitorReportList(mescroll.num, mescroll.size);
|
||||
if (mescroll.num === 1) {
|
||||
// list.value = res.list;
|
||||
} else {
|
||||
// list.value.push(...res.list);
|
||||
}
|
||||
// mescroll.endBySize(res.list.length, res.total);
|
||||
}, 500);
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
}
|
||||
}
|
||||
|
||||
const upOption = ref({
|
||||
page: { num: 0, size: 10 },
|
||||
noMoreSize: 5,
|
||||
empty: { tip: '~ 空空如也 ~' },
|
||||
textLoading: '加载中...',
|
||||
textNoMore: '已经到底了'
|
||||
});
|
||||
|
||||
const downOption = ref({
|
||||
auto: true,
|
||||
textInOffset: '下拉刷新',
|
||||
textOutOffset: '释放更新',
|
||||
textLoading: '刷新中...'
|
||||
});
|
||||
|
||||
//点击某一个进入查看明细信息
|
||||
function showDetail(item) {
|
||||
uni.navigateTo({
|
||||
url: './visitReportDetail?visistId=' + item.visistId
|
||||
})
|
||||
}
|
||||
|
||||
//点击查询方法,搜索当前报告信息
|
||||
let searchValue = ref()
|
||||
function handleSearch() {
|
||||
queryParams.inputval = searchValue.value
|
||||
downCallback(mescrollRef.value.mescroll);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,350 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告添加'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="submitForm">
|
||||
<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
|
||||
color="#B7D2FF"></uni-icons>保存
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="form-con">
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
|
||||
<view @click="addVisistReport" class="form-item-container">
|
||||
<uni-forms-item label="客户名称" name="cusName" class="f-c-right">
|
||||
<text class="name">{{ formData.cusName }}</text>
|
||||
</uni-forms-item>
|
||||
</view>
|
||||
|
||||
<uni-forms-item label="签到记录" class="f-c-right">
|
||||
<!-- <view class="f-c-text txt-right">--</view> -->
|
||||
<view class="cu-form-group">
|
||||
<view class="title">签到记录</view>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
|
||||
<view class="choose">
|
||||
<radio-group @change="chooseRecord">
|
||||
<label class="radio" v-for="(item, index) in records" :key="index">
|
||||
<view class="record-container">
|
||||
<radio :value="item.mapId" :checked="index === current" class="radio-style" />
|
||||
<view class="record-content">
|
||||
<view class="info-row">
|
||||
<text class="label">开始时间:</text>
|
||||
<text class="value">{{ item.goVisistStartTime }}</text>
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<text class="label">开始地点:</text>
|
||||
<text class="value">{{ item.addressForStart }}</text>
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<text class="label">结束时间:</text>
|
||||
<text class="value">{{ item.goVisistEndTime }}</text>
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<text class="label">结束地点:</text>
|
||||
<text class="value">{{ item.addressForEnd }}</text>
|
||||
</view>
|
||||
<view class="info-row" v-if="item.remark != null">
|
||||
<text class="label">备注:</text>
|
||||
<text class="value">{{ item.remark }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</label>
|
||||
</radio-group>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<uni-forms-item label="我方领导" name="leader" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
|
||||
<multipleSelect :multiple="true" :value="chooseMyLeaderList" downInner
|
||||
:options="myLeaderList" @change="changeValue2" :key="Math.round()" :slabel="'text'">
|
||||
</multipleSelect>
|
||||
<!-- <uni-easyinput v-model="formData.leader" placeholder="请输入我方领导" />-->
|
||||
|
||||
</uni-forms-item>
|
||||
|
||||
|
||||
<uni-forms-item label="走访日期" name="visitDate" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-datetime-picker :start="threeDaysAgoTimestamp" :end="todayTimestamp" type="date"
|
||||
:clear-icon="true" v-model="formData.visitDate" @change="changeDate" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, reactive, onUnmounted, computed } from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import MultipleSelect from "../../../../components/multipleSelect.vue";
|
||||
import { addMapForReport, addVisist } from '../../../../api/crm/activity/activity';
|
||||
// import{ getGuestList} from '@/api/business.js'
|
||||
let customerUser = reactive({})
|
||||
|
||||
//我方领导
|
||||
const myLeaderList = [
|
||||
{ value: 0, text: "姜海洋" },
|
||||
{ value: 1, text: "曾炀" },
|
||||
{ value: 2, text: "杨博" },
|
||||
{ value: 3, text: "廖明君" },
|
||||
{ value: 4, text: "唐海岩" },
|
||||
{ value: 4, text: "赵飞" }
|
||||
];
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
cusId: null,
|
||||
cusName: '',
|
||||
leader: '',
|
||||
visitDate: ''
|
||||
});
|
||||
|
||||
// 我方人员
|
||||
let chooseMyLeaderList = reactive([0]);
|
||||
const changeValue2 = (item, value) => {
|
||||
console.log("我方领导", item, value);
|
||||
chooseMyLeaderList = item;
|
||||
formData.value.leader = chooseMyLeaderList
|
||||
};
|
||||
|
||||
// 验证规则
|
||||
const rules = {
|
||||
leader: {
|
||||
rules: [
|
||||
{ required: true, errorMessage: '我方领导不能为空' }
|
||||
]
|
||||
}
|
||||
};
|
||||
|
||||
// 修改日期
|
||||
let changeDate = (e) => {
|
||||
console.log('changeDate:', e);
|
||||
};
|
||||
|
||||
// 保存走访报告
|
||||
let saveVisistReportForm = reactive({});
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
console.log(formRef.value, '表单验证数据')
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
saveVisistReportForm.cusId = formData.value.cusId
|
||||
saveVisistReportForm.joinUser = formData.value.leader.map(item => item.text).join(',')
|
||||
saveVisistReportForm.visistDate = formData.value.visitDate
|
||||
saveVisistReportForm.visistType = 'I类活动(走访)'
|
||||
saveVisistReportForm.mapId = mapId.value
|
||||
addVisist(saveVisistReportForm).then(
|
||||
res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
setTimeout(function () {
|
||||
uni.navigateBack({
|
||||
success: () => { }
|
||||
})
|
||||
}, 500);
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
},
|
||||
);
|
||||
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//日期禁用
|
||||
const todayTimestamp = computed(() => {
|
||||
const today = new Date()
|
||||
today.setHours(0, 0, 0, 0)
|
||||
return today.getTime()
|
||||
});
|
||||
|
||||
const threeDaysAgoTimestamp = computed(() => {
|
||||
const date = new Date()
|
||||
date.setDate(date.getDate() - 3)
|
||||
date.setHours(0, 0, 0, 0)
|
||||
return date.getTime()
|
||||
});
|
||||
|
||||
|
||||
//选择客户
|
||||
function addVisistReport() {
|
||||
uni.navigateTo({
|
||||
url: './chooseCus'
|
||||
})
|
||||
}
|
||||
//定义数据接收的值
|
||||
let selectedCustomer = reactive(null)
|
||||
|
||||
//监听时间
|
||||
onMounted(() => {
|
||||
uni.$on('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
//取消监听
|
||||
onUnmounted(() => {
|
||||
uni.$off('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
|
||||
//处理 接收数据
|
||||
const handleCustomerSelected = (data) => {
|
||||
formData.value.cusName = data.cusName
|
||||
formData.value.cusId = data.cusId
|
||||
console.log("收到客户数据的值:", customerUser)
|
||||
}
|
||||
|
||||
//查询签到记录
|
||||
onMounted(() => {
|
||||
recordList()
|
||||
})
|
||||
let records = ref([])
|
||||
//走访记录列表
|
||||
function recordList() {
|
||||
addMapForReport().then(
|
||||
res => {
|
||||
if (res.code == 200) {
|
||||
records.value = res.rows;
|
||||
// that.$forceUpdate()
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "请求失败",
|
||||
});
|
||||
}
|
||||
},
|
||||
rej => { }
|
||||
);
|
||||
}
|
||||
|
||||
//选择签到记录
|
||||
let mapId = ref()
|
||||
function chooseRecord(e) {
|
||||
mapId.value = e.detail.value
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 30rpx 0 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 100px)
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
:deep(.uni-date-x) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar) {
|
||||
float: right;
|
||||
margin-top: 15rpx;
|
||||
margin-right: 20rpx;
|
||||
background: url('../../../static/images/business/icon-date.png') no-repeat;
|
||||
background-size: 32rpx 35rpx;
|
||||
width: 32rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar::before) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .uni-date__x-input) {
|
||||
padding-left: 20rpx;
|
||||
color: #919191;
|
||||
}
|
||||
|
||||
.form-item-container .uni-forms-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
/* 垂直居中 */
|
||||
}
|
||||
|
||||
/* 确保 text 元素也垂直居中 */
|
||||
.form-item-container .name {
|
||||
line-height: normal;
|
||||
/* 避免 line-height 影响 */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/*======*/
|
||||
.choose {
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.record-container {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
padding: 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 12rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.radio-style {
|
||||
margin-right: 20rpx;
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
|
||||
.record-content {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.info-row {
|
||||
display: flex;
|
||||
margin-bottom: 10rpx;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.label {
|
||||
width: 160rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.value {
|
||||
flex: 1;
|
||||
color: #666;
|
||||
word-break: break-all;
|
||||
}
|
||||
</style>
|
||||
@@ -1,338 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告内容录入'" :leftFlag="true" :rightFlag="false"></customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
|
||||
<!-- 日常走访 -->
|
||||
<view class="white-bg white-bg-2">
|
||||
<view class="w-b-title" @click="handleExpandRC">日常走访
|
||||
<text>
|
||||
{{ expandFlagRC ? '展开' : '收起' }}
|
||||
<i :class="{ iconfont: true, 'icon-up': !expandFlagRC, 'icon-down': expandFlagRC }"></i>
|
||||
</text>
|
||||
</view>
|
||||
<view v-show="!expandFlagRC" class="form-con">
|
||||
<DailyVisitComponent :cusName="cusName" :cusId="cusId" :visistId="visistId" :status="status"
|
||||
ref="dailyVisitComponentRef"></DailyVisitComponent>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 业务招待 -->
|
||||
<view class="white-bg white-bg-2 white-bg-3">
|
||||
<view class="w-b-title" @click="handleExpandYW">业务招待
|
||||
<text>
|
||||
{{ expandFlagYW ? '展开' : '收起' }}
|
||||
<i :class="{ iconfont: true, 'icon-up': !expandFlagYW, 'icon-down': expandFlagYW }"></i>
|
||||
</text>
|
||||
</view>
|
||||
<view v-show="!expandFlagYW" class="form-con">
|
||||
<YwVisistComponent :cusName="cusName" :cusId="cusId" :visistId="visistId" :status="status" ref="ywVisitComponentRef">
|
||||
</YwVisistComponent>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 技术交流 -->
|
||||
<view class="white-bg white-bg-2 white-bg-3">
|
||||
<view class="w-b-title" @click="handleExpandJS">技术交流
|
||||
<text>
|
||||
{{ expandFlagJS ? '展开' : '收起' }}
|
||||
<i :class="{ iconfont: true, 'icon-up': !expandFlagJS, 'icon-down': expandFlagJS }"></i>
|
||||
</text>
|
||||
</view>
|
||||
<view v-show="!expandFlagJS" class="form-con">
|
||||
<JsVisistComponent :cusName="cusName" :cusId="cusId" :visistId="visistId" :status="status" ref="jsVisitComponentRef">
|
||||
</JsVisistComponent>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 来厂参观 -->
|
||||
<view class="white-bg white-bg-2 white-bg-3">
|
||||
<view class="w-b-title" @click="handleExpandLC">来厂参观
|
||||
<text>
|
||||
{{ expandFlagLC ? '展开' : '收起' }}
|
||||
<i :class="{ iconfont: true, 'icon-up': !expandFlagLC, 'icon-down': expandFlagLC }"></i>
|
||||
</text>
|
||||
</view>
|
||||
<view v-show="!expandFlagLC" class="form-con">
|
||||
<LcVisistComponent :cusName="cusName" :cusId="cusId" :visistId="visistId" :status="status" ref="lcVisitComponentRef">
|
||||
</LcVisistComponent>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 党建活动 -->
|
||||
<view class="white-bg white-bg-2 white-bg-3">
|
||||
<view class="w-b-title" @click="handleExpandDJ">党建活动
|
||||
<text>
|
||||
{{ expandFlagDJ ? '展开' : '收起' }}
|
||||
<i :class="{ iconfont: true, 'icon-up': !expandFlagDJ, 'icon-down': expandFlagDJ }"></i>
|
||||
</text>
|
||||
</view>
|
||||
<view v-show="!expandFlagDJ" class="form-con">
|
||||
<DjVisistComponent :cusName="cusName" :cusId="cusId" :visistId="visistId" :status="status" ref="djVisitComponentRef">
|
||||
</DjVisistComponent>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 文体活动 -->
|
||||
<view class="white-bg white-bg-2 white-bg-3">
|
||||
<view class="w-b-title" @click="handleExpandWT">文体活动
|
||||
<text>
|
||||
{{ expandFlagWT ? '展开' : '收起' }}
|
||||
<i :class="{ iconfont: true, 'icon-up': !expandFlagWT, 'icon-down': expandFlagWT }"></i>
|
||||
</text>
|
||||
</view>
|
||||
<view v-show="!expandFlagWT" class="form-con">
|
||||
<WTVisistComponent :cusName="cusName" :cusId="cusId" :visistId="visistId" :status="status" ref="wtVisitComponentRef">
|
||||
</WTVisistComponent>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 联谊活动 -->
|
||||
<view class="white-bg white-bg-2 white-bg-3">
|
||||
<view class="w-b-title" @click="handleExpandLY">联谊活动
|
||||
<text>
|
||||
{{ expandFlagLY ? '展开' : '收起' }}
|
||||
<i :class="{ iconfont: true, 'icon-up': !expandFlagLY, 'icon-down': expandFlagLY }"></i>
|
||||
</text>
|
||||
</view>
|
||||
<view v-show="!expandFlagLY" class="form-con">
|
||||
<LyVisistComponent :cusName="cusName" :cusId="cusId" :visistId="visistId" :status="status" ref="lyVisitComponentRef">
|
||||
</LyVisistComponent>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onUnmounted } from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import DailyVisitComponent from './components/dailyVisitComponent.vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import cache from '../../../../utils/cache';
|
||||
import YwVisistComponent from './components/ywVisistComponent.vue';
|
||||
import JsVisistComponent from './components/jsVisistComponent.vue';
|
||||
import LcVisistComponent from './components/lcVisistComponent.vue';
|
||||
import DjVisistComponent from './components/djVisistComponent.vue';
|
||||
import WTVisistComponent from './components/wtVisistComponent.vue';
|
||||
import LyVisistComponent from './components/lyVisistComponent.vue';
|
||||
|
||||
const cusName = ref()
|
||||
const cusId = ref()
|
||||
const visistId = ref()
|
||||
const status = ref()
|
||||
onLoad(options => {
|
||||
cusName.value = options.cusName
|
||||
cusId.value = options.cusId
|
||||
visistId.value = options.visistId
|
||||
status.value = options.status
|
||||
})
|
||||
|
||||
// 日常走访
|
||||
const dailyVisitComponentRef = ref(null)
|
||||
let expandFlagRC = ref(true);
|
||||
let handleExpandRC = () => {
|
||||
expandFlagRC.value = !expandFlagRC.value;
|
||||
if (expandFlagRC.value) {
|
||||
//收缩的时候,删除内容
|
||||
dailyVisitComponentRef.value.handleDelete()
|
||||
} else {
|
||||
//展开的时候,查询内容
|
||||
if (dailyVisitComponentRef.value) {
|
||||
dailyVisitComponentRef.value.getRCVisitReportDetailContent()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 业务招待
|
||||
const ywVisitComponentRef = ref(null)
|
||||
let expandFlagYW = ref(true);
|
||||
let handleExpandYW = () => {
|
||||
expandFlagYW.value = !expandFlagYW.value;
|
||||
if (expandFlagYW.value) {
|
||||
//收缩的时候,删除内容
|
||||
ywVisitComponentRef.value.handleDelete()
|
||||
} else {
|
||||
//展开的时候,查询内容
|
||||
if (ywVisitComponentRef.value) {
|
||||
ywVisitComponentRef.value.getYWVisitReportDetailContent()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 技术交流
|
||||
const jsVisitComponentRef = ref(null)
|
||||
let expandFlagJS = ref(true);
|
||||
let handleExpandJS = () => {
|
||||
expandFlagJS.value = !expandFlagJS.value;
|
||||
if (expandFlagJS.value) {
|
||||
//收缩的时候,删除内容
|
||||
jsVisitComponentRef.value.handleDelete()
|
||||
} else {
|
||||
//展开的时候,查询内容
|
||||
if (jsVisitComponentRef.value) {
|
||||
jsVisitComponentRef.value.getJSVisitReportDetailContent()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 来厂参观
|
||||
const lcVisitComponentRef = ref(null)
|
||||
let expandFlagLC = ref(true);
|
||||
let handleExpandLC = () => {
|
||||
expandFlagLC.value = !expandFlagLC.value;
|
||||
if (expandFlagLC.value) {
|
||||
//收缩的时候,删除内容
|
||||
lcVisitComponentRef.value.handleDelete()
|
||||
} else {
|
||||
//展开的时候,查询内容
|
||||
if (lcVisitComponentRef.value) {
|
||||
lcVisitComponentRef.value.getLCVisitReportDetailContent()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 党建活动
|
||||
const djVisitComponentRef = ref(null)
|
||||
let expandFlagDJ = ref(true);
|
||||
let handleExpandDJ = () => {
|
||||
expandFlagDJ.value = !expandFlagDJ.value;
|
||||
if (expandFlagDJ.value) {
|
||||
//收缩的时候,删除内容
|
||||
djVisitComponentRef.value.handleDelete()
|
||||
} else {
|
||||
//展开的时候,查询内容
|
||||
if (djVisitComponentRef.value) {
|
||||
djVisitComponentRef.value.getDJVisitReportDetailContent()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 文体活动
|
||||
const wtVisitComponentRef = ref(null)
|
||||
let expandFlagWT = ref(true);
|
||||
let handleExpandWT = () => {
|
||||
expandFlagWT.value = !expandFlagWT.value;
|
||||
if (expandFlagWT.value) {
|
||||
//收缩的时候,删除内容
|
||||
wtVisitComponentRef.value.handleDelete()
|
||||
} else {
|
||||
//展开的时候,查询内容
|
||||
if (wtVisitComponentRef.value) {
|
||||
wtVisitComponentRef.value.getWTVisitReportDetailContent()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 联谊活动
|
||||
const lyVisitComponentRef = ref(null)
|
||||
let expandFlagLY = ref(true);
|
||||
let handleExpandLY = () => {
|
||||
expandFlagLY.value = !expandFlagLY.value;
|
||||
if (expandFlagLY.value) {
|
||||
//收缩的时候,删除内容
|
||||
lyVisitComponentRef.value.handleDelete()
|
||||
} else {
|
||||
//展开的时候,查询内容
|
||||
if (lyVisitComponentRef.value) {
|
||||
lyVisitComponentRef.value.getLYVisitReportDetailContent()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//离开页面时,删除local缓存
|
||||
onUnmounted(() => {
|
||||
removeRCCache();
|
||||
removeYWCache();
|
||||
removeJSCache();
|
||||
removeLCCache();
|
||||
removeDJCache();
|
||||
removeWTCache();
|
||||
removeLYCache();
|
||||
})
|
||||
|
||||
//删除日常缓存
|
||||
function removeRCCache() {
|
||||
cache.remove('checkedRCClientList');
|
||||
cache.remove('checkedRCMyUserList');
|
||||
cache.remove('checkedRCActivityTypeList')
|
||||
}
|
||||
|
||||
//删除业务缓存
|
||||
function removeYWCache() {
|
||||
cache.remove('checkedYWClientList');
|
||||
cache.remove('checkedYWMyUserList');
|
||||
}
|
||||
|
||||
//删除技术缓存
|
||||
function removeJSCache() {
|
||||
cache.remove('checkedJSClientList');
|
||||
cache.remove('checkedJSMyUserList');
|
||||
}
|
||||
|
||||
//删除来厂缓存
|
||||
function removeLCCache() {
|
||||
cache.remove('checkedLCClientList');
|
||||
cache.remove('checkedLCMyUserList');
|
||||
}
|
||||
|
||||
//删除党建缓存
|
||||
function removeDJCache() {
|
||||
cache.remove('checkedDJClientList');
|
||||
cache.remove('checkedDJMyUserList');
|
||||
}
|
||||
|
||||
//删除文体缓存
|
||||
function removeWTCache() {
|
||||
cache.remove('checkedWTClientList');
|
||||
cache.remove('checkedWTMyUserList');
|
||||
}
|
||||
|
||||
//删除联谊缓存
|
||||
function removeLYCache() {
|
||||
cache.remove('checkedLYClientList');
|
||||
cache.remove('checkedLYMyUserList');
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 690rpx;
|
||||
margin: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.white-bg.white-bg-2 {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.white-bg.white-bg-3 {
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
.white-bg .w-b-title {
|
||||
color: #3384DF;
|
||||
font-size: 38rpx;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
padding: 30rpx 0 0;
|
||||
}
|
||||
|
||||
:deep(.form-con .uni-forms-item) {
|
||||
margin-bottom: 22px !important;
|
||||
}
|
||||
</style>
|
||||
@@ -73,7 +73,7 @@ let handleNav = (index)=>{
|
||||
|
||||
// 新增
|
||||
let handleAdd = () => {
|
||||
// uni.navigateTo({ url: '/pages/business/crm/visitorReportAdd' })
|
||||
// uni.navigateTo({ url: '/pages/business/CRM/visitorReportAdd' })
|
||||
}
|
||||
|
||||
// 查询列表
|
||||
|
||||
@@ -1,233 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'通用表单添加'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="submitForm">
|
||||
<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
|
||||
color="#B7D2FF"></uni-icons>保存
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="form-con">
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
|
||||
<uni-forms-item label="客户名称" name="cusName" class="f-c-right">
|
||||
<view @click="chooseCustomer" class="form-item-container">
|
||||
<text class="name">{{ formData.cusName || '点击选择客户' }}</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="通用表单类型" name="generalFormType" class="f-c-right">
|
||||
<picker @change="onGeneralFormTypeChange" :value="generalFormTypeIndex" :range="array"
|
||||
:range-key="'name'">
|
||||
<view class="picker">
|
||||
{{ array[generalFormTypeIndex]?.name || '请选择通用表单类型' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="信息内容" name="informationContent" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.informationContent"
|
||||
placeholder="请输入信息内容" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted,
|
||||
reactive,
|
||||
onUnmounted,
|
||||
computed
|
||||
} from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import {
|
||||
getGuestList
|
||||
} from '@/api/business.js'
|
||||
import {
|
||||
isEmpty
|
||||
} from '@/utils/validate.js'
|
||||
import {
|
||||
crmMarketInformationAdd
|
||||
} from '@/api/crm/api_ys.js'
|
||||
|
||||
|
||||
let customerUser = reactive({})
|
||||
// 客户相关
|
||||
const guestList = ref([])
|
||||
const guestArr = ref([])
|
||||
const guestIndex = ref(0)
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
cusId: null,
|
||||
cusName: null,
|
||||
generalFormType:"专项市场调研信息",//通用表单类型
|
||||
informationContent: "", //信息内容
|
||||
picture: "", //、图片
|
||||
photos: null,
|
||||
description: null,
|
||||
informationType:"通用表单" //信息类型
|
||||
})
|
||||
|
||||
// 表单验证规则
|
||||
const rules = {
|
||||
cusName: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择客户'
|
||||
}]
|
||||
},
|
||||
generalFormType: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择通用表单类型'
|
||||
}]
|
||||
},
|
||||
informationContent: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入信息内容'
|
||||
}]
|
||||
},
|
||||
}
|
||||
const imgList = ref([])
|
||||
|
||||
// picker 相关
|
||||
const index = ref(0)
|
||||
const array = ref([{
|
||||
id: 0,
|
||||
name: '专项市场调研信息'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '供货改进需求信息'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '客户赞扬、抱怨信息'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '领导承诺'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: '待办事项'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: '备忘录'
|
||||
}
|
||||
|
||||
])
|
||||
|
||||
const generalFormTypeIndex = ref(0)
|
||||
|
||||
// 表单引用 & 客户选择器引用
|
||||
const formRef = ref(null)
|
||||
const customHeaderRef = ref(null)
|
||||
// 选择客户页面跳转
|
||||
function chooseCustomer() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/chooseCus'
|
||||
})
|
||||
}
|
||||
//定义数据接收的值
|
||||
let selectedCustomer = reactive(null)
|
||||
|
||||
//监听时间
|
||||
onMounted(() => {
|
||||
uni.$on('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
//取消监听
|
||||
onUnmounted(() => {
|
||||
uni.$off('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
|
||||
//处理 接收数据
|
||||
const handleCustomerSelected = (data) => {
|
||||
formData.value.cusName = data.cusName
|
||||
formData.value.cusId = data.cusId
|
||||
}
|
||||
// 提交表单
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 表单校验
|
||||
await formRef.value.validate()
|
||||
const res = await crmMarketInformationAdd(formData.value);
|
||||
console.log(res)
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
})
|
||||
console.log('表单数据:', formData.value)
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
const onGeneralFormTypeChange = (e) => {
|
||||
generalFormTypeIndex.value = e.detail.value
|
||||
console.log('generalFormTypeIndex:', array.value[e.detail.value]?.name)
|
||||
formData.value.generalFormType = array.value[e.detail.value]?.name || ''
|
||||
}
|
||||
// 如果你原来在 onShow 中做了类似这样:
|
||||
// let res = currPage.data.cusData; 判断是否传入了客户信息
|
||||
// 那么在 Vue3 中通常是通过路由参数或者 Vuex/Pinia 等状态管理获取
|
||||
// 暂时不做,如你后续需要可继续补充
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 30rpx 0 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(120vh - 100px)
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height:calc(120vh - 80px)
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
:deep(.uni-date-x) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar) {
|
||||
float: right;
|
||||
margin-top: 15rpx;
|
||||
margin-right: 20rpx;
|
||||
background: url('../../../static/images/business/icon-date.png') no-repeat;
|
||||
background-size: 32rpx 35rpx;
|
||||
width: 32rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar::before) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .uni-date__x-input) {
|
||||
padding-left: 20rpx;
|
||||
color: #919191;
|
||||
}
|
||||
</style>
|
||||
@@ -1,268 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'通用表单添加'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="submitForm">
|
||||
<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
|
||||
color="#B7D2FF"></uni-icons>保存
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="form-con">
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
|
||||
<uni-forms-item label="客户名称" name="cusName" class="f-c-right">
|
||||
<view @click="chooseCustomer" class="form-item-container">
|
||||
<text class="name">{{ formData.cusName || '点击选择客户' }}</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="通用表单类型" name="generalFormType" class="f-c-right">
|
||||
<picker @change="onGeneralFormTypeChange" :value="generalFormTypeIndex" :range="array"
|
||||
:range-key="'name'">
|
||||
<view class="picker">
|
||||
{{ array[generalFormTypeIndex]?.name || '请选择通用表单类型' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="信息内容" name="informationContent" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.informationContent"
|
||||
placeholder="请输入信息内容" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDelete" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted,
|
||||
reactive,
|
||||
onUnmounted,
|
||||
computed
|
||||
} from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import {
|
||||
getGuestList
|
||||
} from '@/api/business.js'
|
||||
import {
|
||||
isEmpty
|
||||
} from '@/utils/validate.js'
|
||||
import {
|
||||
crmMarketInformationAdd,crminformationItemForDetail,crmMarketInformationDelete
|
||||
} from '@/api/crm/api_ys.js'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import { useMessage } from '@/utils/message.js'
|
||||
import cache from '@/utils/cache.js'
|
||||
let customerUser = reactive({})
|
||||
// 客户相关
|
||||
const guestList = ref([])
|
||||
const guestArr = ref([])
|
||||
const guestIndex = ref(0)
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
cusId: null,
|
||||
cusName: null,
|
||||
generalFormType:"专项市场调研信息",//通用表单类型
|
||||
informationContent: "", //信息内容
|
||||
picture: "", //、图片
|
||||
photos: null,
|
||||
description: null,
|
||||
informationType:"通用表单" //信息类型
|
||||
})
|
||||
|
||||
// 表单验证规则
|
||||
const rules = {
|
||||
cusName: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择客户'
|
||||
}]
|
||||
},
|
||||
generalFormType: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择通用表单类型'
|
||||
}]
|
||||
},
|
||||
informationContent: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入信息内容'
|
||||
}]
|
||||
},
|
||||
}
|
||||
const imgList = ref([])
|
||||
|
||||
// picker 相关
|
||||
const index = ref(0)
|
||||
const array = ref([{
|
||||
id: 0,
|
||||
name: '专项市场调研信息'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '供货改进需求信息'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '客户赞扬、抱怨信息'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '领导承诺'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: '待办事项'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: '备忘录'
|
||||
}
|
||||
|
||||
])
|
||||
|
||||
const generalFormTypeIndex = ref(0)
|
||||
|
||||
// 表单引用 & 客户选择器引用
|
||||
const formRef = ref(null)
|
||||
const customHeaderRef = ref(null)
|
||||
// 选择客户页面跳转
|
||||
function chooseCustomer() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/chooseCus'
|
||||
})
|
||||
}
|
||||
//定义数据接收的值
|
||||
let selectedCustomer = reactive(null)
|
||||
|
||||
//监听时间
|
||||
onMounted(() => {
|
||||
uni.$on('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
//取消监听
|
||||
onUnmounted(() => {
|
||||
uni.$off('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
|
||||
//处理 接收数据
|
||||
const handleCustomerSelected = (data) => {
|
||||
formData.value.cusName = data.cusName
|
||||
formData.value.cusId = data.cusId
|
||||
}
|
||||
// 提交表单
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 表单校验
|
||||
await formRef.value.validate()
|
||||
const res = await crmMarketInformationAdd(formData.value);
|
||||
console.log(res)
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
})
|
||||
uni.$emit('refreshMarketOpportunityList')
|
||||
uni.navigateBack(1)
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
const onGeneralFormTypeChange = (e) => {
|
||||
generalFormTypeIndex.value = e.detail.value
|
||||
console.log('generalFormTypeIndex:', array.value[e.detail.value]?.name)
|
||||
formData.value.generalFormType = array.value[e.detail.value]?.name || ''
|
||||
}
|
||||
//定义查询参数
|
||||
const queryParams = ref({
|
||||
informationId: 0
|
||||
})
|
||||
onMounted(() => {
|
||||
crminformationItemForDetail1()
|
||||
})
|
||||
onLoad(options => {
|
||||
queryParams.value.informationId = options.informationId
|
||||
})
|
||||
const dataList = ref([])
|
||||
function crminformationItemForDetail1() {
|
||||
crminformationItemForDetail(queryParams.value).then(res => {
|
||||
formData.value = res.rows[0]
|
||||
})
|
||||
}
|
||||
// 根据ID删除表单
|
||||
const handleDelete = async () => {
|
||||
try {
|
||||
|
||||
const res = await crmMarketInformationDelete(formData.value);
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
icon: 'success'
|
||||
})
|
||||
uni.$emit('refreshMarketOpportunityList')
|
||||
uni.navigateBack(1)
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 30rpx 0 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(120vh - 100px)
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height:calc(120vh - 80px)
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
:deep(.uni-date-x) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar) {
|
||||
float: right;
|
||||
margin-top: 15rpx;
|
||||
margin-right: 20rpx;
|
||||
background: url('../../../static/images/business/icon-date.png') no-repeat;
|
||||
background-size: 32rpx 35rpx;
|
||||
width: 32rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar::before) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .uni-date__x-input) {
|
||||
padding-left: 20rpx;
|
||||
color: #919191;
|
||||
}
|
||||
</style>
|
||||
@@ -1,459 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'竞争对手信息添加'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="submitForm">
|
||||
<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
|
||||
color="#B7D2FF"></uni-icons>保存
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="form-con">
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
|
||||
<!-- <uni-forms-item label="客户名称" name="cusName" class="f-c-right">
|
||||
<view @click="chooseCustomer" class="form-item-container">
|
||||
<text class="name">{{ formData.cusName || '点击选择客户' }}</text>
|
||||
</view>
|
||||
</uni-forms-item> -->
|
||||
<uni-forms-item label="竞争单位" name="competitiveUnits" class="f-c-right">
|
||||
<picker @change="onCompetitiveUnitsChange" :value="competitiveUnitsIndex" :range="array"
|
||||
:range-key="'name'">
|
||||
<view class="picker">
|
||||
{{ array[competitiveUnitsIndex]?.name || '请选择竞争单位' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="信息类型" name="competitorLevelOne" class="f-c-right">
|
||||
<picker @change="onCompetitorLevelOneChange" :value="competitorLevelOne" :range="array1"
|
||||
:range-key="'name'">
|
||||
<view class="picker">
|
||||
{{ array1[competitorLevelOneIndex]?.name || '请选择信息类型' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="具体分类" name="competitorLevelTwo" class="f-c-right">
|
||||
<picker
|
||||
@change="onCompetitorLevelTwoChange"
|
||||
:value="competitorLevelTwoIndex"
|
||||
:range="currentCompetitorLevelTwoArray"
|
||||
:range-key="'name'"
|
||||
>
|
||||
<view class="picker">
|
||||
{{ currentCompetitorLevelTwoArray[competitorLevelTwoIndex]?.name || '请选择具体分类' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
|
||||
|
||||
<uni-forms-item label="具体信息" name="specificMatters" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.specificMatters" :placeholder="dynamicPlaceholder"
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="备注" name="remark" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.remark" placeholder="请输入备注"
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted,
|
||||
reactive,
|
||||
onUnmounted,
|
||||
computed
|
||||
} from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import {
|
||||
getGuestList
|
||||
} from '@/api/business.js'
|
||||
import {
|
||||
isEmpty
|
||||
} from '@/utils/validate.js'
|
||||
import {
|
||||
crmMarketInformationAdd
|
||||
} from '@/api/crm/api_ys.js'
|
||||
|
||||
|
||||
let customerUser = reactive({})
|
||||
// 客户相关
|
||||
const guestList = ref([])
|
||||
const guestArr = ref([])
|
||||
const guestIndex = ref(0)
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
competitiveUnits: "振华云科", //竞争对手
|
||||
competitorLevelOne: "基本信息", //竞争对手一级标签
|
||||
competitorLevelTwo: "", //竞争对手二级标签
|
||||
specificMatters: "", //具体事情
|
||||
remark: "", //、备注
|
||||
picture: "", //、图片
|
||||
informationType: "竞争对手信息" //信息类型
|
||||
})
|
||||
|
||||
// 表单验证规则
|
||||
const rules = {
|
||||
competitiveUnits: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择竞争单位'
|
||||
}]
|
||||
},
|
||||
competitorLevelOne: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择信息类型'
|
||||
}]
|
||||
},
|
||||
competitorLevelTwo: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择具体分类'
|
||||
}]
|
||||
},
|
||||
specificMatters: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入具体信息'
|
||||
}]
|
||||
},
|
||||
}
|
||||
const imgList = ref([])
|
||||
|
||||
// picker 相关
|
||||
const index = ref(0)
|
||||
const array = ref([{
|
||||
id: 0,
|
||||
name: '振华云科'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '四川永星'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '风华邦科'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '株洲宏达'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: '福建火炬'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: '福建毫米'
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: '广州创天'
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
name: '贝迪斯'
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
name: '禹龙通电子'
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
name: '成都昊天'
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
name: '风华特种'
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
name: '济宁正和'
|
||||
},
|
||||
{
|
||||
id: 12,
|
||||
name: '盛世'
|
||||
},
|
||||
{
|
||||
id: 13,
|
||||
name: '广东意杰'
|
||||
},
|
||||
{
|
||||
id: 14,
|
||||
name: '西安威特'
|
||||
},
|
||||
{
|
||||
id: 15,
|
||||
name: '盛雷城'
|
||||
},
|
||||
{
|
||||
id: 16,
|
||||
name: '广东福德'
|
||||
},
|
||||
{
|
||||
id: 17,
|
||||
name: '咸阳智联'
|
||||
},
|
||||
{
|
||||
id: 18,
|
||||
name: '安徽来福'
|
||||
},
|
||||
{
|
||||
id: 19,
|
||||
name: '国巨'
|
||||
},
|
||||
{
|
||||
id: 20,
|
||||
name: '开步电子'
|
||||
},
|
||||
{
|
||||
id: 21,
|
||||
name: '成都宏鸣'
|
||||
},
|
||||
{
|
||||
id: 22,
|
||||
name: '其他'
|
||||
},
|
||||
|
||||
])
|
||||
const array1 = ref([{
|
||||
id: 0,
|
||||
name: '基本信息'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '业务信息'
|
||||
},
|
||||
])
|
||||
const array2 = ref([{
|
||||
id: 0,
|
||||
name: '资质情况'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '人员情况'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '产品种类(新研制产品、主推产品)'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '近三年销售情况'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: '市场组织架构'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: '市场策略'
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: '竞争对手变化产生的市场机会'
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
name: '其他'
|
||||
},
|
||||
])
|
||||
const array3 = ref([{
|
||||
id: 0,
|
||||
name: '质量问题'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '重大市场活动'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '市场占有率'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '与客户人员的关系'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: '竞争动向'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: '其他'
|
||||
},
|
||||
])
|
||||
|
||||
const dynamicPlaceholder = computed(() => {
|
||||
const placeholderMap = {
|
||||
'资质情况': '2020年通过IATF16949 汽车质量管理体系认证,IATF证书编号:0368475,CASC证书编号:2020A069;/四川永星目前有二筛条件,已经拿到CANS认证,可以对电阻器进行二筛。',
|
||||
'人员情况': '893厂,现有员工900余人,在全国设立6个办事处/云科成都办事处有五人,负责成都、绵阳、重庆,对接凯天的是罗晓波',
|
||||
'产品种类(新研制产品、主推产品)': '云科已申请RN5161系列进入SAST-G目录,目前尚未完成进目录工作。/云科:2022年薄膜电路产品上市。',
|
||||
'近三年销售情况': '2021年云科销售浆料8亿元/1、云科一年在隆盛的电阻销售额在200万左右,保险丝的销售额也在200万左右。2、云科一季度在607所的销售额大概在150万左右;',
|
||||
'市场组织架构': '1、云科市场部新上任一位领导,与九院13所领导副所长关系密切;2、西安办事处新换办事处主任杨文建,是振华集团领导的亲属;3、云科北京片区今年更换领导,是从振华富调过去的,并且把原来负责九院的业务员吴明金撤了,更换了新的业务员;1、振华云科的河南地区新增一位业务员(胡心圣)。2、佰威达的老板是施广勤,同时也是博威的老板。',
|
||||
'市场策略': '1、外围进攻:通过熔断器、射频等产品抢占常规电阻器份额,例如中航工业金城南京机电液压工程研究中心,云科的片阻已有少量供货。2、盯住高价值产品:抢占我们高价值产品(合金箔、熔断器、射频)的最主要客户的市场份额,例如九院16所、兵器212所,但目前仍未得手。低价策略:风华和火炬今年想以低价策略进驻抢占份额。目前普军级F精度报价0.5,J精度报价0.2。',
|
||||
'竞争对手变化产生的市场机会': '893将一部分股份卖给北海银河,银河快倒闭时改行做医药行业,不景气',
|
||||
'其他': '请输入其他补充信息',
|
||||
'质量问题': '在核九院五所,云科产品出现批次性硫化问题,云科及时处理,用抗硫化产品做了替代。893在梅岭说我司08年质量问题,基础采购员都知道了这个情况,说不敢选择我司火工品。目前常规片式产品普军等级,云科与我司均为8毛,893报6毛未选择他们。',
|
||||
'重大市场活动': '云科在航天五院举办党建活动',
|
||||
'市场占有率': '云科在航天领域的市场占有率为30%(信息来源是XXX)/振华云科在航天航空的份额占比大概在60%,大都基于领导层的关系基础,几乎不会来司拜访用户。',
|
||||
'与客户人员的关系': '振华集团高层跟118厂高层关系很好,有时会来上海组织联谊活动/青岛整流器制造有限公司有云科内线,了解我公司价格。',
|
||||
'竞争动向': '中电科技集团重庆声光电有限公司的106项目893中标/云科:最近一次竞标常规国军标0.55元/只(单一规格用量60万只),D精度厚膜0.9元/只(2个规格共20万只),通过这次竞标得到三个单一规格电阻的采购。'
|
||||
|
||||
}
|
||||
return placeholderMap[formData.value.competitorLevelTwo] || '请输入具体信息'
|
||||
})
|
||||
const competitiveUnitsIndex = ref(0)
|
||||
|
||||
// 当前选中的信息类型
|
||||
const competitorLevelOneIndex = ref(0)
|
||||
const competitorLevelOne = ref('基本信息')
|
||||
|
||||
// 当前选中的具体分类索引
|
||||
const competitorLevelTwoIndex = ref(0)
|
||||
|
||||
// 当前显示的具体分类选项数组(动态切换 array2 / array3)
|
||||
const currentCompetitorLevelTwoArray = ref(array2.value)
|
||||
|
||||
// 当前选中的具体分类名称
|
||||
const competitorLevelTwo = ref('')
|
||||
|
||||
// 表单引用 & 客户选择器引用
|
||||
const formRef = ref(null)
|
||||
const customHeaderRef = ref(null)
|
||||
// 选择客户页面跳转
|
||||
function chooseCustomer() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/chooseCus'
|
||||
})
|
||||
}
|
||||
//定义数据接收的值
|
||||
let selectedCustomer = reactive(null)
|
||||
|
||||
//监听时间
|
||||
onMounted(() => {
|
||||
uni.$on('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
//取消监听
|
||||
onUnmounted(() => {
|
||||
uni.$off('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
|
||||
//处理 接收数据
|
||||
const handleCustomerSelected = (data) => {
|
||||
formData.value.cusName = data.cusName
|
||||
formData.value.cusId = data.cusId
|
||||
}
|
||||
// 提交表单
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 表单校验
|
||||
await formRef.value.validate()
|
||||
const res = await crmMarketInformationAdd(formData.value);
|
||||
console.log(res)
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
})
|
||||
console.log('表单数据:', formData.value)
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
const onCompetitiveUnitsChange = (e) => {
|
||||
competitiveUnitsIndex.value = e.detail.value
|
||||
console.log('competitiveUnitsIndex:', array.value[e.detail.value]?.name)
|
||||
formData.value.competitiveUnits = array.value[e.detail.value]?.name || ''
|
||||
}
|
||||
const onCompetitorLevelOneChange = (e) => {
|
||||
if (e.detail.value >= 0 && e.detail.value < array1.value.length) {
|
||||
competitorLevelOneIndex.value = e.detail.value
|
||||
} else {
|
||||
console.error('选择了无效的索引,重置为 0')
|
||||
competitorLevelOneIndex.value = 0
|
||||
}
|
||||
const selectedType = array1.value[e.detail.value]?.name
|
||||
console.log('选中的信息类型:', selectedType)
|
||||
|
||||
formData.value.competitorLevelOne = selectedType
|
||||
|
||||
if (selectedType === '基本信息') {
|
||||
currentCompetitorLevelTwoArray.value = array2.value
|
||||
competitorLevelTwoIndex.value = 0
|
||||
formData.value.competitorLevelTwo = currentCompetitorLevelTwoArray.value[0]?.name || ''
|
||||
} else if (selectedType === '业务信息') {
|
||||
currentCompetitorLevelTwoArray.value = array3.value
|
||||
competitorLevelTwoIndex.value = 0
|
||||
formData.value.competitorLevelTwo = currentCompetitorLevelTwoArray.value[0]?.name || ''
|
||||
} else {
|
||||
currentCompetitorLevelTwoArray.value = []
|
||||
formData.value.competitorLevelTwo = ''
|
||||
}
|
||||
}
|
||||
|
||||
const onCompetitorLevelTwoChange = (e) => {
|
||||
competitorLevelTwoIndex.value = e.detail.value
|
||||
formData.value.competitorLevelTwo = currentCompetitorLevelTwoArray.value[e.detail.value]?.name || ''
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 30rpx 0 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(120vh - 100px)
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height:calc(120vh - 80px)
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
:deep(.uni-date-x) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar) {
|
||||
float: right;
|
||||
margin-top: 15rpx;
|
||||
margin-right: 20rpx;
|
||||
background: url('../../../static/images/business/icon-date.png') no-repeat;
|
||||
background-size: 32rpx 35rpx;
|
||||
width: 32rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar::before) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .uni-date__x-input) {
|
||||
padding-left: 20rpx;
|
||||
color: #919191;
|
||||
}
|
||||
</style>
|
||||
@@ -1,500 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'竞争对手信息添加'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="submitForm">
|
||||
<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
|
||||
color="#B7D2FF"></uni-icons>保存
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="form-con">
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
|
||||
<!-- <uni-forms-item label="客户名称" name="cusName" class="f-c-right">
|
||||
<view @click="chooseCustomer" class="form-item-container">
|
||||
<text class="name">{{ formData.cusName || '点击选择客户' }}</text>
|
||||
</view>
|
||||
</uni-forms-item> -->
|
||||
<uni-forms-item label="竞争单位" name="competitiveUnits" class="f-c-right">
|
||||
<picker @change="onCompetitiveUnitsChange" :value="competitiveUnitsIndex" :range="array"
|
||||
:range-key="'name'">
|
||||
<view class="picker">
|
||||
{{ array[competitiveUnitsIndex]?.name || '请选择竞争单位' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="信息类型" name="competitorLevelOne" class="f-c-right">
|
||||
<picker @change="onCompetitorLevelOneChange" :value="competitorLevelOne" :range="array1"
|
||||
:range-key="'name'">
|
||||
<view class="picker">
|
||||
{{ array1[competitorLevelOneIndex]?.name || '请选择信息类型' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="具体分类" name="competitorLevelTwo" class="f-c-right">
|
||||
<picker
|
||||
@change="onCompetitorLevelTwoChange"
|
||||
:value="competitorLevelTwoIndex"
|
||||
:range="currentCompetitorLevelTwoArray"
|
||||
:range-key="'name'"
|
||||
>
|
||||
<view class="picker">
|
||||
{{ currentCompetitorLevelTwoArray[competitorLevelTwoIndex]?.name || '请选择具体分类' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
|
||||
|
||||
<uni-forms-item label="具体信息" name="specificMatters" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.specificMatters" :placeholder="dynamicPlaceholder"
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="备注" name="remark" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.remark" placeholder="请输入备注"
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDelete" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted,
|
||||
reactive,
|
||||
onUnmounted,
|
||||
computed
|
||||
} from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import {
|
||||
getGuestList
|
||||
} from '@/api/business.js'
|
||||
import {
|
||||
isEmpty
|
||||
} from '@/utils/validate.js'
|
||||
import {
|
||||
crmMarketInformationAdd,crminformationItemForDetail,crmMarketInformationDelete
|
||||
} from '@/api/crm/api_ys.js'
|
||||
import { useMessage } from '@/utils/message.js'
|
||||
import cache from '@/utils/cache.js'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
let customerUser = reactive({})
|
||||
// 客户相关
|
||||
const guestList = ref([])
|
||||
const guestArr = ref([])
|
||||
const guestIndex = ref(0)
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
competitiveUnits: "振华云科", //竞争对手
|
||||
competitorLevelOne: "基本信息", //竞争对手一级标签
|
||||
competitorLevelTwo: "", //竞争对手二级标签
|
||||
specificMatters: "", //具体事情
|
||||
remark: "", //、备注
|
||||
picture: "", //、图片
|
||||
informationType: "竞争对手信息" //信息类型
|
||||
})
|
||||
|
||||
// 表单验证规则
|
||||
const rules = {
|
||||
competitiveUnits: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择竞争单位'
|
||||
}]
|
||||
},
|
||||
competitorLevelOne: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择信息类型'
|
||||
}]
|
||||
},
|
||||
competitorLevelTwo: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择具体分类'
|
||||
}]
|
||||
},
|
||||
specificMatters: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入具体信息'
|
||||
}]
|
||||
},
|
||||
}
|
||||
const imgList = ref([])
|
||||
|
||||
// picker 相关
|
||||
const index = ref(0)
|
||||
const array = ref([{
|
||||
id: 0,
|
||||
name: '振华云科'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '四川永星'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '风华邦科'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '株洲宏达'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: '福建火炬'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: '福建毫米'
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: '广州创天'
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
name: '贝迪斯'
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
name: '禹龙通电子'
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
name: '成都昊天'
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
name: '风华特种'
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
name: '济宁正和'
|
||||
},
|
||||
{
|
||||
id: 12,
|
||||
name: '盛世'
|
||||
},
|
||||
{
|
||||
id: 13,
|
||||
name: '广东意杰'
|
||||
},
|
||||
{
|
||||
id: 14,
|
||||
name: '西安威特'
|
||||
},
|
||||
{
|
||||
id: 15,
|
||||
name: '盛雷城'
|
||||
},
|
||||
{
|
||||
id: 16,
|
||||
name: '广东福德'
|
||||
},
|
||||
{
|
||||
id: 17,
|
||||
name: '咸阳智联'
|
||||
},
|
||||
{
|
||||
id: 18,
|
||||
name: '安徽来福'
|
||||
},
|
||||
{
|
||||
id: 19,
|
||||
name: '国巨'
|
||||
},
|
||||
{
|
||||
id: 20,
|
||||
name: '开步电子'
|
||||
},
|
||||
{
|
||||
id: 21,
|
||||
name: '成都宏鸣'
|
||||
},
|
||||
{
|
||||
id: 22,
|
||||
name: '其他'
|
||||
},
|
||||
|
||||
])
|
||||
const array1 = ref([{
|
||||
id: 0,
|
||||
name: '基本信息'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '业务信息'
|
||||
},
|
||||
])
|
||||
const array2 = ref([{
|
||||
id: 0,
|
||||
name: '资质情况'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '人员情况'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '产品种类(新研制产品、主推产品)'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '近三年销售情况'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: '市场组织架构'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: '市场策略'
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: '竞争对手变化产生的市场机会'
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
name: '其他'
|
||||
},
|
||||
])
|
||||
const array3 = ref([{
|
||||
id: 0,
|
||||
name: '质量问题'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '重大市场活动'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '市场占有率'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '与客户人员的关系'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: '竞争动向'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: '其他'
|
||||
},
|
||||
])
|
||||
|
||||
const dynamicPlaceholder = computed(() => {
|
||||
const placeholderMap = {
|
||||
'资质情况': '2020年通过IATF16949 汽车质量管理体系认证,IATF证书编号:0368475,CASC证书编号:2020A069;/四川永星目前有二筛条件,已经拿到CANS认证,可以对电阻器进行二筛。',
|
||||
'人员情况': '893厂,现有员工900余人,在全国设立6个办事处/云科成都办事处有五人,负责成都、绵阳、重庆,对接凯天的是罗晓波',
|
||||
'产品种类(新研制产品、主推产品)': '云科已申请RN5161系列进入SAST-G目录,目前尚未完成进目录工作。/云科:2022年薄膜电路产品上市。',
|
||||
'近三年销售情况': '2021年云科销售浆料8亿元/1、云科一年在隆盛的电阻销售额在200万左右,保险丝的销售额也在200万左右。2、云科一季度在607所的销售额大概在150万左右;',
|
||||
'市场组织架构': '1、云科市场部新上任一位领导,与九院13所领导副所长关系密切;2、西安办事处新换办事处主任杨文建,是振华集团领导的亲属;3、云科北京片区今年更换领导,是从振华富调过去的,并且把原来负责九院的业务员吴明金撤了,更换了新的业务员;1、振华云科的河南地区新增一位业务员(胡心圣)。2、佰威达的老板是施广勤,同时也是博威的老板。',
|
||||
'市场策略': '1、外围进攻:通过熔断器、射频等产品抢占常规电阻器份额,例如中航工业金城南京机电液压工程研究中心,云科的片阻已有少量供货。2、盯住高价值产品:抢占我们高价值产品(合金箔、熔断器、射频)的最主要客户的市场份额,例如九院16所、兵器212所,但目前仍未得手。低价策略:风华和火炬今年想以低价策略进驻抢占份额。目前普军级F精度报价0.5,J精度报价0.2。',
|
||||
'竞争对手变化产生的市场机会': '893将一部分股份卖给北海银河,银河快倒闭时改行做医药行业,不景气',
|
||||
'其他': '请输入其他补充信息',
|
||||
'质量问题': '在核九院五所,云科产品出现批次性硫化问题,云科及时处理,用抗硫化产品做了替代。893在梅岭说我司08年质量问题,基础采购员都知道了这个情况,说不敢选择我司火工品。目前常规片式产品普军等级,云科与我司均为8毛,893报6毛未选择他们。',
|
||||
'重大市场活动': '云科在航天五院举办党建活动',
|
||||
'市场占有率': '云科在航天领域的市场占有率为30%(信息来源是XXX)/振华云科在航天航空的份额占比大概在60%,大都基于领导层的关系基础,几乎不会来司拜访用户。',
|
||||
'与客户人员的关系': '振华集团高层跟118厂高层关系很好,有时会来上海组织联谊活动/青岛整流器制造有限公司有云科内线,了解我公司价格。',
|
||||
'竞争动向': '中电科技集团重庆声光电有限公司的106项目893中标/云科:最近一次竞标常规国军标0.55元/只(单一规格用量60万只),D精度厚膜0.9元/只(2个规格共20万只),通过这次竞标得到三个单一规格电阻的采购。'
|
||||
|
||||
}
|
||||
return placeholderMap[formData.value.competitorLevelTwo] || '请输入具体信息'
|
||||
})
|
||||
const competitiveUnitsIndex = ref(0)
|
||||
|
||||
// 当前选中的信息类型
|
||||
const competitorLevelOneIndex = ref(0)
|
||||
const competitorLevelOne = ref('基本信息')
|
||||
|
||||
// 当前选中的具体分类索引
|
||||
const competitorLevelTwoIndex = ref(0)
|
||||
|
||||
// 当前显示的具体分类选项数组(动态切换 array2 / array3)
|
||||
const currentCompetitorLevelTwoArray = ref(array2.value)
|
||||
|
||||
// 当前选中的具体分类名称
|
||||
const competitorLevelTwo = ref('')
|
||||
|
||||
// 表单引用 & 客户选择器引用
|
||||
const formRef = ref(null)
|
||||
const customHeaderRef = ref(null)
|
||||
// 选择客户页面跳转
|
||||
function chooseCustomer() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/chooseCus'
|
||||
})
|
||||
}
|
||||
//定义数据接收的值
|
||||
let selectedCustomer = reactive(null)
|
||||
|
||||
//监听时间
|
||||
onMounted(() => {
|
||||
uni.$on('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
//取消监听
|
||||
onUnmounted(() => {
|
||||
uni.$off('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
|
||||
//处理 接收数据
|
||||
const handleCustomerSelected = (data) => {
|
||||
formData.value.cusName = data.cusName
|
||||
formData.value.cusId = data.cusId
|
||||
}
|
||||
// 提交表单
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 表单校验
|
||||
await formRef.value.validate()
|
||||
const res = await crmMarketInformationAdd(formData.value);
|
||||
console.log(res)
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
})
|
||||
uni.$emit('refreshMarketOpportunityList')
|
||||
uni.navigateBack(1)
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
const onCompetitiveUnitsChange = (e) => {
|
||||
competitiveUnitsIndex.value = e.detail.value
|
||||
console.log('competitiveUnitsIndex:', array.value[e.detail.value]?.name)
|
||||
formData.value.competitiveUnits = array.value[e.detail.value]?.name || ''
|
||||
}
|
||||
const onCompetitorLevelOneChange = (e) => {
|
||||
if (e.detail.value >= 0 && e.detail.value < array1.value.length) {
|
||||
competitorLevelOneIndex.value = e.detail.value
|
||||
} else {
|
||||
console.error('选择了无效的索引,重置为 0')
|
||||
competitorLevelOneIndex.value = 0
|
||||
}
|
||||
const selectedType = array1.value[e.detail.value]?.name
|
||||
console.log('选中的信息类型:', selectedType)
|
||||
|
||||
formData.value.competitorLevelOne = selectedType
|
||||
|
||||
if (selectedType === '基本信息') {
|
||||
currentCompetitorLevelTwoArray.value = array2.value
|
||||
competitorLevelTwoIndex.value = 0
|
||||
formData.value.competitorLevelTwo = currentCompetitorLevelTwoArray.value[0]?.name || ''
|
||||
} else if (selectedType === '业务信息') {
|
||||
currentCompetitorLevelTwoArray.value = array3.value
|
||||
competitorLevelTwoIndex.value = 0
|
||||
formData.value.competitorLevelTwo = currentCompetitorLevelTwoArray.value[0]?.name || ''
|
||||
} else {
|
||||
currentCompetitorLevelTwoArray.value = []
|
||||
formData.value.competitorLevelTwo = ''
|
||||
}
|
||||
}
|
||||
|
||||
const onCompetitorLevelTwoChange = (e) => {
|
||||
competitorLevelTwoIndex.value = e.detail.value
|
||||
formData.value.competitorLevelTwo = currentCompetitorLevelTwoArray.value[e.detail.value]?.name || ''
|
||||
}
|
||||
//定义查询参数
|
||||
const queryParams = ref({
|
||||
informationId: 0
|
||||
})
|
||||
onMounted(() => {
|
||||
crminformationItemForDetail1()
|
||||
})
|
||||
onLoad(options => {
|
||||
queryParams.value.informationId = options.informationId
|
||||
})
|
||||
const dataList = ref([])
|
||||
|
||||
function crminformationItemForDetail1() {
|
||||
crminformationItemForDetail(queryParams.value).then(res => {
|
||||
formData.value = res.rows[0]
|
||||
})
|
||||
}
|
||||
|
||||
// 根据ID删除表单
|
||||
const handleDelete = async () => {
|
||||
try {
|
||||
|
||||
const res = await crmMarketInformationDelete(formData.value);
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
icon: 'success'
|
||||
})
|
||||
uni.$emit('refreshMarketOpportunityList')
|
||||
uni.navigateBack(1)
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 30rpx 0 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(120vh - 100px)
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height:calc(120vh - 80px)
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
:deep(.uni-date-x) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar) {
|
||||
float: right;
|
||||
margin-top: 15rpx;
|
||||
margin-right: 20rpx;
|
||||
background: url('../../../static/images/business/icon-date.png') no-repeat;
|
||||
background-size: 32rpx 35rpx;
|
||||
width: 32rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar::before) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .uni-date__x-input) {
|
||||
padding-left: 20rpx;
|
||||
color: #919191;
|
||||
}
|
||||
</style>
|
||||
@@ -1,227 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'重点型号任务信息添加'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="submitForm">
|
||||
<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
|
||||
color="#B7D2FF"></uni-icons>保存
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="form-con">
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
|
||||
<uni-forms-item label="客户名称" name="cusName" class="f-c-right">
|
||||
<view @click="chooseCustomer" class="form-item-container">
|
||||
<text class="name">{{ formData.cusName || '点击选择客户' }}</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="重点型号" name="keyModels" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.keyModels"
|
||||
placeholder="请输入重点型号" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="目前状态" name="currentStatus" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.currentStatus"
|
||||
placeholder="请输入目前状态" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="批产计划" name="batchProductionPlan" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.batchProductionPlan"
|
||||
placeholder="请输入批产计划" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="外协、外包、上级单位情况" name="situationOfSuperiorUnits" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.situationOfSuperiorUnits"
|
||||
placeholder="请输入外协、外包、上级单位情况" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="下级配套单位" name="lowerLevelSupportingUnits" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.lowerLevelSupportingUnits"
|
||||
placeholder="请输入下级配套单位" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="备注" name="remark" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.remark" placeholder="请输入备注"
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted,
|
||||
reactive,
|
||||
onUnmounted,
|
||||
computed
|
||||
} from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import {
|
||||
getGuestList
|
||||
} from '@/api/business.js'
|
||||
import {
|
||||
isEmpty
|
||||
} from '@/utils/validate.js'
|
||||
import {
|
||||
crmMarketInformationAdd
|
||||
} from '@/api/crm/api_ys.js'
|
||||
|
||||
|
||||
let customerUser = reactive({})
|
||||
// 客户相关
|
||||
const guestList = ref([])
|
||||
const guestArr = ref([])
|
||||
const guestIndex = ref(0)
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
cusId: null,
|
||||
cusName: null,
|
||||
keyModels: null,//重点型号
|
||||
currentStatus: null,//目前状态
|
||||
batchProductionPlan: null,//批产计划
|
||||
situationOfSuperiorUnits: null,//外协、外包、上级单位情况
|
||||
lowerLevelSupportingUnits: null,//下级配套单位
|
||||
remark: "", //、备注
|
||||
informationType:"重点型号任务信息" //信息类型
|
||||
})
|
||||
|
||||
// 表单验证规则
|
||||
const rules = {
|
||||
cusName: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择客户'
|
||||
}]
|
||||
},
|
||||
keyModels: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入重点型号'
|
||||
}]
|
||||
},
|
||||
currentStatus: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入目前状态'
|
||||
}]
|
||||
},
|
||||
batchProductionPlan: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入批产计划'
|
||||
}]
|
||||
},
|
||||
situationOfSuperiorUnits: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入外协、外包、上级单位情况'
|
||||
}]
|
||||
},
|
||||
lowerLevelSupportingUnits: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入下级配套单位'
|
||||
}]
|
||||
},
|
||||
}
|
||||
const imgList = ref([])
|
||||
|
||||
// picker 相关
|
||||
const index = ref(0)
|
||||
// 表单引用 & 客户选择器引用
|
||||
const formRef = ref(null)
|
||||
const customHeaderRef = ref(null)
|
||||
// 选择客户页面跳转
|
||||
function chooseCustomer() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/chooseCus'
|
||||
})
|
||||
}
|
||||
//定义数据接收的值
|
||||
let selectedCustomer = reactive(null)
|
||||
|
||||
//监听时间
|
||||
onMounted(() => {
|
||||
uni.$on('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
//取消监听
|
||||
onUnmounted(() => {
|
||||
uni.$off('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
|
||||
//处理 接收数据
|
||||
const handleCustomerSelected = (data) => {
|
||||
formData.value.cusName = data.cusName
|
||||
formData.value.cusId = data.cusId
|
||||
}
|
||||
// 提交表单
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 表单校验
|
||||
await formRef.value.validate()
|
||||
const res = await crmMarketInformationAdd(formData.value);
|
||||
console.log(res)
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
})
|
||||
console.log('表单数据:', formData.value)
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 30rpx 0 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(120vh - 100px)
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height:calc(120vh - 80px)
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
:deep(.uni-date-x) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar) {
|
||||
float: right;
|
||||
margin-top: 15rpx;
|
||||
margin-right: 20rpx;
|
||||
background: url('../../../static/images/business/icon-date.png') no-repeat;
|
||||
background-size: 32rpx 35rpx;
|
||||
width: 32rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar::before) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .uni-date__x-input) {
|
||||
padding-left: 20rpx;
|
||||
color: #919191;
|
||||
}
|
||||
</style>
|
||||
@@ -1,267 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'重点型号任务信息修改'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="submitForm">
|
||||
<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
|
||||
color="#B7D2FF"></uni-icons>保存
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="form-con">
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
|
||||
<uni-forms-item label="客户名称" name="cusName" class="f-c-right">
|
||||
<view @click="chooseCustomer" class="form-item-container">
|
||||
<text class="name">{{ formData.cusName || '点击选择客户' }}</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="重点型号" name="keyModels" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.keyModels"
|
||||
placeholder="请输入重点型号" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="目前状态" name="currentStatus" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.currentStatus"
|
||||
placeholder="请输入目前状态" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="批产计划" name="batchProductionPlan" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.batchProductionPlan"
|
||||
placeholder="请输入批产计划" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="外协、外包、上级单位情况" name="situationOfSuperiorUnits" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.situationOfSuperiorUnits"
|
||||
placeholder="请输入外协、外包、上级单位情况" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="下级配套单位" name="lowerLevelSupportingUnits" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.lowerLevelSupportingUnits"
|
||||
placeholder="请输入下级配套单位" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="备注" name="remark" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.remark" placeholder="请输入备注"
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDelete" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted,
|
||||
reactive,
|
||||
onUnmounted,
|
||||
computed
|
||||
} from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import {
|
||||
getGuestList
|
||||
} from '@/api/business.js'
|
||||
import {
|
||||
isEmpty
|
||||
} from '@/utils/validate.js'
|
||||
import {
|
||||
crmMarketInformationAdd,crminformationItemForDetail,crmMarketInformationDelete
|
||||
} from '@/api/crm/api_ys.js'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import { useMessage } from '@/utils/message.js'
|
||||
import cache from '@/utils/cache.js'
|
||||
let customerUser = reactive({})
|
||||
// 客户相关
|
||||
const guestList = ref([])
|
||||
const guestArr = ref([])
|
||||
const guestIndex = ref(0)
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
cusId: null,
|
||||
cusName: null,
|
||||
keyModels: null,//重点型号
|
||||
currentStatus: null,//目前状态
|
||||
batchProductionPlan: null,//批产计划
|
||||
situationOfSuperiorUnits: null,//外协、外包、上级单位情况
|
||||
lowerLevelSupportingUnits: null,//下级配套单位
|
||||
remark: "", //、备注
|
||||
informationType:"重点型号任务信息" //信息类型
|
||||
})
|
||||
|
||||
// 表单验证规则
|
||||
const rules = {
|
||||
cusName: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择客户'
|
||||
}]
|
||||
},
|
||||
keyModels: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入重点型号'
|
||||
}]
|
||||
},
|
||||
currentStatus: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入目前状态'
|
||||
}]
|
||||
},
|
||||
batchProductionPlan: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入批产计划'
|
||||
}]
|
||||
},
|
||||
situationOfSuperiorUnits: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入外协、外包、上级单位情况'
|
||||
}]
|
||||
},
|
||||
lowerLevelSupportingUnits: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入下级配套单位'
|
||||
}]
|
||||
},
|
||||
}
|
||||
const imgList = ref([])
|
||||
|
||||
// picker 相关
|
||||
const index = ref(0)
|
||||
// 表单引用 & 客户选择器引用
|
||||
const formRef = ref(null)
|
||||
const customHeaderRef = ref(null)
|
||||
// 选择客户页面跳转
|
||||
function chooseCustomer() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/chooseCus'
|
||||
})
|
||||
}
|
||||
//定义数据接收的值
|
||||
let selectedCustomer = reactive(null)
|
||||
|
||||
//监听时间
|
||||
onMounted(() => {
|
||||
uni.$on('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
//取消监听
|
||||
onUnmounted(() => {
|
||||
uni.$off('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
|
||||
//处理 接收数据
|
||||
const handleCustomerSelected = (data) => {
|
||||
formData.value.cusName = data.cusName
|
||||
formData.value.cusId = data.cusId
|
||||
}
|
||||
// 提交表单
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 表单校验
|
||||
await formRef.value.validate()
|
||||
const res = await crmMarketInformationAdd(formData.value);
|
||||
console.log(res)
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
})
|
||||
uni.$emit('refreshMarketOpportunityList')
|
||||
uni.navigateBack(1)
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
//定义查询参数
|
||||
const queryParams = ref({
|
||||
informationId: 0
|
||||
})
|
||||
onMounted(() => {
|
||||
crminformationItemForDetail1()
|
||||
})
|
||||
onLoad(options => {
|
||||
queryParams.value.informationId = options.informationId
|
||||
})
|
||||
const dataList = ref([])
|
||||
|
||||
function crminformationItemForDetail1() {
|
||||
crminformationItemForDetail(queryParams.value).then(res => {
|
||||
formData.value = res.rows[0]
|
||||
})
|
||||
}
|
||||
|
||||
// 根据ID删除表单
|
||||
const handleDelete = async () => {
|
||||
try {
|
||||
|
||||
const res = await crmMarketInformationDelete(formData.value);
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
icon: 'success'
|
||||
})
|
||||
uni.$emit('refreshMarketOpportunityList')
|
||||
uni.navigateBack(1)
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 30rpx 0 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(120vh - 100px)
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height:calc(120vh - 80px)
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
:deep(.uni-date-x) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar) {
|
||||
float: right;
|
||||
margin-top: 15rpx;
|
||||
margin-right: 20rpx;
|
||||
background: url('../../../static/images/business/icon-date.png') no-repeat;
|
||||
background-size: 32rpx 35rpx;
|
||||
width: 32rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar::before) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .uni-date__x-input) {
|
||||
padding-left: 20rpx;
|
||||
color: #919191;
|
||||
}
|
||||
</style>
|
||||
@@ -1,262 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'重大事项添加'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="submitForm">
|
||||
<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
|
||||
color="#B7D2FF"></uni-icons>保存
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="form-con">
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
|
||||
<uni-forms-item label="客户名称" name="cusName" class="f-c-right">
|
||||
<view @click="chooseCustomer" class="form-item-container">
|
||||
<text class="name">{{ formData.cusName || '点击选择客户' }}</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="重大事项类型" name="opportunityType" class="f-c-right">
|
||||
<picker @change="onOpportunityTypeChange" :value="opportunityTypeIndex" :range="array"
|
||||
:range-key="'name'">
|
||||
<view class="picker">
|
||||
{{ array[opportunityTypeIndex]?.name || '请选择重大事项类型' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="了解途径" name="understandTheWay" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.understandTheWay"
|
||||
placeholder="请输入了解途径" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="产生的影响" name="theImpactGenerated" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.theImpactGenerated"
|
||||
placeholder="请输入产生的影响" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="公司应对策略" name="companyResponseStrategy" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.companyResponseStrategy"
|
||||
placeholder="请输入公司应对策略" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="备注" name="remark" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.remark" placeholder="请输入备注"
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted,
|
||||
reactive,
|
||||
onUnmounted,
|
||||
computed
|
||||
} from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import {
|
||||
getGuestList
|
||||
} from '@/api/business.js'
|
||||
import {
|
||||
isEmpty
|
||||
} from '@/utils/validate.js'
|
||||
import {
|
||||
crmMarketInformationAdd
|
||||
} from '@/api/crm/api_ys.js'
|
||||
|
||||
|
||||
let customerUser = reactive({})
|
||||
// 客户相关
|
||||
const guestList = ref([])
|
||||
const guestArr = ref([])
|
||||
const guestIndex = ref(0)
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
cusId: null,
|
||||
cusName: null,
|
||||
majorTypesOfMatters: "", //重大事项类型
|
||||
understandTheWay: "", //了解途径
|
||||
theImpactGenerated: "", //、产生的影响
|
||||
companyResponseStrategy: "", //、公司应对策略
|
||||
remark: "", //、备注
|
||||
picture: "", //、图片
|
||||
photos: null,
|
||||
informationType: "重大事项信息" //信息类型
|
||||
})
|
||||
|
||||
// 表单验证规则
|
||||
const rules = {
|
||||
cusName: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择客户'
|
||||
}]
|
||||
},
|
||||
majorTypesOfMatters: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择重大事项类型'
|
||||
}]
|
||||
},
|
||||
understandTheWay: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入了解途径'
|
||||
}]
|
||||
},
|
||||
theImpactGenerated: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入产生的影响'
|
||||
}]
|
||||
},
|
||||
companyResponseStrategy: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入公司应对策略'
|
||||
}]
|
||||
},
|
||||
}
|
||||
const imgList = ref([])
|
||||
|
||||
// picker 相关
|
||||
const index = ref(0)
|
||||
const array = ref([{
|
||||
id: 0,
|
||||
name: '质量问题'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '客户重大变更'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '行业重大事项'
|
||||
}
|
||||
|
||||
])
|
||||
const form = ref({
|
||||
cusId: null,
|
||||
cusName: null,
|
||||
opportunityType: "", // 机会类型
|
||||
understandTheWay: "", // 了解途径
|
||||
opportunityDescription: "", // 机会描述
|
||||
opportunityStatus: "", // 机会所处状态
|
||||
predictedAmount: "", // 预测金额或情况
|
||||
competitionSituation: "", // 竞争情况
|
||||
remark: "", // 备注
|
||||
picture: "", // 图片
|
||||
informationType: "市场机会" // 信息类型
|
||||
})
|
||||
|
||||
const opportunityTypeIndex = ref(0)
|
||||
|
||||
// 表单引用 & 客户选择器引用
|
||||
const formRef = ref(null)
|
||||
const customHeaderRef = ref(null)
|
||||
// 选择客户页面跳转
|
||||
function chooseCustomer() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/chooseCus'
|
||||
})
|
||||
}
|
||||
//定义数据接收的值
|
||||
let selectedCustomer = reactive(null)
|
||||
|
||||
//监听时间
|
||||
onMounted(() => {
|
||||
uni.$on('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
//取消监听
|
||||
onUnmounted(() => {
|
||||
uni.$off('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
|
||||
//处理 接收数据
|
||||
const handleCustomerSelected = (data) => {
|
||||
formData.value.cusName = data.cusName
|
||||
formData.value.cusId = data.cusId
|
||||
}
|
||||
// 提交表单
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 表单校验
|
||||
await formRef.value.validate()
|
||||
const res = await crmMarketInformationAdd(formData.value);
|
||||
console.log(res)
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
})
|
||||
console.log('表单数据:', formData.value)
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
const onOpportunityTypeChange = (e) => {
|
||||
opportunityTypeIndex.value = e.detail.value
|
||||
console.log('opportunityTypeIndex:', array.value[e.detail.value]?.name)
|
||||
formData.value.opportunityType = array.value[e.detail.value]?.name || ''
|
||||
}
|
||||
// 如果你原来在 onShow 中做了类似这样:
|
||||
// let res = currPage.data.cusData; 判断是否传入了客户信息
|
||||
// 那么在 Vue3 中通常是通过路由参数或者 Vuex/Pinia 等状态管理获取
|
||||
// 暂时不做,如你后续需要可继续补充
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 30rpx 0 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(120vh - 100px)
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height:calc(120vh - 80px)
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
:deep(.uni-date-x) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar) {
|
||||
float: right;
|
||||
margin-top: 15rpx;
|
||||
margin-right: 20rpx;
|
||||
background: url('../../../static/images/business/icon-date.png') no-repeat;
|
||||
background-size: 32rpx 35rpx;
|
||||
width: 32rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar::before) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .uni-date__x-input) {
|
||||
padding-left: 20rpx;
|
||||
color: #919191;
|
||||
}
|
||||
</style>
|
||||
@@ -1,300 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'重大事项修改'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="submitForm">
|
||||
<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
|
||||
color="#B7D2FF"></uni-icons>保存
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="form-con">
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
|
||||
<uni-forms-item label="客户名称" name="cusName" class="f-c-right">
|
||||
<view @click="chooseCustomer" class="form-item-container">
|
||||
<text class="name">{{ formData.cusName || '点击选择客户' }}</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="重大事项类型" name="opportunityType" class="f-c-right">
|
||||
<picker @change="onOpportunityTypeChange" :value="opportunityTypeIndex" :range="array"
|
||||
:range-key="'name'">
|
||||
<view class="picker">
|
||||
{{ array[opportunityTypeIndex]?.name || '请选择重大事项类型' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="了解途径" name="understandTheWay" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.understandTheWay"
|
||||
placeholder="请输入了解途径" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="产生的影响" name="theImpactGenerated" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.theImpactGenerated"
|
||||
placeholder="请输入产生的影响" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="公司应对策略" name="companyResponseStrategy" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.companyResponseStrategy"
|
||||
placeholder="请输入公司应对策略" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="备注" name="remark" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.remark" placeholder="请输入备注"
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDelete" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted,
|
||||
reactive,
|
||||
onUnmounted,
|
||||
computed
|
||||
} from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import {
|
||||
getGuestList
|
||||
} from '@/api/business.js'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import {
|
||||
isEmpty
|
||||
} from '@/utils/validate.js'
|
||||
import {
|
||||
crmMarketInformationAdd,crminformationItemForDetail,crmMarketInformationDelete
|
||||
} from '@/api/crm/api_ys.js'
|
||||
import { useMessage } from '@/utils/message.js'
|
||||
import cache from '@/utils/cache.js'
|
||||
|
||||
|
||||
let customerUser = reactive({})
|
||||
// 客户相关
|
||||
const guestList = ref([])
|
||||
const guestArr = ref([])
|
||||
const guestIndex = ref(0)
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
cusId: null,
|
||||
cusName: null,
|
||||
majorTypesOfMatters: "", //重大事项类型
|
||||
understandTheWay: "", //了解途径
|
||||
theImpactGenerated: "", //、产生的影响
|
||||
companyResponseStrategy: "", //、公司应对策略
|
||||
remark: "", //、备注
|
||||
picture: "", //、图片
|
||||
photos: null,
|
||||
informationType: "重大事项信息" //信息类型
|
||||
})
|
||||
|
||||
// 表单验证规则
|
||||
const rules = {
|
||||
cusName: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择客户'
|
||||
}]
|
||||
},
|
||||
majorTypesOfMatters: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择重大事项类型'
|
||||
}]
|
||||
},
|
||||
understandTheWay: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入了解途径'
|
||||
}]
|
||||
},
|
||||
theImpactGenerated: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入产生的影响'
|
||||
}]
|
||||
},
|
||||
companyResponseStrategy: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入公司应对策略'
|
||||
}]
|
||||
},
|
||||
}
|
||||
const imgList = ref([])
|
||||
|
||||
// picker 相关
|
||||
const index = ref(0)
|
||||
const array = ref([{
|
||||
id: 0,
|
||||
name: '质量问题'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '客户重大变更'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '行业重大事项'
|
||||
}
|
||||
|
||||
])
|
||||
const form = ref({
|
||||
cusId: null,
|
||||
cusName: null,
|
||||
opportunityType: "", // 机会类型
|
||||
understandTheWay: "", // 了解途径
|
||||
opportunityDescription: "", // 机会描述
|
||||
opportunityStatus: "", // 机会所处状态
|
||||
predictedAmount: "", // 预测金额或情况
|
||||
competitionSituation: "", // 竞争情况
|
||||
remark: "", // 备注
|
||||
picture: "", // 图片
|
||||
informationType: "市场机会" // 信息类型
|
||||
})
|
||||
|
||||
const opportunityTypeIndex = ref(0)
|
||||
|
||||
// 表单引用 & 客户选择器引用
|
||||
const formRef = ref(null)
|
||||
const customHeaderRef = ref(null)
|
||||
// 选择客户页面跳转
|
||||
function chooseCustomer() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/chooseCus'
|
||||
})
|
||||
}
|
||||
//定义数据接收的值
|
||||
let selectedCustomer = reactive(null)
|
||||
|
||||
//监听时间
|
||||
onMounted(() => {
|
||||
uni.$on('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
//取消监听
|
||||
onUnmounted(() => {
|
||||
uni.$off('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
|
||||
//处理 接收数据
|
||||
const handleCustomerSelected = (data) => {
|
||||
formData.value.cusName = data.cusName
|
||||
formData.value.cusId = data.cusId
|
||||
}
|
||||
// 提交表单
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 表单校验
|
||||
await formRef.value.validate()
|
||||
const res = await crmMarketInformationAdd(formData.value);
|
||||
console.log(res)
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
})
|
||||
uni.$emit('refreshMarketOpportunityList')
|
||||
uni.navigateBack(1)
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
const onOpportunityTypeChange = (e) => {
|
||||
opportunityTypeIndex.value = e.detail.value
|
||||
console.log('opportunityTypeIndex:', array.value[e.detail.value]?.name)
|
||||
formData.value.opportunityType = array.value[e.detail.value]?.name || ''
|
||||
}
|
||||
|
||||
//定义查询参数
|
||||
const queryParams = ref({
|
||||
informationId: 0
|
||||
})
|
||||
onMounted(() => {
|
||||
crminformationItemForDetail1()
|
||||
})
|
||||
onLoad(options => {
|
||||
queryParams.value.informationId = options.informationId
|
||||
})
|
||||
const dataList = ref([])
|
||||
|
||||
function crminformationItemForDetail1() {
|
||||
crminformationItemForDetail(queryParams.value).then(res => {
|
||||
formData.value = res.rows[0]
|
||||
})
|
||||
}
|
||||
|
||||
// 根据ID删除表单
|
||||
const handleDelete = async () => {
|
||||
try {
|
||||
|
||||
const res = await crmMarketInformationDelete (formData.value);
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
icon: 'success'
|
||||
})
|
||||
uni.$emit('refreshMarketOpportunityList')
|
||||
uni.navigateBack(1)
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 30rpx 0 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(120vh - 100px)
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height:calc(120vh - 80px)
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
:deep(.uni-date-x) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar) {
|
||||
float: right;
|
||||
margin-top: 15rpx;
|
||||
margin-right: 20rpx;
|
||||
background: url('../../../static/images/business/icon-date.png') no-repeat;
|
||||
background-size: 32rpx 35rpx;
|
||||
width: 32rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar::before) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .uni-date__x-input) {
|
||||
padding-left: 20rpx;
|
||||
color: #919191;
|
||||
}
|
||||
</style>
|
||||
@@ -1,482 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'市场信息管理'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="handleAdd">
|
||||
<uni-icons type="plus" size="24" color="#B7D2FF"></uni-icons>新增
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height" :style="{ paddingTop: navBarPaddingTop + 'px' }"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="all-body market-con">
|
||||
<view class="nav-list">
|
||||
<view class="nav-item" :class="{active:index==activeTab}" v-for="(item,index) in tabList"
|
||||
:key="index" @click="handleNav(index)">{{ item }}</view>
|
||||
</view>
|
||||
|
||||
<!-- 分页部分 -->
|
||||
<mescroll-uni ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
|
||||
:up="upOption" :down="downOption" :fixed="false" textColor="#ffffff" bgColor="#ffffff"
|
||||
class="scroll-h" :class="{'loading-scroll':cssFlag}">
|
||||
<!-- 市场机会信息 -->
|
||||
<block v-if="activeTab === 0">
|
||||
<view class="white-bg margin-bottom20" v-for="(item, index) in list" :key="index"
|
||||
@click="itemClick(item)">
|
||||
<view class="report-list">
|
||||
<view class="title r-list">
|
||||
<view class="r-left" style="font-size:38rpx;">{{ item.cusName }}</view>
|
||||
<view class="r-right btn-gray flex-auto" :class="{'btn-blue':item.status==2}"
|
||||
size="mini" @click="itemView(item)">{{ item.state }}</view>
|
||||
</view>
|
||||
<view style="padding:0rpx 0 10rpx">
|
||||
<view class="font-bold" style="padding-bottom:10rpx">机会类型:{{item.opportunityType}}
|
||||
</view>
|
||||
<view class="font-bold" style="padding-bottom:10rpx">
|
||||
机会所处状态:{{item.opportunityStatus}}</view>
|
||||
<!-- <view class="font-gray">{{ item.desc }}</view>灰色样式 -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<!-- 重大事项信息 -->
|
||||
<block v-if="activeTab === 1">
|
||||
<view class="white-bg margin-bottom20" v-for="(item, index) in list" :key="index" @click="itemClick(item)">
|
||||
<view class="report-list">
|
||||
<view class="title r-list">
|
||||
<view class="r-left" style="font-size:38rpx;">{{ item.cusName }}</view>
|
||||
<view class="r-right btn-gray flex-auto" :class="{'btn-blue':item.status==2}"
|
||||
size="mini">{{ item.state }}</view>
|
||||
</view>
|
||||
<view style="padding:0rpx 0 10rpx">
|
||||
<view class="font-bold" style="padding-bottom:10rpx">
|
||||
产生的影响:{{item.theImpactGenerated}}</view>
|
||||
<view class="font-bold" style="padding-bottom:10rpx">
|
||||
重大事项类型:{{item.majorTypesOfMatters}}</view>
|
||||
<!-- <view class="font-gray">{{ item.desc }}</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<!-- 竞争对手信息 -->
|
||||
<block v-if="activeTab === 2">
|
||||
<view class="white-bg margin-bottom20" v-for="(item, index) in list" :key="index" @click="itemClick(item)">
|
||||
<view class="report-list">
|
||||
<view class="title r-list">
|
||||
<view class="r-left" style="font-size:38rpx;">{{ item.competitiveUnits }}</view>
|
||||
<view class="r-right btn-gray flex-auto" :class="{'btn-blue':item.status==2}"
|
||||
size="mini">{{ item.state }}</view>
|
||||
</view>
|
||||
<view style="padding:0rpx 0 10rpx">
|
||||
<view class="font-bold" style="padding-bottom:10rpx">
|
||||
竞争对手一级标签:{{item.competitorLevelOne}}</view>
|
||||
<view class="font-bold" style="padding-bottom:10rpx">
|
||||
竞争对手二级标签:{{item.competitorLevelTwo}}</view>
|
||||
<!-- <view class="font-gray">{{ item.desc }}</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<!-- 人员变化信息 -->
|
||||
<block v-if="activeTab === 3">
|
||||
<view class="white-bg margin-bottom20" v-for="(item, index) in list" :key="index" @click="itemClick(item)">
|
||||
<view class="report-list">
|
||||
<view class="title r-list">
|
||||
<view class="r-left" style="font-size:38rpx;">{{ item.cusName }}</view>
|
||||
<view class="r-right btn-gray flex-auto" :class="{'btn-blue':item.status==2}"
|
||||
size="mini">{{ item.state }}</view>
|
||||
</view>
|
||||
<view style="padding:0rpx 0 10rpx">
|
||||
<view class="font-bold" style="padding-bottom:10rpx">客户人员名称:{{item.cusUserName}}
|
||||
</view>
|
||||
<view class="font-bold" style="padding-bottom:10rpx">原职务:{{item.originalPosition}}
|
||||
</view>
|
||||
<view class="font-bold" style="padding-bottom:10rpx">现职务:{{item.currentPosition}}
|
||||
</view>
|
||||
<!-- <view class="font-gray">{{ item.desc }}</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<!-- 重点型号任务信息 -->
|
||||
<block v-if="activeTab === 4">
|
||||
<view class="white-bg margin-bottom20" v-for="(item, index) in list" :key="index" @click="itemClick(item)">
|
||||
<view class="report-list">
|
||||
<view class="title r-list">
|
||||
<view class="r-left" style="font-size:38rpx;">{{ item.cusName }}</view>
|
||||
<view class="r-right btn-gray flex-auto" :class="{'btn-blue':item.status==2}"
|
||||
size="mini">{{ item.state }}</view>
|
||||
</view>
|
||||
<view style="padding:0rpx 0 10rpx">
|
||||
<view class="font-bold" style="padding-bottom:10rpx">重点型号:{{item.keyModels}}</view>
|
||||
<view class="font-bold" style="padding-bottom:10rpx">目前状态:{{item.currentStatus}}
|
||||
</view>
|
||||
<view class="font-gray">{{ item.desc }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<!-- 通用表单 -->
|
||||
<block v-if="activeTab === 5">
|
||||
<view class="white-bg margin-bottom20" v-for="(item, index) in list" :key="index" @click="itemClick(item)">
|
||||
<view class="report-list">
|
||||
<view class="title r-list">
|
||||
<view class="r-left" style="font-size:38rpx;">{{ item.cusName }}</view>
|
||||
<view class="r-right btn-gray flex-auto" :class="{'btn-blue':item.status==2}"
|
||||
size="mini">{{ item.state }}</view>
|
||||
</view>
|
||||
<view style="padding:0rpx 0 10rpx">
|
||||
<view class="font-bold" style="padding-bottom:10rpx">标签:{{item.generalFormType}}
|
||||
</view>
|
||||
|
||||
<view class="font-gray">内容:{{ item.informationContent }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</mescroll-uni>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted
|
||||
} from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
|
||||
import {
|
||||
getNavBarPaddingTop
|
||||
} from '@/utils/system.js'
|
||||
import {
|
||||
mattersList
|
||||
} from '@/api/business.js'
|
||||
import {
|
||||
CrmMarketInformationList,
|
||||
handleCrmMarketInfo
|
||||
} from '@/api/crm/api_ys.js'
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
})
|
||||
const mescrollInstance = ref(null);
|
||||
const activeTab = ref(0); // 默认市场机会
|
||||
const tabList = ['市场机会', '重大事项信息', '竞争对手信息', '人员变化信息', '重点型号任务信息', '通用表单'];
|
||||
let handleNav = (index) => {
|
||||
console.log(index + " 切换列表");
|
||||
activeTab.value = index;
|
||||
|
||||
// 先重置列表(可选,避免新旧数据混在一起)
|
||||
list.value = [];
|
||||
|
||||
// 手动触发 mescroll 下拉刷新,重新加载当前 tab 的数据
|
||||
if (mescrollInstance.value) {
|
||||
mescrollInstance.value.triggerDownScroll(); // 关键!触发下拉刷新,会调用 downCallback
|
||||
}
|
||||
}
|
||||
// 新增
|
||||
let handleAdd = () => {
|
||||
if (activeTab.value == 0) {
|
||||
console.log("市场机会")
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketInformation/marketOpportunities'
|
||||
})
|
||||
} else if (activeTab.value == 1) {
|
||||
console.log("重大机会事项")
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketInformation/majorMatter'
|
||||
})
|
||||
} else if (activeTab.value == 2) {
|
||||
console.log("竞争对手信息")
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketInformation/competitor'
|
||||
})
|
||||
} else if (activeTab.value == 3) {
|
||||
console.log("人员变化信息")
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketInformation/personnelChanges'
|
||||
})
|
||||
} else if (activeTab.value == 4) {
|
||||
console.log("重点型号任务信息")
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketInformation/keyModelTasks'
|
||||
})
|
||||
} else if (activeTab.value == 5) {
|
||||
console.log("通用表单")
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketInformation/beCurrent'
|
||||
})
|
||||
} else {
|
||||
console.log("其他?")
|
||||
}
|
||||
// uni.navigateTo({ url: '/pages/business/CRM/visitorReportAdd' })
|
||||
}
|
||||
|
||||
// 查询列表
|
||||
let list = ref([]);
|
||||
const mescrollRef = ref(null);
|
||||
const upOption = ref({
|
||||
page: {
|
||||
num: 0,
|
||||
size: 10
|
||||
},
|
||||
noMoreSize: 5,
|
||||
empty: {
|
||||
tip: '~ 空空如也 ~'
|
||||
},
|
||||
textLoading: '加载中...',
|
||||
textNoMore: '已经到底了'
|
||||
});
|
||||
|
||||
const downOption = ref({
|
||||
auto: true,
|
||||
textInOffset: '下拉刷新',
|
||||
textOutOffset: '释放更新',
|
||||
textLoading: '刷新中...'
|
||||
});
|
||||
|
||||
let cssFlag = ref(false); //控制样式
|
||||
const mescrollInit = (mescroll) => {
|
||||
cssFlag.value = true;
|
||||
mescrollRef.value = mescroll;
|
||||
mescrollInstance.value = mescroll;
|
||||
};
|
||||
|
||||
// 下拉刷新
|
||||
const downCallback = async (mescroll) => {
|
||||
try {
|
||||
const pageNo = 1;
|
||||
const pageSize = upOption.value.size;
|
||||
const type = activeTab.value + 1; // 当前tab索引
|
||||
const description = tabList[activeTab.value]; // 当前tab文字
|
||||
|
||||
const res = await getCrmMarketInformationList(pageNo, pageSize, type, description);
|
||||
list.value = res.list;
|
||||
mescroll.resetUpScroll();
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
} finally {
|
||||
mescroll.endSuccess();
|
||||
}
|
||||
}
|
||||
// 上拉加载更多
|
||||
const upCallback = async (mescroll) => {
|
||||
try {
|
||||
const pageNo = mescroll.num;
|
||||
const pageSize = mescroll.size;
|
||||
const type = activeTab.value; // 当前tab索引
|
||||
const description = tabList[activeTab.value]; // 当前tab文字
|
||||
|
||||
const res = await getCrmMarketInformationList(pageNo, pageSize, type, description);
|
||||
if (mescroll.num === 1) {
|
||||
list.value = res.list;
|
||||
} else {
|
||||
list.value.push(...res.list);
|
||||
}
|
||||
mescroll.endBySize(res.list.length, res.total);
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
}
|
||||
}
|
||||
|
||||
// 获取数据列表
|
||||
const getCrmMarketInformationList = async (pageNo, pageSize, type, description) => {
|
||||
const param = {
|
||||
pageNo,
|
||||
pageSize,
|
||||
type,
|
||||
description
|
||||
};
|
||||
|
||||
const res = await CrmMarketInformationList(param);
|
||||
|
||||
return {
|
||||
list: res.rows,
|
||||
total: res.total
|
||||
};
|
||||
}
|
||||
|
||||
const itemView = async (item) => {
|
||||
const state = (item.state || "").trim().toLowerCase()
|
||||
if (state === "待提交" || state === "驳回") {
|
||||
uni.showModal({
|
||||
title: '操作确认',
|
||||
content: '是否为商业航天行业板块信息?',
|
||||
confirmText: '是',
|
||||
cancelText: '否',
|
||||
success: async (res) => {
|
||||
if (res.confirm) {
|
||||
item.commercialAerospace = "是"
|
||||
try {
|
||||
const res = await handleCrmMarketInfo(item)
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg || '操作失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
reload()
|
||||
} catch {
|
||||
uni.showToast({
|
||||
title: '提交失败,请重试',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
} else if (res.cancel) {
|
||||
item.commercialAerospace = "否"
|
||||
try {
|
||||
const res = await handleCrmMarketInfo(item)
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg || '操作失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
reload()
|
||||
} catch {
|
||||
uni.showToast({
|
||||
title: '提交失败,请重试',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "当前状态不可操作",
|
||||
icon: "none",
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
const itemClick = async (item) => {
|
||||
if(item.informationType=='市场机会'){
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketInformation/marketOpportunitiesDetail?informationId='+ item.informationId
|
||||
})
|
||||
}else if(item.informationType=='重大事项信息'){
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketInformation/majorMatterDetail?informationId='+ item.informationId
|
||||
})
|
||||
|
||||
}else if(item.informationType=='竞争对手信息'){
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketInformation/competitorDetail?informationId='+ item.informationId
|
||||
})
|
||||
}else if(item.informationType=='人员变化信息'){
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketInformation/personnelChangesDetail?informationId='+ item.informationId
|
||||
})
|
||||
}else if(item.informationType=='重点型号任务信息'){
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketInformation/keyModelTasksDetail?informationId='+ item.informationId
|
||||
})
|
||||
}else if(item.informationType=='通用表单'){
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketInformation/beCurrentDetail?informationId='+ item.informationId
|
||||
})
|
||||
}
|
||||
|
||||
else{
|
||||
console.log("其他")
|
||||
}
|
||||
// console.log(item)
|
||||
// uni.navigateTo({ url: '/pages/business/CRM/visitorReportAdd' })
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 88rpx;
|
||||
height: calc(100vh - 44px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 100rpx;
|
||||
height: calc(100vh - 48px);
|
||||
/* #endif */
|
||||
|
||||
}
|
||||
|
||||
/*.market-con{
|
||||
|
||||
} */
|
||||
|
||||
.nav-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
/* #ifdef APP-PLUS */
|
||||
padding: 80rpx 30rpx 0;
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
padding: 20rpx 30rpx 0;
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.nav-list .nav-item {
|
||||
background-color: #05A3F4;
|
||||
border-radius: 10rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 28rpx;
|
||||
text-align: center;
|
||||
padding: 10rpx 25rpx;
|
||||
margin-right: 15rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.nav-list .nav-item:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.nav-list .nav-item.active {
|
||||
background-color: #fff;
|
||||
color: #3384DF;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
.report-list .r-list {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 155px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 135px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-top: 10rpx;
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.report-list .title {
|
||||
display: flex;
|
||||
}
|
||||
</style>
|
||||
@@ -1,337 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'市场机会添加'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="submitForm">
|
||||
<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
|
||||
color="#B7D2FF"></uni-icons>保存
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="form-con">
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
|
||||
<uni-forms-item label="客户名称" name="cusName" class="f-c-right">
|
||||
<view
|
||||
@click="chooseCustomer"
|
||||
class="form-item-container"
|
||||
>
|
||||
<text class="name">{{ formData.cusName || '点击选择客户' }}</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="机会类型" name="opportunityType" class="f-c-right">
|
||||
<picker @change="onOpportunityTypeChange" :value="opportunityTypeIndex" :range="array"
|
||||
:range-key="'name'">
|
||||
<view class="picker">
|
||||
{{ array[opportunityTypeIndex]?.name || '请选择机会类型' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="了解途径" name="understandTheWay" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.understandTheWay"
|
||||
placeholder="请输入了解途径" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="机会描述" name="opportunityDescription" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.opportunityDescription"
|
||||
placeholder="请输入机会描述" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="机会所处状态" name="opportunityStatus" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.opportunityStatus"
|
||||
placeholder="请输入机会所处状态" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="预测金额情况" name="predictedAmount" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.predictedAmount"
|
||||
placeholder="请输入预测金额或情况" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="竞争情况" name="competitionSituation" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.competitionSituation"
|
||||
placeholder="请输入竞争情况" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="备注" name="remark"
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.remark" placeholder="请输入备注"
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref, onMounted, reactive, onUnmounted, computed
|
||||
} from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import {
|
||||
getGuestList
|
||||
} from '@/api/business.js'
|
||||
import { isEmpty } from '@/utils/validate.js'
|
||||
import {crmMarketInformationAdd } from '@/api/crm/api_ys.js'
|
||||
|
||||
|
||||
let customerUser = reactive({})
|
||||
// 客户相关
|
||||
const guestList = ref([])
|
||||
const guestArr = ref([])
|
||||
const guestIndex = ref(0)
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
cusId: null,
|
||||
cusName: null,
|
||||
opportunityType: "", // 机会类型
|
||||
understandTheWay: "", // 了解途径
|
||||
opportunityDescription: "", // 机会描述
|
||||
opportunityStatus: "", // 机会所处状态
|
||||
predictedAmount: "", // 预测金额或情况
|
||||
competitionSituation: "", // 竞争情况
|
||||
remark: "", // 备注
|
||||
picture: "", // 图片
|
||||
informationType: "市场机会" // 信息类型
|
||||
})
|
||||
|
||||
// 表单验证规则
|
||||
const rules = {
|
||||
cusName: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择客户'
|
||||
}]
|
||||
},
|
||||
opportunityType: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择机会类型'
|
||||
}]
|
||||
},
|
||||
understandTheWay: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入了解途径'
|
||||
}]
|
||||
},
|
||||
opportunityDescription: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入机会描述'
|
||||
}]
|
||||
},
|
||||
opportunityStatus: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入机会所处状态'
|
||||
}]
|
||||
},
|
||||
predictedAmount: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入预测金额或情况'
|
||||
}]
|
||||
},
|
||||
competitionSituation: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入竞争情况'
|
||||
}]
|
||||
},
|
||||
}
|
||||
const imgList = ref([])
|
||||
|
||||
// picker 相关
|
||||
const index = ref(0)
|
||||
const array = ref([{
|
||||
id: 0,
|
||||
name: '新产品需求'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '新客户开发'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '批产任务'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '新研任务'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: '二筛服务'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: '对手失利'
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: '其它'
|
||||
}
|
||||
])
|
||||
const form = ref({
|
||||
cusId: null,
|
||||
cusName: null,
|
||||
opportunityType: "", // 机会类型
|
||||
understandTheWay: "", // 了解途径
|
||||
opportunityDescription: "", // 机会描述
|
||||
opportunityStatus: "", // 机会所处状态
|
||||
predictedAmount: "", // 预测金额或情况
|
||||
competitionSituation: "", // 竞争情况
|
||||
remark: "", // 备注
|
||||
picture: "", // 图片
|
||||
informationType: "市场机会" // 信息类型
|
||||
})
|
||||
|
||||
// picker 选项
|
||||
const opportunityTypeOptions = ref([{
|
||||
id: 0,
|
||||
name: '新产品需求'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '新客户开发'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '批产任务'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '新研任务'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: '二筛服务'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: '对手失利'
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: '其它'
|
||||
}
|
||||
])
|
||||
const opportunityTypeIndex = ref(0)
|
||||
|
||||
// 表单引用 & 客户选择器引用
|
||||
const formRef = ref(null)
|
||||
const customHeaderRef = ref(null)
|
||||
// 选择客户页面跳转
|
||||
function chooseCustomer(){
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/chooseCus'
|
||||
})
|
||||
}
|
||||
//定义数据接收的值
|
||||
let selectedCustomer = reactive(null)
|
||||
|
||||
//监听时间
|
||||
onMounted(() => {
|
||||
uni.$on('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
//取消监听
|
||||
onUnmounted(() => {
|
||||
uni.$off('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
|
||||
//处理 接收数据
|
||||
const handleCustomerSelected = (data) => {
|
||||
formData.value.cusName = data.cusName
|
||||
formData.value.cusId = data.cusId
|
||||
console.log("收到客户数据的值:", customerUser)
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// 提交表单
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 表单校验
|
||||
await formRef.value.validate()
|
||||
const res = await crmMarketInformationAdd(formData.value);
|
||||
console.log(res)
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
})
|
||||
console.log('表单数据:', formData.value)
|
||||
|
||||
// TODO: 在这里添加提交到后端的逻辑,比如调用 api.CrmMarketInformationAdd(formData.value)
|
||||
// 暂时只做校验提示
|
||||
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
const onOpportunityTypeChange = (e) => {
|
||||
opportunityTypeIndex.value = e.detail.value
|
||||
console.log('opportunityTypeIndex:', array.value[e.detail.value]?.name)
|
||||
formData.value.opportunityType = array.value[e.detail.value]?.name || ''
|
||||
}
|
||||
|
||||
|
||||
// 如果你原来在 onShow 中做了类似这样:
|
||||
// let res = currPage.data.cusData; 判断是否传入了客户信息
|
||||
// 那么在 Vue3 中通常是通过路由参数或者 Vuex/Pinia 等状态管理获取
|
||||
// 暂时不做,如你后续需要可继续补充
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 30rpx 0 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(120vh - 100px)
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height:calc(120vh - 80px)
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
:deep(.uni-date-x) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar) {
|
||||
float: right;
|
||||
margin-top: 15rpx;
|
||||
margin-right: 20rpx;
|
||||
background: url('../../../static/images/business/icon-date.png') no-repeat;
|
||||
background-size: 32rpx 35rpx;
|
||||
width: 32rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar::before) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .uni-date__x-input) {
|
||||
padding-left: 20rpx;
|
||||
color: #919191;
|
||||
}
|
||||
</style>
|
||||
@@ -1,364 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'市场机会修改'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="submitForm">
|
||||
<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
|
||||
color="#B7D2FF"></uni-icons>保存
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="form-con">
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
|
||||
<uni-forms-item label="客户名称" name="cusName" class="f-c-right">
|
||||
<view
|
||||
@click="chooseCustomer"
|
||||
class="form-item-container"
|
||||
>
|
||||
<text class="name">{{ formData.cusName || '点击选择客户' }}</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="机会类型" name="opportunityType" class="f-c-right">
|
||||
<picker @change="onOpportunityTypeChange" :value="opportunityTypeIndex" :range="array"
|
||||
:range-key="'name'">
|
||||
<view class="picker">
|
||||
{{ array[opportunityTypeIndex]?.name || '请选择机会类型' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="了解途径" name="understandTheWay" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.understandTheWay"
|
||||
placeholder="请输入了解途径" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="机会描述" name="opportunityDescription" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.opportunityDescription"
|
||||
placeholder="请输入机会描述" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="机会所处状态" name="opportunityStatus" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.opportunityStatus"
|
||||
placeholder="请输入机会所处状态" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="预测金额情况" name="predictedAmount" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.predictedAmount"
|
||||
placeholder="请输入预测金额或情况" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="竞争情况" name="competitionSituation" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.competitionSituation"
|
||||
placeholder="请输入竞争情况" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="备注" name="remark"
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.remark" placeholder="请输入备注"
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
|
||||
</uni-forms>
|
||||
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDelete" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref, onMounted, reactive, onUnmounted, computed ,watch
|
||||
} from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import {
|
||||
getGuestList
|
||||
} from '@/api/business.js'
|
||||
import { isEmpty } from '@/utils/validate.js'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import {crmMarketInformationAdd,crminformationItemForDetail,crmMarketInformationDelete } from '@/api/crm/api_ys.js'
|
||||
import { useMessage } from '@/utils/message.js'
|
||||
import cache from '@/utils/cache.js'
|
||||
|
||||
const message = useMessage();
|
||||
let customerUser = reactive({})
|
||||
// 客户相关
|
||||
const guestList = ref([])
|
||||
const guestArr = ref([])
|
||||
const guestIndex = ref(0)
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
cusId: null,
|
||||
cusName: null,
|
||||
opportunityType: "", // 机会类型
|
||||
understandTheWay: "", // 了解途径
|
||||
opportunityDescription: "", // 机会描述
|
||||
opportunityStatus: "", // 机会所处状态
|
||||
predictedAmount: "", // 预测金额或情况
|
||||
competitionSituation: "", // 竞争情况
|
||||
remark: "", // 备注
|
||||
picture: "", // 图片
|
||||
informationType: "市场机会" // 信息类型
|
||||
})
|
||||
|
||||
// 表单验证规则
|
||||
const rules = {
|
||||
cusName: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择客户'
|
||||
}]
|
||||
},
|
||||
opportunityType: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择机会类型'
|
||||
}]
|
||||
},
|
||||
understandTheWay: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入了解途径'
|
||||
}]
|
||||
},
|
||||
opportunityDescription: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入机会描述'
|
||||
}]
|
||||
},
|
||||
opportunityStatus: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入机会所处状态'
|
||||
}]
|
||||
},
|
||||
predictedAmount: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入预测金额或情况'
|
||||
}]
|
||||
},
|
||||
competitionSituation: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入竞争情况'
|
||||
}]
|
||||
},
|
||||
}
|
||||
const imgList = ref([])
|
||||
|
||||
// picker 相关
|
||||
const index = ref(0)
|
||||
const array = ref([{
|
||||
id: 0,
|
||||
name: '新产品需求'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '新客户开发'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '批产任务'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '新研任务'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: '二筛服务'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: '对手失利'
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: '其它'
|
||||
}
|
||||
])
|
||||
const form = ref({
|
||||
cusId: null,
|
||||
cusName: null,
|
||||
opportunityType: "", // 机会类型
|
||||
understandTheWay: "", // 了解途径
|
||||
opportunityDescription: "", // 机会描述
|
||||
opportunityStatus: "", // 机会所处状态
|
||||
predictedAmount: "", // 预测金额或情况
|
||||
competitionSituation: "", // 竞争情况
|
||||
remark: "", // 备注
|
||||
picture: "", // 图片
|
||||
informationType: "市场机会" // 信息类型
|
||||
})
|
||||
|
||||
// picker 选项
|
||||
const opportunityTypeOptions = ref([{
|
||||
id: 0,
|
||||
name: '新产品需求'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '新客户开发'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '批产任务'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '新研任务'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: '二筛服务'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: '对手失利'
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: '其它'
|
||||
}
|
||||
])
|
||||
const opportunityTypeIndex = ref(0)
|
||||
|
||||
// 表单引用 & 客户选择器引用
|
||||
const formRef = ref(null)
|
||||
const customHeaderRef = ref(null)
|
||||
// 选择客户页面跳转
|
||||
function chooseCustomer(){
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/chooseCus'
|
||||
})
|
||||
}
|
||||
//定义数据接收的值
|
||||
let selectedCustomer = reactive(null)
|
||||
|
||||
//监听时间
|
||||
onMounted(() => {
|
||||
uni.$on('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
//取消监听
|
||||
onUnmounted(() => {
|
||||
uni.$off('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
|
||||
//处理 接收数据
|
||||
const handleCustomerSelected = (data) => {
|
||||
formData.value.cusName = data.cusName
|
||||
formData.value.cusId = data.cusId
|
||||
console.log("收到客户数据的值:", customerUser)
|
||||
}
|
||||
//定义查询参数
|
||||
const queryParams = ref({
|
||||
informationId: 0
|
||||
})
|
||||
onMounted(() => {
|
||||
crminformationItemForDetail1()
|
||||
})
|
||||
onLoad(options => {
|
||||
queryParams.value.informationId = options.informationId
|
||||
})
|
||||
const dataList = ref([])
|
||||
function crminformationItemForDetail1() {
|
||||
crminformationItemForDetail(queryParams.value).then(res => {
|
||||
formData.value = res.rows[0]
|
||||
})
|
||||
}
|
||||
|
||||
// 提交表单
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 表单校验
|
||||
await formRef.value.validate()
|
||||
const res = await crmMarketInformationAdd(formData.value);
|
||||
console.log(res)
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
})
|
||||
uni.$emit('refreshMarketOpportunityList')
|
||||
uni.navigateBack(1)
|
||||
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
// 根据ID删除表单
|
||||
const handleDelete = async () => {
|
||||
try {
|
||||
|
||||
const res = await crmMarketInformationDelete (formData.value);
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
icon: 'success'
|
||||
})
|
||||
uni.navigateBack(1)
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
const onOpportunityTypeChange = (e) => {
|
||||
opportunityTypeIndex.value = e.detail.value
|
||||
console.log('opportunityTypeIndex:', array.value[e.detail.value]?.name)
|
||||
formData.value.opportunityType = array.value[e.detail.value]?.name || ''
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 30rpx 0 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(120vh - 100px)
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height:calc(120vh - 80px)
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
:deep(.uni-date-x) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar) {
|
||||
float: right;
|
||||
margin-top: 15rpx;
|
||||
margin-right: 20rpx;
|
||||
background: url('../../../static/images/business/icon-date.png') no-repeat;
|
||||
background-size: 32rpx 35rpx;
|
||||
width: 32rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar::before) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .uni-date__x-input) {
|
||||
padding-left: 20rpx;
|
||||
color: #919191;
|
||||
}
|
||||
</style>
|
||||
@@ -1,334 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'人员变化添加'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="submitForm">
|
||||
<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
|
||||
color="#B7D2FF"></uni-icons>保存
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="form-con">
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
|
||||
<uni-forms-item label="客户名称" name="cusName" class="f-c-right">
|
||||
<view @click="chooseCustomer" class="form-item-container">
|
||||
<text class="name">{{ formData.cusName || '点击选择客户' }}</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="客户人员" name="cusUserName" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.cusUserName" placeholder="请选择客户人员" name="input"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="原职务" name="originalPosition" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.originalPosition"
|
||||
placeholder="请输入原职务" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="现职务" name="currentPosition" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.currentPosition"
|
||||
placeholder="请输入现职务" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="现职务是否与我司业务相关" name="positionOfOurCompany" class="f-c-right">
|
||||
<picker @change="onpoSitionOfOurCompanyChange" :value="positionOfOurCompanyIndex"
|
||||
:range="array" :range-key="'name'">
|
||||
<view class="picker">
|
||||
{{ array[positionOfOurCompanyIndex]?.name || '请选择机会类型' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="公关力度" name="developmentEfforts" class="f-c-right">
|
||||
<picker @change="onDevelopmentEffortsChange" :value="developmentEffortsIndex"
|
||||
:range="array1" :range-key="'name'">
|
||||
<view class="picker">
|
||||
{{ array1[developmentEffortsIndex]?.name || '请选择公关力度' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="继任者" name="successor" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.successor" placeholder="请输入继任者"
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="备注" name="remark" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.remark" placeholder="请输入备注"
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted,
|
||||
reactive,
|
||||
onUnmounted,
|
||||
computed
|
||||
} from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import cache from '@/utils/cache'
|
||||
import { onShow, onUnload } from '@dcloudio/uni-app';
|
||||
import {
|
||||
getGuestList
|
||||
} from '@/api/business.js'
|
||||
import {
|
||||
isEmpty
|
||||
} from '@/utils/validate.js'
|
||||
import {
|
||||
crmMarketInformationAdd
|
||||
} from '@/api/crm/api_ys.js'
|
||||
|
||||
|
||||
let customerUser = reactive({})
|
||||
// 客户相关
|
||||
const guestList = ref([])
|
||||
const guestArr = ref([])
|
||||
const guestIndex = ref(0)
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
cusId: null,
|
||||
cusName: null,
|
||||
cusUserName: null, //客户人员名称
|
||||
originalPosition: null, //原职务
|
||||
currentPosition: null, //现职务
|
||||
positionOfOurCompany: '是', //现职务是否与我公司业务相关
|
||||
developmentEfforts: '加强', //攻关力度
|
||||
successor: null, //继任者
|
||||
remark: "", //、备注
|
||||
picture: "", //、图片
|
||||
photos: null,
|
||||
cusPersonnel: '',
|
||||
informationType: "人员变化信息" //信息类型
|
||||
})
|
||||
|
||||
// 表单验证规则
|
||||
const rules = {
|
||||
cusName: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择客户'
|
||||
}]
|
||||
},
|
||||
cusUserName: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择客户人员'
|
||||
}]
|
||||
},
|
||||
originalPosition: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入原职务'
|
||||
}]
|
||||
},
|
||||
currentPosition: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入现职务'
|
||||
}]
|
||||
},
|
||||
positionOfOurCompany: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择现职务是否与我公司业务相关'
|
||||
}]
|
||||
},
|
||||
developmentEfforts: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择公关力度'
|
||||
}]
|
||||
},
|
||||
successor: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入继任者'
|
||||
}]
|
||||
},
|
||||
}
|
||||
const imgList = ref([])
|
||||
|
||||
// picker 相关
|
||||
const index = ref(0)
|
||||
const array = ref([{
|
||||
id: 0,
|
||||
name: '是'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '否'
|
||||
}
|
||||
])
|
||||
|
||||
const array1 = ref([{
|
||||
id: 0,
|
||||
name: '加强'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '维持'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '减弱'
|
||||
}
|
||||
|
||||
])
|
||||
const opportunityTypeIndex = ref(0)
|
||||
const positionOfOurCompanyIndex = ref(0)
|
||||
const developmentEffortsIndex = ref(0)
|
||||
// 表单引用 & 客户选择器引用
|
||||
const formRef = ref(null)
|
||||
const customHeaderRef = ref(null)
|
||||
// 选择客户页面跳转
|
||||
function chooseCustomer() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/chooseCus'
|
||||
})
|
||||
}
|
||||
//定义数据接收的值
|
||||
let selectedCustomer = reactive(null)
|
||||
|
||||
//监听时间
|
||||
onMounted(() => {
|
||||
uni.$on('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
//取消监听
|
||||
onUnmounted(() => {
|
||||
uni.$off('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
|
||||
//处理 接收数据
|
||||
const handleCustomerSelected = (data) => {
|
||||
formData.value.cusName = data.cusName
|
||||
formData.value.cusId = data.cusId
|
||||
console.log("收到客户数据的值:", customerUser)
|
||||
}
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
console.log('点击了输入框', formData.value.cusName);
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/customerUserList?cusName=' + formData.value.cusName
|
||||
})
|
||||
}
|
||||
//页面渲染完成后,查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedRCClientList') != null && cache.get('checkedRCClientList') != []) {
|
||||
formData.value.cusUserName = cache.get('checkedRCClientList')
|
||||
}
|
||||
|
||||
})
|
||||
//页面卸载之后,删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedRCClientList');
|
||||
}
|
||||
|
||||
// 提交表单
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 表单校验
|
||||
await formRef.value.validate()
|
||||
const cusUserName1 = formData.value.cusUserName;
|
||||
const stringOfNames = cusUserName1.join(",")
|
||||
formData.value.cusUserName = stringOfNames
|
||||
const res = await crmMarketInformationAdd(formData.value);
|
||||
console.log(res)
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
})
|
||||
console.log('表单数据:', formData.value)
|
||||
|
||||
// TODO: 在这里添加提交到后端的逻辑,比如调用 api.CrmMarketInformationAdd(formData.value)
|
||||
// 暂时只做校验提示
|
||||
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
const onOpportunityTypeChange = (e) => {
|
||||
opportunityTypeIndex.value = e.detail.value
|
||||
console.log('opportunityTypeIndex:', array.value[e.detail.value]?.name)
|
||||
formData.value.opportunityType = array.value[e.detail.value]?.name || ''
|
||||
}
|
||||
|
||||
const onpoSitionOfOurCompanyChange = (e) => {
|
||||
positionOfOurCompanyIndex.value = e.detail.value
|
||||
console.log('positionOfOurCompanyIndex:', array.value[e.detail.value]?.name)
|
||||
formData.value.positionOfOurCompany = array.value[e.detail.value]?.name || ''
|
||||
}
|
||||
|
||||
const onDevelopmentEffortsChange = (e) => {
|
||||
developmentEffortsIndex.value = e.detail.value
|
||||
console.log('developmentEffortsIndex:', array1.value[e.detail.value]?.name)
|
||||
formData.value.opportunityType = array1.value[e.detail.value]?.name || ''
|
||||
}
|
||||
// 如果你原来在 onShow 中做了类似这样:
|
||||
// let res = currPage.data.cusData; 判断是否传入了客户信息
|
||||
// 那么在 Vue3 中通常是通过路由参数或者 Vuex/Pinia 等状态管理获取
|
||||
// 暂时不做,如你后续需要可继续补充
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 30rpx 0 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(120vh - 100px)
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height:calc(120vh - 80px)
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
:deep(.uni-date-x) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar) {
|
||||
float: right;
|
||||
margin-top: 15rpx;
|
||||
margin-right: 20rpx;
|
||||
background: url('../../../static/images/business/icon-date.png') no-repeat;
|
||||
background-size: 32rpx 35rpx;
|
||||
width: 32rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar::before) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .uni-date__x-input) {
|
||||
padding-left: 20rpx;
|
||||
color: #919191;
|
||||
}
|
||||
</style>
|
||||
@@ -1,369 +0,0 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'人员变化添加'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="submitForm">
|
||||
<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
|
||||
color="#B7D2FF"></uni-icons>保存
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="form-con">
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
|
||||
<uni-forms-item label="客户名称" name="cusName" class="f-c-right">
|
||||
<view @click="chooseCustomer" class="form-item-container">
|
||||
<text class="name">{{ formData.cusName || '点击选择客户' }}</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="客户人员" name="cusUserName" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.cusUserName" placeholder="请选择客户人员" name="input"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="原职务" name="originalPosition" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.originalPosition"
|
||||
placeholder="请输入原职务" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="现职务" name="currentPosition" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.currentPosition"
|
||||
placeholder="请输入现职务" class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="现职务是否与我司业务相关" name="positionOfOurCompany" class="f-c-right">
|
||||
<picker @change="onpoSitionOfOurCompanyChange" :value="positionOfOurCompanyIndex"
|
||||
:range="array" :range-key="'name'">
|
||||
<view class="picker">
|
||||
{{ array[positionOfOurCompanyIndex]?.name || '请选择机会类型' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="公关力度" name="developmentEfforts" class="f-c-right">
|
||||
<picker @change="onDevelopmentEffortsChange" :value="developmentEffortsIndex"
|
||||
:range="array1" :range-key="'name'">
|
||||
<view class="picker">
|
||||
{{ array1[developmentEffortsIndex]?.name || '请选择公关力度' }}
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="继任者" name="successor" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.successor" placeholder="请输入继任者"
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="备注" name="remark" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.remark" placeholder="请输入备注"
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDelete" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted,
|
||||
reactive,
|
||||
onUnmounted,
|
||||
computed
|
||||
} from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { onShow, onUnload,onLoad } from '@dcloudio/uni-app';
|
||||
import {
|
||||
getGuestList
|
||||
} from '@/api/business.js'
|
||||
import {
|
||||
isEmpty
|
||||
} from '@/utils/validate.js'
|
||||
import {
|
||||
crmMarketInformationAdd,crminformationItemForDetail,crmMarketInformationDelete
|
||||
} from '@/api/crm/api_ys.js'
|
||||
import { useMessage } from '@/utils/message.js'
|
||||
import cache from '@/utils/cache.js'
|
||||
|
||||
let customerUser = reactive({})
|
||||
// 客户相关
|
||||
const guestList = ref([])
|
||||
const guestArr = ref([])
|
||||
const guestIndex = ref(0)
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
cusId: null,
|
||||
cusName: null,
|
||||
cusUserName: null, //客户人员名称
|
||||
originalPosition: null, //原职务
|
||||
currentPosition: null, //现职务
|
||||
positionOfOurCompany: '是', //现职务是否与我公司业务相关
|
||||
developmentEfforts: '加强', //攻关力度
|
||||
successor: null, //继任者
|
||||
remark: "", //、备注
|
||||
picture: "", //、图片
|
||||
photos: null,
|
||||
cusPersonnel: '',
|
||||
informationType: "人员变化信息" //信息类型
|
||||
})
|
||||
|
||||
// 表单验证规则
|
||||
const rules = {
|
||||
cusName: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择客户'
|
||||
}]
|
||||
},
|
||||
cusUserName: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择客户人员'
|
||||
}]
|
||||
},
|
||||
originalPosition: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入原职务'
|
||||
}]
|
||||
},
|
||||
currentPosition: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入现职务'
|
||||
}]
|
||||
},
|
||||
positionOfOurCompany: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择现职务是否与我公司业务相关'
|
||||
}]
|
||||
},
|
||||
developmentEfforts: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请选择公关力度'
|
||||
}]
|
||||
},
|
||||
successor: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入继任者'
|
||||
}]
|
||||
},
|
||||
}
|
||||
const imgList = ref([])
|
||||
|
||||
// picker 相关
|
||||
const index = ref(0)
|
||||
const array = ref([{
|
||||
id: 0,
|
||||
name: '是'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '否'
|
||||
}
|
||||
])
|
||||
|
||||
const array1 = ref([{
|
||||
id: 0,
|
||||
name: '加强'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '维持'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '减弱'
|
||||
}
|
||||
|
||||
])
|
||||
const opportunityTypeIndex = ref(0)
|
||||
const positionOfOurCompanyIndex = ref(0)
|
||||
const developmentEffortsIndex = ref(0)
|
||||
// 表单引用 & 客户选择器引用
|
||||
const formRef = ref(null)
|
||||
const customHeaderRef = ref(null)
|
||||
// 选择客户页面跳转
|
||||
function chooseCustomer() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/chooseCus'
|
||||
})
|
||||
}
|
||||
//定义数据接收的值
|
||||
let selectedCustomer = reactive(null)
|
||||
|
||||
//监听时间
|
||||
onMounted(() => {
|
||||
uni.$on('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
//取消监听
|
||||
onUnmounted(() => {
|
||||
uni.$off('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
|
||||
//处理 接收数据
|
||||
const handleCustomerSelected = (data) => {
|
||||
formData.value.cusName = data.cusName
|
||||
formData.value.cusId = data.cusId
|
||||
console.log("收到客户数据的值:", customerUser)
|
||||
}
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
console.log('点击了输入框', formData.value.cusName);
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/customerUserList?cusName=' + formData.value.cusName
|
||||
})
|
||||
}
|
||||
//页面渲染完成后,查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedRCClientList') != null && cache.get('checkedRCClientList') != []) {
|
||||
formData.value.cusUserName = cache.get('checkedRCClientList')
|
||||
}
|
||||
|
||||
})
|
||||
//页面卸载之后,删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedRCClientList');
|
||||
}
|
||||
|
||||
// 提交表单
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 表单校验
|
||||
await formRef.value.validate()
|
||||
const cusUserName1 = formData.value.cusUserName;
|
||||
const stringOfNames = cusUserName1.join(",")
|
||||
formData.value.cusUserName = stringOfNames
|
||||
const res = await crmMarketInformationAdd(formData.value);
|
||||
console.log(res)
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
})
|
||||
uni.$emit('refreshMarketOpportunityList')
|
||||
uni.navigateBack(1)
|
||||
|
||||
// TODO: 在这里添加提交到后端的逻辑,比如调用 api.CrmMarketInformationAdd(formData.value)
|
||||
// 暂时只做校验提示
|
||||
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
const onOpportunityTypeChange = (e) => {
|
||||
opportunityTypeIndex.value = e.detail.value
|
||||
console.log('opportunityTypeIndex:', array.value[e.detail.value]?.name)
|
||||
formData.value.opportunityType = array.value[e.detail.value]?.name || ''
|
||||
}
|
||||
|
||||
const onpoSitionOfOurCompanyChange = (e) => {
|
||||
positionOfOurCompanyIndex.value = e.detail.value
|
||||
console.log('positionOfOurCompanyIndex:', array.value[e.detail.value]?.name)
|
||||
formData.value.positionOfOurCompany = array.value[e.detail.value]?.name || ''
|
||||
}
|
||||
|
||||
const onDevelopmentEffortsChange = (e) => {
|
||||
developmentEffortsIndex.value = e.detail.value
|
||||
console.log('developmentEffortsIndex:', array1.value[e.detail.value]?.name)
|
||||
formData.value.opportunityType = array1.value[e.detail.value]?.name || ''
|
||||
}
|
||||
//定义查询参数
|
||||
const queryParams = ref({
|
||||
informationId: 0
|
||||
})
|
||||
onMounted(() => {
|
||||
crminformationItemForDetail1()
|
||||
})
|
||||
onLoad(options => {
|
||||
queryParams.value.informationId = options.informationId
|
||||
})
|
||||
const dataList = ref([])
|
||||
|
||||
function crminformationItemForDetail1() {
|
||||
crminformationItemForDetail(queryParams.value).then(res => {
|
||||
formData.value = res.rows[0]
|
||||
})
|
||||
}
|
||||
|
||||
// 根据ID删除表单
|
||||
const handleDelete = async () => {
|
||||
try {
|
||||
|
||||
const res = await crmMarketInformationDelete(formData.value);
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
icon: 'success'
|
||||
})
|
||||
uni.$emit('refreshMarketOpportunityList')
|
||||
uni.navigateBack(1)
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 30rpx 0 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(120vh - 100px)
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height:calc(120vh - 80px)
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
:deep(.uni-date-x) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar) {
|
||||
float: right;
|
||||
margin-top: 15rpx;
|
||||
margin-right: 20rpx;
|
||||
background: url('../../../static/images/business/icon-date.png') no-repeat;
|
||||
background-size: 32rpx 35rpx;
|
||||
width: 32rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar::before) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .uni-date__x-input) {
|
||||
padding-left: 20rpx;
|
||||
color: #919191;
|
||||
}
|
||||
</style>
|
||||
@@ -64,7 +64,7 @@ import { ref, onMounted } from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
|
||||
import { getNavBarPaddingTop } from '@/utils/system.js'
|
||||
import { getYsVisistList } from '@/api/crm/api_ys.js'
|
||||
import { visitorReportList } from '@/api/business.js'
|
||||
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
@@ -111,7 +111,7 @@ const mescrollInit = (mescroll) => {
|
||||
const downCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async ()=>{
|
||||
const res = await getGetYsVisistList(1, upOption.value.page.size);
|
||||
const res = await getVisitorReportList(1, upOption.value.page.size);
|
||||
cssFlag.value = false;
|
||||
list.value = res.list;
|
||||
mescroll.resetUpScroll();
|
||||
@@ -128,7 +128,7 @@ const downCallback = async (mescroll) => {
|
||||
const upCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async ()=>{
|
||||
const res = await getGetYsVisistList(mescroll.num, mescroll.size);
|
||||
const res = await getVisitorReportList(mescroll.num, mescroll.size);
|
||||
if (mescroll.num === 1) {
|
||||
list.value = res.list;
|
||||
} else {
|
||||
@@ -142,14 +142,69 @@ const upCallback = async (mescroll) => {
|
||||
}
|
||||
|
||||
// 获取数据列表
|
||||
const getGetYsVisistList = (pageIndex, pageSize) => {
|
||||
const getVisitorReportList = (pageIndex, pageSize) => {
|
||||
return new Promise(async (resolve) => {
|
||||
let param = {
|
||||
pageIndex,
|
||||
pageSize
|
||||
}
|
||||
|
||||
let res = await getYsVisistList(param);
|
||||
// let res = await visitorReportList(param);
|
||||
let res = {
|
||||
list:[
|
||||
{
|
||||
id:1,title:'客户:北京中科睿信科技有限公司',name:'YS-VR2025091515',
|
||||
reportType:1,reportTypeName:'I 类活动 (走访)',statusName:'待胡本华审核',
|
||||
reportPeople:'管理员',dateStr:'2025-09-15'
|
||||
},
|
||||
{
|
||||
id:2,title:'客户:中国船舶集团有限公司第七一 七研究所',name:'YS-VR2025091307',
|
||||
reportType:1,reportTypeName:'I 类活动 (走访)',statusName:'待胡本华审核',
|
||||
reportPeople:'管理员',dateStr:'2025-09-15'
|
||||
},
|
||||
{
|
||||
id:3,title:'客户:旭日阳(北京)科技有限公司',name:'YS-VR2025090902',
|
||||
reportType:1,reportTypeName:'I 类活动 (走访)',statusName:'待审核',
|
||||
reportPeople:'管理员',dateStr:'2025-09-15'
|
||||
},
|
||||
{
|
||||
id:4,title:'客户:北京中科睿信科技有限公司',name:'YS-VR2025091515',
|
||||
reportType:1,reportTypeName:'I 类活动 (走访)',statusName:'待胡本华审核',
|
||||
reportPeople:'管理员',dateStr:'2025-09-15'
|
||||
},
|
||||
{
|
||||
id:5,title:'客户:北京中科睿信科技有限公司',name:'YS-VR2025091515',
|
||||
reportType:1,reportTypeName:'I 类活动 (走访)',statusName:'待胡本华审核',
|
||||
reportPeople:'管理员',dateStr:'2025-09-15'
|
||||
},
|
||||
{
|
||||
id:6,title:'客户:北京中科睿信科技有限公司',name:'YS-VR2025091515',
|
||||
reportType:1,reportTypeName:'I 类活动 (走访)',statusName:'待胡本华审核',
|
||||
reportPeople:'管理员',dateStr:'2025-09-15'
|
||||
},
|
||||
{
|
||||
id:7,title:'客户:北京中科睿信科技有限公司',name:'YS-VR2025091515',
|
||||
reportType:1,reportTypeName:'I 类活动 (走访)',statusName:'待胡本华审核',
|
||||
reportPeople:'管理员',dateStr:'2025-09-15'
|
||||
},
|
||||
{
|
||||
id:8,title:'客户:北京中科睿信科技有限公司',name:'YS-VR2025091515',
|
||||
reportType:1,reportTypeName:'I 类活动 (走访)',statusName:'待胡本华审核',
|
||||
reportPeople:'管理员',dateStr:'2025-09-15'
|
||||
},
|
||||
{
|
||||
id:9,title:'客户:北京中科睿信科技有限公司',name:'YS-VR2025091515',
|
||||
reportType:1,reportTypeName:'I 类活动 (走访)',statusName:'待胡本华审核',
|
||||
reportPeople:'管理员',dateStr:'2025-09-15'
|
||||
},
|
||||
{
|
||||
id:10,title:'客户:北京中科睿信科技有限公司',name:'YS-VR2025091515',
|
||||
reportType:1,reportTypeName:'I 类活动 (走访)',statusName:'待胡本华审核',
|
||||
reportPeople:'管理员',dateStr:'2025-09-15'
|
||||
}
|
||||
],
|
||||
totalCount:14
|
||||
}
|
||||
resolve({
|
||||
list: res.list,
|
||||
total: res.totalCount
|
||||
|
||||
@@ -18,18 +18,18 @@
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="guestName1" class="f-c-right">
|
||||
<multipleSelect :multiple="true" :value="monIndex1" downInner :options="guestList1"
|
||||
@change="changeValue1" :key="Math.round()" :slabel="'label'"
|
||||
@change="changeValue1" :key="Math.round()"
|
||||
></multipleSelect>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="guestName2" class="f-c-right">
|
||||
<multipleSelect :multiple="true" :value="monIndex2" downInner :options="guestList2"
|
||||
@change="changeValue2" :key="Math.round()" :slabel="'label'"
|
||||
@change="changeValue2" :key="Math.round()"
|
||||
></multipleSelect>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="活动内容" name="activeCon" required
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
<multipleSelect :multiple="true" :value="monIndex3" downInner :options="guestList3"
|
||||
@change="changeValue3" :key="Math.round()" :slabel="'label'"
|
||||
@change="changeValue3" :key="Math.round()"
|
||||
></multipleSelect>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
@@ -92,11 +92,11 @@ const changeValue1 = (item, value) => {
|
||||
monIndex1 = value;
|
||||
};
|
||||
const guestList1 = [
|
||||
{ value: 0, label: "客户1" },
|
||||
{ value: 1, label: "客户2" },
|
||||
{ value: 2, label: "客户3" },
|
||||
{ value: 3, label: "客户4" },
|
||||
{ value: 4, label: "客户5" },
|
||||
{ value: 0, text: "客户1" },
|
||||
{ value: 1, text: "客户2" },
|
||||
{ value: 2, text: "客户3" },
|
||||
{ value: 3, text: "客户4" },
|
||||
{ value: 4, text: "客户5" },
|
||||
];
|
||||
|
||||
// 我方人员
|
||||
@@ -106,11 +106,11 @@ const changeValue2 = (item, value) => {
|
||||
monIndex2 = value;
|
||||
};
|
||||
const guestList2 = [
|
||||
{ value: 0, label: "我方1" },
|
||||
{ value: 1, label: "我方2" },
|
||||
{ value: 2, label: "我方3" },
|
||||
{ value: 3, label: "我方4" },
|
||||
{ value: 4, label: "我方5" },
|
||||
{ value: 0, text: "我方1" },
|
||||
{ value: 1, text: "我方2" },
|
||||
{ value: 2, text: "我方3" },
|
||||
{ value: 3, text: "我方4" },
|
||||
{ value: 4, text: "我方5" },
|
||||
];
|
||||
|
||||
// 活动内容
|
||||
@@ -120,11 +120,11 @@ const changeValue3 = (item, value) => {
|
||||
monIndex2 = value;
|
||||
};
|
||||
const guestList3 = [
|
||||
{ value: 0, label: "活动内容1" },
|
||||
{ value: 1, label: "活动内容2" },
|
||||
{ value: 2, label: "活动内容3" },
|
||||
{ value: 3, label: "活动内容4" },
|
||||
{ value: 4, label: "活动内容5" },
|
||||
{ value: 0, text: "活动内容1" },
|
||||
{ value: 1, text: "活动内容2" },
|
||||
{ value: 2, text: "活动内容3" },
|
||||
{ value: 3, text: "活动内容4" },
|
||||
{ value: 4, text: "活动内容5" },
|
||||
];
|
||||
|
||||
// 业务招待
|
||||
|
||||
@@ -2,24 +2,33 @@
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'业务中心'"
|
||||
:leftFlag="false" :rightFlag="false"
|
||||
<customHeader ref="customHeaderRef" :title="!searchShow?'业务中心':'搜索'"
|
||||
:leftFlag="!searchShow?false:true"
|
||||
:rightFlag="false"
|
||||
@back="handleBack"
|
||||
:searchType="searchShow?1:undefined"
|
||||
></customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 搜索 -->
|
||||
<view class="search">
|
||||
<!-- 搜索 @confirm="handleSearch" -->
|
||||
<customSearch v-if="searchShow"
|
||||
:searchKeywords="searchText"
|
||||
:searchType="searchTypeObj"
|
||||
@confirm="handleSearchConfirm"
|
||||
></customSearch>
|
||||
<view class="search" v-else>
|
||||
<uni-search-bar class="custom-search" radius="28"
|
||||
placeholder="请输入您想查询的内容或服务"
|
||||
clearButton="auto" cancelButton="none"
|
||||
bgColor="#6FA2F8" textColor="#ffffff"
|
||||
@confirm="handleSearch"
|
||||
@focus="handleSearchFocus"
|
||||
v-model="searchText"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<!-- 下拉刷新 -->
|
||||
<mescroll-uni ref="mescrollRef" @init="mescrollInit"
|
||||
<mescroll-uni v-if="!searchShow" ref="mescrollRef" @init="mescrollInit"
|
||||
:down="downOption" @down="downCallback"
|
||||
:fixed="false" class="scroll-h"
|
||||
>
|
||||
@@ -27,49 +36,26 @@
|
||||
<view class="white-bg">
|
||||
<view class="w-b-title">
|
||||
首页日常服务
|
||||
<view type="primary" @click="handleEdit" class="btn-edit">编 辑</view>
|
||||
<view type="primary" @click="handleJump('/pages/business/editDaily')" class="btn-edit">编 辑</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 企业日常 -->
|
||||
<view class="white-bg">
|
||||
<view class="w-b-title" @click="handleExpand">企业日常
|
||||
<text>{{expandFlag?'展开':'收起'}}<i :class="{iconfont:true,'icon-up':!expandFlag,'icon-down':expandFlag}"></i></text>
|
||||
<!-- 业务列表 -->
|
||||
<view class="white-bg" v-for="(item,index) in list" :key="index">
|
||||
<view class="w-b-title" @click="handleExpand(item)">{{ item.bizName }}
|
||||
<text>{{item.expandFlag?'展开':'收起'}}<i :class="{iconfont:true,'icon-up':!item.expandFlag,'icon-down':item.expandFlag}"></i></text>
|
||||
</view>
|
||||
<view class="logo-list" v-if="!expandFlag">
|
||||
<view v-for="(item,index) in list1" class="l-l-item" :key="index">
|
||||
<img :src="item.imgSrc" />
|
||||
<text class="font-gray">{{ item.name }}</text>
|
||||
<block v-if="!item.expandFlag">
|
||||
<view class="logo-list" v-if="item.children&&item.children.length>0">
|
||||
<block v-for="(item2,index2) in item.children">
|
||||
<view class="l-l-item"
|
||||
@click="handleJump(item2.bizUrl)">
|
||||
<img :src="'static/images/business/'+item2.icon+'.png'" />
|
||||
<text class="font-gray">{{ item2.bizName }}</text>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- CRM系统 -->
|
||||
<view class="white-bg">
|
||||
<view class="w-b-title" @click="handleExpand2">CRM系统
|
||||
<text>{{expandFlag2?'展开':'收起'}}<i :class="{iconfont:true,'icon-up':!expandFlag2,'icon-down':expandFlag2}"></i></text>
|
||||
</view>
|
||||
<view class="logo-list" v-if="!expandFlag2">
|
||||
<view v-for="(item,index) in list2" class="l-l-item" :key="index" @click="handleJump(item.url)">
|
||||
<uni-badge :text="item.badgeCount" size="small"></uni-badge>
|
||||
<img :src="item.imgSrc" />
|
||||
<text class="font-gray">{{ item.name }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 供应链采纳 -->
|
||||
<view class="white-bg">
|
||||
<view class="w-b-title">供应链采纳
|
||||
<text>展开<i :class="{iconfont:true,'icon-down':true}"></i></text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- PLM系统 -->
|
||||
<view class="white-bg">
|
||||
<view class="w-b-title">PLM系统
|
||||
<text>展开<i :class="{iconfont:true,'icon-down':true}"></i></text>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
<!-- 底部加高度来避免tabbar遮挡 -->
|
||||
@@ -81,10 +67,25 @@
|
||||
|
||||
<script setup>
|
||||
import { ref,onMounted } from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { onLoad,onHide } from '@dcloudio/uni-app';
|
||||
import customHeader from '@/components/customHeader.vue';
|
||||
import customSearch from '@/components/customSearch.vue'
|
||||
import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
|
||||
import { getNavBarPaddingTop} from '@/utils/system.js'
|
||||
import { businessDaily,businessCRMList } from '@/api/business.js';
|
||||
import { businessList } from '@/api/business.js';
|
||||
import {showLoading,hideLoading} from '@/utils/message.js'
|
||||
import { initTree } from '@/utils/common.js';
|
||||
|
||||
onLoad(async(opt) => {
|
||||
// uni.setStorageSync('page_cache',true);
|
||||
try {
|
||||
showLoading("加载中...")
|
||||
getList();
|
||||
hideLoading();
|
||||
} catch (error) {
|
||||
hideLoading();
|
||||
}
|
||||
})
|
||||
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
@@ -92,9 +93,47 @@ onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop()*2;
|
||||
})
|
||||
|
||||
// 查询搜索跳转
|
||||
let handleSearch = ()=>{
|
||||
// 搜索处理
|
||||
let searchShow = ref(false);
|
||||
let searchText = ref(undefined);
|
||||
let searchTypeObj = ref({typeId:2});
|
||||
|
||||
onHide(()=>{
|
||||
searchShow.value=false;
|
||||
})
|
||||
|
||||
// 搜索返回操作
|
||||
const handleBack=()=>{
|
||||
searchShow.value=false;
|
||||
}
|
||||
// 获取input 焦点跳转
|
||||
const handleSearchFocus=()=>{
|
||||
searchShow.value = true;
|
||||
}
|
||||
|
||||
// 搜索完返回处理
|
||||
const handleSearchConfirm = (param1,param2)=>{
|
||||
// console.log(param1,param2)
|
||||
searchText.value=param2.value;;
|
||||
searchShow.value=false;
|
||||
}
|
||||
|
||||
// 查询列表
|
||||
let list = ref([]);
|
||||
let getList = async()=>{
|
||||
let searchValue = searchText.value?searchText.value:undefined;
|
||||
let res = await businessList({searchValue});//查询所有业务
|
||||
let arr = res || [];
|
||||
let bizList = initTree(arr,0,'bizId');//递归获取数组处理
|
||||
bizList.forEach(item => {
|
||||
item.expandFlag = false;
|
||||
});
|
||||
list.value = bizList;
|
||||
}
|
||||
|
||||
// 右侧展开
|
||||
let handleExpand = (item)=>{
|
||||
item.expandFlag = !item.expandFlag;
|
||||
}
|
||||
|
||||
// 下拉刷新
|
||||
@@ -112,9 +151,10 @@ const downOption = ref({
|
||||
// 下拉刷新
|
||||
const downCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async ()=>{
|
||||
// mescroll.resetUpScroll();
|
||||
},500);
|
||||
getList();
|
||||
// setTimeout(async ()=>{
|
||||
// // mescroll.resetUpScroll();
|
||||
// },500);
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
} finally {
|
||||
@@ -124,41 +164,8 @@ const downCallback = async (mescroll) => {
|
||||
}
|
||||
}
|
||||
|
||||
// 日常服务编辑
|
||||
let handleEdit=()=>{
|
||||
|
||||
}
|
||||
|
||||
// 图标查询处理
|
||||
// 1.企业日常
|
||||
let list1 = ref([])
|
||||
let getBusinessDailyList= async ()=>{
|
||||
let busRes = await businessDaily({});
|
||||
list1.value = busRes.list || [];
|
||||
}
|
||||
getBusinessDailyList();
|
||||
// 企业日常-右侧展开
|
||||
let expandFlag=ref(false);
|
||||
let handleExpand = ()=>{
|
||||
expandFlag.value = !expandFlag.value;
|
||||
}
|
||||
|
||||
// 2.CRM系统
|
||||
let list2 = ref([])
|
||||
let getBusinessCRMList= async ()=>{
|
||||
let busRes = await businessCRMList({});
|
||||
list2.value = busRes.list || [];
|
||||
}
|
||||
getBusinessCRMList();
|
||||
// 企业日常-右侧展开
|
||||
let expandFlag2=ref(false);
|
||||
let handleExpand2 = ()=>{
|
||||
expandFlag2.value = !expandFlag2.value;
|
||||
}
|
||||
|
||||
// 跳转
|
||||
let handleJump=(url)=>{
|
||||
console.log(url)
|
||||
if(url){
|
||||
uni.navigateTo({ url })
|
||||
}
|
||||
@@ -169,7 +176,7 @@ let handleJump=(url)=>{
|
||||
<style scope>
|
||||
.scroll-h{
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px) !important;
|
||||
height: calc(100vh - 130px) !important;
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 140px) !important;
|
||||
|
||||
242
src/pages/business/editDaily.vue
Normal file
@@ -0,0 +1,242 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'常用服务'"
|
||||
:leftFlag="true" :rightFlag="false"
|
||||
></customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 下拉刷新 -->
|
||||
<mescroll-uni ref="mescrollRef" @init="mescrollInit"
|
||||
:down="downOption" @down="downCallback"
|
||||
:fixed="false" class="scroll-h"
|
||||
>
|
||||
<view class="white-bg">
|
||||
<view v-for="(item,index) in list" :key="index">
|
||||
<view class="bus-title">{{ item.bizName }}</view>
|
||||
<view class="bus-list">
|
||||
<view class="bus-tips" :class="{'bus-blue':item2.isDaily}"
|
||||
v-for="(item2,index2) in item.children" :key="index2"
|
||||
@click="handleCheck(item2)"
|
||||
>
|
||||
{{ item2.bizName }}
|
||||
<view class="bus-icon" v-if="item2.isDaily">
|
||||
<uni-icons type="checkmarkempty" size="12" color="#fff"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom-height"></view>
|
||||
</view>
|
||||
</mescroll-uni>
|
||||
|
||||
<!-- 提交按钮 -->
|
||||
<view class="bus-btn-con">
|
||||
<view class="bus-btn" @click="handleSubmit">提 交({{count}})</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref,onMounted } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
|
||||
import { getNavBarPaddingTop} from '@/utils/system.js'
|
||||
import { businessList,bizFavoriteSetting } from '@/api/business.js';
|
||||
import { getUserFavorite } from '@/api/home.js';
|
||||
import {showLoading,hideLoading,showAlert} from '@/utils/message.js'
|
||||
import { initTree } from '@/utils/common.js'
|
||||
|
||||
// 初始化加载
|
||||
onLoad(async(opt) => {
|
||||
uni.setStorageSync('page_cache',true);
|
||||
try {
|
||||
showLoading("加载中...")
|
||||
getList();
|
||||
hideLoading();
|
||||
} catch (error) {
|
||||
hideLoading();
|
||||
}
|
||||
})
|
||||
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop()*2;
|
||||
})
|
||||
|
||||
// 查询列表
|
||||
let list = ref([]);
|
||||
let count = ref(0);
|
||||
let bizIds = ref([]);//常用服务列表
|
||||
let getList = async()=>{
|
||||
let arrNew = [];
|
||||
bizIds.value = [];
|
||||
let res = await businessList({});//查询所有业务
|
||||
let arr = res || [];
|
||||
|
||||
let res2 = await getUserFavorite({});//查询当前用户的常用服务
|
||||
let arr2 = res2 || [];
|
||||
count.value = arr2.length;
|
||||
arr2.forEach(item=>{
|
||||
bizIds.value.push(item.bizId)
|
||||
});
|
||||
|
||||
arr.forEach(item=>{
|
||||
item.isDaily=false;
|
||||
arr2.forEach(item2=>{
|
||||
if(item2.bizId==item.bizId){
|
||||
item.isDaily=true;
|
||||
}
|
||||
})
|
||||
arrNew.push(item)
|
||||
})
|
||||
|
||||
let bizList = initTree(arrNew,0,'bizId');//递归获取数组处理
|
||||
bizList.forEach(item => {
|
||||
item.expandFlag = false;
|
||||
});
|
||||
list.value = bizList;
|
||||
// console.log("list=>",list.value)
|
||||
}
|
||||
|
||||
// 下拉刷新
|
||||
const mescrollRef = ref(null);
|
||||
const mescrollInit = (mescroll) => {
|
||||
mescrollRef.value = mescroll;
|
||||
};
|
||||
const downOption = ref({
|
||||
auto: true,
|
||||
textInOffset: '下拉刷新',
|
||||
textOutOffset: '释放更新',
|
||||
textLoading: '刷新中...'
|
||||
});
|
||||
|
||||
// 下拉刷新
|
||||
const downCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async ()=>{
|
||||
// mescroll.resetUpScroll();
|
||||
},500);
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
} finally {
|
||||
setTimeout(async ()=>{
|
||||
mescroll.endSuccess();
|
||||
},500);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 选择常用
|
||||
const handleCheck=(item)=>{
|
||||
item.isDaily = !item.isDaily;
|
||||
if(item.isDaily){
|
||||
count.value++;
|
||||
bizIds.value.push(item.bizId);
|
||||
}else{
|
||||
count.value--;
|
||||
const index = bizIds.value.findIndex(item2 => item2 == item.bizId);
|
||||
if (index !== -1) {
|
||||
bizIds.value.splice(index, 1);
|
||||
}
|
||||
}
|
||||
|
||||
// console.log("handleCheck=>bizIds=>",bizIds.value)
|
||||
}
|
||||
|
||||
// 提交
|
||||
const handleSubmit= async()=>{
|
||||
try {
|
||||
showLoading("加载中...")
|
||||
console.log("bizIds=>",bizIds.value)
|
||||
await bizFavoriteSetting({bizIds:bizIds.value.join(",")});
|
||||
showAlert("操作成功")
|
||||
hideLoading();
|
||||
} catch (error) {
|
||||
hideLoading();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.scroll-h{
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.white-bg{
|
||||
width: 690rpx;
|
||||
margin-bottom:0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
min-height: calc(100vh - 100px);
|
||||
}
|
||||
|
||||
:deep(.mescroll-upwarp){
|
||||
display:none
|
||||
}
|
||||
|
||||
.bus-title{
|
||||
font-weight: bold;
|
||||
margin:0rpx 0 30rpx;
|
||||
}
|
||||
|
||||
.bus-list{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap:10px;
|
||||
flex-flow:row wrap;
|
||||
margin-bottom:40rpx;
|
||||
}
|
||||
.bus-list .bus-tips{
|
||||
/* width:210rpx; */
|
||||
min-width: calc(100% / 3 - 30px);
|
||||
height:60rpx;
|
||||
line-height: 60rpx;
|
||||
font-size:28rpx;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
padding:0 10px;
|
||||
background-color: #fff;
|
||||
color:#333333;
|
||||
border:1px solid #E8E8E8;
|
||||
}
|
||||
.bus-list .bus-blue{
|
||||
border:1px solid #05A3F4;
|
||||
background-color: #05A3F4;
|
||||
color:#fff;
|
||||
position: relative;
|
||||
}
|
||||
.bus-list .bus-blue .bus-icon{
|
||||
position:absolute;
|
||||
right:-10rpx;
|
||||
top:-10rpx;
|
||||
background-color: #02C74C;
|
||||
width:32rpx;
|
||||
height:32rpx;
|
||||
line-height: 32rpx;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bus-btn-con{
|
||||
position: fixed;
|
||||
bottom:0;
|
||||
background-color: #fff;
|
||||
width:100%;
|
||||
padding:70rpx 0;
|
||||
}
|
||||
.bus-btn-con .bus-btn{
|
||||
background-color: #05A3F4;
|
||||
color:#fff;
|
||||
text-align: center;
|
||||
width:360rpx;
|
||||
height:80rpx;
|
||||
line-height: 80rpx;
|
||||
margin:0 auto;
|
||||
border-radius: 40rpx;
|
||||
}
|
||||
</style>
|
||||
578
src/pages/deviceAuth/deviceAuth.vue
Normal file
@@ -0,0 +1,578 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="container">
|
||||
<view class="bg"></view>
|
||||
<view class="bg-con">
|
||||
<view :style="{height: navBarPaddingTop + 'px'}"></view>
|
||||
<view class="auth-title">
|
||||
<image src="@/static/images/icon-lock@2x.png"/>
|
||||
<text>{{networkEnv==1?'内网':''}}设备授权</text>
|
||||
</view>
|
||||
<view class="login-con">
|
||||
<!-- 登录 -->
|
||||
<block v-if="!bindStatus">
|
||||
<view class="login-form" :class="{network1:networkEnv==1}">
|
||||
<uni-forms ref="form2" :model="formData2" :rules="rules2" label-position="top">
|
||||
<!-- networkEnv -->
|
||||
<uni-forms-item label="设备标识" required name="uniqCode" v-if="networkEnv==1">
|
||||
<view class="code-con code-device">
|
||||
<uni-easyinput prefixIcon="person" :inputBorder="false"
|
||||
v-model="formData2.uniqCode" placeholder="请输入设备标识"
|
||||
>
|
||||
<!-- <template #prefixIcon> -->
|
||||
<!-- <image src="@/static/images/login-biaoshi.png" style="width: 20px; height: 20px;" /> -->
|
||||
<!-- </template> -->
|
||||
|
||||
</uni-easyinput>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="用户名" required name="username">
|
||||
<view class="code-con">
|
||||
<uni-easyinput prefixIcon="person" :inputBorder="false"
|
||||
v-model="formData2.username" placeholder="请输入用户名"
|
||||
/>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="密码" required name="password" class="password">
|
||||
<view class="code-con">
|
||||
<uni-easyinput prefixIcon="locked" type="password" :inputBorder="false"
|
||||
v-model="formData2.password" placeholder="请输入登录密码"
|
||||
/>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
<button type="primary" class="btn-submit" @click="submitForm" :loading="btnLoading" :disabled="btnLoading">设备授权申请</button>
|
||||
</block>
|
||||
|
||||
<!-- 等待页面(定时任务查询 10秒查询一次) -->
|
||||
<view v-if="bindStatus==2" class="login-form approval">
|
||||
<view class="approval-title">审核中,请等待...</view>
|
||||
<button type="primary" class="btn-refresh" @click="handleRefresh">刷新</button>
|
||||
</view>
|
||||
<!-- bindStatus=5-----显示授权失败,联系管理员 -->
|
||||
<view v-if="bindStatus==5" class="login-form approval-red-con">
|
||||
<view class="approval-red">显示授权失败,联系管理员</view>
|
||||
</view>
|
||||
<!-- bindStatus=3-----输入授权码页面 -->
|
||||
<block v-if="bindStatus==3">
|
||||
<view class="login-form approval" style="padding:110rpx 55rpx 150rpx;">
|
||||
<view class="approval-title">审核通过,请输入授权码</view>
|
||||
<view class="auth-code">
|
||||
<input v-for="(item, index) in codes"
|
||||
password
|
||||
:key="index"
|
||||
v-model="codes[index]"
|
||||
type="number"
|
||||
maxlength="1"
|
||||
:ref="el => { if (el) inputRefs[index] = el }"
|
||||
@input="handleInput(index, $event)"
|
||||
@keydown.delete="handleDelete(index, $event)"
|
||||
:focus="activeIndex==index"
|
||||
@blur="handleBlur(index,codes[index])"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<button type="primary" class="btn-submit" @click="handleSubmit" :loading="subLoading" :disabled="subLoading">提交</button>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="bottom-pic">
|
||||
<image src="@/static/images/PicLogo@2x.png" class="pic-logo" />
|
||||
<view class="bottom-bg"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref,nextTick,onMounted,onUnmounted,getCurrentInstance } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import { v4 as uuidv4 } from 'uuid'
|
||||
import { getNavBarPaddingTop} from '@/utils/system.js';
|
||||
import { getBindStatus,authDeviceApply,authInputCode } from '@/api/auth.js';
|
||||
import {showToast,showAlert} from '@/utils/message.js'
|
||||
import encryptObj from '@/utils/encrypt.js'
|
||||
import { requestAndroidPermissionAsync } from '@/utils/common.js'
|
||||
|
||||
const { proxy } = getCurrentInstance();
|
||||
import { useUserStore } from '@/stores/user';
|
||||
const userStore = useUserStore();
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
// 获取 存储手机的module
|
||||
const safeSave = uni.requireNativePlugin("Tm-TmSafeSaveFileModule");
|
||||
// #endif
|
||||
let systemInfo = {};
|
||||
let deviceId = ref(undefined);
|
||||
let clientId = `${proxy.$CLIENT_ID || 2}`;
|
||||
let networkEnv = ref(proxy.$NETWORK_ENV);//1-内网 2-外网
|
||||
onLoad(async(opt) => {
|
||||
console.log("deviceAuth=>onLoad",clientId,networkEnv.value);
|
||||
uni.setStorageSync('page_cache',true);
|
||||
// uni.preloadPage({url: "/pages/login/login"});
|
||||
// uni.preloadPage({url: "/pages/home/home"});
|
||||
|
||||
systemInfo = uni.getSystemInfoSync()
|
||||
// #ifdef APP-PLUS
|
||||
try {
|
||||
safeSave.getSafeFile({ "key": "app_device_id" }, res2 => {
|
||||
if (res2.code == 1) {
|
||||
let deviceId = res2.data;
|
||||
console.log("读取成功=>",deviceId)
|
||||
deviceId.value = deviceId; // 本地设备ID
|
||||
selectBindStatus(deviceId);
|
||||
if(bindStatus.value==2){
|
||||
// bindStatus=2-----到等待页面(定时任务查询 10秒查询一次)
|
||||
timer = setInterval(()=>{
|
||||
refreshBindStatus()
|
||||
},1000*10)//10秒刷新一次
|
||||
}
|
||||
} else {
|
||||
// showAlert('读取失败:'+res2.msg)
|
||||
}
|
||||
})
|
||||
|
||||
} catch (error) {
|
||||
console.error('权限请求出错:', error);
|
||||
// showAlert('权限请求出错:', error)
|
||||
}
|
||||
// #endif
|
||||
})
|
||||
|
||||
// 绑定状态(1=已提交、2=等待审核、3=审核通过、4=绑定成功、5=审核拒绝)
|
||||
let bindStatus = ref(undefined);
|
||||
let timer = null;
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
onMounted(async () => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop();
|
||||
})
|
||||
|
||||
// 组件卸载时清除定时器
|
||||
onUnmounted(() => {
|
||||
if (timer) clearInterval(timer)
|
||||
})
|
||||
|
||||
// 根据设备ID查询设备状态
|
||||
let selectBindStatus = async (uniqCode)=>{
|
||||
if(uniqCode){
|
||||
let res = await getBindStatus({uniqCode})
|
||||
bindStatus.value = res.bindStatus;
|
||||
//bindStatus=4-----已绑定成功,跳转用户登录页面
|
||||
if(bindStatus.value==4){
|
||||
if (userStore.isLogin) {
|
||||
uni.reLaunch({
|
||||
url: '/pages/home/home',
|
||||
});
|
||||
}else{
|
||||
uni.reLaunch({
|
||||
url: '/pages/login/login',
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 刷新定时任务
|
||||
let refreshBindStatus = async ()=>{
|
||||
let res = await getBindStatus({uniqCode:deviceId.value})
|
||||
bindStatus.value = res.bindStatus;
|
||||
if(bindStatus.value==2){
|
||||
|
||||
}else{
|
||||
if(bindStatus.value==4){
|
||||
if (userStore.isLogin) {
|
||||
uni.reLaunch({
|
||||
url: '/pages/home/home',
|
||||
});
|
||||
}else{
|
||||
uni.reLaunch({
|
||||
url: '/pages/login/login',
|
||||
});
|
||||
}
|
||||
}
|
||||
if (timer) clearInterval(timer)
|
||||
}
|
||||
}
|
||||
|
||||
// 账号登录
|
||||
const form2 = ref(null);
|
||||
const formData2 = ref({
|
||||
uniqCode:'',
|
||||
username: '',
|
||||
password: ''
|
||||
});
|
||||
|
||||
const rules2 = {
|
||||
uniqCode:{
|
||||
rules: [
|
||||
{ required: true, errorMessage: '请输入设备标识' },
|
||||
]
|
||||
},
|
||||
username: {
|
||||
rules: [
|
||||
{ required: true, errorMessage: '请输入用户名' },
|
||||
// { minLength: 3, maxLength: 10, errorMessage: '用户名长度在3到10个字符之间' }
|
||||
]
|
||||
},
|
||||
password: {
|
||||
rules: [
|
||||
{ required: true, errorMessage: '请输入密码' },
|
||||
// { pattern: /^[a-zA-Z0-9]{6,12}$/, errorMessage: '密码必须是6-12位字母或数字' }
|
||||
]
|
||||
}
|
||||
};
|
||||
const btnLoading=ref(false)
|
||||
// 登录提交
|
||||
const submitForm = async() => {
|
||||
// 用户名和密码登录
|
||||
form2.value.validate().then(async param => {
|
||||
btnLoading.value = true;
|
||||
//1-内网,2-外网
|
||||
if(networkEnv.value==1){
|
||||
deviceId.value = param.uniqCode;
|
||||
}else{
|
||||
deviceId.value = uuidv4(); //2-外网 生成的设备唯一标识
|
||||
}
|
||||
|
||||
let password = encryptObj.Encrypt(param.username + clientId + "," + param.password);
|
||||
let params = {
|
||||
username:param.username,
|
||||
password,
|
||||
networkEnv:networkEnv.value,//1-内网,2-外网
|
||||
uniqCode:deviceId.value,
|
||||
...systemInfo,//设备信息
|
||||
// #ifdef APP-PLUS
|
||||
verId:systemInfo.appWgtVersion,//当前版本号
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
verId : systemInfo.appVersion,
|
||||
// #endif
|
||||
osAndroidApiLevel:systemInfo.osAndroidAPILevel
|
||||
}
|
||||
let res = await authDeviceApply(params);
|
||||
btnLoading.value = false;
|
||||
|
||||
try {
|
||||
// 存储设备id
|
||||
safeSave.saveSafeFile({ "key": "app_device_id","value": deviceId.value}, res3 => {
|
||||
// showAlert("保存成功=>"+JSON.stringify(res3));
|
||||
if (res3.code == 1) {
|
||||
console.log('保存成功:'+res3.msg)
|
||||
// showAlert("保存成功=>"+res3.msg);
|
||||
// uni.setStorageSync('app_device_id', deviceId.value)
|
||||
bindStatus.value = res.bindStatus;//默认为 2-等待审核
|
||||
// 刷新状态
|
||||
refreshBindStatus();
|
||||
timer = setInterval(()=>{
|
||||
refreshBindStatus()
|
||||
},1000*10)//10秒刷新一次
|
||||
} else {
|
||||
console.log("保存失败=>",res3.msg)
|
||||
// showAlert('保存失败:'+res3.msg)
|
||||
}
|
||||
})
|
||||
|
||||
} catch (error) {
|
||||
console.log("saveSafeFile=>",error)
|
||||
// showAlert('设备处理异常:'+error)
|
||||
}
|
||||
|
||||
}).catch(err => {
|
||||
console.log('表单错误11:', err);
|
||||
btnLoading.value = false;
|
||||
});
|
||||
};
|
||||
|
||||
// 刷新
|
||||
const handleRefresh = ()=>{
|
||||
selectBindStatus(deviceId.value);
|
||||
}
|
||||
|
||||
const codes = ref(Array(6).fill(''))
|
||||
const inputRefs = ref([]);
|
||||
const activeIndex = ref(0);//初始化焦点
|
||||
let authCode = ref('')
|
||||
const handleInput = (index, event) => {
|
||||
// 只允许数字输入
|
||||
const value = event.detail.value.replace(/\D/g, '')
|
||||
codes.value[index] = value
|
||||
|
||||
// 自动跳转到下一个输入框
|
||||
if (value && index < 5) {
|
||||
nextTick(() => {
|
||||
activeIndex.value = index+1;
|
||||
})
|
||||
}
|
||||
|
||||
// 输入最后一个框时获取值
|
||||
// if (index === 5 && value) {
|
||||
// authCode.value = codes.value.join('')
|
||||
// console.log('输入完成:', authCode.value)
|
||||
// }
|
||||
}
|
||||
|
||||
// 鼠标离开
|
||||
const handleBlur = (index,value)=>{
|
||||
codes.value[index] = value;
|
||||
authCode.value = codes.value.join('');
|
||||
// console.log('鼠标离开:', authCode.value)
|
||||
}
|
||||
|
||||
const handleDelete = (index, event) => {
|
||||
// 如果当前框为空且按下删除键,跳转到上一个输入框
|
||||
if (!codes.value[index] && index > 0) {
|
||||
event.preventDefault() // 阻止默认删除行为
|
||||
nextTick(() => {
|
||||
activeIndex.value = index-1;
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 执行设备绑定
|
||||
let subLoading = ref(false)
|
||||
const handleSubmit=()=>{
|
||||
console.log("authCode=>",authCode.value)
|
||||
if(!authCode.value){
|
||||
showToast("请输入验证码")
|
||||
return;
|
||||
}
|
||||
if(authCode.value.length!=6){
|
||||
showToast("请正确输入验证码")
|
||||
return;
|
||||
}
|
||||
|
||||
let uniqCode = deviceId.value;
|
||||
let param={
|
||||
uniqCode,
|
||||
authCode:authCode.value
|
||||
}
|
||||
subLoading.value=true;
|
||||
console.log("param=>",param)
|
||||
authInputCode(param).then(res=>{
|
||||
console.log("authInputCode=>",res)
|
||||
uni.reLaunch({ url: '/pages/login/login' })
|
||||
}).finally(()=>{
|
||||
subLoading.value = false;
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.container {
|
||||
background:#307AF5 !important;
|
||||
height:100vh !important;
|
||||
position: relative;
|
||||
}
|
||||
.container .bg{
|
||||
background:url('@/static/images/bg@2x.png') no-repeat;
|
||||
background-size:750rpx 663rpx;
|
||||
width: 750rpx;
|
||||
height: 663rpx;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.container .bg-con{
|
||||
position: absolute;
|
||||
top:200rpx;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.container .bg-con .auth-title{
|
||||
color:#fff;
|
||||
margin:0 auto;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.container .bg-con .auth-title image{
|
||||
width:52rpx;
|
||||
height:64rpx;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
.container .bg-con .auth-title text{
|
||||
color:#fff;
|
||||
font-size:56rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.container .login-con{
|
||||
width:610rpx;
|
||||
margin:70rpx auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
:deep(uni-button:after){
|
||||
border:none;
|
||||
}
|
||||
|
||||
.container .login-form{
|
||||
background: #fff;
|
||||
border-radius: 30rpx;
|
||||
padding:30rpx 55rpx 15rpx;
|
||||
/* width:610rpx; */
|
||||
width:500rpx;
|
||||
margin:70rpx auto;
|
||||
}
|
||||
.container .login-form .code-con{
|
||||
padding:0 0 10rpx;
|
||||
margin:0 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color:#919191;
|
||||
border-bottom: 1px solid #E7E7E7;
|
||||
}
|
||||
|
||||
|
||||
:deep(.uni-forms-item__label){
|
||||
color:#239FDF;
|
||||
font-weight: bold;
|
||||
font-size:28rpx;
|
||||
padding:0 !important;
|
||||
}
|
||||
:deep(.uni-easyinput__content){
|
||||
color:#333;
|
||||
font-weight: bold;
|
||||
font-size:32rpx;
|
||||
|
||||
}
|
||||
:deep(.uni-easyinput__content) .uni-icons{
|
||||
font-weight: normal;
|
||||
font-size:40rpx !important;
|
||||
color:#239FDF !important;
|
||||
}
|
||||
|
||||
:deep(.uni-input-placeholder){
|
||||
background:none;
|
||||
font-weight:normal;
|
||||
color:#BFBFBF;
|
||||
font-size:28rpx;
|
||||
}
|
||||
:deep(.uni-forms-item__error){
|
||||
padding-left:60rpx;
|
||||
}
|
||||
:deep(.uni-forms-item .is-required){
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 使用深度选择器 */
|
||||
:deep(.uni-easyinput__content .uni-icons.uniui-clear) {
|
||||
color: #BFBFBF !important;
|
||||
font-weight: normal !important;
|
||||
font-size:40rpx !important;
|
||||
}
|
||||
:deep(.uni-easyinput__content .uni-icons.uniui-clear::before){
|
||||
content: "\e66c" !important;
|
||||
}
|
||||
|
||||
/* 加设备ID样式 */
|
||||
.container .login-form.network1{
|
||||
padding-bottom:50rpx;
|
||||
}
|
||||
.container .login-form.network1 .code-con{
|
||||
padding:0 0 3rpx;
|
||||
}
|
||||
.container .login-form.network1 :deep(.uni-forms-item){
|
||||
margin-bottom:10px !important
|
||||
}
|
||||
.container .login-form.network1 :deep(.uni-easyinput__content-input){
|
||||
height: 30px !important;
|
||||
}
|
||||
|
||||
.container .login-form .code-con.code-device :deep(.uni-easyinput__content .uniui-person){
|
||||
background: url('@/static/images/login-biaoshi.png') 15rpx no-repeat;
|
||||
background-size:25rpx 30rpx;
|
||||
width: 25rpx;
|
||||
height: 30rpx;
|
||||
margin-right:10rpx;
|
||||
}
|
||||
.container .login-form .code-con.code-device :deep(.uniui-person:before){
|
||||
display: none;
|
||||
}
|
||||
|
||||
.btn-submit{
|
||||
width:496rpx;
|
||||
height:88rpx;
|
||||
line-height: 88rpx;
|
||||
background-color:#09BC48 !important;
|
||||
margin:90rpx auto 0;
|
||||
font-size:36rpx;
|
||||
border-radius: 44rpx;
|
||||
}
|
||||
.btn-submit::after{
|
||||
border:none;
|
||||
}
|
||||
|
||||
.container .bottom-pic{
|
||||
position: absolute;
|
||||
bottom:48rpx;
|
||||
width: 488rpx;
|
||||
left:50%;
|
||||
margin-left:-244rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.container .bottom-pic .pic-logo{
|
||||
width:156rpx;
|
||||
height:130rpx;
|
||||
margin:0 auto 40rpx;
|
||||
}
|
||||
.container .bottom-pic .bottom-bg{
|
||||
background:url('@/static/images/PicLogoTxt@2x.png') no-repeat;
|
||||
background-size:488rpx 64rpx;
|
||||
width: 488rpx;
|
||||
height: 64rpx;
|
||||
}
|
||||
|
||||
.container .login-con .approval{
|
||||
padding:120rpx 55rpx;
|
||||
}
|
||||
.container .login-con .approval-red-con{
|
||||
width:510rpx;
|
||||
padding:120rpx 50rpx;
|
||||
}
|
||||
.container .login-con .approval-red{
|
||||
color:#FF2B44;
|
||||
font-size: 42rpx;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
.container .login-con .approval-title{
|
||||
color:#0395E0;
|
||||
font-size: 42rpx;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
.container .login-con .btn-refresh{
|
||||
width:300rpx;
|
||||
height:80rpx;
|
||||
line-height: 80rpx;
|
||||
background-color:#05A3F4 !important;
|
||||
margin:90rpx auto 0;
|
||||
font-size:36rpx;
|
||||
border-radius: 44rpx;
|
||||
}
|
||||
.container .login-con .auth-code{
|
||||
display: flex;
|
||||
margin-top:50rpx;
|
||||
justify-content: center;
|
||||
}
|
||||
.container .login-con .auth-code uni-input{
|
||||
background:#E6E6E6;
|
||||
margin-right:20rpx;
|
||||
width:70rpx;
|
||||
height:80rpx;
|
||||
min-height: 80rpx;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
font-size: 70rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.container .login-con .auth-code uni-input:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
</style>
|
||||
74
src/pages/h5-webview/h5-webview.vue
Normal file
@@ -0,0 +1,74 @@
|
||||
<template>
|
||||
<view id="test">
|
||||
<!-- #ifdef h5 -->
|
||||
<web-view :src="url"></web-view>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref,onMounted,getCurrentInstance } from 'vue';
|
||||
import { onLoad,onReady,onBackPress } from '@dcloudio/uni-app';
|
||||
const { proxy } = getCurrentInstance();
|
||||
|
||||
let windowInfo = ref(null);
|
||||
let url = ref('');
|
||||
let title = ref('');
|
||||
onLoad(async(opt) => {
|
||||
console.log(opt)
|
||||
url.value = opt.url;
|
||||
title.value = opt.title;
|
||||
// #ifdef APP-PLUS
|
||||
titleNViewWebview(url.value,title.value);
|
||||
// #endif
|
||||
// uni.getSystemInfo({
|
||||
// success: (res)=> {
|
||||
// windowInfo.value = res;
|
||||
// createWvAndLoadUrl(url.value,title.value);
|
||||
// }
|
||||
// });
|
||||
})
|
||||
|
||||
|
||||
|
||||
// 带标题栏控件的Webview窗口
|
||||
let webview = null;
|
||||
function titleNViewWebview(url,title) {
|
||||
webview = plus.webview.create(url, 'test', {
|
||||
titleNView: {
|
||||
backgroundColor: '#307AF5',
|
||||
titleText: title,
|
||||
titleColor: '#ffffff',
|
||||
autoBackButton: true,
|
||||
backgroundImage:'./../../static/images/bg-Blue-header.png',
|
||||
buttons:[{onclick:clickButton}]
|
||||
}
|
||||
});
|
||||
webview.addEventListener('close', function(){
|
||||
webview=null;
|
||||
});
|
||||
webview.addEventListener('titleUpdate', function(){
|
||||
webview.show();
|
||||
});
|
||||
webview.addEventListener('loading', () => {
|
||||
plus.nativeUI.showWaiting("loading...",{
|
||||
width:'110px',
|
||||
padding:'10px'
|
||||
})
|
||||
}, false);
|
||||
//plus.nativeUI.showWaiting()
|
||||
webview.addEventListener('loaded', () => {
|
||||
plus.nativeUI.closeWaiting();
|
||||
}, false);
|
||||
}
|
||||
|
||||
// 左侧按钮返回
|
||||
function clickButton(){
|
||||
// plus.nativeUI.alert('clicked!');
|
||||
webview=null;
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@@ -1,24 +1,23 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'首页'"
|
||||
:leftFlag="false" :rightFlag="false"
|
||||
></customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
<!-- 下拉刷新 -->
|
||||
<mescroll-uni ref="mescrollRef" @init="mescrollInit"
|
||||
:down="downOption" @down="downCallback"
|
||||
:fixed="false" class="scroll-h" :style="{ paddingTop: navBarPaddingTop + 'px' }"
|
||||
:fixed="false" class="scroll-h"
|
||||
>
|
||||
<!-- #ifdef H5 -->
|
||||
<view style="height:50rpx"></view>
|
||||
<!-- #ifdef APP-PLUS -->
|
||||
<!-- 删除设备ID--测试用 -->
|
||||
<!-- <view class="del-cache" @click="handleDelete">
|
||||
<uni-icons type="minus" size="30" color="#ffffff"></uni-icons>
|
||||
</view> -->
|
||||
<!-- #endif -->
|
||||
<!-- 搜索 -->
|
||||
<view class="search search-sao" >
|
||||
<uni-search-bar class="custom-search" radius="28"
|
||||
placeholder="请输入您想查询的内容或服务"
|
||||
clearButton="auto" cancelButton="none"
|
||||
bgColor="#6FA2F8" textColor="#ffffff"
|
||||
@confirm="handleSearch"
|
||||
/>
|
||||
<uni-icons custom-prefix="iconfont" color="#ffffff" type="icon-phonesaoyisao" size="20"></uni-icons>
|
||||
</view>
|
||||
|
||||
<!-- 待办内容 -->
|
||||
<view class="backlog-bg">
|
||||
@@ -105,12 +104,12 @@
|
||||
</view>
|
||||
|
||||
<!-- 常用服务 -->
|
||||
<view class="white-bg">
|
||||
<view class="white-bg" v-if="commonServiceList.length>0">
|
||||
<view class="w-b-title">常用服务</view>
|
||||
<view class="logo-list">
|
||||
<view v-for="(item,index) in commonServiceList" class="l-l-item" :key="index">
|
||||
<img :src="item.imgSrc" />
|
||||
<text class="font-gray">{{ item.name }}</text>
|
||||
<view v-for="(item,index) in commonServiceList" class="l-l-item" :key="index" @click="handleJump(item.bizUrl)">
|
||||
<img :src="'static/images/business/'+item.icon+'.png'" />
|
||||
<text class="font-gray">{{ item.bizName }}</text>
|
||||
</view>
|
||||
<!-- <view class="l-l-item" @click="handleAddCommonSercice">
|
||||
<img :src="'static/images/business/icon-add.png'">
|
||||
@@ -142,13 +141,67 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref,onMounted,computed } from 'vue'
|
||||
import { ref,onMounted,computed } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
|
||||
import customSteps from '@/components/customSteps.vue'
|
||||
import customSearch from '@/components/customSearch.vue'
|
||||
import { getNavBarPaddingTop} from '@/utils/system.js'
|
||||
import { backBlogCount,swiperList,stepData,salesTask,commonServices,newsQueryList } from '@/api/home.js';
|
||||
// ,swiperList,stepData,salesTask,commonServices,newsQueryList
|
||||
import { messageNotifyCount,messageFlowCount,getUserFavorite} from '@/api/home.js';
|
||||
import { getWeekStr,formatTimestamp } from '@/utils/datetime.js'
|
||||
import { formatMoney } from '@/utils/formatter.js'
|
||||
import {showLoading,hideLoading} from '@/utils/message.js'
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
// 获取 存储手机的module
|
||||
const safeSave = uni.requireNativePlugin("Tm-TmSafeSaveFileModule");
|
||||
const handleDelete=()=>{
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: "是否确认删除设备ID?删除之后需重新绑定设备,谨慎操作!!!",
|
||||
cancelText: '取消',
|
||||
confirmText: '确定',
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
safeSave.delSafeFile({"key": "app_device_id"}, (res) => {
|
||||
if (res.code == 1) {
|
||||
uni.showModal({title: "提示",content:"删除成功"})
|
||||
} else {
|
||||
uni.showModal({title: "删除失败",content: res.msg})
|
||||
}
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
// #endif
|
||||
|
||||
|
||||
onLoad(async(opt) => {
|
||||
uni.setStorageSync('page_cache',true);
|
||||
// initLoad();
|
||||
})
|
||||
|
||||
// 初始化调用方法
|
||||
const initLoad =()=>{
|
||||
try {
|
||||
showLoading("加载中...");
|
||||
getBackBlogCount();
|
||||
getSwiperList();
|
||||
getStepData();
|
||||
getSalesTask();
|
||||
getCommonServices();
|
||||
getNewsList();
|
||||
hideLoading();
|
||||
} catch (error) {
|
||||
hideLoading();
|
||||
}
|
||||
}
|
||||
|
||||
// 下拉刷新
|
||||
const mescrollRef = ref(null);
|
||||
const mescrollInit = (mescroll) => {
|
||||
@@ -161,13 +214,13 @@ const downOption = ref({
|
||||
textLoading: '刷新中...'
|
||||
});
|
||||
|
||||
|
||||
// 下拉刷新
|
||||
const downCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async ()=>{
|
||||
// mescroll.resetUpScroll();
|
||||
},500);
|
||||
// setTimeout(async ()=>{
|
||||
// // mescroll.resetUpScroll();
|
||||
// },500);
|
||||
initLoad();
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
} finally {
|
||||
@@ -182,44 +235,57 @@ const navBarPaddingTop = ref(0);
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop()*2;
|
||||
})
|
||||
// 查询搜索跳转
|
||||
let handleSearch = ()=>{
|
||||
|
||||
}
|
||||
|
||||
let backBlogObj = ref({
|
||||
count1:0,
|
||||
count2:0,
|
||||
count3:0,
|
||||
count4: 0
|
||||
})
|
||||
// 获取待办数据
|
||||
const getBackBlogCount = async () =>{
|
||||
let res = await messageNotifyCount();
|
||||
let res2 = await messageFlowCount();
|
||||
backBlogObj.value.count1= res.todoCount || 0//消息待阅
|
||||
backBlogObj.value.count2= res2.todoCount || 0//审核待办
|
||||
// tabar 增加消息数量
|
||||
try {
|
||||
if(backBlogObj.value.count1>0){
|
||||
wx.setTabBarBadge({
|
||||
index: 2, // TabBar的索引,从0开始计数
|
||||
text: '3' // 徽章的文本
|
||||
text: res.todoCount+'' // 徽章的文本
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('设置TabBar Badge失败:', error);
|
||||
}
|
||||
|
||||
let backBlogObj = ref({})
|
||||
// 获取待办数据
|
||||
let getBackBlogCount = async () =>{
|
||||
backBlogObj.value = await backBlogCount();
|
||||
}
|
||||
getBackBlogCount();
|
||||
|
||||
|
||||
// 跑马灯处理
|
||||
let extendedList = ref([]);// ;
|
||||
const getSwiperList = async () => {
|
||||
extendedList.value = await swiperList();
|
||||
// extendedList.value = await swiperList();
|
||||
extendedList.value = ["祝贺“友晟夏季封装外壳发布会”圆满成功","祝贺“友晟科技发布会”圆满成功","祝贺“友晟夏季封装外壳发布会”圆满成功"]
|
||||
}
|
||||
getSwiperList();
|
||||
|
||||
|
||||
// 日程提醒
|
||||
let weekStr = ref(null) //'2025-09-19 星期三'
|
||||
let stepList = ref([]);
|
||||
const getStepData = async ()=>{
|
||||
let res = await stepData({});
|
||||
// let res = await stepData({});
|
||||
let res={
|
||||
date:new Date().getTime(),
|
||||
list:[
|
||||
{ id:1,desc: '2025秋季产品发布前期准备会,在科研楼0317会议室召开。', title: '13:30 — 15:30',beginTime:'13:30',endTime:'15:30'},
|
||||
{ id:2,desc: '生产间安全巡检。', title: '16:30 — 18:00',beginTime:'16:30',endTime:'18:00'},
|
||||
]
|
||||
}
|
||||
weekStr.value = getWeekStr(res.date);
|
||||
stepList.value = res.list;
|
||||
}
|
||||
getStepData();
|
||||
|
||||
|
||||
// 销售任务完成情况
|
||||
let salesList = ref([]);
|
||||
@@ -240,21 +306,33 @@ let percentNum = ref(0);
|
||||
let totalSales = ref(0)
|
||||
let targetSales = ref(0)
|
||||
const getSalesTask = async ()=>{
|
||||
let res = await salesTask({});
|
||||
// let res = await salesTask({});
|
||||
let res = {
|
||||
salesList:['2025-3季度', '2025-2季度', '2025-1季度'],
|
||||
percentNum:82,
|
||||
totalSales:62075000,
|
||||
targetSales:75000000
|
||||
}
|
||||
salesList.value = res.salesList;
|
||||
percentNum.value = res.percentNum;
|
||||
totalSales.value = formatMoney(res.totalSales);
|
||||
targetSales.value = formatMoney(res.targetSales);
|
||||
}
|
||||
getSalesTask();
|
||||
|
||||
|
||||
// 常用服务
|
||||
let commonServiceList = ref([])
|
||||
const getCommonServices = async ()=>{
|
||||
let res = await commonServices({});
|
||||
commonServiceList.value = res.list
|
||||
let data = await getUserFavorite({});
|
||||
commonServiceList.value = data || []
|
||||
}
|
||||
getCommonServices();
|
||||
// 跳转
|
||||
let handleJump=(url)=>{
|
||||
if(url){
|
||||
uni.navigateTo({ url })
|
||||
}
|
||||
}
|
||||
|
||||
// 添加常用服务
|
||||
const handleAddCommonSercice = ()=>{
|
||||
|
||||
@@ -263,22 +341,45 @@ const handleAddCommonSercice = ()=>{
|
||||
// 新闻公告
|
||||
let newsList = ref([])
|
||||
const getNewsList = async()=>{
|
||||
let res = await newsQueryList({});
|
||||
// let res = await newsQueryList({});
|
||||
let res = {
|
||||
list:[
|
||||
{id:1,date:'2025-06-29',name:'友晟亮相2025慕尼黑上海电子展',imgSrc:'https://img2.baidu.com/it/u=363858033,1221485415&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1067'},
|
||||
{id:2,date:'2025-06-26',name:'孜孜不倦,谱写公司发展新篇章',imgSrc:'https://img0.baidu.com/it/u=2830423559,3962669886&fm=253&app=138&f=JPEG?w=570&h=760'},
|
||||
{id:3,date:'2025-03-29 08:10:00',name:'质量管理体系提升助力实现质的飞跃',imgSrc:''},
|
||||
],
|
||||
}
|
||||
newsList.value = res.list;
|
||||
}
|
||||
getNewsList();
|
||||
|
||||
const formatDateStr =(times)=>{
|
||||
return formatTimestamp(times)
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scope>
|
||||
.del-cache{
|
||||
position: fixed;
|
||||
right:30rpx;
|
||||
bottom:30%;
|
||||
width:60rpx;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
border-radius: 50%;
|
||||
background:#579FF9;
|
||||
font-size:12px;
|
||||
padding:5rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.scroll-h{
|
||||
/* #ifdef APP-PLUS */
|
||||
height:calc(100vh - 30px) !important;
|
||||
height:calc(100vh - 78px) !important;
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 30px) !important;
|
||||
height: calc(100vh - 80px) !important;
|
||||
/* #endif */
|
||||
}
|
||||
:deep(.mescroll-upwarp){
|
||||
|
||||
@@ -1,64 +1,210 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="container" :style="{ height: `100vh` }">
|
||||
<view class="bg"></view>
|
||||
<view class="version">Version {{ version }}</view>
|
||||
<view class="bottom-bg"></view>
|
||||
<view class="version">Version {{ appVersion }}</view>
|
||||
<!-- <view class="bottom-bg"></view> -->
|
||||
|
||||
<!-- 检查版本弹窗 -->
|
||||
<view class="version-con" v-if="versionVisible">
|
||||
<view class="v-bg">
|
||||
<view class="v-title">发现新版本</view>
|
||||
<uni-icons custom-prefix="iconfont" color="#28B6FF" type="icon-phonefilled" size="40"></uni-icons>
|
||||
<view class="v-version">最新版本 Version {{ newVersion }}</view>
|
||||
<view class="v-update">立刻更新吗?</view>
|
||||
<view class="version-btn" @click="handleDown">更 新</view>
|
||||
<view class="version-sub" @click="handleClose" v-if="btnVisible">暂不处理</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref,getCurrentInstance } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import { versionCheck,getBindStatus } from '@/api/auth.js';
|
||||
import { formatIOS } from '@/utils/status.js'
|
||||
import { requestAndroidPermissionAsync,requestAndroidPermission } from '@/utils/common.js'
|
||||
import {showAlert} from '@/utils/message.js'
|
||||
import { useUserStore } from '@/stores/user';
|
||||
const userStore = useUserStore()
|
||||
const userStore = useUserStore();
|
||||
const { proxy } = getCurrentInstance();
|
||||
|
||||
const version="1.0.0"
|
||||
// #ifdef APP-PLUS
|
||||
// 获取 存储手机的module
|
||||
const safeSave = uni.requireNativePlugin("Tm-TmSafeSaveFileModule");
|
||||
// #endif
|
||||
|
||||
onLoad((opt) => {
|
||||
let systemInfo={};
|
||||
let appVersion = ref("1.0.0");//当前版本号
|
||||
let newVersion = ref('1.0.0');//最新版本号
|
||||
let versionVisible=ref(false);//版本弹窗
|
||||
let btnVisible = ref(true);// 暂不处理 按钮是否显示
|
||||
let downloadURL = ref(''); //下载地址
|
||||
let versionData = ref({}); //版本参数
|
||||
// 初始load页面
|
||||
onLoad(async(opt) => {
|
||||
console.log("onLoad");
|
||||
// 检查是否已登录 并 获取用户信息
|
||||
|
||||
// uni.preloadPage({url: "/pages/login/login"});
|
||||
// uni.preloadPage({url: "/pages/deviceAuth/deviceAuth"});
|
||||
// uni.preloadPage({url: "/pages/home/home"});
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
// 查询版本接口
|
||||
await getOSVesion();
|
||||
|
||||
// 不更新版本 执行设备ID查询和绑定操作
|
||||
if(!versionVisible.value){
|
||||
try {
|
||||
// 授权设备存储
|
||||
let granted = requestAndroidPermission(systemInfo);
|
||||
if(granted){
|
||||
// showAlert("22授权成功!")
|
||||
setTimeout(()=>{
|
||||
selectDeviceId();
|
||||
},500)
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('权限请求出错:', error);
|
||||
// showAlert(JSON.stringify(error))
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
// setTimeout(()=>{
|
||||
if(userStore.isLogin){
|
||||
// userStore.getUser()
|
||||
// TODO 未登录会在拦截器中处理跳转登录页, 请在 xxx 配置登录页路径
|
||||
// #ifdef H5
|
||||
window.setTimeout(()=>{
|
||||
uni.reLaunch({
|
||||
url: '/pages/home/home',
|
||||
});
|
||||
},1000)
|
||||
// #endif
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
uni.reLaunch({
|
||||
url: '/pages/home/home',
|
||||
});
|
||||
// #endif
|
||||
}else{
|
||||
// #ifdef H5
|
||||
window.setTimeout(()=>{
|
||||
uni.reLaunch({
|
||||
url: '/pages/login/login',
|
||||
});
|
||||
},1000)
|
||||
}
|
||||
// },1000)
|
||||
// #endif
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
uni.reLaunch({
|
||||
url: '/pages/login/login',
|
||||
});
|
||||
|
||||
// 检查版本是否是最新的s
|
||||
const getOSVesion = async()=>{
|
||||
let networkEnv = proxy.$NETWORK_ENV;//1-内网 2-外网
|
||||
systemInfo = uni.getSystemInfoSync();
|
||||
let param = {
|
||||
runEnv:networkEnv,
|
||||
// #ifdef APP-PLUS
|
||||
verNumber:systemInfo.appWgtVersion,//当前版本号
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
verNumber : systemInfo.appVersion,
|
||||
// #endif
|
||||
// deviceType:systemInfo.model,//型号
|
||||
os: formatIOS(systemInfo.osName),//操作系统 Android IOS
|
||||
// osVersion:systemInfo.osVersion,//操作系统版本
|
||||
// resolution:systemInfo.windowWidth+"*"+systemInfo.windowHeight,//分辨率
|
||||
// trademark:systemInfo.deviceBrand,//设备品牌
|
||||
// uniqueCode:systemInfo.deviceId//设备ID
|
||||
}
|
||||
// 当前手机版本
|
||||
appVersion.value = param.verNumber;
|
||||
// console.log("appVersion=>",appVersion)
|
||||
versionData.value = param;
|
||||
let data = await versionCheck(param);
|
||||
newVersion.value = data.verNumber;
|
||||
downloadURL.value = data.downloadUrl || '';
|
||||
|
||||
// isForceUpdate 是否强制更新 1-是 2-否
|
||||
let isForceUpdate = data.isForceUpdate;
|
||||
if(isForceUpdate==1){
|
||||
btnVisible.value = false;
|
||||
}else{
|
||||
btnVisible.value = true;
|
||||
}
|
||||
// 是否为当前最新版本(是=1,否=2)
|
||||
let isCurrent = data.isCurrent;
|
||||
if(isCurrent == 1){
|
||||
versionVisible.value=false;
|
||||
}else{
|
||||
versionVisible.value=true;
|
||||
}
|
||||
}
|
||||
|
||||
// 查询设备ID
|
||||
const selectDeviceId = async()=>{
|
||||
// 查询本地缓存的设备状态是否绑定过
|
||||
// let deviceId = uni.getStorageSync('app_device_id');// 本地设备ID
|
||||
try {
|
||||
safeSave.getSafeFile({ "key": "app_device_id" }, res2 => {
|
||||
if (res2.code == 1) {
|
||||
let deviceId = res2.data;
|
||||
console.log("读取成功=>",deviceId)
|
||||
// showAlert("读取成功=>"+deviceId);
|
||||
getBindStatus({uniqCode:deviceId}).then(res=>{
|
||||
let bindStatus = res.bindStatus
|
||||
// setTimeout(()=>{
|
||||
// 绑定状态(1=已提交、2=等待审核、3=审核通过、4=绑定成功、5=审核拒绝)
|
||||
if(bindStatus == 4){
|
||||
// 检查是否已登录 并 获取用户信息
|
||||
if (userStore.isLogin) {
|
||||
uni.reLaunch({
|
||||
url: '/pages/home/home',
|
||||
});
|
||||
|
||||
}else{
|
||||
uni.reLaunch({
|
||||
url: '/pages/login/login',
|
||||
});
|
||||
}
|
||||
}else{
|
||||
uni.reLaunch({
|
||||
url: '/pages/deviceAuth/deviceAuth',
|
||||
});
|
||||
}
|
||||
// },1000)
|
||||
});
|
||||
} else {
|
||||
// showAlert('读取失败:'+res2.msg)
|
||||
// setTimeout(()=>{
|
||||
uni.reLaunch({
|
||||
url: '/pages/deviceAuth/deviceAuth',
|
||||
});
|
||||
// },1000)
|
||||
}
|
||||
})
|
||||
} catch (error) {
|
||||
console.log("getSafeFile=>",error)
|
||||
// showAlert("catch=>"+error)
|
||||
}
|
||||
}
|
||||
// 下载最新版本
|
||||
const handleDown = ()=>{
|
||||
// 跳转到应用商店或下载最新版本的页面
|
||||
plus.runtime.openURL(downloadURL.value);
|
||||
if (versionData.value.os == 'ios'){
|
||||
plus.ios.import("UIApplication").sharedApplication().performSelector("exit")
|
||||
} else if (versionData.value.os == 'android'){
|
||||
plus.runtime.quit();
|
||||
}
|
||||
}
|
||||
|
||||
//版本更新关闭
|
||||
const handleClose=()=>{
|
||||
versionVisible.value = false;
|
||||
// 不更新版本 执行设备ID查询和绑定操作
|
||||
if(!versionVisible.value){
|
||||
selectDeviceId()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.container {
|
||||
background:#307AF5 !important;
|
||||
height:100vh !important;
|
||||
height: calc(100vh - 100px) !important;
|
||||
position: relative;
|
||||
padding-top:100px;
|
||||
}
|
||||
.container .bg{
|
||||
background:url('@/static/images/loading-logo.png') no-repeat;
|
||||
@@ -83,4 +229,62 @@ onLoad((opt) => {
|
||||
left:50%;
|
||||
margin-left:-328rpx;
|
||||
}
|
||||
|
||||
.container .version-con{
|
||||
width:100%;
|
||||
position: fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
height: 100vh;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
.version-con .v-bg{
|
||||
position: absolute;
|
||||
top:50%;
|
||||
left: 50%;
|
||||
/* width:620rpx; */
|
||||
width:540rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
padding:40rpx;
|
||||
margin-left:-310rpx;
|
||||
margin-top:-45%;
|
||||
text-align: center;
|
||||
}
|
||||
.version-con .v-bg .v-title{
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin-bottom:30rpx;
|
||||
}
|
||||
.version-con .v-bg .v-icon{
|
||||
font-size:70rpx;
|
||||
color:#28B6FF;
|
||||
|
||||
}
|
||||
.version-con .v-bg .v-version{
|
||||
color:#0395E0;
|
||||
font-size:42rpx;
|
||||
font-weight: bold;
|
||||
margin:20rpx 0 30rpx;
|
||||
}
|
||||
.version-con .v-bg .v-update{
|
||||
font-size:32rpx;
|
||||
margin-bottom:70rpx;
|
||||
}
|
||||
.version-con .v-bg .version-btn{
|
||||
background-color: #05A3F4;
|
||||
text-align: center;
|
||||
width:360rpx;
|
||||
height:80rpx;
|
||||
line-height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
margin:0 auto;
|
||||
color:#fff;
|
||||
}
|
||||
.version-con .v-bg .version-sub{
|
||||
color:#05A3F4;
|
||||
font-size:32rpx;
|
||||
margin:40rpx 0 30rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -73,18 +73,30 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref,onMounted } from 'vue';
|
||||
import { ref,onMounted,getCurrentInstance } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import customTabs from '@/components/customTabs.vue';
|
||||
import {isPhoneNumber} from '@/utils/validate';
|
||||
import {showAlert} from '@/utils/message';
|
||||
import { getCaptchaImage,getVerifyCode,login } from '@/api/auth';
|
||||
import { getVerifyCode,login } from '@/api/auth';
|
||||
import cache from '@/utils/cache';
|
||||
import { AGREEWELCOME_KEY } from '@/enums/cacheEnums';
|
||||
|
||||
import { getNavBarPaddingTop} from '@/utils/system.js'
|
||||
|
||||
import { useUserStore } from '@/stores/user';
|
||||
const userStore = useUserStore()
|
||||
import encryptObj from '@/utils/encrypt.js'
|
||||
import {showAlert} from '@/utils/message.js'
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
// 获取 存储手机的module
|
||||
const safeSave = uni.requireNativePlugin("Tm-TmSafeSaveFileModule");
|
||||
// #endif
|
||||
|
||||
const { proxy } = getCurrentInstance();
|
||||
const userStore = useUserStore();
|
||||
let clientId = `${proxy.$CLIENT_ID || 2}`;
|
||||
let networkEnv = ref(proxy.$NETWORK_ENV);//1-内网 2-外网
|
||||
onLoad(async(opt) => {
|
||||
uni.setStorageSync('page_cache',true);
|
||||
})
|
||||
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
@@ -98,8 +110,8 @@ const tabList = ['验证码登录', '账号登录'];
|
||||
// 验证码登录
|
||||
const form = ref(null);
|
||||
const formData = ref({
|
||||
phone: '15112345600',
|
||||
verifyCode: '123456',
|
||||
phone: '',
|
||||
verifyCode: '',
|
||||
loginType:0
|
||||
});
|
||||
|
||||
@@ -183,8 +195,8 @@ let resetCountdown =()=>{
|
||||
// 账号登录
|
||||
const form2 = ref(null);
|
||||
const formData2 = ref({
|
||||
username: 'admin',
|
||||
password: '123456',
|
||||
username: '',
|
||||
password: '',
|
||||
loginType:1
|
||||
});
|
||||
|
||||
@@ -192,13 +204,13 @@ const rules2 = {
|
||||
username: {
|
||||
rules: [
|
||||
{ required: true, errorMessage: '请输入用户名' },
|
||||
{ minLength: 3, maxLength: 10, errorMessage: '用户名长度在3到10个字符之间' }
|
||||
// { minLength: 3, maxLength: 10, errorMessage: '用户名长度在3到10个字符之间' }
|
||||
]
|
||||
},
|
||||
password: {
|
||||
rules: [
|
||||
{ required: true, errorMessage: '请输入密码' },
|
||||
{ pattern: /^[a-zA-Z0-9]{6,12}$/, errorMessage: '密码必须是6-12位字母或数字' }
|
||||
// { pattern: /^[a-zA-Z0-9]{6,12}$/, errorMessage: '密码必须是6-12位字母或数字' }
|
||||
]
|
||||
}
|
||||
};
|
||||
@@ -225,7 +237,7 @@ const submitForm = () => {
|
||||
if(activeTab.value===0){
|
||||
form.value.validate().then(async param => {
|
||||
// 2.调用登录接口
|
||||
param.loginType = activeTab.value; console.log('表单数据00:', param);
|
||||
param.loginType = activeTab.value;
|
||||
let res = await login(param)
|
||||
// 3.登录后存储token
|
||||
userStore.login(res);
|
||||
@@ -238,11 +250,49 @@ const submitForm = () => {
|
||||
}else if(activeTab.value===1){
|
||||
// 用户名和密码登录
|
||||
form2.value.validate().then(async param => {
|
||||
param.loginType = activeTab.value; console.log('表单数据11:', formData2.value);
|
||||
param.loginType = activeTab.value;
|
||||
param.clientId = clientId;
|
||||
let password = encryptObj.Encrypt(param.username + clientId + "," + param.password);
|
||||
param.password = password;
|
||||
param.runEnv = networkEnv.value;
|
||||
|
||||
// #ifdef H5
|
||||
param.uniqCode = '7666ac20-827a-4c23-8e2e-fbbf24564fc0';//h5测试用 内网-sn123456 外网-7666ac20-827a-4c23-8e2e-fbbf24564fc0
|
||||
let res = await login(param);
|
||||
userStore.login(res);
|
||||
uni.switchTab({ url: '/pages/home/home' })
|
||||
btnLoading.value = false;
|
||||
// #endif
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
try {
|
||||
// 读取设备ID
|
||||
safeSave.getSafeFile({ "key": "app_device_id" }, res3 => {
|
||||
if (res3.code == 1) {
|
||||
let deviceId = res3.data;
|
||||
// showAlert("读取成功=>"+deviceId);
|
||||
param.uniqCode = deviceId;
|
||||
login(param).then(res=>{
|
||||
userStore.login(res);
|
||||
uni.switchTab({ url: '/pages/home/home' })
|
||||
btnLoading.value = false;
|
||||
}).finally(()=>{
|
||||
btnLoading.value = false;
|
||||
})
|
||||
|
||||
} else {
|
||||
// showAlert('读取失败:'+res3.msg)
|
||||
console.error('读取失败:', error);
|
||||
btnLoading.value = false;
|
||||
}
|
||||
})
|
||||
} catch (error) {
|
||||
console.error('读取失败:', error);
|
||||
// showAlert('出错:', error)
|
||||
btnLoading.value = false;
|
||||
}
|
||||
// #endif
|
||||
|
||||
}).catch(err => {
|
||||
console.log('表单错误11:', err);
|
||||
btnLoading.value = false;
|
||||
@@ -410,4 +460,12 @@ const submitForm = () => {
|
||||
margin-left:-327rpx;
|
||||
}
|
||||
|
||||
.slider-con{
|
||||
position: absolute;
|
||||
top:0;
|
||||
width:100%;
|
||||
height: 100vh;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@@ -2,32 +2,49 @@
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'消息'" :leftFlag="false" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="handleReady">
|
||||
<img :src="'static/images/notice/icon-clean@2x.png'" />清除未读
|
||||
<customHeader ref="customHeaderRef" :title="!searchShow?'消息':'搜索'"
|
||||
:leftFlag="!searchShow?false:true"
|
||||
:rightFlag="true"
|
||||
@back="handleBack" :searchType="searchShow?1:undefined"
|
||||
>
|
||||
<template #right v-if="!searchShow">
|
||||
<view class="head-right" @click="handleRead">
|
||||
<img :src="'static/images/icon-clean@2x.png'" />清除未读
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 搜索 -->
|
||||
<view class="search">
|
||||
<uni-search-bar class="custom-search" radius="28" placeholder="请输入您想查询的内容或服务" clearButton="auto"
|
||||
cancelButton="none" bgColor="#6FA2F8" textColor="#ffffff" @confirm="handleSearch" />
|
||||
<!-- 搜索处理 -->
|
||||
<customSearch v-if="searchShow"
|
||||
:searchKeywords="searchText"
|
||||
:searchType="searchTypeObj"
|
||||
:checkTypeObj="notictTypeCheck"
|
||||
:searchTypeList="noticeTypeList"
|
||||
@confirm="handleSearchConfirm"
|
||||
></customSearch>
|
||||
<view class="search" v-else @click="handleSearchFocus">
|
||||
<view class="search-bg">
|
||||
<view class="search-left">{{ notictTypeCheck.name?notictTypeCheck.name:'全部' }}</view>
|
||||
<view class="search-right">
|
||||
<input class="uni-input" v-model="searchText" placeholder="请输入您想查询的内容或服务" placeholder-class="search-color" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 消息列表 -->
|
||||
<mescroll-uni ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
|
||||
<mescroll-uni v-if="!searchShow" ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
|
||||
:up="upOption" :down="downOption" :fixed="false" class="scroll-h" :class="{'loading-scroll':cssFlag}">
|
||||
<view class="white-bg" v-if="list.length">
|
||||
<view class="notice-list" v-for="(item, index) in list" :key="index">
|
||||
<img :src="item.imgSrc" />
|
||||
<view class="white-bg" v-if="list.length>0" :class="{'bg-height':list.length<5}">
|
||||
<view class="notice-list" v-for="(item, index) in list" :key="index" @click="handleJump(item)">
|
||||
<img :src="'static/images/notice/'+item.imgSrc" class="img-w" />
|
||||
<!-- <image :src="item.imgSrc" mode="aspectFit" class="img-w"></image> -->
|
||||
<view class="notice-item">
|
||||
<view :class="{ 'notice-title': true, bold: item.isReady }">{{ item.title }}</view>
|
||||
<view class="notice-date">{{ formatDateStr(item.date) }}</view>
|
||||
<view class="dot" v-if="item.isReady"></view>
|
||||
<view :class="{ 'notice-title': true, bold: item.isRead }">{{ item.subject }}</view>
|
||||
<view class="notice-date">{{ formatDateStr(item.createTime) }}</view>
|
||||
<view class="dot" v-if="item.isRead"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -37,12 +54,18 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { ref, onMounted,computed } from 'vue'
|
||||
import { onLoad,onHide } from '@dcloudio/uni-app';
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import customSearch from '@/components/customSearch.vue'
|
||||
import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
|
||||
import { getNavBarPaddingTop } from '@/utils/system.js'
|
||||
import { noticeList } from '@/api/notice.js'
|
||||
import { formatTimestamp } from '@/utils/datetime.js'
|
||||
import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
|
||||
|
||||
onLoad(async(opt) => {
|
||||
uni.setStorageSync('page_cache',true);
|
||||
})
|
||||
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
@@ -50,9 +73,38 @@ onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
})
|
||||
|
||||
// 查询搜索跳转
|
||||
let handleSearch = () => {
|
||||
// 搜索处理
|
||||
let searchShow = ref(false);
|
||||
let searchText = ref(undefined);
|
||||
let searchTypeObj = ref({typeId:3,typeName:'消息类型'});
|
||||
let noticeTypeList=ref([
|
||||
{id:1,name:'日程消息一二'},
|
||||
{id:2,name:'提醒消息'},
|
||||
{id:3,name:'通知消息'},
|
||||
{id:4,name:'待办消息'},
|
||||
{id:5,name:'服务消息'}
|
||||
]);
|
||||
let notictTypeCheck = ref({});//选中类型
|
||||
|
||||
onHide(()=>{
|
||||
searchShow.value=false;
|
||||
})
|
||||
|
||||
// 搜索返回操作
|
||||
const handleBack=()=>{
|
||||
searchShow.value=false;
|
||||
}
|
||||
// 获取input 焦点跳转
|
||||
const handleSearchFocus=()=>{
|
||||
searchShow.value = true;
|
||||
}
|
||||
|
||||
// 搜索完返回处理
|
||||
const handleSearchConfirm = (param1,param2)=>{
|
||||
// console.log(param1,param2)
|
||||
notictTypeCheck.value=param1.value;
|
||||
searchText.value=param2.value;;
|
||||
searchShow.value=false;
|
||||
}
|
||||
|
||||
const formatDateStr = (times) => {
|
||||
@@ -60,12 +112,21 @@ const formatDateStr = (times) => {
|
||||
}
|
||||
|
||||
// 清除未读
|
||||
const handleReady = () => {
|
||||
const handleRead = () => {
|
||||
list.value.forEach(item => {
|
||||
item.isReady = false;
|
||||
item.isRead = false;
|
||||
})
|
||||
}
|
||||
|
||||
// 随机图片数组
|
||||
const images = [
|
||||
'icon-TiXing@2x.png',
|
||||
'icon-RiCheng@2x.png',
|
||||
'icon-DaiBan@2x.png',
|
||||
'icon-TongZhi@2x.png',
|
||||
'icon-TiXing@2x.png'
|
||||
]
|
||||
|
||||
// 查询通知列表
|
||||
let list = ref([]);
|
||||
const mescrollRef = ref(null);
|
||||
@@ -78,7 +139,7 @@ const upOption = ref({
|
||||
});
|
||||
|
||||
const downOption = ref({
|
||||
auto: true,
|
||||
auto: false,
|
||||
textInOffset: '下拉刷新',
|
||||
textOutOffset: '释放更新',
|
||||
textLoading: '刷新中...'
|
||||
@@ -93,12 +154,11 @@ const mescrollInit = (mescroll) => {
|
||||
// 下拉刷新
|
||||
const downCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async ()=>{
|
||||
console.log("下拉刷新")
|
||||
const res = await getNoticeList(1, upOption.value.page.size);
|
||||
cssFlag.value = false;
|
||||
list.value = res.list;
|
||||
mescroll.resetUpScroll();
|
||||
},500);
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
} finally {
|
||||
@@ -110,15 +170,14 @@ const downCallback = async (mescroll) => {
|
||||
// 上拉加载更多
|
||||
const upCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async ()=>{
|
||||
const res = await getNoticeList(mescroll.num, mescroll.size);
|
||||
console.log("上拉加载更多")
|
||||
let res = await getNoticeList(mescroll.num, mescroll.size);
|
||||
if (mescroll.num === 1) {
|
||||
list.value = res.list;
|
||||
} else {
|
||||
list.value.push(...res.list);
|
||||
}
|
||||
mescroll.endBySize(res.list.length, res.total);
|
||||
},500);
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
}
|
||||
@@ -129,17 +188,31 @@ const getNoticeList = (pageIndex, pageSize) => {
|
||||
return new Promise(async (resolve) => {
|
||||
let param = {
|
||||
pageIndex,
|
||||
pageSize
|
||||
pageSize,
|
||||
searchValue:searchText.value?searchText.value:undefined,
|
||||
type:notictTypeCheck.value.id
|
||||
}
|
||||
|
||||
let res = await noticeList(param);
|
||||
let list = res.list || [];
|
||||
list.forEach(item=>{
|
||||
const randomIndex = Math.floor(Math.random() * images.length)
|
||||
item.imgSrc = images[randomIndex];
|
||||
})
|
||||
resolve({
|
||||
list: res.list,
|
||||
total: res.totalCount
|
||||
list,
|
||||
total: res.recordCount || 0
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// 跳转webview
|
||||
const handleJump = (item)=>{
|
||||
uni.navigateTo({
|
||||
url: '/pages/h5-webview/h5-webview?url=' + item.mobileLink+"&title="+item.subject
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
@@ -168,16 +241,24 @@ const getNoticeList = (pageIndex, pageSize) => {
|
||||
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 40rpx 0 ;
|
||||
padding: 40rpx 0 20rpx;
|
||||
margin-bottom:0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
.white-bg.bg-height{
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 145px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 175px);
|
||||
/* #endif */
|
||||
}
|
||||
.scroll-h{
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 140px);
|
||||
height: calc(100vh - 160px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
@@ -187,7 +268,7 @@ const getNoticeList = (pageIndex, pageSize) => {
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.white-bg .notice-list img {
|
||||
.white-bg .notice-list .img-w{
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
margin-right: 30rpx;
|
||||
|
||||
31
src/pages/search/search.vue
Normal file
@@ -0,0 +1,31 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'搜索'"
|
||||
:leftFlag="true" :rightFlag="false"
|
||||
></customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<customSearch :type="type"></customSearch>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script setup>
|
||||
import { ref, onMounted } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import customSearch from '@/components/customSearch.vue'
|
||||
|
||||
let type=ref(1);
|
||||
onLoad(async(opt) => {
|
||||
console.log(opt.type)
|
||||
type.value = opt.type;
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@@ -15,10 +15,10 @@
|
||||
<img class="pic-img" :src="'static/images/userinfo/icon-userinfo.png'" />
|
||||
<view class="head-name">
|
||||
<view class="nick">
|
||||
<view class="nick-text">{{ userObj.name }}</view>
|
||||
<view class="nick-text">{{ userObj.realname }}</view>
|
||||
<img :src="`static/images/userinfo/num-${userObj.level}@2x.png`" class="level" />
|
||||
</view>
|
||||
<view class="dept">{{ userObj.deptName }} {{ userObj.jobName }}</view>
|
||||
<view class="dept">{{ userObj.deptName }} {{ userObj.postName }}</view>
|
||||
</view>
|
||||
<view class="head-right">
|
||||
<view class="font-ruzhi">已入职{{userObj.joinDay}}天</view>
|
||||
@@ -27,12 +27,12 @@
|
||||
</view>
|
||||
|
||||
<!-- 日常 -->
|
||||
<view class="backlog-bg">
|
||||
<view class="backlog-b-item">
|
||||
<img :src="'static/images/business/icon-rwjh.png'" />
|
||||
<view class="font-title">任务计划</view>
|
||||
</view>
|
||||
<view class="backlog-b-item">
|
||||
<!-- <view class="backlog-bg">
|
||||
<view class="backlog-b-item" v-for="(item,index) in bizListFavorite" :key="index">
|
||||
<img :src="'static/images/business/'+item.icon+'.png'" />
|
||||
<view class="font-title">{{item.bizName}}</view>
|
||||
</view> -->
|
||||
<!-- <view class="backlog-b-item">
|
||||
<img :src="'static/images/business/icon-rb.png'" />
|
||||
<view class="font-title">日报</view>
|
||||
</view>
|
||||
@@ -43,11 +43,11 @@
|
||||
<view class="backlog-b-item">
|
||||
<img :src="'static/images/business/icon-jxgl.png'" />
|
||||
<view class="font-title">绩效管理</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- </view> -->
|
||||
|
||||
<!-- 头像块 -->
|
||||
<view class="white-bg">
|
||||
<view class="white-bg" style="margin-top:20rpx;">
|
||||
<view class="list-item">
|
||||
<img :src="'static/images/userinfo/icon-tx@2x.png'" class="l-icon" />
|
||||
<text>头像</text>
|
||||
@@ -76,11 +76,11 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-border"></view>
|
||||
<view class="list-item item-padding">
|
||||
<view class="list-item item-padding" @click="handleVersion">
|
||||
<img :src="'static/images/userinfo/icon-bbgx@2x.png'" class="l-icon" />
|
||||
<view class="item-text">版本更新 <view class="dot"></view></view>
|
||||
<view class="item-text">版本更新 <view class="dot" v-if="isCurrent==2"></view></view>
|
||||
<view class="list-right">
|
||||
<text class="item-gray">Version 1.0.0</text>
|
||||
<text class="item-gray">Version {{ appVersion }}</text>
|
||||
<uni-icons type="right" size="20" color="#A0A0A0"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
@@ -93,24 +93,45 @@
|
||||
<!-- <view class="bottom-height"></view> -->
|
||||
</mescroll-uni>
|
||||
</view>
|
||||
|
||||
<!-- 弹窗模板 -->
|
||||
<!-- <customShowModal
|
||||
:title="title"
|
||||
:content="content"
|
||||
:visible="visible"
|
||||
@close="handleClose"
|
||||
@confirm="handleLoginOut"
|
||||
ref="showModel"
|
||||
></customShowModal> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted } from 'vue'
|
||||
// import customHeader from '@/components/customHeader.vue'
|
||||
import { ref, onMounted,getCurrentInstance } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
|
||||
import { getNavBarPaddingTop } from '@/utils/system.js'
|
||||
|
||||
import { getUserInfo } from '@/api/auth.js'
|
||||
|
||||
import { getUserInfo,versionCheck } from '@/api/auth.js'
|
||||
import { formatIOS } from '@/utils/status.js'
|
||||
import { showAlert } from '@/utils/message.js'
|
||||
import { useUserStore } from '@/stores/user';
|
||||
const userStore = useUserStore()
|
||||
const { proxy } = getCurrentInstance();
|
||||
|
||||
// 1.头部导航栏
|
||||
const navBarPaddingTop = ref(0);
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
let appVersion = ref("1.0.0");//当前版本号
|
||||
let newVersion = ref("1.0.0");//新版本号
|
||||
let isCurrent = ref(undefined);//是否是当前版本 1-是 2-否
|
||||
let systemInfo = uni.getSystemInfoSync();
|
||||
onLoad(async(opt) => {
|
||||
uni.setStorageSync('page_cache',true);
|
||||
// #ifdef APP-PLUS
|
||||
appVersion.value=systemInfo.appWgtVersion; //当前版本号
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
appVersion.value=systemInfo.appVersion;
|
||||
// #endif
|
||||
})
|
||||
|
||||
// 下拉刷新
|
||||
@@ -125,43 +146,106 @@ const downOption = ref({
|
||||
textLoading: '刷新中...'
|
||||
});
|
||||
|
||||
// 2.获取用户基本信息
|
||||
let userObj = ref({});
|
||||
let bizListFavorite = ref([]);
|
||||
const selectUserInfo = async ()=>{
|
||||
let data = await getUserInfo({});
|
||||
|
||||
// 查询常用业务
|
||||
// let favoriteBizListStr = data.favoriteBizList || '';
|
||||
// let favoriteBizList = favoriteBizListStr.split(",");//常用业务
|
||||
// let list = [];
|
||||
// let bizList = data.bizList;//所有业务
|
||||
// bizList.forEach(item => {
|
||||
// favoriteBizList.forEach(item2=>{
|
||||
// if(item.bizId == item2){
|
||||
// list.push(item);
|
||||
// }
|
||||
// })
|
||||
// });
|
||||
// bizListFavorite.value = list;
|
||||
|
||||
// 岗位名称,取第0个显示
|
||||
let postName = data.postList[0]?data.postList[0].postName:'';
|
||||
userObj.value = {
|
||||
...data,
|
||||
postName,
|
||||
level:5,//默认搞个5
|
||||
joinDay:1000,//默认1000天
|
||||
};
|
||||
}
|
||||
|
||||
// 下拉刷新
|
||||
const downCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async ()=>{
|
||||
// mescroll.resetUpScroll();
|
||||
},500);
|
||||
selectUserInfo();
|
||||
getVersion();
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
} finally {
|
||||
setTimeout(async ()=>{
|
||||
mescroll.endSuccess();
|
||||
},500);
|
||||
}
|
||||
}
|
||||
|
||||
// 2.获取用户基本信息
|
||||
let userObj = ref({});
|
||||
const selectUserInfo = async ()=>{
|
||||
let data = await getUserInfo({});
|
||||
userObj.value = data;
|
||||
// 3.查询是否有更新的版本显示点
|
||||
const getVersion = async ()=>{
|
||||
let networkEnv = proxy.$NETWORK_ENV;//1-内网 2-外网
|
||||
let param = {
|
||||
// #ifdef APP-PLUS
|
||||
verNumber:systemInfo.appWgtVersion,//当前版本号
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
verNumber : systemInfo.appVersion,
|
||||
// #endif
|
||||
os: formatIOS(systemInfo.osName),//操作系统 Android IOS
|
||||
runEnv:networkEnv
|
||||
}
|
||||
let data = await versionCheck(param);
|
||||
isCurrent.value = data.isCurrent;
|
||||
}
|
||||
|
||||
// 自定义弹窗
|
||||
let title = ref('');
|
||||
let content = ref('');
|
||||
let visible = ref(false);
|
||||
const showModel=()=>{
|
||||
title.value = '提示'
|
||||
content.value = '是否确认退出?';
|
||||
visible.value = true;
|
||||
}
|
||||
//关闭
|
||||
const handleClose=()=>{
|
||||
visible.value = false;
|
||||
}
|
||||
selectUserInfo()
|
||||
|
||||
// 3.退出登录
|
||||
const handleLoginOut = async ()=>{
|
||||
|
||||
showAlert('是否确认退出?','提示',true,()=>{
|
||||
userStore.logout();
|
||||
uni.reLaunch({
|
||||
url: '/pages/login/login',
|
||||
});
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
// 4.跳转到版本
|
||||
const handleVersion=()=>{
|
||||
uni.navigateTo({url:'/pages/userinfo/version'})
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.scroll-h{
|
||||
/* #ifdef APP-PLUS */
|
||||
height:calc(100vh - 30px) !important;
|
||||
height:calc(100vh - 50px) !important;
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 30px) !important;
|
||||
|
||||
139
src/pages/userinfo/version.vue
Normal file
@@ -0,0 +1,139 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'版本更新'" :leftFlag="true" :rightFlag="false"></customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
<view class="white-bg">
|
||||
<view class="version-con">
|
||||
<view class="v-title">当前版本 Version {{appVersion}}</view>
|
||||
<block v-if="isCurrent==2">
|
||||
<view class="v-sub-title">最新版本 Version {{ newVersion }}</view>
|
||||
<view class="v-remark">
|
||||
<view class="v-r-title">本期更新</view>
|
||||
{{ remark }}
|
||||
</view>
|
||||
<view class="v-btn" @click="handleDown">更 新</view>
|
||||
</block>
|
||||
<block v-else>
|
||||
<view class="v-new-title">已经是最新版本</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted,getCurrentInstance } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { versionCheck } from '@/api/auth.js';
|
||||
import { getNavBarPaddingTop } from '@/utils/system.js'
|
||||
import { formatIOS } from '@/utils/status.js'
|
||||
const { proxy } = getCurrentInstance();
|
||||
|
||||
// 初始load页面
|
||||
onLoad(async(opt) => {
|
||||
getOSVesion();
|
||||
});
|
||||
|
||||
// 1.头部导航栏
|
||||
let navBarPaddingTop = ref(0);
|
||||
let appVersion = ref("1.0.0");//当前版本号
|
||||
let newVersion = ref('1.0.0');//最新版本号
|
||||
let isCurrent = ref(undefined);
|
||||
let downloadURL = ref(''); //下载地址
|
||||
let remark = ref('');//更新内容
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
})
|
||||
let getOSVesion = async()=>{
|
||||
let networkEnv = proxy.$NETWORK_ENV;//1-内网 2-外网
|
||||
let systemInfo = uni.getSystemInfoSync();
|
||||
let param = {
|
||||
// #ifdef APP-PLUS
|
||||
verNumber:systemInfo.appWgtVersion,//当前版本号
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
verNumber : systemInfo.appVersion,
|
||||
// #endif
|
||||
os: formatIOS(systemInfo.osName),//操作系统 Android IOS
|
||||
runEnv:networkEnv
|
||||
}
|
||||
// 当前手机版本
|
||||
appVersion.value = param.appVersion;
|
||||
console.log("appVersion=>",appVersion.value)
|
||||
let data = await versionCheck(param);
|
||||
newVersion.value = data.verNumber;
|
||||
downloadURL.value = data.downloadUrl || '';
|
||||
isCurrent.value = data.isCurrent;
|
||||
remark.value = data.remark; //|| '全新的UI界面 优化了签到/打卡功能,整体流程更加简洁清晰 搜索功能全面升级 修复了已知BUG'
|
||||
}
|
||||
|
||||
// 下载最新版本
|
||||
const handleDown = ()=>{
|
||||
// #ifdef APP-PLUS
|
||||
// 跳转到应用商店或下载最新版本的页面
|
||||
plus.runtime.openURL(downloadURL.value);
|
||||
if (versionData.value.os == 'ios'){
|
||||
plus.ios.import("UIApplication").sharedApplication().performSelector("exit")
|
||||
} else if (versionData.value.os == 'android'){
|
||||
plus.runtime.quit();
|
||||
}
|
||||
// #endif
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg{
|
||||
width: 750rpx;
|
||||
padding: 40rpx 0 ;
|
||||
margin-bottom:0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
height:calc(100vh - 105px);
|
||||
|
||||
}
|
||||
.version-con{
|
||||
padding:10rpx 53rpx;
|
||||
}
|
||||
.version-con .v-title{
|
||||
font-size:38rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.version-con .v-sub-title{
|
||||
color:#3384DF;
|
||||
font-size: 28rpx;
|
||||
margin-top: 35rpx;
|
||||
font-weight: bold;
|
||||
border-bottom:1px solid #E7E7E7;
|
||||
padding-bottom: 25rpx;
|
||||
}
|
||||
.version-con .v-remark{
|
||||
padding-top:25rpx;
|
||||
font-size:28rpx;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
.version-con .v-remark .v-r-title{
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
margin-bottom:10rpx;
|
||||
}
|
||||
.version-con .v-btn{
|
||||
width:496rpx;
|
||||
height:80rpx;
|
||||
line-height:80rpx;
|
||||
text-align: center;
|
||||
color:#F0F0F0;
|
||||
background-color: #05A3F4;
|
||||
margin:100rpx auto;
|
||||
border-radius: 44rpx;
|
||||
}
|
||||
.version-con .v-new-title{
|
||||
color:#919191;
|
||||
font-size:28rpx;
|
||||
font-weight: bold;
|
||||
margin-top:40rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -5,7 +5,8 @@ page {
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: #F5F5F5;
|
||||
background-color: #307AF5;
|
||||
/* background-color: #F5F5F5; */
|
||||
color: #333;
|
||||
}
|
||||
|
||||
@@ -19,26 +20,30 @@ page {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
|
||||
.con-bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
/* #ifdef APP-PLUS */
|
||||
background: url('@/static/images/bg-Blue.png') no-repeat;
|
||||
background-size: 100vw 761rpx;
|
||||
width: 100vw;
|
||||
height: 761rpx;
|
||||
background-color: #F5F5F5;
|
||||
background-image: url('@/static/images/bg-Blue.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 750rpx 761rpx;
|
||||
width: 750rpx;
|
||||
/* height: 761rpx; */
|
||||
left: 0;
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
background: url('@/static/images/bg-Blue.png') no-repeat;
|
||||
background-color: #F5F5F5;
|
||||
background-image: url('@/static/images/bg-Blue.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 750rpx 761rpx;
|
||||
width: 750rpx;
|
||||
height: 761rpx;
|
||||
/* height: 761rpx; */
|
||||
left: 50%;
|
||||
margin-left: -375rpx;
|
||||
/* #endif */
|
||||
@@ -87,6 +92,8 @@ page {
|
||||
|
||||
|
||||
/* 弹出提示框修改样式 begin */
|
||||
/* #ifdef H5 */
|
||||
|
||||
.uni-modal {
|
||||
border-radius: 24rpx !important;
|
||||
width: 70% !important;
|
||||
@@ -136,7 +143,7 @@ page {
|
||||
background-color: #05A3F4 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
/* 弹出提示框修改样式 end */
|
||||
|
||||
/* 搜索框修改样式 begin */
|
||||
@@ -169,13 +176,51 @@ page {
|
||||
}
|
||||
|
||||
.custom-search .uni-searchbar__box-icon-clear {
|
||||
display: none !important;
|
||||
/* display: none !important; */
|
||||
margin-right:10rpx;
|
||||
}
|
||||
|
||||
/* .custom-search .uni-searchbar__box-icon-clear .uniui-clear{
|
||||
.custom-search .uni-searchbar__box-icon-clear .uniui-clear{
|
||||
color:#fff !important;
|
||||
font-size: 40rpx !important;
|
||||
} */
|
||||
}
|
||||
|
||||
/* 自定义搜索框 */
|
||||
.search-bg{
|
||||
background-color: #6FA2F8;
|
||||
border-radius: 28rpx;
|
||||
/* width:690rpx; */
|
||||
width:630rpx;
|
||||
height:56rpx;
|
||||
margin:10rpx auto 30rpx;
|
||||
padding:0 30rpx;
|
||||
display: flex;
|
||||
color:#fff;
|
||||
font-size:28rpx;
|
||||
flex: auto;
|
||||
}
|
||||
.search-bg .search-left{
|
||||
border-right:1px solid #4687F2;
|
||||
margin-top:10rpx;
|
||||
margin-bottom:10rpx;
|
||||
padding-right:30rpx;
|
||||
/* width:10%; */
|
||||
}
|
||||
.search-bg .search-right{
|
||||
margin-top:10rpx;
|
||||
padding-left:30rpx;
|
||||
/* width:60%; */
|
||||
}
|
||||
.search-bg .search-right .uni-input{
|
||||
color:#fff;
|
||||
font-size:28rpx;
|
||||
}
|
||||
.search-bg .search-right .uni-input .uni-input-input{
|
||||
width: 380rpx;
|
||||
}
|
||||
.search-bg .search-right .uni-input .search-color{
|
||||
color:#fff !important;
|
||||
}
|
||||
/* 搜索框修改样式 end */
|
||||
|
||||
.head-right {
|
||||
|
||||
@@ -11,6 +11,10 @@
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-phonefilled:before {
|
||||
content: "\e68d";
|
||||
}
|
||||
|
||||
.icon-phonebaocun:before {
|
||||
content: "\e80b";
|
||||
}
|
||||
|
||||
BIN
src/static/images/PicLogo@2x.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
src/static/images/PicLogoTxt@2x.png
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
src/static/images/bg@2x.png
Normal file
|
After Width: | Height: | Size: 218 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
BIN
src/static/images/icon-lock@2x.png
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 374 KiB After Width: | Height: | Size: 355 KiB |
BIN
src/static/images/login-biaoshi.png
Normal file
|
After Width: | Height: | Size: 860 B |
@@ -1,7 +1,6 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { getToken, setToken,clearToken } from '../utils/auth'
|
||||
import { getUserInfo } from '../api/auth'
|
||||
|
||||
import { getUserInfo,logout } from '../api/auth'
|
||||
|
||||
export const useUserStore = new defineStore({
|
||||
id: 'userStore',
|
||||
@@ -26,12 +25,15 @@ export const useUserStore = new defineStore({
|
||||
},
|
||||
// 登录
|
||||
login(userinfo) {
|
||||
this.token = userinfo.token
|
||||
setToken(userinfo.token)
|
||||
let token = userinfo.access_token;
|
||||
this.token = token
|
||||
setToken(token)
|
||||
userinfo.token = token;
|
||||
this.userInfo = userinfo
|
||||
},
|
||||
// 退出
|
||||
logout() {
|
||||
async logout() {
|
||||
await logout();
|
||||
this.token = ''
|
||||
this.userInfo = {}
|
||||
clearToken();
|
||||
|
||||
@@ -26,10 +26,10 @@ const cache = {
|
||||
return null
|
||||
}
|
||||
const { value, expire } = JSON.parse(data)
|
||||
if (expire && expire < this.time()) {
|
||||
uni.removeStorageSync(key)
|
||||
return null
|
||||
}
|
||||
// if (expire && expire < this.time()) {
|
||||
// uni.removeStorageSync(key)
|
||||
// return null
|
||||
// }
|
||||
return value
|
||||
} catch (e) {
|
||||
return null
|
||||
|
||||
207
src/utils/common.js
Normal file
@@ -0,0 +1,207 @@
|
||||
import { showAlert } from '@/utils/message.js'
|
||||
|
||||
// 递归算法
|
||||
export const initTree = (arr, parentId = '0', id) => {
|
||||
const tree = [];
|
||||
arr.filter(item => item.parentId === parentId).forEach(item => {
|
||||
const children = initTree(arr, item[id]);
|
||||
if (children.length > 0) {
|
||||
item.children = children;
|
||||
}
|
||||
tree.push(item);
|
||||
});
|
||||
return tree;
|
||||
}
|
||||
|
||||
|
||||
// 安卓异步调用
|
||||
export const requestAndroidPermissionAsync = (systemInfo, permissions) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
// if (uni.getSystemInfoSync().platform !== 'android') {
|
||||
// resolve({ granted: true, nonSystem: true })
|
||||
// return
|
||||
// }
|
||||
plus.android.requestPermissions(permissions, (result) => {
|
||||
showAlert("result=>" + JSON.stringify(result))
|
||||
// const granted = Object.values(result.granted).every(Boolean);
|
||||
|
||||
let granted = false;
|
||||
if (systemInfo.osVersion < 13) {
|
||||
granted = result.granted.length == 2
|
||||
} else if (systemInfo.osVersion == 13) {
|
||||
granted = result.granted.length == 3
|
||||
} else {
|
||||
granted = result.granted.length == 1
|
||||
}
|
||||
resolve({ ...result, granted })
|
||||
|
||||
}, (error) => {
|
||||
reject(error)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
// 安卓同步调用
|
||||
export const requestAndroidPermission = (systemInfo) => {
|
||||
let granted = false;
|
||||
const Manifest = plus.android.importClass("android.Manifest");
|
||||
const MainActivity = plus.android.runtimeMainActivity();
|
||||
if (systemInfo.osVersion < 13) { // 安卓系统版本
|
||||
let permissionStatus = MainActivity.checkSelfPermission(Manifest.permission.READ_EXTERNAL_STORAGE);
|
||||
let perStatus = 0;
|
||||
if (permissionStatus === 0) {
|
||||
perStatus++;
|
||||
}
|
||||
permissionStatus = MainActivity.checkSelfPermission(Manifest.permission.WRITE_EXTERNAL_STORAGE);
|
||||
if (permissionStatus === 0) {
|
||||
perStatus++;
|
||||
}
|
||||
if (perStatus == 2) {
|
||||
granted = true
|
||||
} else {
|
||||
granted = false //"当前文件保存权限被关闭,请到设置中开启才能继续后续操作"
|
||||
goPermission();//调用授权方法去授权
|
||||
}
|
||||
|
||||
} else if (systemInfo.osVersion == 13) {
|
||||
let permissionStatus = MainActivity.checkSelfPermission(Manifest.permission.READ_MEDIA_IMAGES);
|
||||
let perStatus = 0;
|
||||
if (permissionStatus === 0) {
|
||||
perStatus++;
|
||||
}
|
||||
permissionStatus = MainActivity.checkSelfPermission(Manifest.permission.READ_MEDIA_VIDEO);
|
||||
if (permissionStatus === 0) {
|
||||
perStatus++;
|
||||
}
|
||||
permissionStatus = MainActivity.checkSelfPermission(Manifest.permission.READ_MEDIA_AUDIO);
|
||||
if (permissionStatus === 0) {
|
||||
perStatus++;
|
||||
}
|
||||
if (perStatus == 3) {
|
||||
granted = true
|
||||
} else {
|
||||
granted = false //"当前文件保存权限被关闭,请到设置中开启才能继续后续操作"
|
||||
goPermission();//调用授权方法去授权
|
||||
}
|
||||
} else {
|
||||
let permissionStatus = MainActivity.checkSelfPermission(Manifest.permission.READ_MEDIA_VISUAL_USER_SELECTED);
|
||||
let perStatus = 0;
|
||||
if (permissionStatus === 0) {
|
||||
perStatus++;
|
||||
}
|
||||
if (perStatus == 1) {
|
||||
granted = true
|
||||
} else {
|
||||
granted = false //"当前文件保存权限被关闭,请到设置中开启才能继续后续操作"
|
||||
goPermission();//调用授权方法去授权
|
||||
}
|
||||
}
|
||||
|
||||
return granted
|
||||
|
||||
}
|
||||
|
||||
// 弹窗跳授权页面
|
||||
const goPermission = () => {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: "请进行设备授权",
|
||||
cancelText: '去授权',
|
||||
confirmText: '已授权',
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
uni.reLaunch({
|
||||
url: '/pages/loading/loading',
|
||||
});
|
||||
} else if (res.cancel) {
|
||||
jumpAuthPermission();
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 跳转授权按钮
|
||||
const jumpAuthPermission=()=>{
|
||||
var main = plus.android.runtimeMainActivity();
|
||||
var Intent = plus.android.importClass('android.content.Intent');
|
||||
var Uri = plus.android.importClass('android.net.Uri');
|
||||
var pkg = main.getPackageName();
|
||||
var intent = new Intent('android.settings.APPLICATION_DETAILS_SETTINGS');
|
||||
intent.setData(Uri.parse('package:' + pkg));
|
||||
main.startActivity(intent);
|
||||
setTimeout(()=>{
|
||||
uni.reLaunch({
|
||||
url: '/pages/loading/loading',
|
||||
});
|
||||
},500)
|
||||
}
|
||||
|
||||
// 跳转授权
|
||||
const jumpAuthPermission2 = () => {
|
||||
|
||||
let main = plus.android.runtimeMainActivity();
|
||||
let Intent = plus.android.importClass('android.content.Intent');
|
||||
let Uri = plus.android.importClass('android.net.Uri');
|
||||
let Build = plus.android.importClass('android.os.Build');
|
||||
let Settings = plus.android.importClass('android.provider.Settings');
|
||||
let PackageManager = plus.android.importClass('android.content.pm.PackageManager');
|
||||
let pkg = main.getPackageName();
|
||||
|
||||
let intent = new Intent();
|
||||
intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
|
||||
|
||||
try {
|
||||
showAlert(Build.VERSION.SDK_INT)
|
||||
// 尝试直接跳转到存储权限设置(Android 13+ 支持)
|
||||
if (Build.VERSION.SDK_INT >= 33) {
|
||||
// Android 13+ 尝试直接打开存储权限页面
|
||||
intent.setAction(Settings.ACTION_MANAGE_APP_PERMISSIONS);
|
||||
intent.putExtra(Settings.EXTRA_APP_PACKAGE, pkg);
|
||||
// 指定权限类型为存储(需要Android 13+支持)
|
||||
intent.putExtra(Settings.EXTRA_PERMISSION_NAME, "android.permission.READ_EXTERNAL_STORAGE");
|
||||
}
|
||||
// Android 11-12 尝试直接跳转到权限列表
|
||||
else if (Build.VERSION.SDK_INT >= 30) {
|
||||
intent.setAction(Settings.ACTION_MANAGE_APP_PERMISSIONS);
|
||||
intent.putExtra(Settings.EXTRA_APP_PACKAGE, pkg);
|
||||
|
||||
}
|
||||
// Android 6.0-10 跳转到应用详情页(用户需手动点击权限)
|
||||
else if (Build.VERSION.SDK_INT >= 23) {
|
||||
intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
|
||||
let uri = Uri.fromParts("package", pkg, null);
|
||||
intent.setData(uri);
|
||||
}
|
||||
// 低版本系统
|
||||
else {
|
||||
intent.setAction(Settings.ACTION_MANAGE_APPLICATIONS_SETTINGS);
|
||||
}
|
||||
|
||||
showAlert("main=>"+main)
|
||||
showAlert("intent=>"+intent)
|
||||
main.startActivity(intent);
|
||||
|
||||
setTimeout(() => {
|
||||
uni.reLaunch({
|
||||
url: '/pages/loading/loading',
|
||||
});
|
||||
}, 1000)
|
||||
|
||||
} catch (e) {
|
||||
showAlert(e)
|
||||
// 异常情况下降级处理
|
||||
console.error("跳转存储权限页面失败,使用备用方案", e);
|
||||
let fallbackIntent = new Intent(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
|
||||
fallbackIntent.setData(Uri.parse('package:' + pkg));
|
||||
fallbackIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
|
||||
main.startActivity(fallbackIntent);
|
||||
|
||||
setTimeout(() => {
|
||||
uni.reLaunch({
|
||||
url: '/pages/loading/loading',
|
||||
});
|
||||
}, 1000)
|
||||
}
|
||||
|
||||
}
|
||||
30
src/utils/encrypt.js
Normal file
@@ -0,0 +1,30 @@
|
||||
import CryptoJS from 'crypto-js'
|
||||
|
||||
const key = "DOkldC48$@#(&siI";
|
||||
const iv = "4dad87133de5f2de"
|
||||
|
||||
// 加密
|
||||
function Encrypt(text) {
|
||||
// 解密模式为CBC,补码方式为PKCS5Padding(也就是PKCS7)
|
||||
return CryptoJS.AES.encrypt(text, CryptoJS.enc.Utf8.parse(key), {
|
||||
iv: CryptoJS.enc.Utf8.parse(iv),
|
||||
mode: CryptoJS.mode.CBC,
|
||||
padding: CryptoJS.pad.Pkcs7
|
||||
}).toString()
|
||||
}
|
||||
|
||||
// 解密
|
||||
function Decrypt(text) {
|
||||
// 解密模式为CBC,补码方式为PKCS5Padding(也就是PKCS7)
|
||||
let decrypted = CryptoJS.AES.decrypt(text, CryptoJS.enc.Utf8.parse(key), {
|
||||
iv: CryptoJS.enc.Utf8.parse(iv),
|
||||
mode: CryptoJS.mode.CBC,
|
||||
padding: CryptoJS.pad.Pkcs7
|
||||
})
|
||||
return decrypted.toString(CryptoJS.enc.Utf8)
|
||||
}
|
||||
|
||||
export default {
|
||||
Encrypt,
|
||||
Decrypt
|
||||
}
|
||||
@@ -20,7 +20,7 @@ export const showToast = (msg, icon = 'none', mask = false) => {
|
||||
* @param title
|
||||
* @returns
|
||||
*/
|
||||
export const showAlert = (content, title = '提示',showCancel=true,succFun) => {
|
||||
export const showAlert = (content, title = '提示',showCancel=false,succFun) => {
|
||||
return uni.showModal({
|
||||
title: title,
|
||||
content: content,
|
||||
@@ -28,7 +28,7 @@ export const showAlert = (content, title = '提示',showCancel=true,succFun) =>
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
// console.log('用户点击确定');
|
||||
succFun();
|
||||
if(succFun)succFun();
|
||||
} else if (res.cancel) {
|
||||
// console.log('用户点击取消');
|
||||
}
|
||||
|
||||
@@ -1,16 +1,16 @@
|
||||
import HttpRequest from './http';
|
||||
import { merge } from 'lodash-es';
|
||||
import { getToken } from '../auth';
|
||||
import { CLIENT_ID } from '@/enums/cacheEnums';
|
||||
import { RequestCodeEnum, RequestMethodsEnum } from '@/enums/requestEnums';
|
||||
import { clearToken } from '@/utils/auth'
|
||||
import { useUserStore } from '@/stores/user'
|
||||
import { useMessage } from '../message';
|
||||
|
||||
const message = useMessage();
|
||||
|
||||
const requestHooks = {
|
||||
// 请求拦截器
|
||||
requestInterceptorsHook(options, config) {
|
||||
// console.log("request=>",options,config)
|
||||
const { urlPrefix, baseUrl, withToken, isAuth } = config;
|
||||
options.header = options.header ?? {};
|
||||
if (urlPrefix) {
|
||||
@@ -19,15 +19,18 @@ const requestHooks = {
|
||||
if (baseUrl) {
|
||||
options.url = `${baseUrl}${options.url}`;
|
||||
}
|
||||
const token = getToken();
|
||||
if (withToken && !options.header.token) {
|
||||
options.header.token = token;
|
||||
}
|
||||
const token = getToken(); //console.log("token=>",token)
|
||||
// if (withToken && !options.header.token) {
|
||||
options.header.token = "Bearer "+ token;
|
||||
options.header.Authorization = "Bearer "+ token;
|
||||
// }
|
||||
// console.log("request=>",options)
|
||||
return options;
|
||||
},
|
||||
// 响应拦截器
|
||||
responseInterceptorsHook(response, config) {
|
||||
// console.log("response=>",response,config)
|
||||
// console.log("response=>",response)
|
||||
// console.log("response=>config=>",config)
|
||||
const { isTransformResponse, isReturnDefaultResponse, isAuth } = config;
|
||||
|
||||
if (isReturnDefaultResponse) {
|
||||
@@ -36,24 +39,29 @@ const requestHooks = {
|
||||
if (!isTransformResponse) {
|
||||
return response.data;
|
||||
}
|
||||
const { logout, isLogin } = useUserStore();
|
||||
// const { logout, isLogin } = useUserStore();
|
||||
const { code, data, msg, show } = response.data;
|
||||
// console.log(code,data,msg,show)
|
||||
switch (code) {
|
||||
case RequestCodeEnum.SUCCESS:
|
||||
msg && message.toast(msg);
|
||||
return response.data;
|
||||
msg && show && message.toast(msg);
|
||||
return data;
|
||||
case RequestCodeEnum.FAILED:
|
||||
message.toast(msg);
|
||||
return Promise.reject(msg);
|
||||
case RequestCodeEnum.TOKEN_INVALID:
|
||||
if (isAuth && isLogin) {
|
||||
message.toast('登录状态已过期,请重新登录!');
|
||||
// console.log(isAuth,isLogin)
|
||||
// if (isAuth && isLogin) {
|
||||
clearToken();
|
||||
uni.reLaunch({ url: '/pages/login/login' })
|
||||
// }
|
||||
|
||||
}
|
||||
return Promise.reject();
|
||||
|
||||
default:
|
||||
message.toast(msg)
|
||||
// return response.data;
|
||||
message.alert(msg)
|
||||
// return data;
|
||||
return Promise.reject(msg);
|
||||
}
|
||||
},
|
||||
@@ -70,7 +78,10 @@ const requestHooks = {
|
||||
const defaultOptions = {
|
||||
requestOptions: {// 请求配置
|
||||
timeout: 10 * 1000,
|
||||
header: { version: '1.0.0',AppToken: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzUxMiJ9.eyJzdWIiOiIxIiwiaWF0IjoxNzU0NzI5NzEwLCJleHAiOjE3NTUzMzQ1MTB9.Jas3EQ98u3ZhbrGv0NeESMZPuBjq9PZIzPEV9LcDjjKH19BWiyXJkPUlGrUVuzQKUWrwYCnqXfeZHjm0pLf_UQ' }
|
||||
header: {
|
||||
version: '1.0.0',
|
||||
clientId:`${CLIENT_ID || 2}`, // clientId传2
|
||||
}
|
||||
},
|
||||
baseUrl: `${import.meta.env.VITE_APP_BASE_URL || ''}`,// 基础 URL
|
||||
isReturnDefaultResponse: false,// 是否返回默认响应
|
||||
|
||||
11
src/utils/status.js
Normal file
@@ -0,0 +1,11 @@
|
||||
|
||||
// 1=Android、2=IOS
|
||||
export function formatIOS(type){
|
||||
const result = {
|
||||
'android':1,
|
||||
'ios':2,
|
||||
}
|
||||
return result[type];
|
||||
}
|
||||
|
||||
|
||||
@@ -39,6 +39,6 @@ export const getNavBarPaddingTop = () => {
|
||||
h=0
|
||||
// #endif
|
||||
}
|
||||
console.log("h=>",h)
|
||||
// console.log("h=>",h)
|
||||
return h;
|
||||
}
|
||||
|
||||
@@ -40,12 +40,4 @@ export function isUrl(url) {
|
||||
const urlRegex = /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/;
|
||||
return urlRegex.test(url);
|
||||
}
|
||||
/**
|
||||
* 是否为空
|
||||
*/
|
||||
export function isEmpty(value) {
|
||||
if (value === null || value === undefined) return true
|
||||
if (typeof value === 'string') return value.trim() === ''
|
||||
if (Array.isArray(value)) return value.length === 0
|
||||
return false
|
||||
}
|
||||
|
||||
|
||||
@@ -17,13 +17,15 @@ export default defineConfig({
|
||||
},
|
||||
},
|
||||
server: {
|
||||
host: '0.0.0.0', // 监听所有本地 IP
|
||||
// port:9995,
|
||||
https: false,//是否启动https
|
||||
proxy: {
|
||||
// 简单代理配置
|
||||
'/api': {
|
||||
target: 'http://localhost:3000', // 目标服务器地址
|
||||
}
|
||||
}
|
||||
// proxy: {
|
||||
// // 简单代理配置
|
||||
// '/api': {
|
||||
// target: 'http://localhost:3000', // 目标服务器地址
|
||||
// }
|
||||
// }
|
||||
|
||||
},
|
||||
|
||||
|
||||