Compare commits
36 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 205e2c7ae5 | |||
| 2aabff2e90 | |||
| 185163d326 | |||
| 052fcd60b8 | |||
| fc2404a5b8 | |||
|
|
72d19bfb02 | ||
|
|
ac798f3f94 | ||
|
|
0ba4d3fe26 | ||
| a2c29e8dda | |||
| 9631dba573 | |||
| ed848edfd9 | |||
| f8eda78cf7 | |||
| 6b22078098 | |||
| 13f3fd4377 | |||
| d41a186e22 | |||
| 0a771cfa54 | |||
|
|
fe708bd2a8 | ||
| 6c71bccd83 | |||
| 2c0bc99c03 | |||
| fd24f914f7 | |||
| 59f5885669 | |||
| f83a81c02a | |||
| 153e7e766c | |||
| 8bc6ec10c4 | |||
| 85a36e7fd9 | |||
| f727796d1f | |||
|
|
e756980625 | ||
| be38cebe38 | |||
|
|
3454ff1bd5 | ||
| 50a64770ee | |||
|
|
cf049fc1e8 | ||
|
|
00fa8e4d84 | ||
|
|
dd53612b39 | ||
| 25cd675698 | |||
| 15622a2e5a | |||
| ca533e85e3 |
@@ -1,11 +1,20 @@
|
||||
###
|
||||
# @Author: riverQiu
|
||||
# @Date: 2023-08-16 22:04:23
|
||||
# @LastEditors: riverQiu
|
||||
# @LastEditTime: 2023-08-18 23:22:27
|
||||
# @Description:
|
||||
###
|
||||
# 页面标题
|
||||
VUE_APP_TITLE = 莳松管理系统
|
||||
VUE_APP_TITLE = 开心学车管理系统
|
||||
|
||||
# 开发环境配置
|
||||
ENV = 'development'
|
||||
|
||||
# 莳松管理系统/开发环境
|
||||
# 开心学车管理系统/开发环境
|
||||
VUE_APP_BASE_API = '/dev-api'
|
||||
|
||||
JWL_API = ''
|
||||
|
||||
# 路由懒加载
|
||||
VUE_CLI_BABEL_TRANSPILE_MODULES = true
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
# 页面标题
|
||||
VUE_APP_TITLE = 莳松管理系统
|
||||
VUE_APP_TITLE = 开心学车管理系统
|
||||
|
||||
# 生产环境配置
|
||||
ENV = 'production'
|
||||
|
||||
# 莳松管理系统/生产环境
|
||||
VUE_APP_BASE_API = '/duima'
|
||||
# 开心学车管理系统/生产环境
|
||||
VUE_APP_BASE_API = '/zhaosheng'
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
# 页面标题
|
||||
VUE_APP_TITLE = 莳松管理系统
|
||||
VUE_APP_TITLE = 开心学车管理系统
|
||||
|
||||
NODE_ENV = production
|
||||
|
||||
# 测试环境配置
|
||||
ENV = 'staging'
|
||||
|
||||
# 莳松管理系统/测试环境
|
||||
# 开心学车管理系统/测试环境
|
||||
VUE_APP_BASE_API = '/stage-api'
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "river",
|
||||
"version": "1.0.0",
|
||||
"description": "莳松管理系统",
|
||||
"author": "莳松",
|
||||
"description": "开心学车管理系统",
|
||||
"author": "开心学车",
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
"dev": "vue-cli-service serve",
|
||||
|
||||
|
Before Width: | Height: | Size: 137 KiB After Width: | Height: | Size: 20 KiB |
BIN
public/favicon2.ico
Normal file
|
After Width: | Height: | Size: 137 KiB |
@@ -95,10 +95,10 @@
|
||||
<script src="/loading/index.js"></script>
|
||||
<script type="text/javascript">
|
||||
window._AMapSecurityConfig = {
|
||||
securityJsCode:'420463f2f8c849ab78b9d29548aff7d3',
|
||||
}
|
||||
</script>
|
||||
<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
|
||||
<script src="https://webapi.amap.com/maps?v=1.4.15&key=ec6b7ebe38f7ff27126f7088d87a9091&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.Geocoder,AMap.Scale"></script>
|
||||
</body>
|
||||
securityJsCode: 'e7783f9551b7b38e1f485f99cb7d986f'
|
||||
};
|
||||
</script>
|
||||
<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
|
||||
<script src="https://webapi.amap.com/maps?v=1.4.15&key=e92870cebfb5c7a9139f77bca1e7997a&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.Geocoder,AMap.Scale"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
BIN
public/logo.png
|
Before Width: | Height: | Size: 137 KiB After Width: | Height: | Size: 20 KiB |
BIN
public/logo1.png
Normal file
|
After Width: | Height: | Size: 137 KiB |
35
src/api/question.js
Normal file
@@ -0,0 +1,35 @@
|
||||
/*
|
||||
* @Author: riverQiu
|
||||
* @Date: 2023-08-17 20:30:56
|
||||
* @LastEditors: riverQiu
|
||||
* @LastEditTime: 2023-08-19 00:26:04
|
||||
* @Description:
|
||||
*/
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 获取首页统计信息
|
||||
export function searchQuestion(param) {
|
||||
return request({
|
||||
url: '/driver-api/tdQuestion/duima/list',
|
||||
method: 'get',
|
||||
params: param
|
||||
});
|
||||
}
|
||||
|
||||
export function updateQuestion(data) {
|
||||
return request({
|
||||
url: '/driver-api/tdQuestion/duima/update',
|
||||
method: 'put',
|
||||
data: data
|
||||
});
|
||||
}
|
||||
|
||||
export function addQuestion(data) {
|
||||
return request({
|
||||
url: '/driver-api/tdQuestion/duima/add',
|
||||
method: 'put',
|
||||
data: data
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
59
src/api/sch/coach.js
Normal file
@@ -0,0 +1,59 @@
|
||||
/*
|
||||
* @Author: riverQiu
|
||||
* @Date: 2023-10-07 17:14:32
|
||||
* @LastEditors: riverQiu
|
||||
* @LastEditTime: 2023-10-10 17:00:57
|
||||
* @Description:教练接口
|
||||
*/
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 查询教练列表
|
||||
export function listCoach(query) {
|
||||
return request({
|
||||
url: '/sch/coach/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
}
|
||||
|
||||
// 查询教练详细
|
||||
export function getCoach(coachId) {
|
||||
return request({
|
||||
url: '/sch/coach/' + coachId,
|
||||
method: 'get'
|
||||
});
|
||||
}
|
||||
|
||||
// 新增教练
|
||||
export function addCoach(data) {
|
||||
return request({
|
||||
url: '/sch/coach',
|
||||
method: 'post',
|
||||
data: data
|
||||
});
|
||||
}
|
||||
|
||||
// 修改教练
|
||||
export function updateCoach(data) {
|
||||
return request({
|
||||
url: '/sch/coach',
|
||||
method: 'put',
|
||||
data: data
|
||||
});
|
||||
}
|
||||
|
||||
// 删除教练
|
||||
export function delCoach(coachId) {
|
||||
return request({
|
||||
url: '/sch/coach/' + coachId,
|
||||
method: 'delete'
|
||||
});
|
||||
}
|
||||
|
||||
export function getAllCoaches(query){
|
||||
return request({
|
||||
url: '/sch/coach/all',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
}
|
||||
@@ -39,5 +39,11 @@ export default {
|
||||
url: `/sch/school/${id}`,
|
||||
method: 'delete'
|
||||
});
|
||||
},
|
||||
createCode(id){
|
||||
return request({
|
||||
url: `/sch/school/create/${id}`,
|
||||
method: 'post'
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
44
src/api/sch/shop.js
Normal file
@@ -0,0 +1,44 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询抖音门店列表
|
||||
export function listShop(query) {
|
||||
return request({
|
||||
url: '/system/shop/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询抖音门店详细
|
||||
export function getShop(shopId) {
|
||||
return request({
|
||||
url: '/system/shop/' + shopId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增抖音门店
|
||||
export function addShop(data) {
|
||||
return request({
|
||||
url: '/system/shop',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改抖音门店
|
||||
export function updateShop(data) {
|
||||
return request({
|
||||
url: '/system/shop',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除抖音门店
|
||||
export function delShop(shopId) {
|
||||
return request({
|
||||
url: '/system/shop/' + shopId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
59
src/api/system/skill.js
Normal file
@@ -0,0 +1,59 @@
|
||||
/*
|
||||
* @Author: riverQiu
|
||||
* @Date: 2023-10-14 00:31:37
|
||||
* @LastEditors: riverQiu
|
||||
* @LastEditTime: 2023-10-15 00:37:52
|
||||
* @Description:
|
||||
*/
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询关键话术列表
|
||||
export function listSkill(query) {
|
||||
return request({
|
||||
url: '/system/skill/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询关键话术详细
|
||||
export function getSkill(skillId) {
|
||||
return request({
|
||||
url: '/system/skill/' + skillId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
export function getSkillKey() {
|
||||
return request({
|
||||
url: '/system/skill/key',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增关键话术
|
||||
export function addSkill(data) {
|
||||
return request({
|
||||
url: '/system/skill',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改关键话术
|
||||
export function updateSkill(data) {
|
||||
return request({
|
||||
url: '/system/skill',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除关键话术
|
||||
export function delSkill(skillId) {
|
||||
return request({
|
||||
url: '/system/skill/' + skillId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
39
src/api/vip.js
Normal file
@@ -0,0 +1,39 @@
|
||||
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 查询车型列表
|
||||
export function getCarList(param) {
|
||||
return request({
|
||||
url: '/driver-api/tdSysUserMember/duima/car/list',
|
||||
method: 'get',
|
||||
params: param
|
||||
});
|
||||
}
|
||||
|
||||
// 查询会员列表
|
||||
export function getMemberList(param) {
|
||||
return request({
|
||||
url: '/driver-api/tdSysUserMember/duima/member/list',
|
||||
method: 'get',
|
||||
params: param
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// 查询用户会员列表
|
||||
export function getUserMemberList(param) {
|
||||
return request({
|
||||
url: '/driver-api/tdSysUserMember/duima/user/member/list',
|
||||
method: 'get',
|
||||
params: param
|
||||
});
|
||||
}
|
||||
|
||||
//新增会员
|
||||
export function addUserMember(data) {
|
||||
return request({
|
||||
url: '/driver-api/tdSysUserMember/duima/user/member',
|
||||
method: 'post',
|
||||
data: data
|
||||
});
|
||||
}
|
||||
@@ -210,3 +210,11 @@ export function saveCluePlace(data) {
|
||||
data: data
|
||||
});
|
||||
}
|
||||
|
||||
export function getFollowCount() {
|
||||
return request({
|
||||
url: `/zs/clue/follow/count`,
|
||||
method: 'get'
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
51
src/api/zs/feedback.js
Normal file
@@ -0,0 +1,51 @@
|
||||
/*
|
||||
* @Author: riverQiu
|
||||
* @Date: 2023-10-07 17:14:38
|
||||
* @LastEditors: riverQiu
|
||||
* @LastEditTime: 2023-10-07 17:14:44
|
||||
* @Description: 线索反馈接口
|
||||
*/
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 查询线索反馈列表
|
||||
export function listFeedback(query) {
|
||||
return request({
|
||||
url: '/zs/feedback/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
}
|
||||
|
||||
// 查询线索反馈详细
|
||||
export function getFeedback(feedbackId) {
|
||||
return request({
|
||||
url: '/zs/feedback/' + feedbackId,
|
||||
method: 'get'
|
||||
});
|
||||
}
|
||||
|
||||
// 新增线索反馈
|
||||
export function addFeedback(data) {
|
||||
return request({
|
||||
url: '/zs/feedback',
|
||||
method: 'post',
|
||||
data: data
|
||||
});
|
||||
}
|
||||
|
||||
// 修改线索反馈
|
||||
export function updateFeedback(data) {
|
||||
return request({
|
||||
url: '/zs/feedback',
|
||||
method: 'put',
|
||||
data: data
|
||||
});
|
||||
}
|
||||
|
||||
// 删除线索反馈
|
||||
export function delFeedback(feedbackId) {
|
||||
return request({
|
||||
url: '/zs/feedback/' + feedbackId,
|
||||
method: 'delete'
|
||||
});
|
||||
}
|
||||
93
src/api/zs/feedbackDetail.js
Normal file
@@ -0,0 +1,93 @@
|
||||
/*
|
||||
* @Author: riverQiu
|
||||
* @Date: 2023-10-11 20:48:02
|
||||
* @LastEditors: riverQiu
|
||||
* @LastEditTime: 2023-10-11 20:57:06
|
||||
* @Description:
|
||||
*/
|
||||
/*
|
||||
* @Author: riverQiu
|
||||
* @Date: 2023-10-10 16:08:39
|
||||
* @LastEditors: riverQiu
|
||||
* @LastEditTime: 2023-10-10 16:10:06
|
||||
* @Description: 反馈单
|
||||
*/
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 查询线索反馈列表
|
||||
export function listFeedbackDetail(query) {
|
||||
return request({
|
||||
url: '/zs/feedback/detail/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
}
|
||||
|
||||
// 查询线索反馈详细
|
||||
export function getFeedbackDetail(feedbackId) {
|
||||
return request({
|
||||
url: '/zs/feedback/detail/' + feedbackId,
|
||||
method: 'get'
|
||||
});
|
||||
}
|
||||
|
||||
export function getFeedbackDetailInfo(query){
|
||||
return request({
|
||||
url: '/zs/feedback/detail/info',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
}
|
||||
|
||||
// 查询线索反馈详细
|
||||
export function getFeedbackDetailByClueId(clueId) {
|
||||
return request({
|
||||
url: '/zs/feedback/detail/' + clueId,
|
||||
method: 'get'
|
||||
});
|
||||
}
|
||||
|
||||
// 新增线索反馈
|
||||
export function addFeedbackDetail(data) {
|
||||
return request({
|
||||
url: '/zs/feedback/detail',
|
||||
method: 'post',
|
||||
data: data
|
||||
});
|
||||
}
|
||||
|
||||
// 修改线索反馈
|
||||
export function updateFeedbackDetail(data) {
|
||||
return request({
|
||||
url: '/zs/feedback/detail',
|
||||
method: 'put',
|
||||
data: data
|
||||
});
|
||||
}
|
||||
|
||||
// 删除线索反馈
|
||||
export function delFeedbackDetail(feedbackId) {
|
||||
return request({
|
||||
url: '/zs/feedback/detail/' + feedbackId,
|
||||
method: 'delete'
|
||||
});
|
||||
}
|
||||
|
||||
//查询接待人统计
|
||||
export function getCount(param){
|
||||
return request({
|
||||
url: '/zs/feedback/detail/count',
|
||||
method: 'get',
|
||||
params: param
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//查询接待人接待详情
|
||||
export function getCountDetail(param){
|
||||
return request({
|
||||
url: '/zs/feedback/detail/count/detail',
|
||||
method: 'get',
|
||||
params: param
|
||||
})
|
||||
}
|
||||
59
src/api/zs/feedbackOrder.js
Normal file
@@ -0,0 +1,59 @@
|
||||
/*
|
||||
* @Author: riverQiu
|
||||
* @Date: 2023-10-10 16:08:39
|
||||
* @LastEditors: riverQiu
|
||||
* @LastEditTime: 2023-10-10 16:10:06
|
||||
* @Description: 反馈单
|
||||
*/
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 查询线索反馈列表
|
||||
export function listFeedbackOrder(query) {
|
||||
return request({
|
||||
url: '/zs/feedback/order/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
}
|
||||
|
||||
// 查询线索反馈详细
|
||||
export function getFeedbackOrder(feedbackId) {
|
||||
return request({
|
||||
url: '/zs/feedback/order/' + feedbackId,
|
||||
method: 'get'
|
||||
});
|
||||
}
|
||||
|
||||
// 查询线索反馈详细
|
||||
export function getFeedbackOrderByClueId(clueId) {
|
||||
return request({
|
||||
url: '/zs/feedback/order/' + clueId,
|
||||
method: 'get'
|
||||
});
|
||||
}
|
||||
|
||||
// 新增线索反馈
|
||||
export function addFeedbackOrder(data) {
|
||||
return request({
|
||||
url: '/zs/feedback/order',
|
||||
method: 'post',
|
||||
data: data
|
||||
});
|
||||
}
|
||||
|
||||
// 修改线索反馈
|
||||
export function updateFeedbackOrder(data) {
|
||||
return request({
|
||||
url: '/zs/feedback/order',
|
||||
method: 'put',
|
||||
data: data
|
||||
});
|
||||
}
|
||||
|
||||
// 删除线索反馈
|
||||
export function delFeedbackOrder(feedbackId) {
|
||||
return request({
|
||||
url: '/zs/feedback/order/' + feedbackId,
|
||||
method: 'delete'
|
||||
});
|
||||
}
|
||||
53
src/api/zs/invitation.js
Normal file
@@ -0,0 +1,53 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询邀约列表
|
||||
export function listInvitation(query) {
|
||||
return request({
|
||||
url: '/zs/invitation/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询邀约详细
|
||||
export function getInvitation(invitationId) {
|
||||
return request({
|
||||
url: '/zs/invitation/' + invitationId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 查询邀约详细
|
||||
export function getInvitationByClue(query) {
|
||||
return request({
|
||||
url: '/zs/invitation/clue',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 新增邀约
|
||||
export function addInvitation(data) {
|
||||
return request({
|
||||
url: '/zs/invitation',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改邀约
|
||||
export function updateInvitation(data) {
|
||||
return request({
|
||||
url: '/zs/invitation',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除邀约
|
||||
export function delInvitation(invitationId) {
|
||||
return request({
|
||||
url: '/zs/invitation/' + invitationId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
Before Width: | Height: | Size: 137 KiB After Width: | Height: | Size: 20 KiB |
BIN
src/assets/logo/logo2.png
Normal file
|
After Width: | Height: | Size: 137 KiB |
@@ -27,7 +27,7 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: '莳松管理系统',
|
||||
title: '开心学车管理系统',
|
||||
logo: logoImg
|
||||
};
|
||||
},
|
||||
|
||||
@@ -1,22 +1,33 @@
|
||||
/*
|
||||
* @Author: riverQiu
|
||||
* @Date: 2023-08-16 22:04:23
|
||||
* @LastEditors: riverQiu
|
||||
* @LastEditTime: 2023-10-11 22:17:43
|
||||
* @Description:
|
||||
*/
|
||||
import router from './router';
|
||||
import store from './store';
|
||||
import {
|
||||
Message
|
||||
} from 'element-ui';
|
||||
import { Message } from 'element-ui';
|
||||
import NProgress from 'nprogress';
|
||||
import 'nprogress/nprogress.css';
|
||||
import {
|
||||
getToken
|
||||
} from '@/utils/auth';
|
||||
import {
|
||||
isRelogin
|
||||
} from '@/utils/request';
|
||||
import { getToken } from '@/utils/auth';
|
||||
import { isRelogin } from '@/utils/request';
|
||||
|
||||
NProgress.configure({
|
||||
showSpinner: false
|
||||
});
|
||||
|
||||
const whiteList = ['/login', '/auth-redirect', '/bind', '/register'];
|
||||
const whiteList = [
|
||||
'/login',
|
||||
'/auth-redirect',
|
||||
'/bind',
|
||||
'/register',
|
||||
'/question',
|
||||
'/clue/feedback/follow',
|
||||
'/clue/feedback/arrival',
|
||||
'/coach/count',
|
||||
'/coach/count/detail'
|
||||
];
|
||||
|
||||
router.beforeEach((to, from, next) => {
|
||||
NProgress.start();
|
||||
|
||||
@@ -29,14 +29,17 @@ import Layout from '@/layout';
|
||||
*/
|
||||
|
||||
// 公共路由
|
||||
export const constantRoutes = [{
|
||||
export const constantRoutes = [
|
||||
{
|
||||
path: '/redirect',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
children: [{
|
||||
path: '/redirect/:path(.*)',
|
||||
component: () => import('@/views/redirect')
|
||||
}]
|
||||
children: [
|
||||
{
|
||||
path: '/redirect/:path(.*)',
|
||||
component: () => import('@/views/redirect')
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/login',
|
||||
@@ -48,6 +51,31 @@ export const constantRoutes = [{
|
||||
component: () => import('@/views/register'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/question',
|
||||
component: () => import('@/views/question'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/clue/feedback/follow',
|
||||
component: () => import('@/views/zs/feedback/follow'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/clue/feedback/arrival',
|
||||
component: () => import('@/views/zs/feedback/arrival'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/coach/count',
|
||||
component: () => import('@/views/sch/coach/count'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/coach/count/detail',
|
||||
component: () => import('@/views/sch/coach/count/detail'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/404',
|
||||
component: () => import('@/views/error/404'),
|
||||
@@ -62,16 +90,18 @@ export const constantRoutes = [{
|
||||
path: '',
|
||||
component: Layout,
|
||||
redirect: 'index',
|
||||
children: [{
|
||||
path: 'index',
|
||||
component: () => import('@/views/index'),
|
||||
name: 'Index',
|
||||
meta: {
|
||||
title: '首页',
|
||||
icon: 'dashboard',
|
||||
affix: true
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
component: () => import('@/views/index'),
|
||||
name: 'Index',
|
||||
meta: {
|
||||
title: '首页',
|
||||
icon: 'dashboard',
|
||||
affix: true
|
||||
}
|
||||
}
|
||||
}]
|
||||
]
|
||||
},
|
||||
// {
|
||||
// path: '/demo',
|
||||
@@ -106,93 +136,106 @@ export const constantRoutes = [{
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
redirect: 'noredirect',
|
||||
children: [{
|
||||
path: 'profile',
|
||||
component: () => import('@/views/system/user/profile/index'),
|
||||
name: 'Profile',
|
||||
meta: {
|
||||
title: '个人中心',
|
||||
icon: 'user'
|
||||
children: [
|
||||
{
|
||||
path: 'profile',
|
||||
component: () => import('@/views/system/user/profile/index'),
|
||||
name: 'Profile',
|
||||
meta: {
|
||||
title: '个人中心',
|
||||
icon: 'user'
|
||||
}
|
||||
}
|
||||
}]
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
// 动态路由,基于用户权限动态去加载
|
||||
export const dynamicRoutes = [{
|
||||
export const dynamicRoutes = [
|
||||
{
|
||||
path: '/system/user-auth',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['system:user:edit'],
|
||||
children: [{
|
||||
path: 'role/:userId(\\d+)',
|
||||
component: () => import('@/views/system/user/authRole'),
|
||||
name: 'AuthRole',
|
||||
meta: {
|
||||
title: '分配角色',
|
||||
activeMenu: '/system/user'
|
||||
children: [
|
||||
{
|
||||
path: 'role/:userId(\\d+)',
|
||||
component: () => import('@/views/system/user/authRole'),
|
||||
name: 'AuthRole',
|
||||
meta: {
|
||||
title: '分配角色',
|
||||
activeMenu: '/system/user'
|
||||
}
|
||||
}
|
||||
}]
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/system/role-auth',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['system:role:edit'],
|
||||
children: [{
|
||||
path: 'user/:roleId(\\d+)',
|
||||
component: () => import('@/views/system/role/authUser'),
|
||||
name: 'AuthUser',
|
||||
meta: {
|
||||
title: '分配用户',
|
||||
activeMenu: '/system/role'
|
||||
children: [
|
||||
{
|
||||
path: 'user/:roleId(\\d+)',
|
||||
component: () => import('@/views/system/role/authUser'),
|
||||
name: 'AuthUser',
|
||||
meta: {
|
||||
title: '分配用户',
|
||||
activeMenu: '/system/role'
|
||||
}
|
||||
}
|
||||
}]
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/system/dict-data',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['system:dict:list'],
|
||||
children: [{
|
||||
path: 'index/:dictId(\\d+)',
|
||||
component: () => import('@/views/system/dict/data'),
|
||||
name: 'Data',
|
||||
meta: {
|
||||
title: '字典数据',
|
||||
activeMenu: '/system/dict'
|
||||
children: [
|
||||
{
|
||||
path: 'index/:dictId(\\d+)',
|
||||
component: () => import('@/views/system/dict/data'),
|
||||
name: 'Data',
|
||||
meta: {
|
||||
title: '字典数据',
|
||||
activeMenu: '/system/dict'
|
||||
}
|
||||
}
|
||||
}]
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/monitor/job-log',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['monitor:job:list'],
|
||||
children: [{
|
||||
path: 'index',
|
||||
component: () => import('@/views/monitor/job/log'),
|
||||
name: 'JobLog',
|
||||
meta: {
|
||||
title: '调度日志',
|
||||
activeMenu: '/monitor/job'
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
component: () => import('@/views/monitor/job/log'),
|
||||
name: 'JobLog',
|
||||
meta: {
|
||||
title: '调度日志',
|
||||
activeMenu: '/monitor/job'
|
||||
}
|
||||
}
|
||||
}]
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/zs/clue-form',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['zs:clue:add', 'zs:clue:edit'],
|
||||
children: [{
|
||||
path: 'index/:clueId(\\d+)',
|
||||
component: () => import('@/views/zs/clue/ClueForm'),
|
||||
name: 'ClueForm',
|
||||
meta: {
|
||||
title: '线索详情',
|
||||
activeMenu: '/zs/clue'
|
||||
children: [
|
||||
{
|
||||
path: 'index/:clueId(\\d+)',
|
||||
component: () => import('@/views/zs/clue/ClueForm'),
|
||||
name: 'ClueForm',
|
||||
meta: {
|
||||
title: '线索详情',
|
||||
activeMenu: '/zs/clue'
|
||||
}
|
||||
}
|
||||
}]
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col> -->
|
||||
<el-col :span="6">
|
||||
<!-- <el-col :span="6">
|
||||
<el-card>
|
||||
<div slot="header">
|
||||
计划总结
|
||||
@@ -27,9 +27,9 @@
|
||||
<div v-html="task" />
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-col> -->
|
||||
|
||||
<el-col :span="6">
|
||||
<el-col :span="12">
|
||||
<el-card>
|
||||
<div slot="header">团队业绩概况</div>
|
||||
<div class="card-panel">
|
||||
@@ -50,7 +50,7 @@
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="6">
|
||||
<el-col :span="12">
|
||||
<el-card>
|
||||
<div slot="header">转化率</div>
|
||||
<div class="card-panel">
|
||||
@@ -86,7 +86,7 @@
|
||||
<el-row :gutter="40" class="panel-group" style="margin-bottom: 20px"> -->
|
||||
|
||||
<!-- 考勤信息 -->
|
||||
<el-col :span="6">
|
||||
<!-- <el-col :span="6">
|
||||
<el-card>
|
||||
<div slot="header">打卡异常信息</div>
|
||||
<div class="card-panel">
|
||||
@@ -104,7 +104,7 @@
|
||||
</el-carousel>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-col> -->
|
||||
</el-row>
|
||||
|
||||
<!-- 成交数排行榜 -->
|
||||
@@ -236,12 +236,12 @@ export default {
|
||||
this.user = response.data
|
||||
})
|
||||
},
|
||||
getCheckin() {
|
||||
getCheckin().then((resp) => {
|
||||
this.checkin_datas = resp.data
|
||||
this.countNum = Math.ceil(this.checkin_datas.length / 5)
|
||||
})
|
||||
},
|
||||
// getCheckin() {
|
||||
// getCheckin().then((resp) => {
|
||||
// this.checkin_datas = resp.data
|
||||
// this.countNum = Math.ceil(this.checkin_datas.length / 5)
|
||||
// })
|
||||
// },
|
||||
handleEditTask(type) {
|
||||
this.taskType = type
|
||||
if (type === 2) {
|
||||
|
||||
@@ -1,18 +1,17 @@
|
||||
<template>
|
||||
<div class="login">
|
||||
<div class="login-form">
|
||||
<h3 class="title">莳松管理系统</h3>
|
||||
<h3 class="title">开心学车管理系统</h3>
|
||||
<el-tabs v-model="activeName" type="card">
|
||||
<el-tab-pane label="微信扫码" name="wx" style="height:200px">
|
||||
<wxlogin v-if="!code && activeName === 'wx'" appid="wx203f734baa9c9845" :scope="'snsapi_login'" :theme="'black'" redirect_uri="https://xueche.ahduima.com/login" :href="href">
|
||||
<wxlogin v-if="!code && activeName === 'wx'" appid="wxc9e106a4afd2b9dd" :scope="'snsapi_login'" :theme="'black'" redirect_uri="https://xueche.kxxc.top/login" :href="href">
|
||||
</wxlogin>
|
||||
<!-- <div id="wxcode" v-if="!code && activeName === 'wx'"></div> -->
|
||||
<!-- 绑定手机号框 -->
|
||||
|
||||
<div v-else v-loading="loading">
|
||||
<WxCode v-if="codeShow" :code="code" :openId="openId" />
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="账号密码" name="password" style="height:200px">
|
||||
<el-tab-pane label="短信验证码" name="password" style="height:200px">
|
||||
<Password v-if="activeName === 'password'" />
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
@@ -91,7 +90,7 @@ export default {
|
||||
var obj = new WxLogin({
|
||||
self_redirect: true,
|
||||
id: "wxcode", // 页面显示二维码的容器id
|
||||
appid: "wx203f734baa9c9845", // 微信官方提供的测试id
|
||||
appid: "wxc9e106a4afd2b9dd", // 微信官方提供的测试id
|
||||
scope: "snsapi_login",
|
||||
redirect_uri: "https://xueche.ahduima.com/login", // 微信官方中的测试地址
|
||||
state: "bind",
|
||||
|
||||
211
src/views/question/components/QuestionAddForm.vue
Normal file
@@ -0,0 +1,211 @@
|
||||
<template>
|
||||
<el-dialog title="试题" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="900px" @close="closeDialog">
|
||||
<div>
|
||||
<el-form ref="dialogForm" :model="dialogForm" :rules="dataRule" label-position="left" @keyup.enter.native="dialogFormSubmit()">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="题目" prop="question">
|
||||
<el-input v-model="dialogForm.question" maxlength="200" placeholder="请输入题目" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="选项A" prop="question">
|
||||
<el-input v-model="dialogForm.chooseA" maxlength="200" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="选项B" prop="question">
|
||||
<el-input v-model="dialogForm.chooseB" maxlength="200" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="选项C" prop="question">
|
||||
<el-input v-model="dialogForm.chooseC" maxlength="200" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="选项D" prop="question">
|
||||
<el-input v-model="dialogForm.chooseD" maxlength="200" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="选项E" prop="question">
|
||||
<el-input v-model="dialogForm.chooseE" maxlength="200" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="选项F" prop="question">
|
||||
<el-input v-model="dialogForm.chooseF" maxlength="200" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="选项G" prop="question">
|
||||
<el-input v-model="dialogForm.chooseG" maxlength="200" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="答案" prop="trueAnswer">
|
||||
<el-input v-model="dialogForm.trueAnswer" maxlength="200" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="科目" prop="subject">
|
||||
<span v-if="dialogForm.subject == 1">科一</span>
|
||||
<span v-if="dialogForm.subject == 4">科四</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="精选500题" prop="isVip">
|
||||
<el-radio-group v-model="dialogForm.isVip" size="small">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="精选600题" prop="isVip2">
|
||||
<el-radio-group v-model="dialogForm.isVip2" size="small">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="是否易错题" prop="isError">
|
||||
<el-radio-group v-model="dialogForm.isError" size="small">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="是否新规" prop="isNew">
|
||||
<el-radio-group v-model="dialogForm.isNew" size="small">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="是否密卷1" prop="isExam1">
|
||||
<el-radio-group v-model="dialogForm.isExam1" size="small">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="是否密卷2" prop="isExam2">
|
||||
<el-radio-group v-model="dialogForm.isExam2" size="small">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="考点" prop="examKeys">
|
||||
<el-input v-model="dialogForm.examKeys" maxlength="200" placeholder="请输入考点" clearable />
|
||||
<span style="color:red;">包含多个考点,以英文";"分割!</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row> -->
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="答题技巧" prop="skillInfo">
|
||||
<el-input v-model="dialogForm.skillInfo" maxlength="200" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button plain @click="(visible=false)">取消</el-button>
|
||||
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { addQuestion } from '@/api/question';
|
||||
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
visible: false,
|
||||
canSubmit: true,
|
||||
dialogForm: {
|
||||
questionId: undefined,
|
||||
isVip: 0,
|
||||
isVip2: 0,
|
||||
isError: 0,
|
||||
isNew: 0,
|
||||
isExam1: 0,
|
||||
isExam2: 0,
|
||||
examKeys: undefined
|
||||
},
|
||||
dataRule: {
|
||||
schoolName: [{ required: true, message: '驾校名称不能为空', trigger: 'blur' }],
|
||||
status: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init (info = undefined) {
|
||||
// debugger
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
this.resetDialogForm();
|
||||
// this.$refs['dialogForm'].resetFields();
|
||||
if (info) {
|
||||
this.dialogForm = this.deepClone(info);
|
||||
}
|
||||
});
|
||||
},
|
||||
resetDialogForm () {
|
||||
this.dialogForm = {
|
||||
questionId: undefined,
|
||||
isVip: 0,
|
||||
isVip2: 0,
|
||||
isError: 0,
|
||||
isNew: 0,
|
||||
isExam1: 0,
|
||||
isExam2: 0,
|
||||
examKeys: undefined
|
||||
};
|
||||
},
|
||||
closeDialog () {
|
||||
this.$emit('update:dialogVisible', false);
|
||||
},
|
||||
// 表单提交
|
||||
dialogFormSubmit () {
|
||||
this.$refs.dialogForm.validate((valid) => {
|
||||
if (valid) {
|
||||
updateQuestion(this.dialogForm).then(response => {
|
||||
if (response.code == 200) {
|
||||
this.$modal.msgSuccess('修改成功');
|
||||
// this.visible = true;
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
183
src/views/question/components/QuestionForm.vue
Normal file
@@ -0,0 +1,183 @@
|
||||
<template>
|
||||
<el-dialog title="试题" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="800px" @close="closeDialog">
|
||||
<div>
|
||||
<el-form ref="dialogForm" :model="dialogForm" :rules="dataRule" label-position="left" @keyup.enter.native="dialogFormSubmit()">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="题目" prop="question">
|
||||
<div>{{ dialogForm.question }}</div>
|
||||
<img v-if="dialogForm.imageUrl" :src="dialogForm.imageUrl" width="100" alt="">
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="选项" prop="question">
|
||||
<span v-if="dialogForm.chooseA">A:{{ dialogForm.chooseA }}<span>
|
||||
<span v-if="dialogForm.chooseB">B:{{ dialogForm.chooseB }} </span>
|
||||
<span v-if="dialogForm.chooseC">C:{{ dialogForm.chooseC }} </span>
|
||||
<span v-if="dialogForm.chooseD">D:{{ dialogForm.chooseD }}</span>
|
||||
<span v-if="dialogForm.chooseE">E:{{ dialogForm.chooseE }}</span>
|
||||
<span v-if="dialogForm.chooseF">F:{{ dialogForm.chooseF }}</span>
|
||||
<span v-if="dialogForm.chooseG">G:{{ dialogForm.chooseG }}</span>
|
||||
</span></span></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="答案" prop="trueAnswer">
|
||||
<span>{{ dialogForm.trueAnswer }}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="科目" prop="subject">
|
||||
<span v-if="dialogForm.subject == 1">科一</span>
|
||||
<span v-if="dialogForm.subject == 4">科四</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="精选500题" prop="isVip">
|
||||
<el-radio-group v-model="dialogForm.isVip" size="small">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="精选600题" prop="isVip2">
|
||||
<el-radio-group v-model="dialogForm.isVip2" size="small">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="是否易错题" prop="isError">
|
||||
<el-radio-group v-model="dialogForm.isError" size="small">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="是否新规" prop="isNew">
|
||||
<el-radio-group v-model="dialogForm.isNew" size="small">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="是否密卷1" prop="isExam1">
|
||||
<el-radio-group v-model="dialogForm.isExam1" size="small">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="是否密卷2" prop="isExam2">
|
||||
<el-radio-group v-model="dialogForm.isExam2" size="small">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="考点" prop="examKeys">
|
||||
<el-input v-model="dialogForm.examKeys" maxlength="200" placeholder="请输入考点" clearable />
|
||||
<span style="color:red;">包含多个考点,以英文";"分割!</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row> -->
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="答题技巧" prop="skillInfo">
|
||||
<el-input v-model="dialogForm.skillInfo" maxlength="200" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button plain @click="(visible = false)">取消</el-button>
|
||||
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { updateQuestion } from '@/api/question';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
canSubmit: true,
|
||||
dialogForm: {
|
||||
questionId: undefined,
|
||||
isVip: 0,
|
||||
isVip2: 0,
|
||||
isError: 0,
|
||||
isNew: 0,
|
||||
isExam1: 0,
|
||||
isExam2: 0,
|
||||
examKeys: undefined
|
||||
},
|
||||
dataRule: {
|
||||
schoolName: [{ required: true, message: '驾校名称不能为空', trigger: 'blur' }],
|
||||
status: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(info = undefined) {
|
||||
// debugger
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
this.resetDialogForm();
|
||||
// this.$refs['dialogForm'].resetFields();
|
||||
if (info) {
|
||||
this.dialogForm = this.deepClone(info);
|
||||
}
|
||||
});
|
||||
},
|
||||
resetDialogForm() {
|
||||
this.dialogForm = {
|
||||
questionId: undefined,
|
||||
isVip: 0,
|
||||
isVip2: 0,
|
||||
isError: 0,
|
||||
isNew: 0,
|
||||
isExam1: 0,
|
||||
isExam2: 0,
|
||||
examKeys: undefined
|
||||
};
|
||||
},
|
||||
closeDialog() {
|
||||
this.$emit('update:dialogVisible', false);
|
||||
},
|
||||
// 表单提交
|
||||
dialogFormSubmit() {
|
||||
this.$refs.dialogForm.validate((valid) => {
|
||||
if (valid) {
|
||||
updateQuestion(this.dialogForm).then(response => {
|
||||
if (response.code == 200) {
|
||||
this.$modal.msgSuccess('修改成功');
|
||||
this.$emit('update');
|
||||
// this.visible = true;
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
143
src/views/question/index.vue
Normal file
@@ -0,0 +1,143 @@
|
||||
<template>
|
||||
<div class="app-container" style="text-align:center">
|
||||
<el-form size="small" :inline="true" label-width="68px" @submit.native.prevent>
|
||||
<el-row :gutter="20">
|
||||
<el-form-item label="车型">
|
||||
<el-radio-group v-model="queryParams.carTypeId">
|
||||
<el-radio :label="1001">小车</el-radio>
|
||||
<el-radio :label="1002">摩托车</el-radio>
|
||||
<el-radio :label="1003">货车</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="科目">
|
||||
<el-radio-group v-model="queryParams.subject">
|
||||
<el-radio :label="1">科一</el-radio>
|
||||
<el-radio :label="4">科四</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
<el-form-item label="题目">
|
||||
<el-input v-model="queryParams.question" placeholder="请输入题目" clearable style="width:400px" @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
<el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
|
||||
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="tableList" style="width:80%;margin:auto" @row-click="handleEdit">
|
||||
<el-table-column type="index" width="55" align="center" />
|
||||
<el-table-column label="题目" align="center" prop="question" min-width="140" />
|
||||
<el-table-column label="选项" align="center" min-width="140">
|
||||
<template slot-scope="{row}">
|
||||
<p v-if="row.chooseA">A:{{ row.chooseA }}</p>
|
||||
<p v-if="row.chooseB">B:{{ row.chooseB }}</p>
|
||||
<p v-if="row.chooseC">C:{{ row.chooseC }}</p>
|
||||
<p v-if="row.chooseD">D:{{ row.chooseD }}</p>
|
||||
<p v-if="row.chooseE">E:{{ row.chooseE }}</p>
|
||||
<p v-if="row.chooseF">F:{{ row.chooseF }}</p>
|
||||
<p v-if="row.chooseG">G:{{ row.chooseG }}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="答案" align="center" prop="trueAnswer" min-width="100" />
|
||||
<el-table-column label="科目" align="center" prop="subject" min-width="100">
|
||||
<template slot-scope="{row}">
|
||||
<p v-if="row.subject == 1">科一</p>
|
||||
<p v-if="row.subject == 4">科四</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否新规" align="center" min-width="100">
|
||||
<template slot-scope="{row}">
|
||||
{{ row.isNew ? '是' : '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="车型" align="center" min-width="100">
|
||||
<template slot-scope="{row}">
|
||||
{{ row.carTypeId == 1001 ? '小车' : '摩托车' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="text" icon="el-icon-download" @click="handleEdit(scope.row)">编辑</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> -->
|
||||
<QuestionForm v-if="dialogVisible" ref="dialogForm" :dialog-visible="dialogVisible" @update="getList" />
|
||||
<QuestionAddForm v-if="dialogAddVisible" ref="dialogAddForm" :dialog-visible="dialogAddVisible" @update="getList" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { searchQuestion } from '@/api/question';
|
||||
import QuestionForm from './components/QuestionForm.vue';
|
||||
import QuestionAddForm from './components/QuestionAddForm.vue';
|
||||
|
||||
export default {
|
||||
name: 'Question',
|
||||
components: {
|
||||
QuestionForm, QuestionAddForm
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: false,
|
||||
// 总条数
|
||||
total: 0,
|
||||
tableList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
question: '',
|
||||
carTypeId: 1001,
|
||||
subject: 1
|
||||
},
|
||||
dialogVisible: false,
|
||||
dialogAddVisible: false
|
||||
};
|
||||
},
|
||||
created () {
|
||||
// this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询文件列表 */
|
||||
getList () {
|
||||
this.loading = true;
|
||||
searchQuestion(this.queryParams).then(response => {
|
||||
this.tableList = response.data;
|
||||
// this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery () {
|
||||
if (this.queryParams.question) {
|
||||
this.getList();
|
||||
} else {
|
||||
this.$modal.msgWarning('请输入题目');
|
||||
}
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery () {
|
||||
this.queryParams.question = '';
|
||||
this.handleQuery();
|
||||
},
|
||||
handleEdit (item) {
|
||||
this.dialogVisible = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.dialogForm.init(item);
|
||||
});
|
||||
},
|
||||
handleAdd (item) {
|
||||
this.dialogAddVisible = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.dialogAddForm.init(item);
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="register">
|
||||
<el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
|
||||
<h3 class="title">莳松管理系统</h3>
|
||||
<h3 class="title">开心学车管理系统</h3>
|
||||
<el-form-item prop="username">
|
||||
<el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
|
||||
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
|
||||
|
||||
138
src/views/sch/coach/components/CoachForm.vue
Normal file
@@ -0,0 +1,138 @@
|
||||
|
||||
<template>
|
||||
<el-dialog title="接待人信息" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="600px" @close="closeDialog">
|
||||
<div>
|
||||
<el-form ref="dialogForm" :model="dialogForm" :rules="dataRule" label-position="top" @keyup.enter.native="dialogFormSubmit()">
|
||||
<!-- <el-form-item label="所属驾校" prop="schoolId">
|
||||
<el-select v-model="dialogForm.schoolId" filterable placeholder="请选择" value-key="schoolId" clearable size="small" style="width:100%">
|
||||
<el-option v-for="(dict, index) in schoolOptions" :key="index" :label="dict.schoolName" :value="dict.schoolId" />
|
||||
</el-select>
|
||||
</el-form-item> -->
|
||||
|
||||
<el-form-item label="接待人" prop="coachName">
|
||||
<el-input v-model="dialogForm.coachName" placeholder="请输入教练名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="联系方式" prop="phone">
|
||||
<el-input v-model="dialogForm.phone" placeholder="请输入联系方式" />
|
||||
</el-form-item>
|
||||
<el-form-item label="微信openid" prop="openId">
|
||||
<el-input v-model="dialogForm.openId" placeholder="请输入微信openid" />
|
||||
</el-form-item>
|
||||
<el-form-item label="负责场地" prop="placeIdList">
|
||||
<el-select v-model="dialogForm.placeIdList" multiple filterable placeholder="请选择" clearable size="small" style="width:100%">
|
||||
<el-option v-for="(dict, index) in placeOptions" :key="index" :label="dict.name" :value="dict.placeId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button plain @click="(visible=false)">取消</el-button>
|
||||
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { addCoach, updateCoach } from '@/api/sch/coach';
|
||||
|
||||
export default {
|
||||
props: {
|
||||
schoolOptions: {
|
||||
type: Array,
|
||||
default: []
|
||||
},
|
||||
placeOptions: {
|
||||
type: Array,
|
||||
default: []
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
visible: false,
|
||||
canSubmit: true,
|
||||
dialogForm: {
|
||||
coachId: null,
|
||||
deptId: null,
|
||||
// schoolId: null,
|
||||
placeIdList: null,
|
||||
placeNames: null,
|
||||
coachName: null,
|
||||
phone: null,
|
||||
openId: null
|
||||
},
|
||||
dataRule: {
|
||||
// schoolId: [{ required: true, message: '所属驾校不能为空', trigger: 'blur' }],
|
||||
placeIdList: [{ required: true, message: '负责场地不能为空', trigger: 'blur' }],
|
||||
coachName: [{ required: true, message: '教练名不能为空', trigger: 'blur' }],
|
||||
phone: [{ required: true, message: '联系方式不能为空', trigger: 'blur' }],
|
||||
openId: [{ required: true, message: '微信openId不能为空', trigger: 'blur' }]
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init (info = undefined) {
|
||||
// debugger
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
this.resetDialogForm();
|
||||
this.$refs['dialogForm'].resetFields();
|
||||
if (info) {
|
||||
this.dialogForm = this.deepClone(info);
|
||||
}
|
||||
});
|
||||
},
|
||||
resetDialogForm () {
|
||||
this.dialogForm = {
|
||||
coachId: null,
|
||||
deptId: null,
|
||||
schoolId: null,
|
||||
placeIdList: null,
|
||||
coachName: null,
|
||||
phone: null,
|
||||
openId: null
|
||||
};
|
||||
},
|
||||
closeDialog () {
|
||||
this.$emit('update:dialogVisible', false);
|
||||
},
|
||||
// 表单提交
|
||||
dialogFormSubmit () {
|
||||
this.$refs.dialogForm.validate((valid) => {
|
||||
if (valid) {
|
||||
this.canSubmit = false;
|
||||
|
||||
if (this.dialogForm.coachId) {
|
||||
// 校验完成,调接口
|
||||
updateCoach(this.dialogForm)
|
||||
.then((resp) => {
|
||||
this.canSubmit = true;
|
||||
if (resp.code == 200) {
|
||||
this.$message.success('保存成功');
|
||||
this.$emit('refreshDataList');
|
||||
this.visible = false;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.canSubmit = true;
|
||||
});
|
||||
} else {
|
||||
addCoach(this.dialogForm)
|
||||
.then((resp) => {
|
||||
this.canSubmit = true;
|
||||
if (resp.code == 200) {
|
||||
this.$message.success('保存成功');
|
||||
this.$emit('refreshDataList');
|
||||
this.visible = false;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.canSubmit = true;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
85
src/views/sch/coach/count/detail.vue
Normal file
@@ -0,0 +1,85 @@
|
||||
<!-- 接待人员详情页 -->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px" label-position="top">
|
||||
<el-form-item label="时间" prop="type">
|
||||
<el-radio-group v-model="queryParams.type">
|
||||
<el-radio label="1">今日接待</el-radio>
|
||||
<el-radio label="2">本月接待</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="到场状态" prop="arrivalStatusList">
|
||||
<el-checkbox-group v-model="queryParams.arrivalStatusList">
|
||||
<el-checkbox :label="1">未到场</el-checkbox>
|
||||
<el-checkbox :label="2">到场未成交</el-checkbox>
|
||||
<el-checkbox :label="3">到场已成交</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="getList">搜索</el-button>
|
||||
<el-button type="primary" icon="el-icon-back" size="mini" @click="back">返回</el-button>
|
||||
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="coachList">
|
||||
<el-table-column type="index" width="50" align="center" />
|
||||
<el-table-column label="学员姓名" align="center" prop="name" />
|
||||
<el-table-column label="联系方式" align="center" prop="phone" />
|
||||
<el-table-column label="到场状态" align="center" prop="arrivalStatus" >
|
||||
<template scope="scope">
|
||||
<el-tag v-if="scope.row.arrivalStatus == 1">未到场</el-tag>
|
||||
<el-tag v-if="scope.row.arrivalStatus == 2">到场未成交</el-tag>
|
||||
<el-tag v-if="scope.row.arrivalStatus == 3">到场已成交</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" align="center" prop="remark" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getCountDetail} from '@/api/zs/feedbackDetail';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: false,
|
||||
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 教练表格数据
|
||||
coachList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
type: null, // 1本日统计 2本月统计
|
||||
coachId: null,
|
||||
arrivalStatusList: undefined
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.queryParams.type = this.$route.query.type;
|
||||
this.queryParams.coachId = this.$route.query.coachId
|
||||
if(this.queryParams.arrivalStatusList == undefined){
|
||||
this.queryParams.arrivalStatusList = [1,2]
|
||||
}
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
/** 查询教练列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
getCountDetail(this.queryParams).then(resp=> {
|
||||
if(resp.code == 200 && resp.data){
|
||||
this.coachList = resp.data
|
||||
this.loading = false
|
||||
}
|
||||
})
|
||||
},
|
||||
back(){
|
||||
window.history.back()
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
91
src/views/sch/coach/count/index.vue
Normal file
@@ -0,0 +1,91 @@
|
||||
<template>
|
||||
<!-- 接待人统计页面 -->
|
||||
<div class="app-container" style="max-width: 600px; margin: auto;">
|
||||
<el-form ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px" style="text-align: center;">
|
||||
<el-form-item label="手机号" prop="phone">
|
||||
<el-input v-model="queryParams.phone" placeholder="请输入手机号" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="验证码" prop="code">
|
||||
<el-input v-model="queryParams.code" placeholder="请输入验证码" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item> -->
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="getCount">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-card class="box-card" v-if="show">
|
||||
<div slot="header" class="clearfix" style="text-align: center;">
|
||||
<span>接待统计</span>
|
||||
</div>
|
||||
<div>
|
||||
<div><span>今日接到人数:{{countInfo.todayTotal == undefined ? 0 : countInfo.todayTotal}}</span></div>
|
||||
<div><span>今日成交人数:{{countInfo.todaySuccess == undefined ? 0 : countInfo.todaySuccess}}</span></div>
|
||||
<div><span>今日未成交人数:{{countInfo.todayUnSuccess == undefined ? 0 : countInfo.todayUnSuccess}}</span>
|
||||
<router-link :to="'/coach/count/detail?coachId=' + coachId +'&type=1'" style="color: blue;"> 详情</router-link>
|
||||
</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<div>
|
||||
<div><span>本月接到人数:{{countInfo.monthTotal}}</span></div>
|
||||
<div><span>本月成交人数:{{countInfo.monthSuccess}}</span></div>
|
||||
<div><span>本月未成交人数:{{countInfo.monthUnSuccess}}</span>
|
||||
<router-link :to="'/coach/count/detail?coachId=' + coachId+'&type=2'" style="color: blue;"> 详情</router-link>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getCount} from '@/api/zs/feedbackDetail';
|
||||
|
||||
export default {
|
||||
name: 'Count',
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
phone: null,
|
||||
code: null
|
||||
},
|
||||
countInfo: {
|
||||
todayTotal: 0,
|
||||
todaySuccess: 0,
|
||||
todayUnSuccess:0,
|
||||
monthTotal: 0,
|
||||
monthSuccess: 0,
|
||||
monthUnSuccess:0
|
||||
},
|
||||
coachId: undefined,
|
||||
show:false
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
/** 查询统计结果 */
|
||||
getCount() {
|
||||
this.resetCount();
|
||||
this.loading = true;
|
||||
getCount(this.queryParams).then(resp => {
|
||||
if(resp.code == 200 && resp.data ){
|
||||
this.countInfo = resp.data;
|
||||
this.coachId = resp.data.coachId;
|
||||
this.show = true;
|
||||
}
|
||||
})
|
||||
},
|
||||
resetCount(){
|
||||
this.countInfo= {
|
||||
todayTotal: 0,
|
||||
todaySuccess: 0,
|
||||
todayUnSuccess:0,
|
||||
monthTotal: 0,
|
||||
monthSuccess: 0,
|
||||
monthUnSuccess:0
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
153
src/views/sch/coach/index.vue
Normal file
@@ -0,0 +1,153 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px">
|
||||
<el-form-item label="所属场地" prop="placeId">
|
||||
<el-select v-model="queryParams.placeId" filterable placeholder="请选择" clearable value-key="placeId" size="small">
|
||||
<el-option v-for="(dict, index) in placeOptions" :key="index" :label="dict.name" :value="dict.placeId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="接待人" prop="coachName">
|
||||
<el-input v-model="queryParams.coachName" placeholder="请输入" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="联系方式" prop="phone">
|
||||
<el-input v-model="queryParams.phone" placeholder="请输入联系方式" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button v-hasPermi="['sch:coach:add']" type="primary" plain icon="el-icon-plus" size="mini" @click="handleAddAndUpdate(undefined)">新增</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="coachList">
|
||||
<el-table-column type="index" width="55" align="center" />
|
||||
<el-table-column label="接待人" align="center" prop="coachName" />
|
||||
<el-table-column label="联系方式" align="center" prop="phone" />
|
||||
<el-table-column label="负责场地" align="center" prop="placeNames" />
|
||||
<el-table-column label="微信openid" align="center" prop="openId" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button v-hasPermi="['sch:coach:edit']" size="mini" type="text" icon="el-icon-edit" @click="handleAddAndUpdate(scope.row)">修改</el-button>
|
||||
<el-button v-hasPermi="['sch:coach:remove']" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
|
||||
|
||||
<!-- 添加或修改教练对话框 -->
|
||||
<coach-form v-if="dialogVisible" ref="dialogForm" :dialog-visible="dialogVisible" :school-options="schoolOptions" :place-options="placeOptions" @refreshDataList="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listCoach, getCoach, delCoach } from '@/api/sch/coach';
|
||||
import CoachForm from './components/CoachForm.vue';
|
||||
import schoolAPi from '@/api/sch/school';
|
||||
import { getAllPlaces } from '@/api/sch/place';
|
||||
|
||||
export default {
|
||||
name: 'Coach',
|
||||
components: { CoachForm },
|
||||
data () {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 教练表格数据
|
||||
coachList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
schoolId: null,
|
||||
placeId: null,
|
||||
coachName: null,
|
||||
phone: null
|
||||
},
|
||||
dialogVisible: false,
|
||||
schoolOptions: [],
|
||||
placeOptions: []
|
||||
};
|
||||
},
|
||||
created () {
|
||||
this.getSchools();
|
||||
this.getPlaces();
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询教练列表 */
|
||||
getList () {
|
||||
this.loading = true;
|
||||
listCoach(this.queryParams).then(response => {
|
||||
this.coachList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel () {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery () {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery () {
|
||||
this.resetForm('queryForm');
|
||||
this.handleQuery();
|
||||
},
|
||||
/** 新增或修改按钮操作 */
|
||||
handleAddAndUpdate (item) {
|
||||
this.dialogVisible = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.dialogForm.init(item);
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete (row) {
|
||||
const coachIds = row.coachId || this.ids;
|
||||
this.$modal.confirm('是否确认删除教练编号为"' + coachIds + '"的数据项?').then(function () {
|
||||
return delCoach(coachIds);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess('删除成功');
|
||||
}).catch(() => { });
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport () {
|
||||
this.download('system/coach/export', {
|
||||
...this.queryParams
|
||||
}, `coach_${new Date().getTime()}.xlsx`);
|
||||
},
|
||||
getSchools () {
|
||||
schoolAPi.allList().then((resp) => {
|
||||
this.schoolOptions = resp.data;
|
||||
});
|
||||
},
|
||||
getPlaces () {
|
||||
getAllPlaces({ status: '0', showInMap: true }).then((resp) => {
|
||||
this.placeOptions = resp.data;
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
747
src/views/sch/place/index copy.vue
Normal file
@@ -0,0 +1,747 @@
|
||||
|
||||
<template>
|
||||
<div class="amap-page-container">
|
||||
<div id="map" class="amap-cavans" />
|
||||
<el-input id="search" v-model="searchBody" class="search-body" placeholder="请输入..." @keyup.enter.native="submitSearch">
|
||||
<el-button slot="append" icon="el-icon-search" @click="submitSearch" />
|
||||
</el-input>
|
||||
<div class="asider" :class="showSchool ? '' : 'hidden-school'">
|
||||
<el-card class="box-card" :body-style="{ flex: 1, 'overflow-y': 'scroll', padding: 0 }">
|
||||
<div slot="header" class="clearfix">
|
||||
<div class="map-card-title">驾校列表</div>
|
||||
</div>
|
||||
<div v-for="school in schoolList" :key="school.schoolId" style="margin:10px;" :class="currentdeptId == school.schoolId ? 'actived-school' : ''">
|
||||
<el-card :body-style="{ padding: '10px' }">
|
||||
<div slot="header" class="clearfix">
|
||||
<div class="map-card-title">{{ school.schoolName }}</div>
|
||||
<el-switch v-model="school.showInMap" v-hasPermi="['sch:place:edit']" class="add-icon" active-text="展示" inactive-text="隐藏" @change="changeSchoolStatus(school)" />
|
||||
</div>
|
||||
<el-button @click="handleClickSchool(school)">{{ `数据管理(${getCount(school.schoolId)})` }}</el-button>
|
||||
<el-tooltip v-hasPermi="['sch:place:add']" content="新增场地" placement="left" effect="dark">
|
||||
<el-button icon="el-icon-plus" class="add-place-btn" @click="handleInsertPlace(school.schoolId)" />
|
||||
</el-tooltip>
|
||||
</el-card>
|
||||
</div>
|
||||
</el-card>
|
||||
<div class="asider-sub">
|
||||
<el-tooltip content="放大" placement="left" effect="dark">
|
||||
<el-button icon="el-icon-plus" class="is-circle" :disabled="zomm >= 18" @click="bigger" />
|
||||
</el-tooltip>
|
||||
<el-tooltip content="缩小" placement="left" effect="dark">
|
||||
<el-button icon="el-icon-minus" class="is-circle" :disabled="zomm <= 8" @click="smaller" />
|
||||
</el-tooltip>
|
||||
<div class="mt10">
|
||||
<el-tooltip content="驾校" placement="left" effect="dark">
|
||||
<el-button icon="el-icon-school" class="is-circle" @click="toggleSchool" />
|
||||
</el-tooltip>
|
||||
<el-tooltip content="定位" placement="left" effect="dark">
|
||||
<el-button icon="el-icon-help" class="is-circle" @click="geolocation" />
|
||||
</el-tooltip>
|
||||
<el-tooltip content="测距" placement="left" effect="dark">
|
||||
<el-button icon="el-icon-thumb" class="is-circle" @click="ranging" />
|
||||
</el-tooltip>
|
||||
<el-tooltip content="分享" placement="left" effect="dark">
|
||||
<el-button icon="el-icon-share" class="is-circle" />
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-card v-if="placeDialogShow" class="place-dialog" :body-style="{ padding: '10px' }">
|
||||
<div slot="header" class="clearfix">
|
||||
<div class="map-card-title">场地设置</div>
|
||||
<el-tooltip content="取点" placement="right" effect="dark">
|
||||
<el-button icon="el-icon-location" class="add-icon" @click="getPoint" />
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<el-form ref="placeForm" :model="placeForm" label-width="70px">
|
||||
<el-form-item label="所属驾校" prop="schoolId">
|
||||
<el-select v-model="placeForm.schoolId" placeholder="请选择" clearable>
|
||||
<el-option v-for="dict in schoolList" :key="dict.schoolId" :label="dict.schoolName" :value="dict.schoolId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="名称" prop="name">
|
||||
<el-input v-model="placeForm.name" placeholder="输入名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="旗子颜色" prop="flagColor">
|
||||
<el-radio-group v-model="placeForm.flagColor">
|
||||
<el-radio v-for="(item, index) in colorOptions" :key="index" :label="item">
|
||||
<img :src="require(`@/assets/images/place/flag_${item}.png`)" width="20px">
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="地址" prop="address">
|
||||
<el-input v-model="placeForm.address" placeholder="输入地址" />
|
||||
</el-form-item>
|
||||
<el-form-item label="经度" prop="lng">
|
||||
<el-input v-model="placeForm.lng" placeholder="输入经度" />
|
||||
</el-form-item>
|
||||
<el-form-item label="纬度" prop="lat">
|
||||
<el-input v-model="placeForm.lat" placeholder="输入纬度" />
|
||||
</el-form-item>
|
||||
<el-form-item label="所属区域" prop="area">
|
||||
<el-select v-model="placeForm.area" placeholder="请选择" clearable size="small">
|
||||
<el-option v-for="dict in areaOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="电话" prop="phone">
|
||||
<el-input v-model="placeForm.phone" placeholder="输入电话" />
|
||||
</el-form-item>
|
||||
<el-form-item label="负责人" prop="contact">
|
||||
<el-input v-model="placeForm.contact" placeholder="输入负责人" />
|
||||
</el-form-item>
|
||||
<el-form-item label="是否推荐" prop="contact">
|
||||
<el-radio v-model="placeForm.recommend" :label="true">是</el-radio>
|
||||
<el-radio v-model="placeForm.recommend" :label="false">否</el-radio>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="placeForm.remark" placeholder="输入备注" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" />
|
||||
</el-form-item>
|
||||
<el-form-item style="text-align:right;">
|
||||
<el-button v-hasPermi="['sch:place:edit']" type="primary" @click="onSubmit">保存</el-button>
|
||||
<el-button @click="closePlaceDialog">取消</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card :class="placeListDialogShow ? '' : 'hidden-place-list'" class="place-list-dialog" :style="{ right: showSchool ? '300px' : '0', top: fullScreenPlaceList ? '0px' : '420px' }" :body-style="{ padding: '10px', height: 'calc(100% - 52px)' }">
|
||||
<div slot="header" class="clearfix">
|
||||
<div class="map-card-title">
|
||||
{{ placeListDialogTitle }}
|
||||
<el-input v-model="tableSearch" placeholder="请输入搜索的内容" clearable />
|
||||
</div>
|
||||
<el-tooltip content="全屏" placement="top" effect="dark">
|
||||
<el-button icon="el-icon-full-screen" class="add-icon" @click="fullScreenPlaceList = !fullScreenPlaceList" />
|
||||
</el-tooltip>
|
||||
<el-tooltip content="关闭" placement="top" effect="dark">
|
||||
<el-button icon="el-icon-close" class="add-icon" @click="() => { placeListDialogShow = false; fullScreenPlaceList = false }" />
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<el-table :data="placeTableData" border stripe class="place-table-list" height="100%">
|
||||
<el-table-column label="序号" type="index" fixed="left" width="50" />
|
||||
<el-table-column prop="name" label="名称" min-width="100" />
|
||||
<el-table-column prop="phone" label="电话" width="120" />
|
||||
<el-table-column prop="contact" label="负责人" width="120" />
|
||||
<el-table-column prop="address" label="地址" min-width="100" />
|
||||
<el-table-column prop="lng" label="经度" width="110" />
|
||||
<el-table-column prop="lat" label="纬度" width="110" />
|
||||
<el-table-column prop="area" label="所属区域" width="110" />
|
||||
<el-table-column label="展示" width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.showInMap" v-hasPermi="['sch:place:edit']" @change="changePlaceStatus(scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-tooltip v-hasPermi="['sch:place:edit']" content="编辑" placement="top" effect="dark">
|
||||
<el-button icon="el-icon-edit" type="primary" style="padding: 4px 8px;" @click="handleEditPlace(scope.row)" />
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
|
||||
<div v-if="isPointing || isRanging" class="map-tip" :style="{ transform: 'translate3D(' + (tipPostion.x + 15) + 'px,' + (tipPostion.y - 10) + 'px, 0)' }">{{ mapHelpText }}</div>
|
||||
<i v-if="isPointing" class="el-icon-s-flag circle" :style="{ transform: 'translate3D(' + tipPostion.x + 'px,' + tipPostion.y + 'px, 0)' }" />
|
||||
</div>
|
||||
</template>
|
||||
<!-- eslint-disable no-undef -->
|
||||
<script>
|
||||
import AMap from 'AMap';
|
||||
import { getMapData, addPlace, updatePlace, updateSchoolStatus } from '@/api/sch/place';
|
||||
export default {
|
||||
name: 'Place',
|
||||
data() {
|
||||
return {
|
||||
aMap: null,
|
||||
zomm: 12,
|
||||
showSchool: true,
|
||||
isRanging: false,
|
||||
aMapLocation: null,
|
||||
aMouseTool: null,
|
||||
searchBody: '',
|
||||
placeSearch: null,
|
||||
placeDialogShow: false,
|
||||
isPointing: false,
|
||||
placeForm: {
|
||||
lat: undefined,
|
||||
lng: undefined,
|
||||
name: undefined,
|
||||
address: undefined,
|
||||
remark: undefined,
|
||||
phone: undefined,
|
||||
flagColor: 'red'
|
||||
},
|
||||
colorOptions: ['red', 'yellow', 'blue', 'green', 'purple', 'black'],
|
||||
mapHelpText: '',
|
||||
tipPostion: {
|
||||
x: 0,
|
||||
y: 0
|
||||
},
|
||||
geocoder: null,
|
||||
locationMarker: null,
|
||||
selectMarker: null,
|
||||
placeListDialogShow: false,
|
||||
placeListDialogTitle: '',
|
||||
fullScreenPlaceList: false,
|
||||
tableSearch: '',
|
||||
tableData: [],
|
||||
schoolList: [],
|
||||
currentdeptId: undefined,
|
||||
placeMarkerList: [],
|
||||
areaOptions: []
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
placeTableData: function () {
|
||||
if (this.tableSearch) {
|
||||
return this.tableData.filter((dataNews) => {
|
||||
return (
|
||||
dataNews.schoolId === this.currentdeptId &&
|
||||
Object.keys(dataNews).some((key) => {
|
||||
return String(dataNews[key]).toLowerCase().indexOf(this.tableSearch) > -1;
|
||||
})
|
||||
);
|
||||
});
|
||||
}
|
||||
return this.tableData.filter((dataNews) => dataNews.schoolId === this.currentdeptId);
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.initMap();
|
||||
this.getDicts('dm_area').then((response) => {
|
||||
this.areaOptions = response.data;
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
initMap() {
|
||||
window.onLoad = () => {
|
||||
this.aMap = new AMap.Map('map', {
|
||||
zoom: this.zomm,
|
||||
center: [117.226095, 31.814372],
|
||||
zooms: [8, 18]
|
||||
});
|
||||
// 监听缩放
|
||||
this.aMap.on('zoomend', () => {
|
||||
this.zomm = this.aMap.getZoom();
|
||||
this.$message('当前缩放等级:' + this.zomm);
|
||||
});
|
||||
// 监听点击
|
||||
this.aMap.on('click', (ev) => {
|
||||
if (this.isPointing) {
|
||||
this.placeForm.lat = ev.lnglat.lat;
|
||||
this.placeForm.lng = ev.lnglat.lng;
|
||||
this.regeoCode();
|
||||
if (this.selectMarker) {
|
||||
this.selectMarker.setPosition([this.placeForm.lng, this.placeForm.lat]);
|
||||
} else {
|
||||
this.locationMarker.setPosition([this.placeForm.lng, this.placeForm.lat]);
|
||||
this.aMap.add(this.locationMarker);
|
||||
}
|
||||
this.isPointing = false;
|
||||
}
|
||||
});
|
||||
// 监听移动
|
||||
this.aMap.on('mousemove', (ev) => {
|
||||
if (this.isRanging) {
|
||||
this.mapHelpText = '左键单击选点,双击/右键单击完成选点,再次点击测距按钮可退出测距模式,并清除测距结果';
|
||||
this.tipPostion = {
|
||||
x: ev.pixel.x,
|
||||
y: ev.pixel.y
|
||||
};
|
||||
} else if (this.isPointing) {
|
||||
this.mapHelpText = '点击地图添加标注';
|
||||
this.tipPostion = {
|
||||
x: ev.pixel.x,
|
||||
y: ev.pixel.y
|
||||
};
|
||||
}
|
||||
});
|
||||
// 添加地图插件
|
||||
AMap.plugin(['AMap.Scale', 'AMap.Geolocation', 'AMap.MouseTool', 'AMap.PlaceSearch', 'AMap.Autocomplete', 'AMap.Geocoder'], () => {
|
||||
this.aMap.addControl(new AMap.Scale());
|
||||
const geoLoca = new AMap.Geolocation({
|
||||
showButton: false
|
||||
});
|
||||
this.aMapLocation = geoLoca;
|
||||
this.aMap.addControl(geoLoca);
|
||||
this.aMouseTool = new AMap.MouseTool(this.aMap);
|
||||
const auto = new AMap.Autocomplete({
|
||||
input: 'search' // 前端搜索框
|
||||
});
|
||||
this.placeSearch = new AMap.PlaceSearch({
|
||||
map: this.aMap
|
||||
});
|
||||
AMap.event.addListener(auto, 'select', this.select);
|
||||
this.geocoder = new AMap.Geocoder();
|
||||
this.locationMarker = new AMap.Marker({
|
||||
icon: require(`@/assets/images/place/flag_red.png`)
|
||||
});
|
||||
});
|
||||
this.getPageData();
|
||||
};
|
||||
// this.importMap();
|
||||
},
|
||||
// 导入地图
|
||||
// importMap() {
|
||||
// const url = 'https://webapi.amap.com/maps?v=1.4.15&key=0e62be0896c6b8d27d453445f0fb8bc4&callback=onLoad';
|
||||
// var jsapi = document.createElement('script');
|
||||
// jsapi.charset = 'utf-8';
|
||||
// jsapi.src = url;
|
||||
// document.head.appendChild(jsapi);
|
||||
// },
|
||||
toggleSchool() {
|
||||
this.showSchool = !this.showSchool;
|
||||
},
|
||||
// 经纬度 -> 地址
|
||||
regeoCode() {
|
||||
this.geocoder.getAddress([this.placeForm.lng, this.placeForm.lat], (status, result) => {
|
||||
if (status === 'complete' && result.regeocode) {
|
||||
this.placeForm.address = result.regeocode.formattedAddress;
|
||||
} else {
|
||||
console.log('根据经纬度查询地址失败');
|
||||
}
|
||||
});
|
||||
},
|
||||
// 定位
|
||||
geolocation() {
|
||||
this.aMapLocation.getCurrentPosition();
|
||||
},
|
||||
// 测距
|
||||
ranging() {
|
||||
this.isPointing = false;
|
||||
this.isRanging = !this.isRanging;
|
||||
if (this.isRanging) {
|
||||
this.aMap.setDefaultCursor('crosshair');
|
||||
this.drawLine();
|
||||
} else {
|
||||
this.aMap.setDefaultCursor('default');
|
||||
this.aMouseTool.close(true);
|
||||
}
|
||||
},
|
||||
// 画线
|
||||
drawLine() {
|
||||
this.aMouseTool.rule({
|
||||
startMarkerOptions: {
|
||||
// 可缺省
|
||||
icon: new AMap.Icon({
|
||||
size: new AMap.Size(19, 31), // 图标大小
|
||||
imageSize: new AMap.Size(19, 31),
|
||||
image: 'https://webapi.amap.com/theme/v1.3/markers/b/start.png'
|
||||
})
|
||||
},
|
||||
endMarkerOptions: {
|
||||
// 可缺省
|
||||
icon: new AMap.Icon({
|
||||
size: new AMap.Size(19, 31), // 图标大小
|
||||
imageSize: new AMap.Size(19, 31),
|
||||
image: 'https://webapi.amap.com/theme/v1.3/markers/b/end.png'
|
||||
}),
|
||||
offset: new AMap.Pixel(-9, -31)
|
||||
},
|
||||
midMarkerOptions: {
|
||||
// 可缺省
|
||||
icon: new AMap.Icon({
|
||||
size: new AMap.Size(19, 31), // 图标大小
|
||||
imageSize: new AMap.Size(19, 31),
|
||||
image: 'https://webapi.amap.com/theme/v1.3/markers/b/mid.png'
|
||||
}),
|
||||
offset: new AMap.Pixel(-9, -31)
|
||||
},
|
||||
lineOptions: {
|
||||
// 可缺省
|
||||
strokeStyle: 'solid',
|
||||
strokeColor: '#FF33FF',
|
||||
strokeOpacity: 1,
|
||||
strokeWeight: 2
|
||||
},
|
||||
tmpLineOptions: {
|
||||
strokeStyle: 'dashed',
|
||||
strokeColor: '#FF33FF',
|
||||
strokeOpacity: 1,
|
||||
strokeWeight: 2
|
||||
}
|
||||
});
|
||||
},
|
||||
// 选择查询结果
|
||||
select(e) {
|
||||
this.placeSearch.setCity(e.poi.adcode);
|
||||
this.placeSearch.search(e.poi.name); // 关键字查询查询
|
||||
},
|
||||
// 查询按钮/回车事件
|
||||
submitSearch() {
|
||||
this.placeSearch.search(this.searchBody);
|
||||
},
|
||||
// 缩放
|
||||
bigger() {
|
||||
this.zomm++;
|
||||
this.aMap.setZoom(this.zomm);
|
||||
},
|
||||
smaller() {
|
||||
this.zomm--;
|
||||
this.aMap.setZoom(this.zomm);
|
||||
},
|
||||
|
||||
// 点击数据管理
|
||||
handleClickSchool(item) {
|
||||
this.placeListDialogShow = true;
|
||||
this.placeListDialogTitle = `数据管理 [${item.schoolName}]`;
|
||||
this.currentdeptId = item.schoolId;
|
||||
},
|
||||
// 新增场地
|
||||
handleInsertPlace(schoolId) {
|
||||
if (this.selectMarker) {
|
||||
this.selectMarker.setAnimation('AMAP_ANIMATION_NONE');
|
||||
this.selectMarker = null;
|
||||
}
|
||||
this.placeDialogShow = true;
|
||||
this.aMap.setDefaultCursor('default');
|
||||
this.isRanging = false;
|
||||
this.placeForm = {
|
||||
lat: undefined,
|
||||
lng: undefined,
|
||||
name: undefined,
|
||||
address: undefined,
|
||||
remark: undefined,
|
||||
phone: undefined,
|
||||
schoolId: schoolId,
|
||||
showInMap: true,
|
||||
flagColor: 'red'
|
||||
};
|
||||
},
|
||||
// 编辑场地
|
||||
handleEditPlace(item) {
|
||||
this.placeDialogShow = true;
|
||||
this.aMap.setDefaultCursor('default');
|
||||
if (this.selectMarker) {
|
||||
this.selectMarker.setAnimation('AMAP_ANIMATION_NONE');
|
||||
}
|
||||
this.isRanging = false;
|
||||
this.placeForm = Object.assign({}, item);
|
||||
this.selectMarker = this.placeMarkerList.filter((marker) => marker.getExtData().placeId === item.placeId)[0];
|
||||
this.selectMarker && this.selectMarker.setAnimation('AMAP_ANIMATION_BOUNCE');
|
||||
this.aMap.setCenter([item.lng, item.lat]);
|
||||
},
|
||||
getPoint() {
|
||||
this.isPointing = !this.isPointing;
|
||||
},
|
||||
// 保存
|
||||
async onSubmit() {
|
||||
// 保存接口
|
||||
if (this.checkPlaceFormValidate()) {
|
||||
// 先访问接口,返回id插入placeForm
|
||||
const resp = this.savePlace(this.placeForm);
|
||||
if (resp.code != 200) {
|
||||
return;
|
||||
} else {
|
||||
this.$message.success('操作成功');
|
||||
}
|
||||
if (!this.placeForm.placeId && resp.data) {
|
||||
this.$set(this.placeForm, 'placeId', resp.data);
|
||||
}
|
||||
// 移除选点用 的标记
|
||||
this.aMap.remove(this.locationMarker);
|
||||
// 根据form创建新marker 并添加到地图上
|
||||
const tmpMarker = new AMap.Marker({
|
||||
map: this.aMap,
|
||||
position: [this.placeForm.lng, this.placeForm.lat],
|
||||
icon: require(`@/assets/images/place/flag_${this.placeForm.flagColor}.png`),
|
||||
label: {
|
||||
content: this.placeForm.name,
|
||||
direction: 'right'
|
||||
},
|
||||
extData: this.placeForm
|
||||
});
|
||||
// 新marker事件
|
||||
tmpMarker.on('click', this.handleClickMarker);
|
||||
// 如果当前选择的marker点存在(编辑)
|
||||
if (this.selectMarker) {
|
||||
// 地图上 移除选择的点
|
||||
this.aMap.remove(this.selectMarker);
|
||||
this.selectMarker = null;
|
||||
}
|
||||
// 关闭场地弹窗
|
||||
this.placeDialogShow = false;
|
||||
this.isPointing = false;
|
||||
|
||||
// 场地列表 移除原列表中操作的场地数据
|
||||
const tmpArr = this.tableData.filter((item) => item.placeId !== this.placeForm.placeId);
|
||||
// 新增新的场地
|
||||
tmpArr.push(this.placeForm);
|
||||
// 重置场地数组
|
||||
this.tableData = tmpArr;
|
||||
// 地图marker列表 移除操作的原marker 添加新marker进数组
|
||||
const tmpArr1 = this.placeMarkerList.filter((item) => item.getExtData().placeId !== this.placeForm.placeId);
|
||||
tmpArr1.push(tmpMarker);
|
||||
this.placeMarkerList = tmpArr1;
|
||||
}
|
||||
},
|
||||
async savePlace(item) {
|
||||
if (item.placeId) {
|
||||
return updatePlace(item);
|
||||
} else {
|
||||
return addPlace(item);
|
||||
}
|
||||
},
|
||||
checkPlaceFormValidate() {
|
||||
const valid = [];
|
||||
if (!this.placeForm.name) {
|
||||
valid.push('名称');
|
||||
}
|
||||
if (!this.placeForm.address) {
|
||||
valid.push('地址');
|
||||
}
|
||||
if (!this.placeForm.lng) {
|
||||
valid.push('经度');
|
||||
}
|
||||
if (!this.placeForm.lat) {
|
||||
valid.push('纬度');
|
||||
}
|
||||
if (!this.placeForm.phone) {
|
||||
valid.push('电话');
|
||||
}
|
||||
if (valid.length == 0) {
|
||||
return true;
|
||||
} else {
|
||||
this.$message.error(`请将以下填写完整: ${valid.join(',')}`);
|
||||
return false;
|
||||
}
|
||||
},
|
||||
// 关闭场地弹窗
|
||||
closePlaceDialog() {
|
||||
this.placeDialogShow = false;
|
||||
this.isPointing = false;
|
||||
this.aMap.remove(this.locationMarker);
|
||||
if (this.selectMarker) {
|
||||
this.selectMarker.setAnimation('AMAP_ANIMATION_NONE');
|
||||
this.selectMarker = null;
|
||||
}
|
||||
},
|
||||
handleClickMarker(ev) {
|
||||
if (this.selectMarker) {
|
||||
this.selectMarker.setAnimation('AMAP_ANIMATION_NONE');
|
||||
}
|
||||
this.placeForm = ev.target.getExtData();
|
||||
this.placeDialogShow = true;
|
||||
ev.target.setAnimation('AMAP_ANIMATION_BOUNCE');
|
||||
this.selectMarker = ev.target;
|
||||
},
|
||||
getPageData() {
|
||||
getMapData().then((resp) => {
|
||||
if (resp.code == 200) {
|
||||
this.schoolList = resp.data.schoolList;
|
||||
this.tableData = resp.data.placeList;
|
||||
this.currentdeptId = this.schoolList[0].schoolId;
|
||||
this.createMarkersInMap();
|
||||
}
|
||||
});
|
||||
},
|
||||
getCount(schoolId) {
|
||||
return this.tableData.filter((item) => item.schoolId === schoolId).length;
|
||||
},
|
||||
// 重置markers
|
||||
resetMarkers() {
|
||||
this.aMap.clearMap();
|
||||
this.createMarkersInMap();
|
||||
},
|
||||
// 生成markers
|
||||
createMarkersInMap() {
|
||||
for (let i = 0; i < this.tableData.length; i++) {
|
||||
const element = this.tableData[i];
|
||||
const tempSchool = this.schoolList.filter((item) => item.schoolId === element.schoolId)[0];
|
||||
if (!element.schoolShow || !element.showInMap) {
|
||||
continue;
|
||||
}
|
||||
const tmpMarker = new AMap.Marker({
|
||||
map: this.aMap,
|
||||
position: [element.lng, element.lat],
|
||||
icon: require(`@/assets/images/place/flag_${element.flagColor}.png`),
|
||||
label: {
|
||||
content: element.name,
|
||||
direction: 'right'
|
||||
},
|
||||
extData: element
|
||||
});
|
||||
tmpMarker.on('click', this.handleClickMarker);
|
||||
this.placeMarkerList.push(tmpMarker);
|
||||
}
|
||||
},
|
||||
// 修改驾校状态
|
||||
changeSchoolStatus(item) {
|
||||
// 访问接口,成功后重置markers
|
||||
updateSchoolStatus(item).then((resp) => {
|
||||
if (resp.code == 200) {
|
||||
this.$message.success('操作成功');
|
||||
// this.aMap.clearMap()
|
||||
// this.getPageData()
|
||||
this.resetMarkers();
|
||||
}
|
||||
});
|
||||
},
|
||||
// 修改场地状态
|
||||
async changePlaceStatus(item) {
|
||||
const resp = await updatePlace(item);
|
||||
if (resp.code == 200) {
|
||||
this.resetMarkers();
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.amap-page-container {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.amap-cavans {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.asider {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 300px;
|
||||
height: 100%;
|
||||
transition: 0.3s;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.box-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
::v-deep .el-card__header {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.clearfix .map-card-title {
|
||||
flex: 1;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.clearfix .add-icon {
|
||||
width: auto;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.asider-sub {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
left: -45px;
|
||||
padding: 10px 10px 0 0;
|
||||
z-index: 900;
|
||||
}
|
||||
|
||||
.asider-sub .is-circle {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
color: #464646;
|
||||
border-radius: 0;
|
||||
font-size: 16px;
|
||||
box-shadow: 2px 2px 2px rgba(80, 80, 80, 0.67);
|
||||
}
|
||||
|
||||
.mt10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.hidden-school {
|
||||
transform: translateX(300px);
|
||||
}
|
||||
|
||||
.search-body {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.add-place-btn {
|
||||
float: right;
|
||||
border: none;
|
||||
font-size: 16px;
|
||||
color: #409eff;
|
||||
}
|
||||
|
||||
::v-deep .place-dialog {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 60px;
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
.map-tip {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
max-width: 150px;
|
||||
padding: 5px;
|
||||
border-radius: 2px;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
opacity: 0.7;
|
||||
font-size: 12px;
|
||||
transition-duration: 1ms;
|
||||
}
|
||||
|
||||
.circle {
|
||||
position: absolute;
|
||||
left: -8px;
|
||||
top: -25px;
|
||||
font-size: 24px;
|
||||
color: red;
|
||||
transition-duration: 1ms;
|
||||
}
|
||||
|
||||
.place-dialog .el-form .el-form-item {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.place-list-dialog {
|
||||
position: absolute;
|
||||
top: 420px;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
transition: 0.3s;
|
||||
z-index: 151;
|
||||
background: #e2e5ea;
|
||||
}
|
||||
|
||||
.place-list-dialog .add-icon {
|
||||
font-size: 18px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.hidden-place-list {
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
.place-list-dialog .clearfix .map-card-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.place-list-dialog .clearfix .map-card-title .el-input {
|
||||
margin-left: 20px;
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.actived-school {
|
||||
border: 2px solid #409eff !important;
|
||||
}
|
||||
|
||||
::v-deep .el-radio__label {
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style>
|
||||
@@ -5,12 +5,12 @@
|
||||
<el-input id="search" v-model="searchBody" class="search-body" placeholder="请输入..." @keyup.enter.native="submitSearch">
|
||||
<el-button slot="append" icon="el-icon-search" @click="submitSearch" />
|
||||
</el-input>
|
||||
<div class="asider" :class="showSchool ? '':'hidden-school'">
|
||||
<el-card class="box-card" :body-style="{ flex: 1,'overflow-y': 'scroll', padding: 0 }">
|
||||
<div class="asider" :class="showSchool ? '' : 'hidden-school'">
|
||||
<el-card class="box-card" :body-style="{ flex: 1, 'overflow-y': 'scroll', padding: 0 }">
|
||||
<div slot="header" class="clearfix">
|
||||
<div class="map-card-title">驾校列表</div>
|
||||
</div>
|
||||
<div v-for="school in schoolList" :key="school.schoolId" style="margin:10px;" :class="currentdeptId == school.schoolId?'actived-school':''">
|
||||
<div v-for="school in schoolList" :key="school.schoolId" style="margin:10px;" :class="currentdeptId == school.schoolId ? 'actived-school' : ''">
|
||||
<el-card :body-style="{ padding: '10px' }">
|
||||
<div slot="header" class="clearfix">
|
||||
<div class="map-card-title">{{ school.schoolName }}</div>
|
||||
@@ -94,7 +94,7 @@
|
||||
<el-radio v-model="placeForm.recommend" :label="false">否</el-radio>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="placeForm.remark" placeholder="输入备注" type="textarea" :autosize="{ minRows: 2, maxRows: 4}" />
|
||||
<el-input v-model="placeForm.remark" placeholder="输入备注" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" />
|
||||
</el-form-item>
|
||||
<el-form-item style="text-align:right;">
|
||||
<el-button v-hasPermi="['sch:place:edit']" type="primary" @click="onSubmit">保存</el-button>
|
||||
@@ -102,7 +102,7 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card :class="placeListDialogShow ? '':'hidden-place-list'" class="place-list-dialog" :style="{ right: showSchool ? '300px' : '0', top : fullScreenPlaceList?'0px':'420px' }" :body-style="{ padding: '10px', height: 'calc(100% - 52px)' }">
|
||||
<el-card :class="placeListDialogShow ? '' : 'hidden-place-list'" class="place-list-dialog" :style="{ right: showSchool ? '300px' : '0', top: fullScreenPlaceList ? '0px' : '420px' }" :body-style="{ padding: '10px', height: 'calc(100% - 52px)' }">
|
||||
<div slot="header" class="clearfix">
|
||||
<div class="map-card-title">
|
||||
{{ placeListDialogTitle }}
|
||||
@@ -112,7 +112,7 @@
|
||||
<el-button icon="el-icon-full-screen" class="add-icon" @click="fullScreenPlaceList = !fullScreenPlaceList" />
|
||||
</el-tooltip>
|
||||
<el-tooltip content="关闭" placement="top" effect="dark">
|
||||
<el-button icon="el-icon-close" class="add-icon" @click="() => { placeListDialogShow = false;fullScreenPlaceList = false }" />
|
||||
<el-button icon="el-icon-close" class="add-icon" @click="() => { placeListDialogShow = false; fullScreenPlaceList = false }" />
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<el-table :data="placeTableData" border stripe class="place-table-list" height="100%">
|
||||
@@ -139,12 +139,13 @@
|
||||
</el-table>
|
||||
</el-card>
|
||||
|
||||
<div v-if="isPointing || isRanging" class="map-tip" :style="{ transform: 'translate3D(' + (tipPostion.x + 15) +'px,' + (tipPostion.y - 10) + 'px, 0)' }">{{ mapHelpText }}</div>
|
||||
<i v-if="isPointing" class="el-icon-s-flag circle" :style="{ transform: 'translate3D(' + tipPostion.x +'px,' + tipPostion.y + 'px, 0)' }" />
|
||||
<div v-if="isPointing || isRanging" class="map-tip" :style="{ transform: 'translate3D(' + (tipPostion.x + 15) + 'px,' + (tipPostion.y - 10) + 'px, 0)' }">{{ mapHelpText }}</div>
|
||||
<i v-if="isPointing" class="el-icon-s-flag circle" :style="{ transform: 'translate3D(' + tipPostion.x + 'px,' + tipPostion.y + 'px, 0)' }" />
|
||||
</div>
|
||||
</template>
|
||||
<!-- eslint-disable no-undef -->
|
||||
<script>
|
||||
import AMap from 'AMap';
|
||||
import { getMapData, addPlace, updatePlace, updateSchoolStatus } from '@/api/sch/place';
|
||||
export default {
|
||||
name: 'Place',
|
||||
@@ -212,10 +213,9 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
initMap() {
|
||||
window.onLoad = () => {
|
||||
this.aMap = new AMap.Map('map', {
|
||||
zoom: this.zomm,
|
||||
center: [117.226095, 31.814372],
|
||||
center: [121.448641, 31.2071],
|
||||
zooms: [8, 18]
|
||||
});
|
||||
// 监听缩放
|
||||
@@ -276,17 +276,16 @@ export default {
|
||||
});
|
||||
});
|
||||
this.getPageData();
|
||||
};
|
||||
this.importMap();
|
||||
// this.importMap();
|
||||
},
|
||||
// 导入地图
|
||||
importMap() {
|
||||
const url = 'https://webapi.amap.com/maps?v=1.4.15&key=f2f35d6adc4a16bb879d303cead56237&callback=onLoad';
|
||||
var jsapi = document.createElement('script');
|
||||
jsapi.charset = 'utf-8';
|
||||
jsapi.src = url;
|
||||
document.head.appendChild(jsapi);
|
||||
},
|
||||
// importMap() {
|
||||
// const url = 'https://webapi.amap.com/maps?v=1.4.15&key=0e62be0896c6b8d27d453445f0fb8bc4&callback=onLoad';
|
||||
// var jsapi = document.createElement('script');
|
||||
// jsapi.charset = 'utf-8';
|
||||
// jsapi.src = url;
|
||||
// document.head.appendChild(jsapi);
|
||||
// },
|
||||
toggleSchool() {
|
||||
this.showSchool = !this.showSchool;
|
||||
},
|
||||
@@ -477,7 +476,7 @@ export default {
|
||||
if (item.placeId) {
|
||||
return updatePlace(item);
|
||||
} else {
|
||||
return addPlace(item)
|
||||
return addPlace(item);
|
||||
}
|
||||
},
|
||||
checkPlaceFormValidate() {
|
||||
@@ -546,7 +545,7 @@ export default {
|
||||
for (let i = 0; i < this.tableData.length; i++) {
|
||||
const element = this.tableData[i];
|
||||
const tempSchool = this.schoolList.filter((item) => item.schoolId === element.schoolId)[0];
|
||||
if (!tempSchool.showInMap || !element.showInMap) {
|
||||
if (!element.schoolShow || !element.showInMap) {
|
||||
continue;
|
||||
}
|
||||
const tmpMarker = new AMap.Marker({
|
||||
@@ -739,6 +738,7 @@ export default {
|
||||
.actived-school {
|
||||
border: 2px solid #409eff !important;
|
||||
}
|
||||
|
||||
::v-deep .el-radio__label {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@@ -22,6 +22,12 @@
|
||||
<el-table-column label="负责人" prop="leader" />
|
||||
<el-table-column label="联系方式" prop="phone" />
|
||||
<el-table-column label="备注" prop="remark" />
|
||||
<el-table-column label="小程序二维码" prop="jwlCodePath" >
|
||||
<template slot-scope="scope">
|
||||
<el-image v-if="scope.row.jwlCodePath != undefined" style="width: 100px; height: 100px" :src="baseUrl + scope.row.jwlCodePath" ></el-image>
|
||||
<el-button v-else v-hasPermi="['sch:school:create']" type="text" icon="el-icon-edit" @click="handleCreate(scope.row)">生成</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间" width="160">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.createTime) }}</span>
|
||||
@@ -62,7 +68,8 @@ export default {
|
||||
loading: {
|
||||
tableLoading: false
|
||||
},
|
||||
dialogVisible: false
|
||||
dialogVisible: false,
|
||||
baseUrl: process.env.VUE_APP_BASE_API
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@@ -101,6 +108,14 @@ export default {
|
||||
this.$refs.dialogForm.init(item);
|
||||
});
|
||||
},
|
||||
handleCreate(item){
|
||||
schoolApi.createCode(item.schoolId).then(resp => {
|
||||
if (resp.code === 200) {
|
||||
this.getPageList();
|
||||
this.$modal.msgSuccess('生成成功');
|
||||
}
|
||||
})
|
||||
},
|
||||
// 删除操作
|
||||
handleDelete(item) {
|
||||
this.$modal
|
||||
|
||||
338
src/views/sch/shop/index.vue
Normal file
@@ -0,0 +1,338 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="店铺名称" prop="shopName">
|
||||
<el-input
|
||||
v-model="queryParams.shopName"
|
||||
placeholder="请输入店铺名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="区域" prop="area">
|
||||
<el-input
|
||||
v-model="queryParams.area"
|
||||
placeholder="请输入区域"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="城市" prop="city">
|
||||
<el-input
|
||||
v-model="queryParams.city"
|
||||
placeholder="请输入城市"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系人" prop="contacts">
|
||||
<el-input
|
||||
v-model="queryParams.contacts"
|
||||
placeholder="请输入联系人"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注名" prop="remarkName">
|
||||
<el-input
|
||||
v-model="queryParams.remarkName"
|
||||
placeholder="请输入备注名"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注id" prop="remarkId">
|
||||
<el-input
|
||||
v-model="queryParams.remarkId"
|
||||
placeholder="请输入备注id"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['system:shop:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['system:shop:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['system:shop:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['system:shop:export']"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="shopList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="门店id 和抖音门店id 一致" align="center" prop="shopId" />
|
||||
<el-table-column label="店铺名称" align="center" prop="shopName" />
|
||||
<el-table-column label="门店品类" align="center" prop="shopType" />
|
||||
<el-table-column label="主营类目" align="center" prop="businessCategory" />
|
||||
<el-table-column label="区域" align="center" prop="area" />
|
||||
<el-table-column label="城市" align="center" prop="city" />
|
||||
<el-table-column label="地址" align="center" prop="address" />
|
||||
<el-table-column label="联系人" align="center" prop="contacts" />
|
||||
<el-table-column label="营业状态" align="center" prop="status" />
|
||||
<el-table-column label="备注" align="center" prop="remark" />
|
||||
<el-table-column label="备注名" align="center" prop="remarkName" />
|
||||
<el-table-column label="备注id" align="center" prop="remarkId" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['system:shop:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['system:shop:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改抖音门店对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="店铺名称" prop="shopName">
|
||||
<el-input v-model="form.shopName" placeholder="请输入店铺名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="主营类目" prop="businessCategory">
|
||||
<el-input v-model="form.businessCategory" type="textarea" placeholder="请输入内容" />
|
||||
</el-form-item>
|
||||
<el-form-item label="区域" prop="area">
|
||||
<el-input v-model="form.area" placeholder="请输入区域" />
|
||||
</el-form-item>
|
||||
<el-form-item label="城市" prop="city">
|
||||
<el-input v-model="form.city" placeholder="请输入城市" />
|
||||
</el-form-item>
|
||||
<el-form-item label="地址" prop="address">
|
||||
<el-input v-model="form.address" type="textarea" placeholder="请输入内容" />
|
||||
</el-form-item>
|
||||
<el-form-item label="联系人" prop="contacts">
|
||||
<el-input v-model="form.contacts" placeholder="请输入联系人" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注名" prop="remarkName">
|
||||
<el-input v-model="form.remarkName" placeholder="请输入备注名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注id" prop="remarkId">
|
||||
<el-input v-model="form.remarkId" placeholder="请输入备注id" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listShop, getShop, delShop, addShop, updateShop } from "@/api/sch/shop";
|
||||
|
||||
export default {
|
||||
name: "Shop",
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 抖音门店表格数据
|
||||
shopList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
shopName: null,
|
||||
shopType: null,
|
||||
businessCategory: null,
|
||||
area: null,
|
||||
city: null,
|
||||
address: null,
|
||||
contacts: null,
|
||||
status: null,
|
||||
remarkName: null,
|
||||
remarkId: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询抖音门店列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listShop(this.queryParams).then(response => {
|
||||
this.shopList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
shopId: null,
|
||||
shopName: null,
|
||||
shopType: null,
|
||||
businessCategory: null,
|
||||
area: null,
|
||||
city: null,
|
||||
address: null,
|
||||
contacts: null,
|
||||
status: "0",
|
||||
remark: null,
|
||||
remarkName: null,
|
||||
remarkId: null
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.shopId)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = "添加抖音门店";
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.reset();
|
||||
const shopId = row.shopId || this.ids
|
||||
getShop(shopId).then(response => {
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = "修改抖音门店";
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.shopId != null) {
|
||||
updateShop(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
addShop(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const shopIds = row.shopId || this.ids;
|
||||
this.$modal.confirm('是否确认删除抖音门店编号为"' + shopIds + '"的数据项?').then(function() {
|
||||
return delShop(shopIds);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('system/shop/export', {
|
||||
...this.queryParams
|
||||
}, `shop_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -21,7 +21,7 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<!-- <el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button v-hasPermi="['system:config:add']" type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
|
||||
</el-col>
|
||||
@@ -38,7 +38,7 @@
|
||||
<el-button v-hasPermi="['system:config:remove']" type="danger" plain icon="el-icon-refresh" size="mini" @click="handleRefreshCache">刷新缓存</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
|
||||
</el-row>
|
||||
</el-row> -->
|
||||
|
||||
<el-table v-loading="loading" :data="configList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
@@ -60,7 +60,7 @@
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button v-hasPermi="['system:config:edit']" size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
|
||||
<el-button v-hasPermi="['system:config:remove']" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
|
||||
<!-- <el-button v-hasPermi="['system:config:remove']" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
@@ -79,13 +79,13 @@
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="所属区域" prop="areaList">
|
||||
<el-select v-model="form.areaList" placeholder="请选择" filterable multiple>
|
||||
<el-option label="区域1" :value="1" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-col> -->
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="form.remark" placeholder="请输入" type="textarea" :autosize="{ minRows: 3 }" />
|
||||
|
||||
@@ -158,24 +158,25 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="微信openId" prop="openId">
|
||||
<el-input v-model="form.openId" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="小程序权限">
|
||||
<el-radio-group v-model="form.hasStudent">
|
||||
<el-radio :label="true">开通</el-radio>
|
||||
<el-radio :label="false">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="数据权限" prop="openId">
|
||||
<el-radio-group v-model="form.dataScope">
|
||||
<el-radio :label="1">全部数据</el-radio>
|
||||
<!-- <el-radio :label="2">部门数据</el-radio> -->
|
||||
<el-radio :label="3">个人数据</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="管理系统权限">
|
||||
<el-radio-group v-model="form.hasSys">
|
||||
<el-radio :label="true">开通</el-radio>
|
||||
<el-radio :label="false">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注">
|
||||
@@ -397,7 +398,8 @@ export default {
|
||||
areaList: [],
|
||||
weight: undefined,
|
||||
count: true,
|
||||
signPlace: undefined
|
||||
signPlace: undefined,
|
||||
dataScope: 3// 默认个人数据
|
||||
};
|
||||
this.resetForm('form');
|
||||
},
|
||||
@@ -466,6 +468,8 @@ export default {
|
||||
type: 'warning'
|
||||
}).then(function () {
|
||||
// 走释放线索逻辑,并禁用该用户
|
||||
empAPi.delete(row.employeeId);
|
||||
this.getList();
|
||||
}).then(() => {
|
||||
this.msgSuccess('注销成功!');
|
||||
});
|
||||
@@ -486,8 +490,10 @@ export default {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(function () {
|
||||
}).then(() => {
|
||||
// 检查一下,如果被使用,提示不可删除
|
||||
empAPi.delete(row.employeeId);
|
||||
this.getList();
|
||||
}).then(() => {
|
||||
this.msgSuccess('删除成功!');
|
||||
});
|
||||
|
||||
193
src/views/system/skill/index.vue
Normal file
@@ -0,0 +1,193 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px">
|
||||
<el-form-item label="关键词" prop="skillKey">
|
||||
<el-input v-model="queryParams.skillKey" placeholder="请输入关键词" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button v-hasPermi="['system:skill:add']" type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
|
||||
</el-col>
|
||||
|
||||
<right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="skillList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="index" width="55" align="center" />
|
||||
<el-table-column label="关键词" align="center" prop="skillKey" />
|
||||
<el-table-column label="话术内容" align="center" prop="content" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button v-hasPermi="['system:skill:edit']" size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
|
||||
<el-button v-hasPermi="['system:skill:remove']" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
|
||||
|
||||
<!-- 添加或修改关键话术对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="关键词" prop="skillKey">
|
||||
<el-input v-model="form.skillKey" placeholder="请输入关键词" />
|
||||
</el-form-item>
|
||||
<el-form-item label="话术内容">
|
||||
<editor v-model="form.content" :min-height="192" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listSkill, getSkill, delSkill, addSkill, updateSkill } from '@/api/system/skill';
|
||||
|
||||
export default {
|
||||
name: 'Skill',
|
||||
data () {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 关键话术表格数据
|
||||
skillList: [],
|
||||
// 弹出层标题
|
||||
title: '',
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
deptId: null,
|
||||
skillKey: null,
|
||||
content: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
skillKey: [{ required: true, message: '关键词不能为空', trigger: 'blur' }],
|
||||
content: [{ required: true, message: '话术内容不能为空', trigger: 'blur' }]
|
||||
}
|
||||
};
|
||||
},
|
||||
created () {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询关键话术列表 */
|
||||
getList () {
|
||||
this.loading = true;
|
||||
listSkill(this.queryParams).then(response => {
|
||||
this.skillList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel () {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset () {
|
||||
this.form = {
|
||||
skillId: null,
|
||||
deptId: null,
|
||||
skillKey: null,
|
||||
content: null
|
||||
};
|
||||
this.resetForm('form');
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery () {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery () {
|
||||
this.resetForm('queryForm');
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange (selection) {
|
||||
this.ids = selection.map(item => item.skillId);
|
||||
this.single = selection.length !== 1;
|
||||
this.multiple = !selection.length;
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd () {
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = '添加关键话术';
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate (row) {
|
||||
this.reset();
|
||||
const skillId = row.skillId || this.ids;
|
||||
getSkill(skillId).then(response => {
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = '修改关键话术';
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm () {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.skillId != null) {
|
||||
updateSkill(this.form).then(response => {
|
||||
this.$modal.msgSuccess('修改成功');
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
addSkill(this.form).then(response => {
|
||||
this.$modal.msgSuccess('新增成功');
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete (row) {
|
||||
const skillIds = row.skillId || this.ids;
|
||||
this.$modal.confirm('是否确认删除关键话术编号为"' + skillIds + '"的数据项?').then(function () {
|
||||
return delSkill(skillIds);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess('删除成功');
|
||||
}).catch(() => { });
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport () {
|
||||
this.download('system/skill/export', {
|
||||
...this.queryParams
|
||||
}, `skill_${new Date().getTime()}.xlsx`);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
113
src/views/vip/components/VipForm.vue
Normal file
@@ -0,0 +1,113 @@
|
||||
<template>
|
||||
<el-dialog title="VIP" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="500px" @close="closeDialog">
|
||||
<div>
|
||||
<el-form ref="dialogForm" :model="dialogForm" :rules="dataRule" @keyup.enter.native="dialogFormSubmit()">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="手机号" prop="phone">
|
||||
<el-input v-model="dialogForm.phone" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="车型" prop="carTypeId">
|
||||
<el-select v-model="dialogForm.carTypeId" clearable placeholder="选择车型">
|
||||
<el-option v-for="item in carOptions" :key="item.carTypeId" :label="item.carName" :value="item.carTypeId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="会员" prop="memberId">
|
||||
<el-select v-model="dialogForm.memberId" clearable placeholder="选择车型">
|
||||
<el-option v-for="item in memberOptions.filter(item => item.carTypeId === dialogForm.carTypeId)" :key="item.memberId" :label="item.memberName" :value="item.memberId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button plain @click="(visible = false)">取消</el-button>
|
||||
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { addUserMember, getCarList, getMemberList } from '@/api/vip';
|
||||
|
||||
export default {
|
||||
name:"VipForm",
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
canSubmit: true,
|
||||
dialogForm: {
|
||||
userId: undefined,
|
||||
memberId: undefined,
|
||||
phone: undefined
|
||||
},
|
||||
dataRule: {
|
||||
phone: [{ required: true, message: '手机号不为空', trigger: 'blur' },
|
||||
{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: '请输入正确的手机号码', trigger: 'blur' }], carTypeId: [{ required: true, message: '车型不能为空', trigger: 'blur' }],
|
||||
memberId: [{ required: true, message: '会员不能为空', trigger: 'blur' }]
|
||||
},
|
||||
carOptions:[],
|
||||
memberOptions:[]
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(info = undefined) {
|
||||
// debugger
|
||||
this.visible = true;
|
||||
this.getCarList();
|
||||
this.getMemberList();
|
||||
this.$nextTick(() => {
|
||||
this.resetDialogForm();
|
||||
// this.$refs['dialogForm'].resetFields();
|
||||
if (info) {
|
||||
this.dialogForm = this.deepClone(info);
|
||||
}
|
||||
});
|
||||
},
|
||||
resetDialogForm() {
|
||||
this.dialogForm = {
|
||||
userId: undefined,
|
||||
memberId: undefined,
|
||||
phone: undefined
|
||||
};
|
||||
},
|
||||
closeDialog() {
|
||||
this.$emit('update:dialogVisible', false);
|
||||
},
|
||||
// 表单提交
|
||||
dialogFormSubmit() {
|
||||
this.$refs.dialogForm.validate((valid) => {
|
||||
if (valid) {
|
||||
addUserMember(this.dialogForm).then(response => {
|
||||
if (response.code == 200) {
|
||||
this.$modal.msgSuccess('新增成功');
|
||||
this.$emit('update');
|
||||
this.visible = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
getCarList(){
|
||||
getCarList().then(resp => {
|
||||
this.carOptions = resp.data;
|
||||
})
|
||||
},
|
||||
getMemberList(){
|
||||
getMemberList().then(resp => {
|
||||
this.memberOptions = resp.data
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
96
src/views/vip/index.vue
Normal file
@@ -0,0 +1,96 @@
|
||||
<template>
|
||||
<div class="app-container" >
|
||||
<el-form size="small" :inline="true" label-width="68px" @submit.native.prevent>
|
||||
<el-row :gutter="20">
|
||||
<el-form-item label="手机号">
|
||||
<el-input v-model="queryParams.phone" placeholder="请输入" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
<el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
|
||||
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="tableList" >
|
||||
<el-table-column type="index" width="55" align="center" />
|
||||
<el-table-column label="手机号" align="center" prop="phone" min-width="140" />
|
||||
<el-table-column label="会员名" align="center" prop="memberName" min-width="140"/>
|
||||
<el-table-column label="车型" align="center" prop="carName" min-width="100" />
|
||||
<el-table-column label="科目" align="center" prop="subjects" min-width="100"/>
|
||||
<el-table-column label="开始时间" align="center" prop="startDate" min-width="100"/>
|
||||
<el-table-column label="结束时间" align="center" prop="endDate" min-width="100"/>
|
||||
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<!-- <el-button size="mini" type="text" icon="el-icon-download" @click="handleEdit(scope.row)">编辑</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> -->
|
||||
<VipForm v-if="dialogVisible" ref="dialogForm" :dialog-visible="dialogVisible" @update="getList" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getUserMemberList } from '@/api/vip';
|
||||
import VipForm from './components/VipForm.vue'
|
||||
|
||||
export default {
|
||||
name: 'Vip',
|
||||
components:{
|
||||
VipForm
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: false,
|
||||
// 总条数
|
||||
total: 0,
|
||||
tableList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
phone: undefined
|
||||
},
|
||||
dialogVisible: false,
|
||||
dialogAddVisible: false
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询文件列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
getUserMemberList(this.queryParams).then(response => {
|
||||
this.tableList = response.data;
|
||||
// this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.queryParams.question = '';
|
||||
this.handleQuery();
|
||||
},
|
||||
|
||||
handleAdd(item) {
|
||||
this.dialogVisible = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.dialogForm.init(item);
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -19,11 +19,12 @@ export default {
|
||||
placeSearch: null,
|
||||
currentPoint: undefined,
|
||||
marker: null,
|
||||
searchBody: undefined
|
||||
}
|
||||
searchBody: undefined,
|
||||
geocoder: null
|
||||
};
|
||||
},
|
||||
beforeDestroy() {
|
||||
console.log("mapdialog----beforeDestroy")
|
||||
console.log('mapdialog----beforeDestroy');
|
||||
this.marker = null;
|
||||
this.placeSearch = null;
|
||||
|
||||
@@ -31,23 +32,23 @@ export default {
|
||||
this.dialogMap = null;
|
||||
},
|
||||
mounted() {
|
||||
console.log("mounted")
|
||||
this.initData()
|
||||
console.log('mounted');
|
||||
this.initData();
|
||||
},
|
||||
created() {
|
||||
console.log("created")
|
||||
console.log('created');
|
||||
},
|
||||
methods: {
|
||||
initData(point = undefined) {
|
||||
console.log(point)
|
||||
this.visible = true
|
||||
console.log(point);
|
||||
this.visible = true;
|
||||
// this.searchBody = undefined
|
||||
this.$nextTick(() => {
|
||||
this.resetData();
|
||||
if (point) {
|
||||
this.currentPoint = point;
|
||||
}
|
||||
this.initMap()
|
||||
this.initMap();
|
||||
});
|
||||
},
|
||||
resetData() {
|
||||
@@ -55,16 +56,17 @@ export default {
|
||||
this.dialogMap && this.marker && this.dialogMap.remove(this.marker);
|
||||
this.marker = null;
|
||||
// this.placeSearch = null;
|
||||
this.searchBody = null
|
||||
this.searchBody = null;
|
||||
},
|
||||
initMap() {
|
||||
console.log("初始化地图")
|
||||
console.log('初始化地图');
|
||||
if (!this.dialogMap) {
|
||||
this.dialogMap = new AMap.Map('dialogMap', {
|
||||
zoom: 12,
|
||||
resizeEnable: true,
|
||||
center: [117.283042, 31.86119]
|
||||
center: [121.448641, 31.2071],
|
||||
});
|
||||
|
||||
this.dialogMap.on('click', ev => {
|
||||
this.currentPoint.lat = ev.lnglat.lat;
|
||||
this.currentPoint.lng = ev.lnglat.lng;
|
||||
@@ -78,20 +80,19 @@ export default {
|
||||
});
|
||||
this.dialogMap.addControl(new AMap.Scale());
|
||||
const auto = new AMap.Autocomplete({
|
||||
input: 'search', // 前端搜索框
|
||||
})
|
||||
input: 'search' // 前端搜索框
|
||||
});
|
||||
this.placeSearch = new AMap.PlaceSearch({
|
||||
map: this.dialogMap,
|
||||
pageSize: 10, // 单页显示结果条数
|
||||
pageIndex: 1, // 页码
|
||||
autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
|
||||
})
|
||||
AMap.event.addListener(auto, 'select', this.select)
|
||||
autoFitView: true // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
|
||||
});
|
||||
AMap.event.addListener(auto, 'select', this.select);
|
||||
this.geocoder = new AMap.Geocoder();
|
||||
}
|
||||
|
||||
this.initMapCenter();
|
||||
|
||||
},
|
||||
// 初始化编辑地图的中心点
|
||||
initMapCenter() {
|
||||
@@ -127,7 +128,7 @@ export default {
|
||||
}
|
||||
});
|
||||
},
|
||||
//定位地址
|
||||
// 定位地址
|
||||
regeoCode() {
|
||||
this.geocoder.getAddress(
|
||||
[this.currentPoint.lng, this.currentPoint.lat],
|
||||
@@ -141,11 +142,10 @@ export default {
|
||||
},
|
||||
handleMapSave() {
|
||||
if (this.currentPoint.lat && this.currentPoint.lng) {
|
||||
//通知父组件
|
||||
this.$emit("handleMapDialogPoint", this.currentPoint);
|
||||
// 通知父组件
|
||||
this.$emit('handleMapDialogPoint', this.currentPoint);
|
||||
this.visible = false;
|
||||
this.$emit('update:mapDialogVisible', false);
|
||||
|
||||
} else {
|
||||
this.$message.error('请在地图上选择位置后保存!');
|
||||
}
|
||||
@@ -153,8 +153,8 @@ export default {
|
||||
closeDialog() {
|
||||
this.$emit('update:mapDialogVisible', false);
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
@@ -162,6 +162,7 @@ export default {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.search-body {
|
||||
position: absolute;
|
||||
top: 90px;
|
||||
|
||||
@@ -76,9 +76,11 @@ export default {
|
||||
if (!this.amap) {
|
||||
this.amap = new AMap.Map('map', {
|
||||
zoom: 12,
|
||||
center: [117.226095, 31.814372],
|
||||
center: [121.448641, 31.2071],
|
||||
resizeEnable: true
|
||||
});
|
||||
// this.aMap.setCity("上海")
|
||||
|
||||
// 地图坐标点定位
|
||||
|
||||
// this.getAllPlaces();
|
||||
|
||||
@@ -26,6 +26,8 @@
|
||||
<el-checkbox v-model="saveNext" />
|
||||
<span class="ml5">保存后继续创建下一条</span>
|
||||
</template>
|
||||
<el-button type="primary" @click="handleSkill">关键话术</el-button>
|
||||
|
||||
</div>
|
||||
<!-- :disabled="!canSubmit" -->
|
||||
<el-button class="footer_button" :disabled="!canSubmit" type="primary" @click="clueSubmit">确 定</el-button>
|
||||
@@ -39,12 +41,12 @@
|
||||
<el-col :span="8">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="创建时间" prop="createTime">
|
||||
<el-date-picker style="width: 100%;" v-model="clueForm.createTime" value-format="yyyy-MM-dd HH:mm" format="yyyy-MM-dd HH:mm" type="datetime" :disabled="admin!='true'" />
|
||||
<el-date-picker v-model="clueForm.createTime" style="width: 100%;" value-format="yyyy-MM-dd HH:mm" format="yyyy-MM-dd HH:mm" type="datetime" :disabled="admin!='true'" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="线索来源" prop="source">
|
||||
<el-select style="width: 100%;" v-model="clueForm.source" placeholder="请选择" clearable>
|
||||
<el-select v-model="clueForm.source" style="width: 100%;" placeholder="请选择" clearable>
|
||||
<el-option v-for="dict in sourceOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
@@ -64,29 +66,67 @@
|
||||
<el-input v-model="clueForm.weChat" placeholder="请输入微信号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="clueForm.source == '抖音直播'" :span="24">
|
||||
<el-form-item label="商品名称" prop="goodName">
|
||||
<el-input v-model="clueForm.goodName" placeholder="请输入商品名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="clueForm.source == '抖音直播'" :span="24">
|
||||
<el-form-item label="订单实收" prop="amountReceived">
|
||||
<el-input v-model="clueForm.amountReceived" placeholder="请输入订单实收" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="clueForm.source == '抖音直播'" :span="24">
|
||||
<el-form-item label="意向门店" prop="intentionAccountName">
|
||||
<el-input v-model="clueForm.intentionAccountName" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="clueForm.source == '抖音直播'" :span="24">
|
||||
<el-form-item label="门店地址" prop="intentionAccountAddress">
|
||||
<el-input v-model="clueForm.intentionAccountAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="跟进人员" prop="followUser">
|
||||
<el-select style="width: 100%;" v-model="clueForm.followUser" multiple clearable :disabled="admin != 'true' && clueForm.clueId != undefined">
|
||||
<el-select v-model="clueForm.followUser" style="width: 100%;" multiple clearable :disabled="admin != 'true' && clueForm.clueId != undefined">
|
||||
<el-option v-for="dict in userOptions" :key="dict.id" :label="dict.name" :value="dict.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="24">
|
||||
<el-form-item label="意向状态" prop="intentionState">
|
||||
<el-select style="width: 100%;" v-model="clueForm.intentionState" placeholder="请选择" clearable>
|
||||
<el-option v-for="dict in intentionOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue">
|
||||
<el-form-item v-if="clueForm.source == '抖音直播'" label="意向状态" prop="intentionState">
|
||||
<el-select v-model="clueForm.intentionState" style="width: 100%;" placeholder="请选择" clearable>
|
||||
<el-option v-for="dict in intentionOptions.filter(item => item.remark == undefined || item.remark == '抖音')" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue">
|
||||
<i class="el-icon-star-on" :style="dict.cssClass" />
|
||||
<span style="float: right; color: #8492a6; font-size: 13px">
|
||||
{{ dict.dictValue }}
|
||||
</span>
|
||||
</el-option>
|
||||
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item v-else label="意向状态" prop="intentionState">
|
||||
<el-select v-model="clueForm.intentionState" style="width: 100%;" placeholder="请选择" clearable>
|
||||
<el-option v-for="dict in intentionOptions.filter(item => item.remark == undefined || item.remark == '正常')" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue">
|
||||
<i class="el-icon-star-on" :style="dict.cssClass" />
|
||||
<span style="float: right; color: #8492a6; font-size: 13px">
|
||||
{{ dict.dictValue }}
|
||||
</span>
|
||||
</el-option>
|
||||
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="clueForm.source == '抖音直播'" :span="24">
|
||||
<el-form-item label="核销时间" prop="writeOffTime">
|
||||
<el-date-picker v-model="clueForm.writeOffTime" style="width: 100%;" value-format="yyyy-MM-dd HH:mm" format="yyyy-MM-dd HH:mm" type="date" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="下次跟进时间" prop="followTime">
|
||||
<el-date-picker style="width: 100%;" v-model="clueForm.followTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" />
|
||||
<el-date-picker v-model="clueForm.followTime" style="width: 100%;" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
@@ -103,7 +143,7 @@
|
||||
<!-- 跟进记录 -->
|
||||
<el-col :span="24" style="margin-top: 20px;">
|
||||
<el-form-item label="跟进记录" prop="clueMemo" label-position="top">
|
||||
<FollowRecord v-if="clueId" :clueId="clueId" />
|
||||
<FollowRecord v-if="clueId" :clue-id="clueId" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
@@ -111,7 +151,7 @@
|
||||
<el-col :span="16">
|
||||
<div>
|
||||
<el-col :span="24" class="mb20 plr20" style="position: relative">
|
||||
<PlaceMap ref="placeMap" :placeList="placeList" />
|
||||
<PlaceMap ref="placeMap" :place-list="placeList" />
|
||||
<div class="address">
|
||||
<el-form-item label="位置" prop="address" label-width="80px">
|
||||
<el-input v-model="clueForm.address" placeholder="请输入位置" disabled>
|
||||
@@ -130,25 +170,28 @@
|
||||
<!-- </el-card> -->
|
||||
|
||||
<MapDialog v-if="mapDialogVisible" ref="mapDialog" :dialog-visible="mapDialogVisible" @handleMapDialogPoint="handleMapDialogPoint" />
|
||||
<!-- 关键话术 -->
|
||||
<SkillDialog ref="SkillDialog" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getClueInfo, getConsultRecord, addClue, updateClue, } from '@/api/zs/clue'
|
||||
import empApi from '@/api/system/employee'
|
||||
import { getAllPlaces } from '@/api/sch/place'
|
||||
import { getClueInfo, getConsultRecord, addClue, updateClue } from '@/api/zs/clue';
|
||||
import empApi from '@/api/system/employee';
|
||||
import { getAllPlaces } from '@/api/sch/place';
|
||||
|
||||
import PlaceMap from './components/PlaceMap.vue';
|
||||
import FollowRecord from './components/FollowRecord.vue';
|
||||
import MapDialog from './components/MapDialog.vue';
|
||||
import SkillDialog from '../components/SkillDialog.vue';
|
||||
|
||||
export default {
|
||||
name: 'ClueForm',
|
||||
components: {
|
||||
PlaceMap, FollowRecord, MapDialog
|
||||
PlaceMap, FollowRecord, MapDialog, SkillDialog
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
admin: localStorage.getItem('admin'),
|
||||
userId: localStorage.getItem('userId'),
|
||||
@@ -163,13 +206,13 @@ export default {
|
||||
createTime: { required: true, message: '创建时间不为空', trigger: 'blur,change' },
|
||||
consultTime: { required: true, message: '咨询时间不为空', trigger: 'blur,change' },
|
||||
source: { required: true, message: '线索来源不为空', trigger: 'blur,change' },
|
||||
address: { required: true, message: '位置不为空', trigger: 'blur' },
|
||||
// address: { required: true, message: '位置不为空', trigger: 'blur' },
|
||||
intentionState: { required: true, message: '意向状态不为空', trigger: 'blur,change' }
|
||||
},
|
||||
userOptions: [],//跟进人员
|
||||
sourceOptions: [],//线索来源
|
||||
intentionOptions: [],//意向状态
|
||||
placeList: [],//场地信息
|
||||
userOptions: [], // 跟进人员
|
||||
sourceOptions: [], // 线索来源
|
||||
intentionOptions: [], // 意向状态
|
||||
placeList: [], // 场地信息
|
||||
mapDialogVisible: false,
|
||||
consultRecord: [],
|
||||
canSubmit: true,
|
||||
@@ -177,10 +220,10 @@ export default {
|
||||
saveNext: false
|
||||
};
|
||||
},
|
||||
created() {
|
||||
//获取clueId
|
||||
this.clueId = Number(this.$route.params.clueId)
|
||||
this.getAllPlaces()
|
||||
created () {
|
||||
// 获取clueId
|
||||
this.clueId = Number(this.$route.params.clueId);
|
||||
this.getAllPlaces();
|
||||
this.getEmployee();
|
||||
|
||||
this.getClueInfo(this.clueId);
|
||||
@@ -195,20 +238,19 @@ export default {
|
||||
},
|
||||
|
||||
methods: {
|
||||
async getClueInfo(clueId) {
|
||||
async getClueInfo (clueId) {
|
||||
this.resetForm();
|
||||
if (clueId === 0)
|
||||
return
|
||||
this.saveNextShow = false
|
||||
this.saveNext = false
|
||||
if (clueId === 0) { return; }
|
||||
this.saveNextShow = false;
|
||||
this.saveNext = false;
|
||||
const resp = await getClueInfo(clueId);
|
||||
if (resp.code == 200) {
|
||||
this.clueForm = { ...resp.data }
|
||||
this.clueForm = { ...resp.data };
|
||||
this.handleMapCenter(this.clueForm);
|
||||
this.getConsultRecord(this.clueForm.phone);
|
||||
}
|
||||
},
|
||||
resetForm() {
|
||||
resetForm () {
|
||||
this.clueForm = {
|
||||
clueId: undefined,
|
||||
createTime: this.parseTime(new Date(), '{y}-{m}-{d} {h}:{i}'),
|
||||
@@ -226,52 +268,52 @@ export default {
|
||||
licenseType: undefined,
|
||||
lng: undefined,
|
||||
lat: undefined
|
||||
}
|
||||
};
|
||||
|
||||
if (this.admin == 'false') {
|
||||
this.clueForm.followUser.push(Number(this.userId))
|
||||
this.clueForm.followUser.push(Number(this.userId));
|
||||
}
|
||||
},
|
||||
// 查询咨询记录
|
||||
getConsultRecord(phone) {
|
||||
getConsultRecord (phone) {
|
||||
getConsultRecord({ phone }).then((resp) => {
|
||||
if (resp && resp.code === 200 && resp.data) {
|
||||
this.consultRecord = resp.data
|
||||
this.consultRecord = resp.data;
|
||||
if (this.consultRecord && this.consultRecord.length > 0) {
|
||||
this.clueForm.consultCount = this.consultRecord.length
|
||||
this.clueForm.consultCount = this.consultRecord.length;
|
||||
}
|
||||
}
|
||||
})
|
||||
});
|
||||
},
|
||||
//地图编辑弹框
|
||||
handleMapDialog() {
|
||||
// 地图编辑弹框
|
||||
handleMapDialog () {
|
||||
this.mapDialogVisible = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.mapDialog.initData(this.clueForm);
|
||||
});
|
||||
},
|
||||
//处理地图弹框返回的点
|
||||
handleMapDialogPoint(point) {
|
||||
console.log("handleMapDialogPoint")
|
||||
console.log(point)
|
||||
// 处理地图弹框返回的点
|
||||
handleMapDialogPoint (point) {
|
||||
console.log('handleMapDialogPoint');
|
||||
console.log(point);
|
||||
if (point) {
|
||||
this.handleMapCenter(point);
|
||||
}
|
||||
},
|
||||
//删除当前地址
|
||||
handleRemovePosition() {
|
||||
// 删除当前地址
|
||||
handleRemovePosition () {
|
||||
this.clueForm.lng = undefined;
|
||||
this.clueForm.lat = undefined;
|
||||
this.clueForm.address = undefined;
|
||||
},
|
||||
//定位地图的中心点
|
||||
handleMapCenter(info) {
|
||||
// 定位地图的中心点
|
||||
handleMapCenter (info) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.placeMap.setMapCenter(info);
|
||||
});
|
||||
},
|
||||
// 查询不能接收线索的员工
|
||||
getEmployee() {
|
||||
getEmployee () {
|
||||
empApi.getEmployee().then((resp) => {
|
||||
if (resp.code === 200) {
|
||||
this.userOptions = resp.data;
|
||||
@@ -282,7 +324,7 @@ export default {
|
||||
});
|
||||
},
|
||||
// 查询场地信息
|
||||
async getAllPlaces() {
|
||||
async getAllPlaces () {
|
||||
const resp = await getAllPlaces({ status: '0' });
|
||||
if (resp.code == 200) {
|
||||
this.placeList = resp.data.filter((item) => item.schoolShow && item.showInMap);
|
||||
@@ -290,24 +332,23 @@ export default {
|
||||
this.$refs.placeMap.handleMarkers(this.placeList);
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
//表单提交
|
||||
clueSubmit() {
|
||||
// 表单提交
|
||||
clueSubmit () {
|
||||
this.$refs.clueForm.validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.canSubmit = false
|
||||
let resp
|
||||
this.canSubmit = false;
|
||||
let resp;
|
||||
if (this.clueForm.clueId) {
|
||||
resp = await updateClue(this.clueForm)
|
||||
this.canSubmit = true
|
||||
resp = await updateClue(this.clueForm);
|
||||
this.canSubmit = true;
|
||||
if (resp.code === 200) {
|
||||
this.$message.success('修改成功')
|
||||
this.$message.success('修改成功');
|
||||
this.toBackClue();
|
||||
}
|
||||
} else {
|
||||
resp = await addClue(this.clueForm)
|
||||
this.canSubmit = false
|
||||
resp = await addClue(this.clueForm);
|
||||
this.canSubmit = false;
|
||||
if (resp.code === 200) {
|
||||
if (resp.data && resp.data == 1) {
|
||||
this.$message({
|
||||
@@ -315,23 +356,27 @@ export default {
|
||||
type: 'warning'
|
||||
});
|
||||
} else {
|
||||
this.$message.success('新增成功')
|
||||
|
||||
this.$message.success('新增成功');
|
||||
}
|
||||
if (this.saveNext) {
|
||||
this.canSubmit = true
|
||||
this.resetForm()
|
||||
this.canSubmit = true;
|
||||
this.resetForm();
|
||||
} else {
|
||||
this.toBackClue();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
});
|
||||
},
|
||||
toBackClue() {
|
||||
const obj = { path: "/zs/clue" };
|
||||
toBackClue () {
|
||||
const obj = { path: '/zs/clue' };
|
||||
this.$tab.closeOpenPage(obj);
|
||||
},
|
||||
handleSkill () {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.SkillDialog.init();
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -1,112 +1,152 @@
|
||||
export const defaultColumns = [{
|
||||
key: 0,
|
||||
prop: 'createTime',
|
||||
label: '创建时间',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 1,
|
||||
prop: 'source',
|
||||
label: '线索来源',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 2,
|
||||
prop: 'name',
|
||||
label: '姓名',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
prop: 'phone',
|
||||
label: '联系方式',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
prop: 'weChat',
|
||||
label: '微信号',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 5,
|
||||
prop: 'address',
|
||||
label: '位置',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 6,
|
||||
prop: 'requirement',
|
||||
label: '学员诉求',
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 7,
|
||||
prop: 'licenseType',
|
||||
label: '咨询车型',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 8,
|
||||
prop: 'followTime',
|
||||
label: '下次跟进时间',
|
||||
width: 120,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 9,
|
||||
prop: 'firstFollowUserName',
|
||||
label: '首次跟进人员',
|
||||
width: 120,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 10,
|
||||
prop: 'followUserName',
|
||||
label: '跟进人员',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 11,
|
||||
prop: 'recentLook',
|
||||
label: '是否近期看场地',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 12,
|
||||
prop: 'offlineReceiverName',
|
||||
label: '线下接待人员',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 13,
|
||||
prop: 'clueMemo',
|
||||
label: '备注',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: true
|
||||
}
|
||||
key: 0,
|
||||
prop: 'createTime',
|
||||
label: '创建时间',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 1,
|
||||
prop: 'source',
|
||||
label: '线索来源',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 2,
|
||||
prop: 'name',
|
||||
label: '姓名',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
prop: 'phone',
|
||||
label: '联系方式',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
prop: 'weChat',
|
||||
label: '微信号',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 5,
|
||||
prop: 'address',
|
||||
label: '位置',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 6,
|
||||
prop: 'requirement',
|
||||
label: '学员诉求',
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 7,
|
||||
prop: 'licenseType',
|
||||
label: '咨询车型',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 8,
|
||||
prop: 'followTime',
|
||||
label: '下次跟进时间',
|
||||
width: 120,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 9,
|
||||
prop: 'firstFollowUserName',
|
||||
label: '首次跟进人员',
|
||||
width: 120,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 10,
|
||||
prop: 'followUserName',
|
||||
label: '跟进人员',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 11,
|
||||
prop: 'recentLook',
|
||||
label: '是否近期看场地',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
// {
|
||||
// key: 12,
|
||||
// prop: 'offlineReceiverName',
|
||||
// label: '线下接待人员',
|
||||
// width: 140,
|
||||
// visible: true,
|
||||
// overflow: false
|
||||
// },
|
||||
{
|
||||
key: 13,
|
||||
prop: 'clueMemo',
|
||||
label: '备注',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: true
|
||||
},
|
||||
{
|
||||
key: 14,
|
||||
prop: 'goodName',
|
||||
label: '商品名称',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: true
|
||||
},
|
||||
{
|
||||
key: 15,
|
||||
prop: 'amountReceived',
|
||||
label: '订单实收',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: true
|
||||
},
|
||||
{
|
||||
key: 16,
|
||||
prop: 'writeOffTime',
|
||||
label: '核销时间',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: true
|
||||
},
|
||||
{
|
||||
key: 17,
|
||||
prop: 'intentionAccountName',
|
||||
label: '意向门店',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: true
|
||||
},{
|
||||
key: 18,
|
||||
prop: 'intentionAccountAddress',
|
||||
label: '门店地址',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: true
|
||||
}
|
||||
|
||||
];
|
||||
|
||||
@@ -157,7 +157,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<!-- eslint-disable no-undef -->
|
||||
<script>
|
||||
<script>
|
||||
import { getFollowRecord } from '@/api/zs/clue';
|
||||
import { getClassTypes } from '@/api/tool/common';
|
||||
import { inputtips, regeo, walking } from '@/api/tool/map';
|
||||
@@ -452,7 +452,8 @@ export default {
|
||||
// );
|
||||
if (this.currentPoint.lng && this.currentPoint.lat) {
|
||||
regeo({
|
||||
key: 'f2f35d6adc4a16bb879d303cead56237',
|
||||
// key: 'f2f35d6adc4a16bb879d303cead56237',
|
||||
key: '0e62be0896c6b8d27d453445f0fb8bc4',
|
||||
location: this.currentPoint.lng + ',' + this.currentPoint.lat
|
||||
}).then((resp) => {
|
||||
if (resp.status === '1') {
|
||||
@@ -512,7 +513,8 @@ export default {
|
||||
async getWalkingDistance(start, end) {
|
||||
if (start && end) {
|
||||
const resp = await walking({
|
||||
key: 'f2f35d6adc4a16bb879d303cead56237',
|
||||
// key: 'f2f35d6adc4a16bb879d303cead56237',
|
||||
key: '0e62be0896c6b8d27d453445f0fb8bc4',
|
||||
origin: start[0] + ',' + start[1],
|
||||
destination: end[0] + ',' + end[1]
|
||||
});
|
||||
@@ -554,7 +556,8 @@ export default {
|
||||
async querySearch(queryString, cb) {
|
||||
if (queryString) {
|
||||
const resp = await inputtips({
|
||||
key: 'f2f35d6adc4a16bb879d303cead56237',
|
||||
// key: 'f2f35d6adc4a16bb879d303cead56237',
|
||||
key: '0e62be0896c6b8d27d453445f0fb8bc4',
|
||||
keywords: queryString
|
||||
});
|
||||
cb(resp.tips);
|
||||
@@ -577,9 +580,9 @@ export default {
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.amap-cavans {
|
||||
width: 100%;
|
||||
height: 600px;
|
||||
@@ -589,6 +592,7 @@ export default {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.address {
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
@@ -596,6 +600,7 @@ export default {
|
||||
width: 400px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.box-card {
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
@@ -613,14 +618,17 @@ export default {
|
||||
.el-divider--horizontal {
|
||||
margin: 6px 0;
|
||||
}
|
||||
|
||||
li {
|
||||
padding: 6px;
|
||||
|
||||
.name {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.addr {
|
||||
line-height: 16px;
|
||||
font-size: 10px;
|
||||
@@ -630,6 +638,5 @@ li {
|
||||
.highlighted .addr {
|
||||
color: #ddd;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
}</style>
|
||||
|
||||
257
src/views/zs/clue/components/DYClueFormDialog.vue
Normal file
@@ -0,0 +1,257 @@
|
||||
|
||||
<template>
|
||||
<div style="margin-bottom: 50px">
|
||||
<el-dialog title="抖音线索" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="700px" @close="visible = false">
|
||||
<el-form ref="clueForm" :model="clueForm" :rules="rules" label-width="110px">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="创建时间" prop="createTime">
|
||||
<el-date-picker style="width: 100%;" v-model="clueForm.createTime" value-format="yyyy-MM-dd HH:mm" format="yyyy-MM-dd HH:mm" type="datetime" :disabled="admin!='true'" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="线索来源" prop="source">
|
||||
<el-select style="width: 100%;" v-model="clueForm.source" placeholder="请选择" clearable>
|
||||
<el-option v-for="dict in sourceOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="姓名" prop="name">
|
||||
<el-input v-model="clueForm.name" placeholder="请输入姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系方式" prop="phone">
|
||||
<el-input v-model="clueForm.phone" placeholder="请输入联系方式" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="商品名称" prop="goodName">
|
||||
<el-input v-model="clueForm.goodName" placeholder="请输入微信号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="订单实收" prop="amountReceived">
|
||||
<el-input v-model="clueForm.amountReceived" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="跟进人员" prop="followUser">
|
||||
<el-select style="width: 100%;" v-model="clueForm.followUser" multiple clearable :disabled="admin != 'true' && clueForm.clueId != undefined">
|
||||
<el-option v-for="dict in userOptions" :key="dict.id" :label="dict.name" :value="dict.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="意向状态" prop="intentionState">
|
||||
<el-select style="width: 100%;" v-model="clueForm.intentionState" placeholder="请选择" clearable>
|
||||
<el-option v-for="dict in intentionOptions.filter(item => item.remark == undefined || item.remark == '抖音')" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue">
|
||||
<i class="el-icon-star-on" :style="dict.cssClass" />
|
||||
<span style="float: right; color: #8492a6; font-size: 13px">
|
||||
{{ dict.dictValue }}
|
||||
</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="核销时间" prop="writeOffTime">
|
||||
<el-date-picker style="width: 100%;" v-model="clueForm.writeOffTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="下次跟进时间" prop="followTime">
|
||||
<el-date-picker style="width: 100%;" v-model="clueForm.followTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注" prop="clueMemo">
|
||||
<el-input v-model="clueForm.clueMemo" type="textarea" :rows="5" maxlength="10009" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- 跟进记录 -->
|
||||
<el-col :span="24" style="margin-top: 20px;">
|
||||
<el-form-item label="跟进记录" prop="clueMemo" label-position="top">
|
||||
<FollowRecord v-if="clueId" :clueId="clueId" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button plain @click="(visible = false)">取消</el-button>
|
||||
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="clueSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<!-- eslint-disable no-undef -->
|
||||
<script>
|
||||
import { getConsultRecord, addClue, updateClue, } from '@/api/zs/clue'
|
||||
import empApi from '@/api/system/employee'
|
||||
|
||||
import FollowRecord from '../ClueForm/components/FollowRecord.vue';
|
||||
// import AMap from 'AMap';
|
||||
export default {
|
||||
name: 'ClueForm',
|
||||
components: {
|
||||
FollowRecord
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
admin: localStorage.getItem('admin'),
|
||||
userId: localStorage.getItem('userId'),
|
||||
clueId: undefined,
|
||||
clueForm: {
|
||||
followTime: undefined
|
||||
},
|
||||
rules: {
|
||||
name: { required: true, message: '姓名不为空', trigger: 'blur' },
|
||||
phone: [{ required: true, message: '联系方式不为空', trigger: 'blur' },
|
||||
{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: '请输入正确的手机号码', trigger: 'blur' }],
|
||||
createTime: { required: true, message: '创建时间不为空', trigger: 'blur,change' },
|
||||
consultTime: { required: true, message: '咨询时间不为空', trigger: 'blur,change' },
|
||||
source: { required: true, message: '线索来源不为空', trigger: 'blur,change' },
|
||||
address: { required: true, message: '位置不为空', trigger: 'blur' },
|
||||
intentionState: { required: true, message: '意向状态不为空', trigger: 'blur,change' },
|
||||
goodName: { required: true, message: '商品名称不为空', trigger: 'blur,change' },
|
||||
amountReceived: { required: true, message: '订单实收不为空', trigger: 'blur,change' }
|
||||
|
||||
|
||||
},
|
||||
userOptions: [],//跟进人员
|
||||
sourceOptions: [],//线索来源
|
||||
intentionOptions: [],//意向状态
|
||||
placeList: [],//场地信息
|
||||
mapDialogVisible: false,
|
||||
consultRecord: [],
|
||||
canSubmit: true,
|
||||
saveNextShow: true,
|
||||
saveNext: false,
|
||||
visible: false
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
||||
this.getEmployee();
|
||||
|
||||
// 线索来源
|
||||
this.getDicts('dm_source').then((response) => {
|
||||
this.sourceOptions = response.data;
|
||||
});
|
||||
// 意向状态
|
||||
this.getDicts('dm_intention_state').then((response) => {
|
||||
this.intentionOptions = response.data.filter(item => item.remark == undefined || item.remark == '抖音');
|
||||
});
|
||||
},
|
||||
|
||||
methods: {
|
||||
init(info){
|
||||
this.canSubmit = true;
|
||||
this.$nextTick(() => {
|
||||
this.resetDialogForm();
|
||||
// this.$refs['dialogForm'].resetFields();
|
||||
if (info) {
|
||||
this.clueForm = this.deepClone(info);
|
||||
if(this.clueForm.clueId){
|
||||
this.clueId = this.clueForm.clueId
|
||||
this.getConsultRecord(this.clueForm.phone);
|
||||
}
|
||||
}
|
||||
this.visible = true;
|
||||
|
||||
});
|
||||
},
|
||||
resetDialogForm() {
|
||||
this.clueForm = {
|
||||
clueId: undefined,
|
||||
createTime: this.parseTime(new Date(), '{y}-{m}-{d} {h}:{i}'),
|
||||
consultTime: undefined,
|
||||
source: "抖音直播",
|
||||
name: undefined,
|
||||
phone: undefined,
|
||||
address: undefined,
|
||||
intentionState: undefined,
|
||||
followInfo: undefined,
|
||||
followTime: undefined,
|
||||
followUser: [],
|
||||
signupInfo: undefined,
|
||||
requirement: undefined,
|
||||
licenseType: undefined,
|
||||
lng: undefined,
|
||||
lat: undefined,
|
||||
goodName: undefined,
|
||||
amountReceived: undefined,
|
||||
writeOffTime: undefined
|
||||
}
|
||||
|
||||
if (this.admin == 'false') {
|
||||
this.clueForm.followUser.push(Number(this.userId))
|
||||
}
|
||||
},
|
||||
// 查询咨询记录
|
||||
getConsultRecord(phone) {
|
||||
getConsultRecord({ phone }).then((resp) => {
|
||||
if (resp && resp.code === 200 && resp.data) {
|
||||
this.consultRecord = resp.data
|
||||
if (this.consultRecord && this.consultRecord.length > 0) {
|
||||
this.clueForm.consultCount = this.consultRecord.length
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 查询不能接收线索的员工
|
||||
getEmployee() {
|
||||
empApi.getEmployee().then((resp) => {
|
||||
if (resp.code === 200) {
|
||||
this.userOptions = resp.data;
|
||||
// this.userOptions = this.userOptions.filter((item) => {
|
||||
// return item.accept;
|
||||
// });
|
||||
}
|
||||
});
|
||||
},
|
||||
//表单提交
|
||||
clueSubmit() {
|
||||
this.$refs.clueForm.validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.canSubmit = false
|
||||
let resp
|
||||
if (this.clueForm.clueId) {
|
||||
resp = await updateClue(this.clueForm)
|
||||
this.canSubmit = true
|
||||
if (resp.code === 200) {
|
||||
this.$message.success('修改成功')
|
||||
this.$emit('refreshDataList');
|
||||
this.visible = false
|
||||
}
|
||||
} else {
|
||||
resp = await addClue(this.clueForm)
|
||||
this.canSubmit = false
|
||||
if (resp.code === 200) {
|
||||
if (resp.data && resp.data == 1) {
|
||||
this.$message({
|
||||
message: resp.msg,
|
||||
type: 'warning'
|
||||
});
|
||||
} else {
|
||||
this.$message.success('新增成功')
|
||||
|
||||
}
|
||||
this.$emit('refreshDataList');
|
||||
this.visible = false
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
134
src/views/zs/clue/components/DistributeDialog.vue
Normal file
@@ -0,0 +1,134 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="800px"
|
||||
@close="closeDialog" style="min-height: 400px;">
|
||||
<el-tabs v-model="activeTab">
|
||||
<el-tab-pane label="邀约信息" name="first">
|
||||
<el-table v-loading="loading" :data="invitationRecords" border>
|
||||
<el-table-column label="操作时间" prop="createTime" width="140" />
|
||||
<el-table-column label="邀约场地" prop="placeName" min-width="200" />
|
||||
<el-table-column label="约定时间" prop="invitationTime" width="120" />
|
||||
<el-table-column label="备注" prop="remark" min-width="200" />
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="分发信息" name="second">
|
||||
<el-table v-loading="loading" :data="distributeRecords" border>
|
||||
<el-table-column label="操作时间" prop="distributeTime" width="140" />
|
||||
<el-table-column label="分发场地" prop="placeName" min-width="200" />
|
||||
<!-- <el-table-column label="接待人" prop="invitationTime" min-width="120" /> -->
|
||||
<el-table-column label="接待人" prop="coachName" min-width="120" />
|
||||
<el-table-column label="操作" fixed="right" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" v-if="scope.$index == 0 && isEdit" type="text" icon="el-icon-edit"
|
||||
@click="handleEdit(scope.row)">修改</el-button>
|
||||
<el-button size="mini" type="text"
|
||||
@click="handleFeedback(scope.row)">反馈信息</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
<span slot="footer" class="dialog-footer" >
|
||||
<el-button v-jclick type="primary" :disabled="!isAdd" @click="handleAdd()">新增</el-button>
|
||||
<el-button plain @click="(visible = false)">取消</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
<DistributeFormDialog ref="DistributeFormDialog" @refreshDataList="getFeedbackOrder" />
|
||||
<FeedbackDialog ref="FeedbackDialog" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { listFeedbackOrder } from '@/api/zs/feedbackOrder';
|
||||
import { getInvitationByClue } from '@/api/zs/invitation';
|
||||
import DistributeFormDialog from './DistributeFormDialog.vue';
|
||||
import FeedbackDialog from './FeedbackDialog.vue';
|
||||
|
||||
export default {
|
||||
name: 'DistributeDialog',
|
||||
components: {
|
||||
DistributeFormDialog, FeedbackDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
canSubmit: true,
|
||||
loading: false,
|
||||
placeOptions: [],
|
||||
coachOptions: [],
|
||||
feedbackDetail: [],
|
||||
activeTab: 'first',
|
||||
invitationRecords: [],
|
||||
clueInfo: undefined,
|
||||
distributeRecords: [],
|
||||
isAdd: false,
|
||||
isEdit: true,
|
||||
title: '分发'
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(info = undefined) {
|
||||
this.activeTab = 'first';
|
||||
// this.getPlaces();
|
||||
this.visible = true;
|
||||
this.isAdd = false;
|
||||
this.isEdit = true;
|
||||
this.title = '邀约';
|
||||
this.$nextTick(() => {
|
||||
if (info) {
|
||||
this.clueInfo = info;
|
||||
if (info.feedbackStatus > 2) {
|
||||
this.isEdit = false;
|
||||
}
|
||||
if (info.feedbackStatus == 1 || info.feedbackStatus == 5 || info.feedbackStatus == 6) {
|
||||
this.isAdd = true;
|
||||
}
|
||||
// 查询线索的邀约情况
|
||||
this.getInvitationByClue();
|
||||
// 查询该线索的分发a情况
|
||||
this.getFeedbackOrder();
|
||||
this.title = this.title + '【' + (info.name == null ? '' : info.name) + ' ' + info.phone + '】';
|
||||
}
|
||||
});
|
||||
},
|
||||
closeDialog() {
|
||||
this.$emit('update:dialog.batchUpdateVisible', false);
|
||||
},
|
||||
getInvitationByClue() {
|
||||
getInvitationByClue({ clueId: this.clueInfo.clueId }).then(resp => {
|
||||
if (resp.code == 200 && resp.data) {
|
||||
this.invitationRecords = resp.data;
|
||||
}
|
||||
});
|
||||
},
|
||||
getFeedbackOrder() {
|
||||
listFeedbackOrder({ clueId: this.clueInfo.clueId }).then(resp => {
|
||||
if (resp.code == 200 && resp.rows && resp.rows.length > 0) {
|
||||
this.distributeRecords = resp.rows.filter(item => item.feedbackStatus != 0);
|
||||
}
|
||||
});
|
||||
},
|
||||
handleFeedback(item) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.FeedbackDialog.init(item.orderId);
|
||||
});
|
||||
},
|
||||
handleAdd() {
|
||||
const item = {
|
||||
placeId: undefined,
|
||||
clueId: this.clueInfo.clueId,
|
||||
coachId: undefined,
|
||||
copyUserList: []
|
||||
};
|
||||
this.handleEdit(item);
|
||||
},
|
||||
handleEdit(item) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.DistributeFormDialog.init(item);
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
112
src/views/zs/clue/components/DistributeFormDialog copy.vue
Normal file
@@ -0,0 +1,112 @@
|
||||
<template>
|
||||
<el-dialog title="分发" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="600px" @close="closeDialog">
|
||||
<el-form ref="dialogForm" :model="dialogForm" :rules="rules" label-width="110px">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="场地" prop="newPlaceList">
|
||||
<span v-if="oldForm.placeNames">{{ oldForm.placeNames }}</span>
|
||||
|
||||
<el-select v-model="dialogForm.newPlaceList" filterable multiple placeholder="请选择" clearable style="width: 100%;">
|
||||
<el-option v-for="dict in placeOptions" :key="dict.placeId" :label="dict.name" :value="dict.placeId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button plain @click="(visible = false)">取消</el-button>
|
||||
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { getCluePlaceList, saveCluePlace } from '@/api/zs/clue';
|
||||
import { getAllPlaces } from '@/api/sch/place';
|
||||
|
||||
export default {
|
||||
name: 'DistributeFormDialog',
|
||||
|
||||
data () {
|
||||
return {
|
||||
visible: false,
|
||||
canSubmit: true,
|
||||
dialogForm: {},
|
||||
oldForm: {},
|
||||
rules: {
|
||||
newPlaceList: {
|
||||
required: true,
|
||||
message: '场地不能为空不能为空',
|
||||
trigger: 'blur'
|
||||
}
|
||||
},
|
||||
placeOptions: []
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init (info = undefined) {
|
||||
this.getPlaces();
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
this.resetDialogForm();
|
||||
this.$refs['dialogForm'].resetFields();
|
||||
if (info) {
|
||||
this.dialogForm.clueId = info;
|
||||
// 查询该线索的分发情况
|
||||
this.getDistributePlaces(info);
|
||||
}
|
||||
});
|
||||
},
|
||||
resetDialogForm () {
|
||||
this.dialogForm = {
|
||||
oldPlaceList: [],
|
||||
newPlaceList: [],
|
||||
placeIdList: [],
|
||||
clueId: undefined
|
||||
};
|
||||
this.oldForm = {};
|
||||
},
|
||||
closeDialog () {
|
||||
this.$emit('update:dialog.batchUpdateVisible', false);
|
||||
},
|
||||
getDistributePlaces (clueId) {
|
||||
getCluePlaceList({ clueId: clueId }).then(resp => {
|
||||
if (resp.code == 200) {
|
||||
this.oldForm = resp.data;
|
||||
this.dialogForm.oldPlaceList = this.oldForm.placeIdList;
|
||||
if (this.oldForm.placeIdList && this.oldForm.placeIdList) {
|
||||
this.placeOptions = this.placeOptions.filter(item => this.oldForm.placeIdList.indexOf(item.placeId) == -1);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
// 表单提交
|
||||
dialogFormSubmit () {
|
||||
this.$refs.dialogForm.validate((valid) => {
|
||||
if (valid) {
|
||||
this.canSubmit = false;
|
||||
this.dialogForm.placeIdList = this.dialogForm.oldPlaceList.concat(this.dialogForm.newPlaceList);
|
||||
// 校验完成,调接口
|
||||
saveCluePlace(this.dialogForm)
|
||||
.then((resp) => {
|
||||
this.canSubmit = true;
|
||||
if (resp.code == 200) {
|
||||
this.$message.success('分发成功');
|
||||
this.$emit('refreshDataList');
|
||||
this.visible = false;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.canSubmit = true;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
getPlaces () {
|
||||
getAllPlaces({ status: '0' }).then((resp) => {
|
||||
this.placeOptions = resp.data;
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -1,116 +1,145 @@
|
||||
<template>
|
||||
<el-dialog title="分发" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="600px" @close="closeDialog">
|
||||
<el-dialog title="分发" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="600px"
|
||||
@close="closeDialog" style="min-height: 400px;">
|
||||
<el-form ref="dialogForm" :model="dialogForm" :rules="rules" label-width="110px">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="场地" prop="newPlaceList">
|
||||
<span v-if="oldForm.placeNames">{{oldForm.placeNames}}</span>
|
||||
|
||||
<el-select v-model="dialogForm.newPlaceList" filterable multiple placeholder="请选择" clearable style="width: 100%;">
|
||||
<el-form-item label="场地" prop="placeId">
|
||||
<el-select v-model="dialogForm.placeId" filterable placeholder="请选择" clearable style="width: 100%;"
|
||||
@change="getCoaChes">
|
||||
<el-option v-for="dict in placeOptions" :key="dict.placeId" :label="dict.name" :value="dict.placeId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="接待人" prop="coachId">
|
||||
<el-select v-model="dialogForm.coachId" filterable placeholder="请选择" clearable style="width: 100%;">
|
||||
<el-option v-for="dict in coachOptions" :key="dict.coachId" :label="dict.coachName" :value="dict.coachId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="抄送" prop="copyUserList">
|
||||
<el-select v-model="dialogForm.copyUserList" filterable multiple placeholder="请选择" clearable
|
||||
style="width: 100%;">
|
||||
<el-option v-for="dict in coachOptions" :key="dict.coachId" :label="dict.coachName" :value="dict.coachId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button plain @click="(visible = false)">取消</el-button>
|
||||
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
|
||||
<span slot="footer" class="dialog-footer" :disabled="dialogForm.orderId">
|
||||
<el-button plain @click="closeDialog">取消</el-button>
|
||||
<el-button v-jclick type="primary" :disabled="!canSubmit"
|
||||
@click="dialogFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { getCluePlaceList, saveCluePlace } from '@/api/zs/clue';
|
||||
<script>
|
||||
import { updateFeedbackOrder, addFeedbackOrder } from '@/api/zs/feedbackOrder';
|
||||
|
||||
|
||||
import { getAllPlaces } from '@/api/sch/place';
|
||||
import { getAllCoaches } from '@/api/sch/coach';
|
||||
|
||||
export default {
|
||||
name: 'DistributeFormDialog',
|
||||
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
canSubmit: true,
|
||||
dialogForm: {},
|
||||
oldForm: {},
|
||||
rules: {
|
||||
newPlaceList: {
|
||||
required: true,
|
||||
message: '场地不能为空不能为空',
|
||||
trigger: 'blur'
|
||||
}
|
||||
dialogForm: {
|
||||
placeId: undefined,
|
||||
clueId: undefined,
|
||||
coachId: undefined,
|
||||
copyUserList: []
|
||||
},
|
||||
placeOptions: []
|
||||
rules: {
|
||||
placeId: { required: true, message: '场地不能为空', trigger: 'blur, change' },
|
||||
coachId: { required: true, message: '教练不能为空', trigger: 'blur, change' }
|
||||
},
|
||||
placeOptions: [],
|
||||
coachOptions: [],
|
||||
feedbackDetail: []
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(info = undefined) {
|
||||
this.getPlaces()
|
||||
this.getPlaces();
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
this.resetDialogForm();
|
||||
this.$refs['dialogForm'].resetFields();
|
||||
if (info) {
|
||||
|
||||
this.dialogForm.clueId = info;
|
||||
//查询该线索的分发情况
|
||||
this.getDistributePlaces(info);
|
||||
this.dialogForm = { ...info };
|
||||
if (this.dialogForm.placeId){
|
||||
this.getCoaChes(this.dialogForm.placeId);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
resetDialogForm() {
|
||||
this.dialogForm = {
|
||||
oldPlaceList: [],
|
||||
newPlaceList: [],
|
||||
placeIdList: [],
|
||||
clueId: undefined
|
||||
placeId: undefined,
|
||||
clueId: undefined,
|
||||
coachId: undefined,
|
||||
copyUserList: []
|
||||
};
|
||||
this.oldForm = {}
|
||||
this.feedbackDetail = []
|
||||
},
|
||||
closeDialog() {
|
||||
this.$emit('update:dialog.batchUpdateVisible', false);
|
||||
},
|
||||
getDistributePlaces(clueId) {
|
||||
getCluePlaceList({ clueId: clueId }).then(resp => {
|
||||
if (resp.code == 200) {
|
||||
this.oldForm = resp.data
|
||||
this.dialogForm.oldPlaceList = this.oldForm.placeIdList;
|
||||
if (this.oldForm.placeIdList && this.oldForm.placeIdList) {
|
||||
this.placeOptions = this.placeOptions.filter(item => this.oldForm.placeIdList.indexOf(item.placeId) == -1)
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
this.visible = false;
|
||||
},
|
||||
// 表单提交
|
||||
dialogFormSubmit() {
|
||||
this.$refs.dialogForm.validate((valid) => {
|
||||
if (valid) {
|
||||
this.canSubmit = false;
|
||||
this.dialogForm.placeIdList = this.dialogForm.oldPlaceList.concat(this.dialogForm.newPlaceList)
|
||||
// 校验完成,调接口
|
||||
saveCluePlace(this.dialogForm)
|
||||
.then((resp) => {
|
||||
this.canSubmit = true;
|
||||
if (resp.code == 200) {
|
||||
this.$message.success('分发成功');
|
||||
this.$emit('refreshDataList');
|
||||
this.visible = false;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.canSubmit = true;
|
||||
});
|
||||
if (this.dialogForm.orderId) {
|
||||
// 校验完成,调接口
|
||||
updateFeedbackOrder(this.dialogForm)
|
||||
.then((resp) => {
|
||||
this.canSubmit = true;
|
||||
if (resp.code == 200) {
|
||||
this.$message.success('分发成功');
|
||||
this.$emit('refreshDataList');
|
||||
this.visible = false;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.canSubmit = true;
|
||||
});
|
||||
} else {
|
||||
// 校验完成,调接口
|
||||
addFeedbackOrder(this.dialogForm)
|
||||
.then((resp) => {
|
||||
this.canSubmit = true;
|
||||
if (resp.code == 200) {
|
||||
this.$message.success('分发成功');
|
||||
this.$emit('refreshDataList');
|
||||
this.visible = false;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.canSubmit = true;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
getPlaces() {
|
||||
getAllPlaces({ status: '0' }).then((resp) => {
|
||||
this.placeOptions = resp.data;
|
||||
|
||||
});
|
||||
},
|
||||
getCoaChes(placeId) {
|
||||
console.log(placeId);
|
||||
getAllCoaches({ placeId: placeId }).then(resp => {
|
||||
if (resp.code == 200) { this.coachOptions = resp.data; }
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
</script>
|
||||
|
||||
53
src/views/zs/clue/components/FeedbackDialog.vue
Normal file
@@ -0,0 +1,53 @@
|
||||
<template>
|
||||
<el-dialog title="反馈" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="800px"
|
||||
@close="closeDialog" style="min-height: 400px;">
|
||||
<el-timeline :reverse="true">
|
||||
<el-timeline-item v-for="(item, index) in feedbackDetail" :key="index" :timestamp="item.updateTime" placement="top">
|
||||
<div v-if="item.feedbackType == 1">
|
||||
<div>是否联系:<span>{{ item.isContact ? '已联系' : '未联系' }}</span></div>
|
||||
<div>到场时间:<span>{{ item.arrivalTime }}</span></div>
|
||||
<div>备注:<span>{{ item.remark }}</span></div>
|
||||
</div>
|
||||
<div v-if="item.feedbackType == 2">
|
||||
<div>到场状态:<span v-if="item.arrivalStatus == 1">未到场</span>
|
||||
<span v-if="item.arrivalStatus == 2">到场未成交</span>
|
||||
<span v-if="item.arrivalStatus == 3">到场已成交</span>
|
||||
</div>
|
||||
<div> 备注:<span>{{ item.remark }}</span></div>
|
||||
</div>
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { listFeedbackDetail } from '@/api/zs/feedbackDetail';
|
||||
|
||||
export default {
|
||||
name: 'FeedbackDialog',
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
feedbackDetail: [],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(info = undefined) {
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
this.getFeedbackDetail(info);
|
||||
});
|
||||
},
|
||||
closeDialog() {
|
||||
this.$emit('update:dialog.batchUpdateVisible', false);
|
||||
},
|
||||
getFeedbackDetail(orderId) {
|
||||
listFeedbackDetail({ orderId: orderId }).then(resp => {
|
||||
this.feedbackDetail = resp.rows;
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
43
src/views/zs/clue/components/FollowCountDialog.vue
Normal file
@@ -0,0 +1,43 @@
|
||||
<template>
|
||||
<el-dialog title="跟进统计" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="500px" min-height="500">
|
||||
<div>
|
||||
<el-form ref="dialogForm" :model="dialogForm" label-width="110px" >
|
||||
<el-form-item label="今日跟进线索数" prop="name">
|
||||
<span>{{dialogForm.total}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item v-for="item in dialogForm.intentionCountList" :label="item.label" >
|
||||
<span>{{item.num}}</span>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { getFollowCount } from '@/api/zs/clue';
|
||||
export default {
|
||||
name: 'FollowCountDialog',
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
publicList: [],
|
||||
dialogForm:{}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
this.visible = true;
|
||||
this.getCount();
|
||||
},
|
||||
getCount() {
|
||||
this.loading = true;
|
||||
getFollowCount().then((resp) => {
|
||||
if (resp && resp.code === 200) {
|
||||
this.dialogForm = resp.data;
|
||||
this.loading = false;
|
||||
}
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
39
src/views/zs/clue/components/FollowInfoDialog.vue
Normal file
@@ -0,0 +1,39 @@
|
||||
<template>
|
||||
<el-dialog title="跟进记录" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="800px">
|
||||
<FollowRecord v-if="clueId" :clue-id="clueId" />
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import FollowRecord from '../ClueForm/components/FollowRecord.vue';
|
||||
export default {
|
||||
name: 'FollowInfoDialog',
|
||||
components: {
|
||||
FollowRecord
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
title: undefined,
|
||||
clueId: undefined
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(info = undefined) {
|
||||
this.$nextTick(() => {
|
||||
this.visible = true;
|
||||
if (info) {
|
||||
this.clueId = info;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-divider--vertical {
|
||||
height: 15em !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
117
src/views/zs/clue/components/InvitationDialog.vue
Normal file
@@ -0,0 +1,117 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="800px"
|
||||
@close="closeDialog">
|
||||
<div>
|
||||
<el-table v-loading="loading" :data="invitationRecords" border>
|
||||
<el-table-column label="操作时间" prop="createTime" width="140" />
|
||||
<el-table-column label="邀约场地" prop="placeName" width="200" />
|
||||
<el-table-column label="约定时间" prop="invitationTime" width="120" />
|
||||
<el-table-column label="备注" prop="remark" width="200" />
|
||||
<el-table-column label="操作" fixed="right" width="80">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" v-if="scope.$index == 0 && isEdit" type="text" icon="el-icon-edit"
|
||||
@click="handleEdit(scope.row)">修改</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button v-jclick type="primary" :disabled="!isAdd" @click="handleAdd()">新增</el-button>
|
||||
<el-button plain @click="closeDialog">关闭</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
<InvitationFormDialog ref="InvitationFormDialog" @refreshDataList="getInvitationRecord" />
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { getInvitationByClue } from '@/api/zs/invitation';
|
||||
import InvitationFormDialog from './InvitationFormDialog.vue';
|
||||
|
||||
export default {
|
||||
name: 'InvitationDialog',
|
||||
components: {
|
||||
InvitationFormDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
canSubmit: true,
|
||||
placeOptions: [],
|
||||
isEdit: true,
|
||||
invitationRecords: [],
|
||||
clueId: undefined,
|
||||
loading: false,
|
||||
title: undefined,
|
||||
clueInfo: undefined,
|
||||
isAdd: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(info = undefined) {
|
||||
this.visible = true;
|
||||
this.title = "邀约";
|
||||
this.isAdd = false;
|
||||
this.isEdit = true;
|
||||
this.clueInfo = undefined;
|
||||
this.$nextTick(() => {
|
||||
if (info) {
|
||||
this.clueInfo = info;
|
||||
if (info.feedbackStatus >= 2) {
|
||||
this.isEdit = false;
|
||||
}
|
||||
if (info.feedbackStatus == 0 || info.feedbackStatus == 5 || info.feedbackStatus == 6) {
|
||||
this.isAdd = true;
|
||||
}
|
||||
if (info.clueId) {
|
||||
this.clueId = info.clueId;
|
||||
this.getInvitationRecord();
|
||||
}
|
||||
this.title = this.title + '【' + (info.name == null ? '' : info.name) + ' ' + info.phone + '】';
|
||||
}
|
||||
});
|
||||
},
|
||||
closeDialog() {
|
||||
this.visible = false;
|
||||
// this.$emit('update:dialog.batchUpdateVisible', false);
|
||||
this.$emit('refreshDataList');
|
||||
},
|
||||
getInvitationRecord() {
|
||||
getInvitationByClue({ clueId: this.clueId }).then(resp => {
|
||||
if (resp.data) {
|
||||
this.invitationRecords = resp.data;
|
||||
if (this.invitationRecords && this.invitationRecords.length > 0) {
|
||||
this.dialogForm = this.invitationRecords[0];
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
handleAdd() {
|
||||
const invitation = {
|
||||
invitationId: undefined,
|
||||
clueId: this.clueInfo.clueId,
|
||||
name: this.clueInfo.name,
|
||||
phone: this.clueInfo.phone,
|
||||
address: this.clueInfo.address,
|
||||
placeId: undefined,
|
||||
invitationTime: undefined,
|
||||
remark: undefined
|
||||
};
|
||||
this.handleEdit(invitation);
|
||||
},
|
||||
handleEdit(item) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.InvitationFormDialog.init(item)
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-divider--vertical {
|
||||
height: 15em !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
162
src/views/zs/clue/components/InvitationFormDialog.vue
Normal file
@@ -0,0 +1,162 @@
|
||||
<template>
|
||||
<el-dialog title="邀约" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="500px"
|
||||
@close="closeDialog">
|
||||
<el-form ref="dialogForm" :model="dialogForm" :rules="rules" label-width="110px" :disabled="!isEdit">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="姓名" prop="name">
|
||||
<el-input v-model="dialogForm.name" placeholder="请输入姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="联系方式" prop="phone">
|
||||
<el-input v-model="dialogForm.phone" placeholder="请输入联系方式" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="场地" prop="placeId">
|
||||
<el-select v-model="dialogForm.placeId" filterable placeholder="请选择" clearable style="width: 100%;">
|
||||
<el-option v-for="dict in placeOptions" :key="dict.placeId" :label="dict.name" :value="dict.placeId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="约定时间" prop="invitationTime">
|
||||
<el-date-picker clearable v-model="dialogForm.invitationTime" type="datetime" value-format="yyyy-MM-dd HH:mm"
|
||||
format="yyyy-MM-dd HH:mm" placeholder="请选择约定时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="dialogForm.remark" type="textarea" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button plain @click="(visible = false)">取消</el-button>
|
||||
<el-button v-jclick type="primary" :disabled="!canSubmit || !isEdit" @click="dialogFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { addInvitation, updateInvitation } from '@/api/zs/invitation';
|
||||
import { getAllPlaces } from '@/api/sch/place';
|
||||
|
||||
export default {
|
||||
name: 'InvitationFormDialog',
|
||||
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
canSubmit: true,
|
||||
dialogForm: {
|
||||
invitationId: undefined,
|
||||
clueId: undefined,
|
||||
name: undefined,
|
||||
phone: undefined,
|
||||
address: undefined,
|
||||
placeId: undefined,
|
||||
invitationTime: undefined,
|
||||
remark: undefined
|
||||
},
|
||||
rules: {
|
||||
name: { required: true, message: '姓名不能为空', trigger: 'blur' },
|
||||
phone: { required: true, message: '姓名不能为空', trigger: 'blur' },
|
||||
placeId: { required: true, message: '场地不能为空', trigger: 'blur' },
|
||||
invitationTime: { required: true, message: '约定时间不能为空', trigger: 'blur' }
|
||||
|
||||
},
|
||||
placeOptions: [],
|
||||
isEdit: true,
|
||||
invitationRecords: []
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(info = undefined) {
|
||||
this.visible = true;
|
||||
this.getPlaces()
|
||||
this.$nextTick(() => {
|
||||
this.resetDialogForm();
|
||||
this.$refs['dialogForm'].resetFields();
|
||||
if (info) {
|
||||
this.dialogForm = { ...info }
|
||||
}
|
||||
});
|
||||
},
|
||||
resetDialogForm() {
|
||||
this.dialogForm = {
|
||||
invitationId: undefined,
|
||||
clueId: undefined,
|
||||
name: undefined,
|
||||
phone: undefined,
|
||||
address: undefined,
|
||||
placeId: undefined,
|
||||
invitationTime: undefined,
|
||||
remark: undefined
|
||||
};
|
||||
this.isEdit = true;
|
||||
},
|
||||
closeDialog() {
|
||||
this.$emit('update:dialog.batchUpdateVisible', false);
|
||||
},
|
||||
handleEdit(item) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.InvitationDialog.init(item)
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
dialogFormSubmit() {
|
||||
this.$refs.dialogForm.validate((valid) => {
|
||||
if (valid) {
|
||||
this.canSubmit = false;
|
||||
if (this.dialogForm.invitationId) {
|
||||
// 校验完成,调接口
|
||||
updateInvitation(this.dialogForm)
|
||||
.then((resp) => {
|
||||
this.canSubmit = true;
|
||||
if (resp.code == 200) {
|
||||
this.$message.success('修改成功');
|
||||
this.$emit('refreshDataList');
|
||||
this.visible = false;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.canSubmit = true;
|
||||
});
|
||||
} else {
|
||||
// 校验完成,调接口
|
||||
addInvitation(this.dialogForm)
|
||||
.then((resp) => {
|
||||
this.canSubmit = true;
|
||||
if (resp.code == 200) {
|
||||
this.$message.success('邀约成功');
|
||||
this.$emit('refreshDataList');
|
||||
this.visible = false;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.canSubmit = true;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
getPlaces() {
|
||||
getAllPlaces({ status: '0' }).then((resp) => {
|
||||
this.placeOptions = resp.data;
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-divider--vertical {
|
||||
height: 15em !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -7,6 +7,9 @@
|
||||
<el-form-item label="意向状态:" label-width="90px">
|
||||
<DMRadio v-model="searchForm.intentionState" :list="intentionOptions" all-text="全部" @change="$emit('search')" />
|
||||
</el-form-item>
|
||||
<el-form-item label="反馈状态:" label-width="90px">
|
||||
<DMRadio v-model="searchForm.feedbackStatus" :list="feedbackTagOptions" all-text="全部" @change="$emit('search')" />
|
||||
</el-form-item>
|
||||
<el-row>
|
||||
<el-form-item label="姓名/联系方式">
|
||||
<el-input v-model="searchForm.name" placeholder="姓名/联系方式" clearable style="width: 200px" />
|
||||
@@ -70,7 +73,15 @@ export default {
|
||||
],
|
||||
intentionOptions: [],
|
||||
createDateRange: [],
|
||||
nextDateRange: []
|
||||
nextDateRange: [],
|
||||
feedbackTagOptions: [
|
||||
{ value: 0, label: '待邀约' },
|
||||
{ value: 1, label: '待分发' },
|
||||
{ value: 2, label: '待跟进' },
|
||||
{ value: 3, label: '待到场' },
|
||||
{ value: 4, label: '未到场' },
|
||||
{ value: 5, label: '到场未成交' },
|
||||
{ value: 6, label: '到场已成交' }]
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
|
||||
70
src/views/zs/clue/components/SkillDialog.vue
Normal file
@@ -0,0 +1,70 @@
|
||||
<!--
|
||||
* @Author: riverQiu
|
||||
* @Date: 2023-10-14 13:21:37
|
||||
* @LastEditors: riverQiu
|
||||
* @LastEditTime: 2023-10-15 00:55:44
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
<el-dialog title="话术" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="700px" height="700">
|
||||
<div>
|
||||
<!-- 搜索框 -->
|
||||
<el-select v-model="skillId" placeholder="请选择关键词" filterable style="width: 90%;" @change="selectKey">
|
||||
<el-option v-for="item in keyOptions" :key="item.skillId" :label="item.skillKey" :value="item.skillId" />
|
||||
</el-select> <!-- 常用关键词 -->
|
||||
|
||||
<!-- 话术内容 -->
|
||||
<el-card class="box-card">
|
||||
|
||||
<div class="text item">
|
||||
<span v-html="content" />
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { getSkillKey, getSkill } from '@/api/system/skill';
|
||||
export default {
|
||||
name: 'SkillDialog',
|
||||
data () {
|
||||
return {
|
||||
visible: false,
|
||||
loading: true,
|
||||
keyOptions: [],
|
||||
content: undefined,
|
||||
skillId: undefined
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init () {
|
||||
this.visible = true;
|
||||
this.getSkillKeyOption();
|
||||
},
|
||||
getSkillKeyOption () {
|
||||
getSkillKey().then((resp) => {
|
||||
if (resp && resp.code === 200) {
|
||||
this.keyOptions = resp.data;
|
||||
}
|
||||
});
|
||||
},
|
||||
selectKey (item) {
|
||||
if (item) {
|
||||
getSkill(item).then((resp) => {
|
||||
if (resp && resp.code === 200) {
|
||||
this.content = resp.data.content;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.box-card {
|
||||
width: 500px;
|
||||
min-height: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="400px">
|
||||
<el-upload ref="upload" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url + '?ydtData=' + ydtData" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
|
||||
<el-upload ref="upload" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url + '?ydtData=' + ydtData+ '&dYData=' + dYData" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
|
||||
<i class="el-icon-upload" />
|
||||
<div class="el-upload__text">
|
||||
将文件拖到此处,或
|
||||
@@ -28,6 +28,7 @@ export default {
|
||||
canSubmit: true,
|
||||
isUploading: true,
|
||||
ydtData: false,
|
||||
dYData: false,
|
||||
title: '学员信息导入',
|
||||
upload: {
|
||||
// 是否禁用上传
|
||||
@@ -40,19 +41,29 @@ export default {
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(info = false) {
|
||||
init(info = {}) {
|
||||
this.visible = true;
|
||||
this.ydtData = false;
|
||||
this.ydtData = false;
|
||||
this.canSubmit = true;
|
||||
this.$nextTick(() => {
|
||||
if (info) {
|
||||
this.ydtData = info;
|
||||
this.title = '一点通-' + this.title;
|
||||
this.ydtData = info.ydtData;
|
||||
this.dYData = info.dYData;
|
||||
if(this.ydtData){
|
||||
this.title = "一点通" + this.title;
|
||||
|
||||
}
|
||||
if(this.dYData){
|
||||
this.title = "抖音" + this.title;
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 下载模板操作 */
|
||||
importTemplate() {
|
||||
this.download('zs/clue/importTemplate?ydtData=' + this.ydtData, {}, `clue_template_${new Date().getTime()}.xlsx`);
|
||||
this.download('zs/clue/importTemplate?ydtData=' + this.ydtData + '&dYData=' + this.dYData, {}, `clue_template_${new Date().getTime()}.xlsx`);
|
||||
},
|
||||
// 文件上传中处理
|
||||
handleFileUploadProgress(event, file, fileList) {
|
||||
|
||||
@@ -1,42 +1,86 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<SearchForm v-show="showSearch" ref="SearchForm" :user-options="userOptions" :source-options="sourceOptions" @search="_getTableList" />
|
||||
<SearchForm v-show="showSearch" ref="SearchForm" :user-options="userOptions" :source-options="sourceOptions"
|
||||
@search="_getTableList" />
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button v-hasPermi="['zs:clue:add']" icon="el-icon-plus" type="primary" @click="handleAddandUpdate(undefined)">新增</el-button>
|
||||
<el-button v-hasPermi="['zs:clue:import']" icon="el-icon-upload" type="warning" @click="handleImport(false)">导入</el-button>
|
||||
<el-button v-hasPermi="['zs:clue:import']" icon="el-icon-upload" type="warning" @click="handleImport(true)">一点通导入</el-button>
|
||||
<el-button v-hasPermi="['zs:clue:export']" icon="el-icon-download" type="warning" @click="handleExport">导出</el-button>
|
||||
<el-button v-hasPermi="['zs:clue:edit']" icon="el-icon-edit" type="primary" :disabled="multiple" @click="handleBatChUpdate()">批量修改</el-button>
|
||||
<el-button v-hasPermi="['zs:clue:add']" icon="el-icon-plus" type="primary"
|
||||
@click="handleAddandUpdate(undefined)">新增</el-button>
|
||||
<el-button v-hasPermi="['zs:clue:add']" icon="el-icon-plus" type="primary"
|
||||
@click="handleDYAddandUpdate(undefined)">抖音新增</el-button>
|
||||
|
||||
<el-button v-hasPermi="['zs:clue:import']" icon="el-icon-upload" type="warning"
|
||||
@click="handleImport(false, false)">导入</el-button>
|
||||
<!-- <el-button v-hasPermi="['zs:clue:import']" icon="el-icon-upload" type="warning" @click="handleImport(true, false)">一点通导入</el-button> -->
|
||||
<el-button v-hasPermi="['zs:clue:import']" icon="el-icon-upload" type="warning"
|
||||
@click="handleImport(false, true)">抖音导入</el-button>
|
||||
|
||||
<el-button v-hasPermi="['zs:clue:export']" icon="el-icon-download" type="warning"
|
||||
@click="handleExport">导出</el-button>
|
||||
<el-button v-hasPermi="['zs:clue:edit']" icon="el-icon-edit" type="primary" :disabled="multiple"
|
||||
@click="handleBatChUpdate()">批量修改</el-button>
|
||||
<el-button type="primary" @click="handlePublicClue">公海</el-button>
|
||||
<el-button type="primary" @click="handleSkill">关键话术</el-button>
|
||||
<el-button type="primary" @click="handleFollowCount">跟进统计</el-button>
|
||||
|
||||
</el-col>
|
||||
<right-toolbar :show-search.sync="showSearch" :columns="columns" @queryTable="_getTableList" />
|
||||
</el-row>
|
||||
<el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange" border @row-dblclick="handleRowClick" @cell-click="handleCellClick">
|
||||
<el-table v-loading="loading" :data="tableList" border @selection-change="handleSelectionChange"
|
||||
@row-dblclick="handleRowClick" @cell-click="handleCellClick">
|
||||
<el-table-column type="selection" width="50" align="center" />
|
||||
<template v-for="item in columns">
|
||||
<el-table-column v-if="item.visible && item.prop != 'clueMemo'" :key="item.prop" :label="item.label" align="center" :width="item.width" :prop="item.prop" :show-overflow-tooltip="item.overflow" />
|
||||
<el-table-column v-if="item.visible && item.prop == 'clueMemo'" :key="item.prop" :label="item.label" align="center" :width="item.width" :prop="item.prop" :show-overflow-tooltip="item.overflow" />
|
||||
<el-table-column v-if="item.visible && item.prop != 'clueMemo'" :key="item.prop" :label="item.label"
|
||||
align="center" :width="item.width" :prop="item.prop" :show-overflow-tooltip="item.overflow" />
|
||||
<el-table-column v-if="item.visible && item.prop == 'clueMemo'" :key="item.prop" :label="item.label"
|
||||
align="center" :width="item.width" :prop="item.prop" :show-overflow-tooltip="item.overflow" />
|
||||
</template>
|
||||
<el-table-column label="反馈状态" prop="feedbackStatus" sortable fixed="right" min-width="100">
|
||||
<template slot-scope="{ row }">
|
||||
<el-tag effect="dark" style="border: none">{{ feedbackTagColorMap[row.feedbackStatus] }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="意向状态" prop="intentionState" sortable fixed="right" min-width="100">
|
||||
<template slot-scope="{ row }">
|
||||
<el-tag effect="dark" style="border: none" :color="tagColorMap[row.intentionState]">{{ row.intentionState }}</el-tag>
|
||||
<el-tag effect="dark" style="border: none" :color="tagColorMap[row.intentionState]">{{ row.intentionState
|
||||
}}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="left" min-width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 )" v-hasPermi="['zs:clue:edit']" type="text" style="color: red;" @click.native.stop="handleAddandUpdate(scope.row)">编辑</el-button>
|
||||
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 )" v-hasPermi="['zs:clue:distribute']" type="text" @click.native.stop="handleDistribute(scope.row)">分发</el-button>
|
||||
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 ) && scope.row.state" v-hasPermi="['zs:clue:sign']" type="text" style="color: #26a69a" @click.native.stop="handleSign(scope.row)">已登记</el-button>
|
||||
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 ) && !scope.row.state" v-hasPermi="['zs:clue:sign']" type="text" @click.native.stop="handleSign(scope.row)">未登记</el-button>
|
||||
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 )" v-hasPermi="['zs:clue:remove']" type="text" @click.native.stop="handleDelete(scope.row)">删除</el-button>
|
||||
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 ) && !scope.row.state" v-hasPermi="['zs:clue:discard']" type="text" @click.native.stop="handleDiscard(scope.row)">释放</el-button>
|
||||
<!-- <el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 ) && scope.row.source == '抖音直播'" v-hasPermi="['zs:clue:edit']" type="text" style="color: red;" @click.native.stop="handleDYAddandUpdate(scope.row)">编辑</el-button> -->
|
||||
<el-button
|
||||
v-if="(admin == 'true' || (scope.row.followUser2 != undefined && scope.row.followUser2.indexOf(userId) != -1))"
|
||||
v-hasPermi="['zs:clue:edit']" type="text" style="color: red;"
|
||||
@click.native.stop="handleAddandUpdate(scope.row)">编辑</el-button>
|
||||
<el-button v-hasPermi="['zs:clue:distribute']" type="text"
|
||||
@click.native.stop="handleDistribute(scope.row)">分发</el-button>
|
||||
<el-button
|
||||
v-if="(admin == 'true' || (scope.row.followUser2 != undefined && scope.row.followUser2.indexOf(userId) != -1))"
|
||||
v-hasPermi="['zs:clue:invitation']" type="text"
|
||||
@click.native.stop="handleInvitation(scope.row)">邀约</el-button>
|
||||
<el-button
|
||||
v-if="(admin == 'true' || (scope.row.followUser2 != undefined && scope.row.followUser2.indexOf(userId) != -1)) && scope.row.state"
|
||||
v-hasPermi="['zs:clue:sign']" type="text" style="color: #26a69a"
|
||||
@click.native.stop="handleSign(scope.row)">已登记</el-button>
|
||||
<el-button
|
||||
v-if="(admin == 'true' || (scope.row.followUser2 != undefined && scope.row.followUser2.indexOf(userId) != -1)) && !scope.row.state"
|
||||
v-hasPermi="['zs:clue:sign']" type="text" @click.native.stop="handleSign(scope.row)">未登记</el-button>
|
||||
<el-button
|
||||
v-if="(admin == 'true' || (scope.row.followUser2 != undefined && scope.row.followUser2.indexOf(userId) != -1))"
|
||||
v-hasPermi="['zs:clue:remove']" type="text" @click.native.stop="handleDelete(scope.row)">删除</el-button>
|
||||
<el-button
|
||||
v-if="(admin == 'true' || (scope.row.followUser2 != undefined && scope.row.followUser2.indexOf(userId) != -1)) && !scope.row.state"
|
||||
v-hasPermi="['zs:clue:discard']" type="text" @click.native.stop="handleDiscard(scope.row)">释放</el-button>
|
||||
<el-button v-if="quickSearch == 8" type="text" @click="handleViewZhuangDan(scope.row)"> 撞单信息</el-button>
|
||||
<el-button type="text" @click="handleViewFollowInfo(scope.row)"> 跟进信息</el-button>
|
||||
|
||||
<!-- <el-button v-if="searchForm.quickSearch == 8" type="text" > 撞单信息</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize" :page-sizes="[10, 20, 30, 50, 100]" @pagination="_getTableList" />
|
||||
<pagination :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize"
|
||||
:page-sizes="[10, 20, 30, 50, 100]" @pagination="_getTableList" />
|
||||
<!-- 批量修改 -->
|
||||
<BatchUpdateDialog ref="batchUpdateDialogForm" :options="options" @refreshDataList="_getTableList" />
|
||||
<!-- 公海 -->
|
||||
@@ -46,12 +90,21 @@
|
||||
<!-- 登记弹框 -->
|
||||
<SignFormDialog ref="signDialogForm" :clue-info="clueInfo" />
|
||||
<!-- 分发 -->
|
||||
<DistributeFormDialog ref="distributeDialogForm" @refreshDataList="_getTableList" />
|
||||
<DistributeDialog ref="distributeDialog" @refreshDataList="_getTableList" />
|
||||
<!-- 撞单信息 -->
|
||||
<ZhuangDanDialog ref="zhuangDanDialog" />
|
||||
<!-- 备注编辑 -->
|
||||
<MemoFormDialog ref="memoDialog" @refreshDataList="_getTableList" />
|
||||
|
||||
<!-- 抖音直播弹框 -->
|
||||
<DYClueFormDialog ref="DYClueFormDialog" @refreshDataList="_getTableList" />
|
||||
<!-- 关键话术 -->
|
||||
<SkillDialog ref="SkillDialog" />
|
||||
<!-- 邀约弹窗 -->
|
||||
<InvitationDialog ref="InvitationDialog" @refreshDataList="_getTableList" />
|
||||
<!-- 跟进统计弹窗 -->
|
||||
<FollowCountDialog ref="FollowCountDialog" />
|
||||
<!-- 跟进记录弹框 -->
|
||||
<FollowInfoDialog ref="FollowInfoDialog" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -60,28 +113,34 @@ import SearchForm from './components/SearchForm.vue';
|
||||
import BatchUpdateDialog from './components/BatchUpdateDialog.vue';
|
||||
import PublicDialog from './components/PublicDialog.vue';
|
||||
import UploadDialog from './components/UploadDialog.vue';
|
||||
import DistributeFormDialog from './components/DistributeFormDialog.vue';
|
||||
import DistributeDialog from './components/DistributeDialog.vue';
|
||||
import SignFormDialog from '../sign/components/SignFormDialog.vue';
|
||||
import ZhuangDanDialog from './components/ZhuangDanDialog.vue';
|
||||
import MemoFormDialog from './components/MemoFormDialog.vue';
|
||||
import DYClueFormDialog from './components/DYClueFormDialog.vue';
|
||||
import SkillDialog from './components/SkillDialog.vue';
|
||||
import InvitationDialog from './components/InvitationDialog.vue';
|
||||
import FollowCountDialog from './components/FollowCountDialog.vue';
|
||||
import FollowInfoDialog from './components/FollowInfoDialog.vue';
|
||||
|
||||
import { defaultColumns } from './columns.js';
|
||||
import { getClueList, deleteClue, getClueCountBadge, discardClue, getSign, getConsultRecord } from '@/api/zs/clue';
|
||||
import empApi from '@/api/system/employee';
|
||||
export default {
|
||||
name: 'Clue',
|
||||
components: {
|
||||
SearchForm, BatchUpdateDialog, PublicDialog, UploadDialog, SignFormDialog, DistributeDialog, ZhuangDanDialog, MemoFormDialog,
|
||||
DYClueFormDialog, SkillDialog, InvitationDialog, FollowCountDialog, FollowInfoDialog
|
||||
},
|
||||
beforeRouteEnter(to, from, next) {
|
||||
if (from.name == 'ClueForm') {
|
||||
next(vm => {
|
||||
vm._getTableList()
|
||||
})
|
||||
vm._getTableList();
|
||||
});
|
||||
} else {
|
||||
next()
|
||||
next();
|
||||
}
|
||||
},
|
||||
components: {
|
||||
SearchForm, BatchUpdateDialog, PublicDialog, UploadDialog, SignFormDialog, DistributeFormDialog, ZhuangDanDialog, MemoFormDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
admin: localStorage.getItem('admin'),
|
||||
@@ -111,6 +170,15 @@ export default {
|
||||
报名他校: '#afaeb0',
|
||||
无效线索: '#afaeb0'
|
||||
},
|
||||
feedbackTagColorMap: {
|
||||
0: '待邀约',
|
||||
1: '待分发',
|
||||
2: '待跟进',
|
||||
3: '待到场',
|
||||
4: '未到场',
|
||||
5: '到场未成交',
|
||||
6: '到场已成交'
|
||||
},
|
||||
options: undefined,
|
||||
clueInfo: undefined,
|
||||
consultRecord: [],
|
||||
@@ -137,7 +205,7 @@ export default {
|
||||
_getTableList() {
|
||||
this.loading = true;
|
||||
const tempForm = this.$refs.SearchForm?.searchForm || {};
|
||||
this.quickSearch = tempForm.quickSearch
|
||||
this.quickSearch = tempForm.quickSearch;
|
||||
const params = { ...this.searchForm, ...tempForm };
|
||||
getClueList(params).then((response) => {
|
||||
this.tableList = response.rows;
|
||||
@@ -156,6 +224,17 @@ export default {
|
||||
handleAddandUpdate(info) {
|
||||
this.$router.push('/zs/clue-form/index/' + (info ? info.clueId : 0));
|
||||
},
|
||||
// 抖音新增
|
||||
handleDYAddandUpdate(info) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.DYClueFormDialog.init(info);
|
||||
});
|
||||
},
|
||||
handleSkill() {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.SkillDialog.init();
|
||||
});
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
console.log(selection);
|
||||
@@ -198,9 +277,9 @@ export default {
|
||||
.catch(function () { });
|
||||
},
|
||||
// 导入
|
||||
handleImport(ydtData) {
|
||||
handleImport(ydtData, dYData) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.uploadDialogForm.init(ydtData);
|
||||
this.$refs.uploadDialogForm.init({ ydtData: ydtData, dYData: dYData });
|
||||
});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
@@ -251,14 +330,25 @@ export default {
|
||||
this.$refs.signDialogForm.init(signInfo);
|
||||
});
|
||||
},
|
||||
//分发到场地
|
||||
// 分发到场地
|
||||
handleDistribute(item) {
|
||||
|
||||
this.$nextTick(() => {
|
||||
this.$refs.distributeDialogForm.init(item.clueId);
|
||||
});
|
||||
if (item.feedbackStatus == 0) {
|
||||
this.$confirm('该学员未邀约,确定进行分发?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then((res) => {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.distributeDialog.init(item);
|
||||
});
|
||||
});
|
||||
} else {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.distributeDialog.init(item);
|
||||
});
|
||||
}
|
||||
},
|
||||
//外呼
|
||||
// 外呼
|
||||
handlePhone(item) {
|
||||
|
||||
},
|
||||
@@ -269,18 +359,39 @@ export default {
|
||||
},
|
||||
handleRowClick(row) {
|
||||
if (this.quickSearch != 8) {
|
||||
this.handleAddandUpdate(row)
|
||||
// if(row.source == '抖音直播'){
|
||||
// this.handleDYAddandUpdate(row);
|
||||
// } else {
|
||||
this.handleAddandUpdate(row);
|
||||
// }
|
||||
}
|
||||
},
|
||||
handleCellClick(row, column, cell, event) {
|
||||
//如果点击的是备注的话 开始备注编辑框
|
||||
// 如果点击的是备注的话 开始备注编辑框
|
||||
if (column.property == 'clueMemo') {
|
||||
console.log(row, column, cell, event)
|
||||
console.log(row, column, cell, event);
|
||||
this.$nextTick(() => {
|
||||
this.$refs.memoDialog.init(row);
|
||||
});
|
||||
|
||||
}
|
||||
},
|
||||
// 邀约
|
||||
handleInvitation(item) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.InvitationDialog.init(item)
|
||||
});
|
||||
},
|
||||
// 跟进统计页面
|
||||
handleFollowCount() {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.FollowCountDialog.init()
|
||||
});
|
||||
},
|
||||
// 查看跟进记录
|
||||
handleViewFollowInfo (item) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.FollowInfoDialog.init(item.clueId);
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
138
src/views/zs/feedback/arrival.vue
Normal file
@@ -0,0 +1,138 @@
|
||||
<template>
|
||||
<div class="app-container" style="width:90%;margin:auto;">
|
||||
<!-- 添加或修改线索反馈对话框 -->
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="学员姓名">
|
||||
<span>{{ order.stuName }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系方式">
|
||||
<span>{{ order.phone }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="地址">
|
||||
<span>{{ order.address }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="邀约场地">
|
||||
<span>{{ order.placeName }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="邀约时间" v-if="order.invitationTime != undefined">
|
||||
<span>{{ order.invitationTime }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="邀约备注" prop="coachId" v-if="order.remark != undefined">
|
||||
<span>{{ order.remark }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="接待人" prop="coachId">
|
||||
<span>{{ order.coachName }}</span>
|
||||
</el-form-item>
|
||||
<el-divider></el-divider>
|
||||
<el-form-item label="到场状态" prop="arrivalStatus">
|
||||
<el-radio-group v-model="form.arrivalStatus" size="small" :disabled="!isEdit">
|
||||
<el-radio :label="1">未到场</el-radio>
|
||||
<el-radio :label="2">到场未成交</el-radio>
|
||||
<el-radio :label="3">到场已成交</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" :disabled="!isEdit" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div v-if="isEdit" style="text-align: center;">
|
||||
<div style="text-align: center;">
|
||||
<el-button type="primary" @click="submitForm">提 交</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getFeedbackDetailInfo, addFeedbackDetail, updateFeedbackDetail } from '@/api/zs/feedbackDetail';
|
||||
|
||||
import { getFeedbackOrder } from '@/api/zs/feedbackOrder';
|
||||
|
||||
export default {
|
||||
name: 'Follow',
|
||||
data () {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 表单参数
|
||||
form: {
|
||||
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
},
|
||||
order: {},
|
||||
orderId: undefined,
|
||||
type: undefined,
|
||||
isEdit: false
|
||||
};
|
||||
},
|
||||
created () {
|
||||
console.log(this.$route.query.no);
|
||||
this.type = this.$route.query.type;
|
||||
this.reset();
|
||||
this.getFeedbackOrder(this.$route.query.no);
|
||||
this.getFeedbackDetailInfo(this.$route.query.no);
|
||||
},
|
||||
methods: {
|
||||
/** 查询线索反馈表单 */
|
||||
getFeedbackOrder (orderId) {
|
||||
this.loading = true;
|
||||
getFeedbackOrder(orderId).then(response => {
|
||||
this.order = response.data;
|
||||
if (this.order.clueId) {
|
||||
this.form.clueId = this.order.clueId;
|
||||
}
|
||||
if (this.order.coachId) {
|
||||
this.form.coachId = this.order.coachId;
|
||||
}
|
||||
if (this.order.orderId) {
|
||||
this.form.orderId = this.order.orderId;
|
||||
}
|
||||
if (this.type == this.order.coachId) {
|
||||
this.isEdit = true;
|
||||
}
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 查询线索反馈表单 */
|
||||
getFeedbackDetailInfo (orderId) {
|
||||
this.loading = true;
|
||||
getFeedbackDetailInfo({ orderId: orderId, feedbackType: 2 }).then(response => {
|
||||
if (response.data) {
|
||||
this.form = response.data;
|
||||
}
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 表单重置
|
||||
reset () {
|
||||
this.form = {
|
||||
feedbackId: null,
|
||||
clueId: null,
|
||||
feedbackType: 2,
|
||||
coachId: null,
|
||||
arrivalStatus: 1,
|
||||
remark: null
|
||||
};
|
||||
this.resetForm('form');
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm () {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.feedbackId != null) {
|
||||
updateFeedbackDetail(this.form).then(response => {
|
||||
this.$modal.msgSuccess('提交成功');
|
||||
});
|
||||
} else {
|
||||
addFeedbackDetail(this.form).then(response => {
|
||||
this.$modal.msgSuccess('提交成功');
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
140
src/views/zs/feedback/follow.vue
Normal file
@@ -0,0 +1,140 @@
|
||||
<template>
|
||||
<div class="app-container" style="width:90%;margin:auto;">
|
||||
<!-- 添加或修改线索反馈对话框 -->
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="学员姓名">
|
||||
<span>{{ order.stuName }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系方式">
|
||||
<span>{{ order.phone }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="地址">
|
||||
<span>{{ order.address }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="邀约场地">
|
||||
<span>{{ order.placeName }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="邀约时间" v-if="order.invitationTime != undefined">
|
||||
<span>{{ order.invitationTime }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="邀约备注" prop="coachId" v-if="order.remark != undefined">
|
||||
<span>{{ order.remark }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="接待人" prop="coachId">
|
||||
<span>{{ order.coachName }}</span>
|
||||
</el-form-item>
|
||||
<el-divider></el-divider>
|
||||
<el-form-item label="是否联系" prop="isContact">
|
||||
<el-radio-group v-model="form.isContact" size="small" :disabled="!isEdit">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="到场时间" prop="arrivalTime">
|
||||
<el-date-picker v-model="form.arrivalTime" :disabled="!isEdit" clearable type="datetime" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" placeholder="请选择到场时间" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="form.remark" :disabled="!isEdit" type="textarea" placeholder="请输入内容" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div v-if="isEdit" style="text-align: center;">
|
||||
<div style="text-align: center;">
|
||||
<el-button type="primary" @click="submitForm">提 交</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getFeedbackDetailInfo, addFeedbackDetail, updateFeedbackDetail } from '@/api/zs/feedbackDetail';
|
||||
|
||||
import { getFeedbackOrder } from '@/api/zs/feedbackOrder';
|
||||
|
||||
export default {
|
||||
name: 'Follow',
|
||||
data () {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
},
|
||||
order: {},
|
||||
orderId: undefined,
|
||||
type: undefined,
|
||||
isEdit: false
|
||||
};
|
||||
},
|
||||
created () {
|
||||
console.log(this.$route.query.no);
|
||||
this.type = this.$route.query.type;
|
||||
this.reset();
|
||||
this.getFeedbackOrder(this.$route.query.no);
|
||||
this.getFeedbackDetailInfo(this.$route.query.no);
|
||||
},
|
||||
methods: {
|
||||
/** 查询线索反馈表单 */
|
||||
getFeedbackOrder (orderId) {
|
||||
this.loading = true;
|
||||
getFeedbackOrder(orderId).then(response => {
|
||||
this.order = response.data;
|
||||
if (this.order.clueId) {
|
||||
this.form.clueId = this.order.clueId;
|
||||
}
|
||||
if (this.order.coachId) {
|
||||
this.form.coachId = this.order.coachId;
|
||||
}
|
||||
if (this.order.orderId) {
|
||||
this.form.orderId = this.order.orderId;
|
||||
}
|
||||
if (this.type == this.order.coachId) {
|
||||
this.isEdit = true;
|
||||
}
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 查询线索反馈表单 */
|
||||
getFeedbackDetailInfo (orderId) {
|
||||
this.loading = true;
|
||||
getFeedbackDetailInfo({ orderId: orderId, feedbackType: 1 }).then(response => {
|
||||
if (response.data) {
|
||||
this.form = response.data;
|
||||
}
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 表单重置
|
||||
reset () {
|
||||
this.form = {
|
||||
feedbackId: null,
|
||||
clueId: null,
|
||||
feedbackType: 1,
|
||||
coachId: null,
|
||||
feedbackTime: null,
|
||||
isContact: 0,
|
||||
arrivalTime: null,
|
||||
remark: null
|
||||
};
|
||||
this.resetForm('form');
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm () {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.feedbackId != null) {
|
||||
updateFeedbackDetail(this.form).then(response => {
|
||||
this.$modal.msgSuccess('提交成功');
|
||||
});
|
||||
} else {
|
||||
addFeedbackDetail(this.form).then(response => {
|
||||
this.$modal.msgSuccess('提交成功');
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
253
src/views/zs/feedback/index.vue
Normal file
@@ -0,0 +1,253 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px">
|
||||
<el-form-item label="线索id" prop="clueId">
|
||||
<el-input v-model="queryParams.clueId" placeholder="请输入线索id" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="教练id" prop="coachId">
|
||||
<el-input v-model="queryParams.coachId" placeholder="请输入教练id" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="反馈时间" prop="feedbackTime">
|
||||
<el-date-picker v-model="queryParams.feedbackTime" clearable type="date" value-format="yyyy-MM-dd" placeholder="请选择反馈时间" />
|
||||
</el-form-item>
|
||||
<el-form-item label="是否联系" prop="isContact">
|
||||
<el-input v-model="queryParams.isContact" placeholder="请输入是否联系" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="到场时间" prop="arrivalTime">
|
||||
<el-date-picker v-model="queryParams.arrivalTime" clearable type="date" value-format="yyyy-MM-dd" placeholder="请选择到场时间" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button v-hasPermi="['system:feedback:add']" type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button v-hasPermi="['system:feedback:edit']" type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate">修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button v-hasPermi="['system:feedback:remove']" type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete">删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button v-hasPermi="['system:feedback:export']" type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="feedbackList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="${comment}" align="center" prop="feedbackId" />
|
||||
<el-table-column label="线索id" align="center" prop="clueId" />
|
||||
<el-table-column label="反馈类型 1 跟进反馈 2 到场负反馈" align="center" prop="feedbackType" />
|
||||
<el-table-column label="教练id" align="center" prop="coachId" />
|
||||
<el-table-column label="反馈内容" align="center" prop="content" />
|
||||
<el-table-column label="反馈时间" align="center" prop="feedbackTime" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.feedbackTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>00000000000000000000000
|
||||
</el-table-column>
|
||||
<el-table-column label="是否联系" align="center" prop="isContact" />
|
||||
<el-table-column label="到场时间" align="center" prop="arrivalTime" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.arrivalTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="到场状态" align="center" prop="arrivalStatus" />
|
||||
<el-table-column label="备注" align="center" prop="remark" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button v-hasPermi="['system:feedback:edit']" size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
|
||||
<el-button v-hasPermi="['system:feedback:remove']" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
|
||||
|
||||
<!-- 添加或修改线索反馈对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="线索id" prop="clueId">
|
||||
<el-input v-model="form.clueId" placeholder="请输入线索id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="教练id" prop="coachId">
|
||||
<el-input v-model="form.coachId" placeholder="请输入教练id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="反馈内容">
|
||||
<editor v-model="form.content" :min-height="192" />
|
||||
</el-form-item>
|
||||
<el-form-item label="反馈时间" prop="feedbackTime">
|
||||
<el-date-picker v-model="form.feedbackTime" clearable type="date" value-format="yyyy-MM-dd" placeholder="请选择反馈时间" />
|
||||
</el-form-item>
|
||||
<el-form-item label="是否联系" prop="isContact">
|
||||
<el-input v-model="form.isContact" placeholder="请输入是否联系" />
|
||||
</el-form-item>
|
||||
<el-form-item label="到场时间" prop="arrivalTime">
|
||||
<el-date-picker v-model="form.arrivalTime" clearable type="date" value-format="yyyy-MM-dd" placeholder="请选择到场时间" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listFeedback, getFeedback, delFeedback, addFeedback, updateFeedback } from '@/api/zs/feedback';
|
||||
|
||||
export default {
|
||||
name: 'Feedback',
|
||||
data () {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 线索反馈表格数据
|
||||
feedbackList: [],
|
||||
// 弹出层标题
|
||||
title: '',
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
clueId: null,
|
||||
feedbackType: null,
|
||||
coachId: null,
|
||||
content: null,
|
||||
feedbackTime: null,
|
||||
isContact: null,
|
||||
arrivalTime: null,
|
||||
arrivalStatus: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
}
|
||||
};
|
||||
},
|
||||
created () {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询线索反馈列表 */
|
||||
getList () {
|
||||
this.loading = true;
|
||||
listFeedback(this.queryParams).then(response => {
|
||||
this.feedbackList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel () {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset () {
|
||||
this.form = {
|
||||
feedbackId: null,
|
||||
clueId: null,
|
||||
feedbackType: null,
|
||||
coachId: null,
|
||||
content: null,
|
||||
feedbackTime: null,
|
||||
isContact: null,
|
||||
arrivalTime: null,
|
||||
arrivalStatus: 0,
|
||||
remark: null
|
||||
};
|
||||
this.resetForm('form');
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery () {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery () {
|
||||
this.resetForm('queryForm');
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange (selection) {
|
||||
this.ids = selection.map(item => item.feedbackId);
|
||||
this.single = selection.length !== 1;
|
||||
this.multiple = !selection.length;
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd () {
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = '添加线索反馈';
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate (row) {
|
||||
this.reset();
|
||||
const feedbackId = row.feedbackId || this.ids;
|
||||
getFeedback(feedbackId).then(response => {
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = '修改线索反馈';
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm () {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.feedbackId != null) {
|
||||
updateFeedback(this.form).then(response => {
|
||||
this.$modal.msgSuccess('修改成功');
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
addFeedback(this.form).then(response => {
|
||||
this.$modal.msgSuccess('新增成功');
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete (row) {
|
||||
const feedbackIds = row.feedbackId || this.ids;
|
||||
this.$modal.confirm('是否确认删除线索反馈编号为"' + feedbackIds + '"的数据项?').then(function () {
|
||||
return delFeedback(feedbackIds);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess('删除成功');
|
||||
}).catch(() => { });
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport () {
|
||||
this.download('system/feedback/export', {
|
||||
...this.queryParams
|
||||
}, `feedback_${new Date().getTime()}.xlsx`);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -21,14 +21,14 @@ export const defaultColumns = [{
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
prop: 'offlineReceiverName',
|
||||
label: '线下接待人员',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: false
|
||||
},
|
||||
// {
|
||||
// key: 3,
|
||||
// prop: 'offlineReceiverName',
|
||||
// label: '线下接待人员',
|
||||
// width: 140,
|
||||
// visible: true,
|
||||
// overflow: false
|
||||
// },
|
||||
{
|
||||
key: 4,
|
||||
prop: 'zhuangDanName',
|
||||
@@ -138,14 +138,15 @@ export const defaultColumns = [{
|
||||
visible: true,
|
||||
overflow: true
|
||||
},
|
||||
{
|
||||
key: 18,
|
||||
prop: 'commission',
|
||||
label: '佣金明细',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: true
|
||||
}, {
|
||||
// {
|
||||
// key: 18,
|
||||
// prop: 'commission',
|
||||
// label: '佣金明细',
|
||||
// width: 140,
|
||||
// visible: true,
|
||||
// overflow: true
|
||||
// },
|
||||
{
|
||||
key: 19,
|
||||
prop: 'memo',
|
||||
label: '备注',
|
||||
@@ -160,5 +161,13 @@ export const defaultColumns = [{
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: true
|
||||
},
|
||||
{
|
||||
key: 21,
|
||||
prop: 'settlementMoney',
|
||||
label: '结算金额',
|
||||
width: 140,
|
||||
visible: true,
|
||||
overflow: true
|
||||
}
|
||||
];
|
||||
|
||||
@@ -121,13 +121,15 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="线下接待人员" prop="offlineReceiver">
|
||||
<el-select v-model="modalForm.offlineReceiver" multiple placeholder="请选择" clearable size="small" :disabled="!modalForm.signEdit || modalForm.clueId != undefined">
|
||||
<el-option v-for="dict in userOptions" :key="dict.id" :label="dict.name" :value="dict.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="撞单人员" prop="zhuangDanList">
|
||||
<el-select v-model="modalForm.zhuangDanList" placeholder="请选择" clearable size="small">
|
||||
<el-option v-for="(dict, index) in zhuangDanOptions" :key="index" :label="dict.consultUserName" :value="dict.consultUser" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
|
||||
104
src/views/zs/sign/components/SettlementDialog.vue
Normal file
@@ -0,0 +1,104 @@
|
||||
<template>
|
||||
<!-- 结算对话框 -->
|
||||
<el-dialog v-if="visible" v-loading="signLoading" title="结算" :visible.sync="visible" width="600px" append-to-body :close-on-click-modal="false" style>
|
||||
<el-form ref="modalForm" :model="modalForm" :rules="modalRules" label-width="110px" >
|
||||
<el-row>
|
||||
|
||||
<!-- <el-col :span="24">
|
||||
<el-form-item label="学员姓名" prop="name">
|
||||
<el-input v-model="modalForm.name" :disabled="modalForm.clueId != undefined" />
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="24">
|
||||
<el-form-item label="结算金额" prop="settlementMoney">
|
||||
<el-input v-model="modalForm.settlementMoney" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<span slot="footer">
|
||||
<el-button @click="visible = false">取 消</el-button>
|
||||
<el-button type="primary" :disabled="!canSubmit" @click="handleSubmit">提 交</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { updateSign } from '@/api/zs/sign';
|
||||
import { validateMoney } from '@/utils/validate';
|
||||
|
||||
export default {
|
||||
name: 'SettlementDialog',
|
||||
data() {
|
||||
return {
|
||||
admin: localStorage.getItem('admin'),
|
||||
preUrl: process.env.VUE_APP_BASE_API,
|
||||
userId: localStorage.getItem('userId'),
|
||||
visible: false,
|
||||
signLoading: false,
|
||||
modalForm: {},
|
||||
modalRules: {
|
||||
settlementMoney: [{ required: true, message: '结算金额不为空', trigger: 'blur' },
|
||||
{ required: true, validator: validateMoney, trigger: 'blur' }]
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(info = undefined) {
|
||||
this.canSubmit = true;
|
||||
this.$nextTick(() => {
|
||||
this.resetForm('modalForm');
|
||||
if (info && info.signId) {
|
||||
this.modalForm = {... info}
|
||||
}
|
||||
this.visible = true;
|
||||
});
|
||||
},
|
||||
// 重置表单
|
||||
resetForm() {
|
||||
this.modalForm = {
|
||||
signId: undefined,
|
||||
settlementMoney: undefined,
|
||||
};
|
||||
},
|
||||
handleSubmit() {
|
||||
// 保存结算表
|
||||
this.$refs.modalForm.validate((valid) => {
|
||||
if (valid) {
|
||||
this.canSubmit = false;
|
||||
updateSign(this.modalForm).then((resp) => {
|
||||
if (resp.code == 200) {
|
||||
this.$message.success('提交成功');
|
||||
this.visible = false;
|
||||
this.$emit('refreshDataList');
|
||||
} else {
|
||||
this.canSubmit = true;
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.demo-image__item {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.image-list-item {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.el-upload--picture-card {
|
||||
width: 100px !important;
|
||||
height: 100px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -124,13 +124,6 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="线下接待人员" prop="offlineReceiver">
|
||||
<el-select v-model="modalForm.offlineReceiver" multiple placeholder="请选择" clearable size="small" :disabled="modalForm.clueId != undefined">
|
||||
<el-option v-for="dict in userOptions" :key="dict.id" :label="dict.name" :value="dict.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
@@ -141,13 +134,6 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="admin == 'true'" :span="12">
|
||||
<el-form-item label="佣金明细" prop="commission">
|
||||
<el-select v-model="modalForm.commission" placeholder="请选择" clearable size="small">
|
||||
<el-option v-for="(dict, index) in commissionOptions" :key="index" :label="dict.dictLabel" :value="dict.dictValue" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
@@ -332,7 +318,7 @@ export default {
|
||||
});
|
||||
},
|
||||
getPlaces(schoolId) {
|
||||
getAllPlaces({ schoolId: schoolId, status: '0' }).then((resp) => {
|
||||
getAllPlaces({ schoolId: schoolId, status: '0' , showInMap : true}).then((resp) => {
|
||||
this.placeOptions = resp.data;
|
||||
});
|
||||
},
|
||||
@@ -502,7 +488,7 @@ export default {
|
||||
});
|
||||
},
|
||||
handleSubmit() {
|
||||
this.$confirm('提交后将进入审核阶段,是否提交确认提交?', '警告', {
|
||||
this.$confirm('提交后将进入审核结算阶段,是否提交确认提交?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<SearchForm v-show="showSearch" ref="SearchForm" @search="_getTableList" :options="options" />
|
||||
<SearchForm v-show="showSearch" ref="SearchForm" :options="options" @search="_getTableList" />
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button type="primary" icon="el-icon-plus" v-hasPermi="['zs:sign:add']" @click="handleAddAndUpdate(undefined)">新增</el-button>
|
||||
<el-button v-if="admin == 'true'" type="warning" v-hasPermi="['zs:sign:export']" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
|
||||
<el-button v-hasPermi="['zs:sign:add']" type="primary" icon="el-icon-plus" @click="handleAddAndUpdate(undefined)">新增</el-button>
|
||||
<el-button v-if="admin == 'true'" v-hasPermi="['zs:sign:export']" type="warning" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :show-search.sync="showSearch" :columns="columns" @queryTable="_getTableList" />
|
||||
</el-row>
|
||||
@@ -15,24 +15,25 @@
|
||||
<template v-for="item in columns">
|
||||
<el-table-column v-if="item.visible && item.prop === 'state'" :key="item.prop" :label="item.label" align="center" :width="item.width" :prop="item.prop">
|
||||
<template slot-scope="{row}">
|
||||
<el-button type="success" size="mini" v-if="row.state">全款</el-button>
|
||||
<el-button type="warning" size="mini" v-else>未全款</el-button>
|
||||
<el-button v-if="row.state" type="success" size="mini">全款</el-button>
|
||||
<el-button v-else type="warning" size="mini">未全款</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-else-if="item.visible" :key="item.prop" :label="item.label" align="center" :width="item.width" :prop="item.prop" :show-overflow-tooltip="item.overflow" />
|
||||
</template>
|
||||
<el-table-column align="center" width="100" fixed="right" label="审核状态">
|
||||
<!-- <el-table-column align="center" width="100" fixed="right" label="审核状态">
|
||||
<template slot-scope="{row}">
|
||||
<el-button type="danger" size="mini" v-if="row.checkState == 1">待审核</el-button>
|
||||
<el-button type="success" size="mini" v-else-if="row.checkState == 2">已审核</el-button>
|
||||
<el-button type="warning" size="mini" v-else-if="row.checkState == 3">驳回</el-button>
|
||||
<el-button v-if="row.checkState == 1" type="danger" size="mini">待审核</el-button>
|
||||
<el-button v-else-if="row.checkState == 2" type="success" size="mini">已审核</el-button>
|
||||
<el-button v-else-if="row.checkState == 3" type="warning" size="mini">驳回</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column> -->
|
||||
<el-table-column label="操作" fixed="right" align="center" width="160">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="text" v-hasPermi="['zs:sign:edit']" v-if="scope.row.signEdit" icon="el-icon-edit" @click="handleAddAndUpdate(scope.row)">修改</el-button>
|
||||
<el-button size="mini" type="text" v-hasPermi="['zs:sign:check']" v-if="scope.row.checkState == 1 " @click="handleCheck(scope.row)">审核</el-button>
|
||||
<el-button size="mini" type="text" v-hasPermi="['zs:sign:remove']" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
|
||||
<template slot-scope="{row}">
|
||||
<el-button v-show="row.checkState == 0 || row.checkState == 3" v-hasPermi="['zs:sign:edit']" size="mini" type="text" icon="el-icon-edit" @click="handleAddAndUpdate(row)">修改</el-button>
|
||||
<!-- <el-button v-if="row.checkState == 1" v-hasPermi="['zs:sign:check']" size="mini" type="text" @click="handleCheck(row)">审核</el-button> -->
|
||||
<el-button v-if="row.checkState == 1" v-hasPermi="['zs:sign:settlement']" size="mini" type="text" @click="handleSettlement(row)">结算</el-button>
|
||||
<el-button v-hasPermi="['zs:sign:remove']" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -43,24 +44,25 @@
|
||||
<SignFormDialog v-if="dialog.signVisible" ref="signDialogForm" :dialog-visible="dialog.signVisible" @refreshDataList="_getTableList" />
|
||||
|
||||
<!-- 引入审核弹框 -->
|
||||
<CheckDialog v-if="dialog.checkVisible" ref="checkDialogForm" :dialog-visible="dialog.checkVisible" @refreshDataList="_getTableList" />
|
||||
<!-- <CheckDialog v-if="dialog.checkVisible" ref="checkDialogForm" :dialog-visible="dialog.checkVisible" @refreshDataList="_getTableList" /> -->
|
||||
|
||||
<!-- 导入对话框 -->
|
||||
<UploadDialog v-if="dialog.uploadVisible" />
|
||||
|
||||
<!-- 结算对话框 -->
|
||||
<SettlementDialog v-if="dialog.settlementVisible" ref="SettlementDialog" @refreshDataList="_getTableList"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
import { getSignList, exportData, deleteSign } from '@/api/zs/sign'
|
||||
import empApi from '@/api/system/employee'
|
||||
import CheckDialog from './components/CheckDialog'
|
||||
import SearchForm from './components/SearchForm.vue'
|
||||
import SignFormDialog from './components/SignFormDialog.vue'
|
||||
<script>
|
||||
import { getSignList, exportData, deleteSign } from '@/api/zs/sign';
|
||||
import empApi from '@/api/system/employee';
|
||||
import CheckDialog from './components/CheckDialog';
|
||||
import SearchForm from './components/SearchForm.vue';
|
||||
import SignFormDialog from './components/SignFormDialog.vue';
|
||||
import { defaultColumns } from './columns.js';
|
||||
import UploadDialog from './components/UploadDialog.vue'
|
||||
|
||||
import UploadDialog from './components/UploadDialog.vue';
|
||||
import SettlementDialog from './components/SettlementDialog.vue';
|
||||
|
||||
export default {
|
||||
name: 'Sign',
|
||||
@@ -69,6 +71,7 @@ export default {
|
||||
CheckDialog,
|
||||
SignFormDialog,
|
||||
UploadDialog,
|
||||
SettlementDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -76,7 +79,7 @@ export default {
|
||||
userId: localStorage.getItem('userId'),
|
||||
searchForm: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
pageSize: 10
|
||||
},
|
||||
loading: false,
|
||||
columns: [],
|
||||
@@ -88,19 +91,20 @@ export default {
|
||||
percentageOptions: [
|
||||
{
|
||||
value: '驾校已结算',
|
||||
label: '驾校已结算',
|
||||
label: '驾校已结算'
|
||||
},
|
||||
{
|
||||
value: '提成已发放',
|
||||
label: '提成已发放',
|
||||
},
|
||||
label: '提成已发放'
|
||||
}
|
||||
],
|
||||
areaOptions: [],
|
||||
showSearch: true,
|
||||
dialog: {
|
||||
signVisible: false,
|
||||
checkVisible: false,
|
||||
uploadVisible: false
|
||||
uploadVisible: false,
|
||||
settlementVisible: true
|
||||
},
|
||||
options: {
|
||||
userOptions: [],
|
||||
@@ -109,32 +113,32 @@ export default {
|
||||
moneyStateOptions: [],
|
||||
sourceOptions: []
|
||||
}
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
const str = localStorage.getItem(`${this.$route.name}-table-columns`);
|
||||
this.columns = str ? JSON.parse(str) : defaultColumns;
|
||||
//回款状态
|
||||
// 回款状态
|
||||
this.getDicts('dm_money_state').then((response) => {
|
||||
this.options.moneyStateOptions = response.data
|
||||
})
|
||||
//s所属区域
|
||||
this.options.moneyStateOptions = response.data;
|
||||
});
|
||||
// s所属区域
|
||||
this.getDicts('dm_area').then((response) => {
|
||||
this.options.areaOptions = response.data
|
||||
})
|
||||
//s所属区域
|
||||
this.options.areaOptions = response.data;
|
||||
});
|
||||
// s所属区域
|
||||
this.getDicts('dm_source').then((response) => {
|
||||
this.options.sourceOptions = response.data
|
||||
})
|
||||
this.getSchools()
|
||||
this._getTableList()
|
||||
this.getEmployee()
|
||||
this.options.sourceOptions = response.data;
|
||||
});
|
||||
this.getSchools();
|
||||
this._getTableList();
|
||||
this.getEmployee();
|
||||
},
|
||||
methods: {
|
||||
// 搜索
|
||||
handleQuery() {
|
||||
this.searchForm.pageNum = 1
|
||||
this._getTableList()
|
||||
this.searchForm.pageNum = 1;
|
||||
this._getTableList();
|
||||
},
|
||||
_getTableList() {
|
||||
this.loading = true;
|
||||
@@ -142,16 +146,16 @@ export default {
|
||||
const params = { ...this.searchForm, ...tempForm };
|
||||
getSignList(params).then(
|
||||
(response) => {
|
||||
this.tableDataList = response.rows
|
||||
this.total = response.total
|
||||
this.loading = false
|
||||
this.tableDataList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
}
|
||||
)
|
||||
);
|
||||
},
|
||||
getSchools() {
|
||||
empApi.pageList().then((resp) => {
|
||||
this.options.schoolOptions = resp.data
|
||||
})
|
||||
this.options.schoolOptions = resp.data;
|
||||
});
|
||||
},
|
||||
|
||||
/** 导出按钮操作 */
|
||||
@@ -159,46 +163,46 @@ export default {
|
||||
this.$confirm('是否确认导出所有成交记录项?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
type: 'warning'
|
||||
})
|
||||
.then((resp) => {
|
||||
const tempForm = this.$refs.SearchForm?.searchForm || {};
|
||||
this.download('zs/sign/export', tempForm, `登记信息_${new Date().getTime()}.xlsx`);
|
||||
})
|
||||
.catch(function () { })
|
||||
.catch(function () { });
|
||||
},
|
||||
/** 导入按钮操作 */
|
||||
handleImport() {
|
||||
this.upload.title = '成交记录导入'
|
||||
this.upload.open = true
|
||||
this.upload.title = '成交记录导入';
|
||||
this.upload.open = true;
|
||||
},
|
||||
/** 查询员工 */
|
||||
getEmployee() {
|
||||
empApi.getEmployee().then((resp) => {
|
||||
if (resp.code == 200) {
|
||||
this.options.userOptions = resp.data
|
||||
this.options.userOptions = resp.data;
|
||||
}
|
||||
})
|
||||
});
|
||||
},
|
||||
changeSort(val) {
|
||||
if (val.order) {
|
||||
this.searchForm.orderName = val.prop
|
||||
this.searchForm.orderName = val.prop;
|
||||
if (val.order == 'ascending') {
|
||||
this.searchForm.orderType = 'asc'
|
||||
this.searchForm.orderType = 'asc';
|
||||
} else {
|
||||
this.searchForm.orderType = 'desc'
|
||||
this.searchForm.orderType = 'desc';
|
||||
}
|
||||
} else {
|
||||
this.searchForm.orderName = ''
|
||||
this.searchForm.orderType = ''
|
||||
this.searchForm.orderName = '';
|
||||
this.searchForm.orderType = '';
|
||||
}
|
||||
this.getPageList()
|
||||
this.getPageList();
|
||||
},
|
||||
handleAddAndUpdate(item) {
|
||||
this.dialog.signVisible = true
|
||||
this.dialog.signVisible = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.signDialogForm.init(item)
|
||||
})
|
||||
this.$refs.signDialogForm.init(item);
|
||||
});
|
||||
},
|
||||
handleDelete(item) {
|
||||
this.$confirm(
|
||||
@@ -207,33 +211,40 @@ export default {
|
||||
{
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
type: 'warning'
|
||||
}
|
||||
)
|
||||
.then((res) => {
|
||||
deleteSign({ signId: item.signId }).then((resp) => {
|
||||
if (resp.code == 200) {
|
||||
this.$message.success('删除成功')
|
||||
this.getPageList()
|
||||
this.$message.success('删除成功');
|
||||
this.getPageList();
|
||||
} else {
|
||||
//this.$message.error("删除失败:" + resp.msg);
|
||||
// this.$message.error("删除失败:" + resp.msg);
|
||||
}
|
||||
})
|
||||
});
|
||||
})
|
||||
.catch(function () { })
|
||||
.catch(function () { });
|
||||
},
|
||||
|
||||
handleCheck(item) {
|
||||
this.dialog.checkVisible = true
|
||||
this.dialog.checkVisible = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.checkDialogForm.init(item)
|
||||
})
|
||||
this.$refs.checkDialogForm.init(item);
|
||||
});
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
//结算
|
||||
handleSettlement(item){
|
||||
this.dialog.settlementVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.SettlementDialog.init(item);
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style rel="stylesheet/scss" lang="scss">
|
||||
<style rel="stylesheet/scss" lang="scss">
|
||||
.el-table .cell {
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
|
||||
@@ -7,7 +7,7 @@ function resolve(dir) {
|
||||
|
||||
const CompressionPlugin = require('compression-webpack-plugin');
|
||||
|
||||
const name = process.env.VUE_APP_TITLE || '莳松管理系统'; // 网页标题
|
||||
const name = process.env.VUE_APP_TITLE || '开心学车管理系统'; // 网页标题
|
||||
|
||||
const port = process.env.port || process.env.npm_config_port || 80; // 端口
|
||||
|
||||
@@ -33,10 +33,18 @@ module.exports = {
|
||||
port: port,
|
||||
open: true,
|
||||
proxy: {
|
||||
[process.env.VUE_APP_BASE_API + '/driver-api']: {
|
||||
// target: `http://118.31.23.45:8888/driver-api/`,
|
||||
target: `http://localhost:8888/driver-api/`,
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
['^' + process.env.VUE_APP_BASE_API + '/driver-api']: ''
|
||||
}
|
||||
},
|
||||
// detail: https://cli.vuejs.org/config/#devserver-proxy
|
||||
[process.env.VUE_APP_BASE_API]: {
|
||||
// target: `https://xueche.ahduima.com/duima/`,
|
||||
target: `http://localhost:8086`,
|
||||
// target: `https://xueche.kxxc.top/duima/`,
|
||||
target: `http://localhost:8088`,
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
['^' + process.env.VUE_APP_BASE_API]: ''
|
||||
@@ -97,10 +105,12 @@ module.exports = {
|
||||
config
|
||||
.plugin('ScriptExtHtmlWebpackPlugin')
|
||||
.after('html')
|
||||
.use('script-ext-html-webpack-plugin', [{
|
||||
// `runtime` must same as runtimeChunk name. default is `runtime`
|
||||
inline: /runtime\..*\.js$/
|
||||
}])
|
||||
.use('script-ext-html-webpack-plugin', [
|
||||
{
|
||||
// `runtime` must same as runtimeChunk name. default is `runtime`
|
||||
inline: /runtime\..*\.js$/
|
||||
}
|
||||
])
|
||||
.end();
|
||||
config.optimization.splitChunks({
|
||||
chunks: 'all',
|
||||
|
||||