forked from qiushanhe/dm-manage-web
Compare commits
18 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
fe708bd2a8 | ||
| fd24f914f7 | |||
| 59f5885669 | |||
| f83a81c02a | |||
| 153e7e766c | |||
| 8bc6ec10c4 | |||
| 85a36e7fd9 | |||
| f727796d1f | |||
|
|
e756980625 | ||
| be38cebe38 | |||
|
|
3454ff1bd5 | ||
| 50a64770ee | |||
|
|
cf049fc1e8 | ||
|
|
00fa8e4d84 | ||
|
|
dd53612b39 | ||
| 25cd675698 | |||
| 15622a2e5a | |||
| ca533e85e3 |
@@ -1,3 +1,10 @@
|
|||||||
|
###
|
||||||
|
# @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 = 莳松管理系统
|
||||||
|
|
||||||
@@ -7,5 +14,7 @@ ENV = 'development'
|
|||||||
# 莳松管理系统/开发环境
|
# 莳松管理系统/开发环境
|
||||||
VUE_APP_BASE_API = '/dev-api'
|
VUE_APP_BASE_API = '/dev-api'
|
||||||
|
|
||||||
|
JWL_API = ''
|
||||||
|
|
||||||
# 路由懒加载
|
# 路由懒加载
|
||||||
VUE_CLI_BABEL_TRANSPILE_MODULES = true
|
VUE_CLI_BABEL_TRANSPILE_MODULES = true
|
||||||
|
|||||||
@@ -95,10 +95,10 @@
|
|||||||
<script src="/loading/index.js"></script>
|
<script src="/loading/index.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
window._AMapSecurityConfig = {
|
window._AMapSecurityConfig = {
|
||||||
securityJsCode:'420463f2f8c849ab78b9d29548aff7d3',
|
securityJsCode: 'f653df5a2c5f44ae68faaab6f6a6b8ab'
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></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>
|
<script src="https://webapi.amap.com/maps?v=1.4.15&key=713d839ff505943b0f18e6df45f3b0dc&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.Geocoder,AMap.Scale"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
35
src/api/question.js
Normal file
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
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -16,7 +16,7 @@ NProgress.configure({
|
|||||||
showSpinner: false
|
showSpinner: false
|
||||||
});
|
});
|
||||||
|
|
||||||
const whiteList = ['/login', '/auth-redirect', '/bind', '/register'];
|
const whiteList = ['/login', '/auth-redirect', '/bind', '/register', '/question'];
|
||||||
|
|
||||||
router.beforeEach((to, from, next) => {
|
router.beforeEach((to, from, next) => {
|
||||||
NProgress.start();
|
NProgress.start();
|
||||||
|
|||||||
@@ -30,170 +30,175 @@ import Layout from '@/layout';
|
|||||||
|
|
||||||
// 公共路由
|
// 公共路由
|
||||||
export const constantRoutes = [{
|
export const constantRoutes = [{
|
||||||
path: '/redirect',
|
path: '/redirect',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
hidden: true,
|
hidden: true,
|
||||||
children: [{
|
children: [{
|
||||||
path: '/redirect/:path(.*)',
|
path: '/redirect/:path(.*)',
|
||||||
component: () => import('@/views/redirect')
|
component: () => import('@/views/redirect')
|
||||||
}]
|
}]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/login',
|
path: '/login',
|
||||||
component: () => import('@/views/login'),
|
component: () => import('@/views/login'),
|
||||||
hidden: true
|
hidden: true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/register',
|
path: '/register',
|
||||||
component: () => import('@/views/register'),
|
component: () => import('@/views/register'),
|
||||||
hidden: true
|
hidden: true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/404',
|
path: '/question',
|
||||||
component: () => import('@/views/error/404'),
|
component: () => import('@/views/question'),
|
||||||
hidden: true
|
hidden: true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/401',
|
path: '/404',
|
||||||
component: () => import('@/views/error/401'),
|
component: () => import('@/views/error/404'),
|
||||||
hidden: true
|
hidden: true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '',
|
path: '/401',
|
||||||
component: Layout,
|
component: () => import('@/views/error/401'),
|
||||||
redirect: 'index',
|
hidden: true
|
||||||
children: [{
|
},
|
||||||
path: 'index',
|
{
|
||||||
component: () => import('@/views/index'),
|
path: '',
|
||||||
name: 'Index',
|
component: Layout,
|
||||||
meta: {
|
redirect: 'index',
|
||||||
title: '首页',
|
children: [{
|
||||||
icon: 'dashboard',
|
path: 'index',
|
||||||
affix: true
|
component: () => import('@/views/index'),
|
||||||
}
|
name: 'Index',
|
||||||
}]
|
meta: {
|
||||||
},
|
title: '首页',
|
||||||
// {
|
icon: 'dashboard',
|
||||||
// path: '/demo',
|
affix: true
|
||||||
// component: Layout,
|
}
|
||||||
// redirect: 'noredirect',
|
}]
|
||||||
// meta: {
|
},
|
||||||
// title: 'Demo',
|
// {
|
||||||
// icon: 'xx'
|
// path: '/demo',
|
||||||
// },
|
// component: Layout,
|
||||||
// children: [{
|
// redirect: 'noredirect',
|
||||||
// path: '/base-page',
|
// meta: {
|
||||||
// component: () => import('@/views/demo/basePage/index'),
|
// title: 'Demo',
|
||||||
// name: 'BasePage',
|
// icon: 'xx'
|
||||||
// meta: {
|
// },
|
||||||
// title: 'BasePage',
|
// children: [{
|
||||||
// icon: 'xx'
|
// path: '/base-page',
|
||||||
// }
|
// component: () => import('@/views/demo/basePage/index'),
|
||||||
// },
|
// name: 'BasePage',
|
||||||
// {
|
// meta: {
|
||||||
// path: '/base-components',
|
// title: 'BasePage',
|
||||||
// component: () => import('@/views/demo/baseComponents/index'),
|
// icon: 'xx'
|
||||||
// name: 'BaseComponents',
|
// }
|
||||||
// meta: {
|
// },
|
||||||
// title: 'BaseComponents',
|
// {
|
||||||
// icon: 'xx'
|
// path: '/base-components',
|
||||||
// }
|
// component: () => import('@/views/demo/baseComponents/index'),
|
||||||
// }
|
// name: 'BaseComponents',
|
||||||
// ]
|
// meta: {
|
||||||
// },
|
// title: 'BaseComponents',
|
||||||
{
|
// icon: 'xx'
|
||||||
path: '/user',
|
// }
|
||||||
component: Layout,
|
// }
|
||||||
hidden: true,
|
// ]
|
||||||
redirect: 'noredirect',
|
// },
|
||||||
children: [{
|
{
|
||||||
path: 'profile',
|
path: '/user',
|
||||||
component: () => import('@/views/system/user/profile/index'),
|
component: Layout,
|
||||||
name: 'Profile',
|
hidden: true,
|
||||||
meta: {
|
redirect: 'noredirect',
|
||||||
title: '个人中心',
|
children: [{
|
||||||
icon: 'user'
|
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',
|
path: '/system/user-auth',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
hidden: true,
|
hidden: true,
|
||||||
permissions: ['system:user:edit'],
|
permissions: ['system:user:edit'],
|
||||||
children: [{
|
children: [{
|
||||||
path: 'role/:userId(\\d+)',
|
path: 'role/:userId(\\d+)',
|
||||||
component: () => import('@/views/system/user/authRole'),
|
component: () => import('@/views/system/user/authRole'),
|
||||||
name: 'AuthRole',
|
name: 'AuthRole',
|
||||||
meta: {
|
meta: {
|
||||||
title: '分配角色',
|
title: '分配角色',
|
||||||
activeMenu: '/system/user'
|
activeMenu: '/system/user'
|
||||||
}
|
}
|
||||||
}]
|
}]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/system/role-auth',
|
path: '/system/role-auth',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
hidden: true,
|
hidden: true,
|
||||||
permissions: ['system:role:edit'],
|
permissions: ['system:role:edit'],
|
||||||
children: [{
|
children: [{
|
||||||
path: 'user/:roleId(\\d+)',
|
path: 'user/:roleId(\\d+)',
|
||||||
component: () => import('@/views/system/role/authUser'),
|
component: () => import('@/views/system/role/authUser'),
|
||||||
name: 'AuthUser',
|
name: 'AuthUser',
|
||||||
meta: {
|
meta: {
|
||||||
title: '分配用户',
|
title: '分配用户',
|
||||||
activeMenu: '/system/role'
|
activeMenu: '/system/role'
|
||||||
}
|
}
|
||||||
}]
|
}]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/system/dict-data',
|
path: '/system/dict-data',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
hidden: true,
|
hidden: true,
|
||||||
permissions: ['system:dict:list'],
|
permissions: ['system:dict:list'],
|
||||||
children: [{
|
children: [{
|
||||||
path: 'index/:dictId(\\d+)',
|
path: 'index/:dictId(\\d+)',
|
||||||
component: () => import('@/views/system/dict/data'),
|
component: () => import('@/views/system/dict/data'),
|
||||||
name: 'Data',
|
name: 'Data',
|
||||||
meta: {
|
meta: {
|
||||||
title: '字典数据',
|
title: '字典数据',
|
||||||
activeMenu: '/system/dict'
|
activeMenu: '/system/dict'
|
||||||
}
|
}
|
||||||
}]
|
}]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/monitor/job-log',
|
path: '/monitor/job-log',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
hidden: true,
|
hidden: true,
|
||||||
permissions: ['monitor:job:list'],
|
permissions: ['monitor:job:list'],
|
||||||
children: [{
|
children: [{
|
||||||
path: 'index',
|
path: 'index',
|
||||||
component: () => import('@/views/monitor/job/log'),
|
component: () => import('@/views/monitor/job/log'),
|
||||||
name: 'JobLog',
|
name: 'JobLog',
|
||||||
meta: {
|
meta: {
|
||||||
title: '调度日志',
|
title: '调度日志',
|
||||||
activeMenu: '/monitor/job'
|
activeMenu: '/monitor/job'
|
||||||
}
|
}
|
||||||
}]
|
}]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/zs/clue-form',
|
path: '/zs/clue-form',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
hidden: true,
|
hidden: true,
|
||||||
permissions: ['zs:clue:add', 'zs:clue:edit'],
|
permissions: ['zs:clue:add', 'zs:clue:edit'],
|
||||||
children: [{
|
children: [{
|
||||||
path: 'index/:clueId(\\d+)',
|
path: 'index/:clueId(\\d+)',
|
||||||
component: () => import('@/views/zs/clue/ClueForm'),
|
component: () => import('@/views/zs/clue/ClueForm'),
|
||||||
name: 'ClueForm',
|
name: 'ClueForm',
|
||||||
meta: {
|
meta: {
|
||||||
title: '线索详情',
|
title: '线索详情',
|
||||||
activeMenu: '/zs/clue'
|
activeMenu: '/zs/clue'
|
||||||
}
|
}
|
||||||
}]
|
}]
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
// 防止连续点击多次路由报错
|
// 防止连续点击多次路由报错
|
||||||
|
|||||||
211
src/views/question/components/QuestionAddForm.vue
Normal file
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
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
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>
|
||||||
@@ -5,12 +5,12 @@
|
|||||||
<el-input id="search" v-model="searchBody" class="search-body" placeholder="请输入..." @keyup.enter.native="submitSearch">
|
<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-button slot="append" icon="el-icon-search" @click="submitSearch" />
|
||||||
</el-input>
|
</el-input>
|
||||||
<div class="asider" :class="showSchool ? '':'hidden-school'">
|
<div class="asider" :class="showSchool ? '' : 'hidden-school'">
|
||||||
<el-card class="box-card" :body-style="{ flex: 1,'overflow-y': 'scroll', padding: 0 }">
|
<el-card class="box-card" :body-style="{ flex: 1, 'overflow-y': 'scroll', padding: 0 }">
|
||||||
<div slot="header" class="clearfix">
|
<div slot="header" class="clearfix">
|
||||||
<div class="map-card-title">驾校列表</div>
|
<div class="map-card-title">驾校列表</div>
|
||||||
</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' }">
|
<el-card :body-style="{ padding: '10px' }">
|
||||||
<div slot="header" class="clearfix">
|
<div slot="header" class="clearfix">
|
||||||
<div class="map-card-title">{{ school.schoolName }}</div>
|
<div class="map-card-title">{{ school.schoolName }}</div>
|
||||||
@@ -94,7 +94,7 @@
|
|||||||
<el-radio v-model="placeForm.recommend" :label="false">否</el-radio>
|
<el-radio v-model="placeForm.recommend" :label="false">否</el-radio>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="备注" prop="remark">
|
<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>
|
||||||
<el-form-item style="text-align:right;">
|
<el-form-item style="text-align:right;">
|
||||||
<el-button v-hasPermi="['sch:place:edit']" type="primary" @click="onSubmit">保存</el-button>
|
<el-button v-hasPermi="['sch:place:edit']" type="primary" @click="onSubmit">保存</el-button>
|
||||||
@@ -102,7 +102,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-card>
|
</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 slot="header" class="clearfix">
|
||||||
<div class="map-card-title">
|
<div class="map-card-title">
|
||||||
{{ placeListDialogTitle }}
|
{{ placeListDialogTitle }}
|
||||||
@@ -112,7 +112,7 @@
|
|||||||
<el-button icon="el-icon-full-screen" class="add-icon" @click="fullScreenPlaceList = !fullScreenPlaceList" />
|
<el-button icon="el-icon-full-screen" class="add-icon" @click="fullScreenPlaceList = !fullScreenPlaceList" />
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-tooltip content="关闭" placement="top" effect="dark">
|
<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>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
<el-table :data="placeTableData" border stripe class="place-table-list" height="100%">
|
<el-table :data="placeTableData" border stripe class="place-table-list" height="100%">
|
||||||
@@ -139,8 +139,8 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
<div v-if="isPointing || isRanging" class="map-tip" :style="{ transform: 'translate3D(' + (tipPostion.x + 15) +'px,' + (tipPostion.y - 10) + 'px, 0)' }">{{ mapHelpText }}</div>
|
<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)' }" />
|
<i v-if="isPointing" class="el-icon-s-flag circle" :style="{ transform: 'translate3D(' + tipPostion.x + 'px,' + tipPostion.y + 'px, 0)' }" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<!-- eslint-disable no-undef -->
|
<!-- eslint-disable no-undef -->
|
||||||
@@ -281,7 +281,7 @@ export default {
|
|||||||
},
|
},
|
||||||
// 导入地图
|
// 导入地图
|
||||||
importMap() {
|
importMap() {
|
||||||
const url = 'https://webapi.amap.com/maps?v=1.4.15&key=f2f35d6adc4a16bb879d303cead56237&callback=onLoad';
|
const url = 'https://webapi.amap.com/maps?v=1.4.15&key=0e62be0896c6b8d27d453445f0fb8bc4&callback=onLoad';
|
||||||
var jsapi = document.createElement('script');
|
var jsapi = document.createElement('script');
|
||||||
jsapi.charset = 'utf-8';
|
jsapi.charset = 'utf-8';
|
||||||
jsapi.src = url;
|
jsapi.src = url;
|
||||||
@@ -477,7 +477,7 @@ export default {
|
|||||||
if (item.placeId) {
|
if (item.placeId) {
|
||||||
return updatePlace(item);
|
return updatePlace(item);
|
||||||
} else {
|
} else {
|
||||||
return addPlace(item)
|
return addPlace(item);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
checkPlaceFormValidate() {
|
checkPlaceFormValidate() {
|
||||||
@@ -546,7 +546,7 @@ export default {
|
|||||||
for (let i = 0; i < this.tableData.length; i++) {
|
for (let i = 0; i < this.tableData.length; i++) {
|
||||||
const element = this.tableData[i];
|
const element = this.tableData[i];
|
||||||
const tempSchool = this.schoolList.filter((item) => item.schoolId === element.schoolId)[0];
|
const tempSchool = this.schoolList.filter((item) => item.schoolId === element.schoolId)[0];
|
||||||
if (!tempSchool.showInMap || !element.showInMap) {
|
if (!element.schoolShow || !element.showInMap) {
|
||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
const tmpMarker = new AMap.Marker({
|
const tmpMarker = new AMap.Marker({
|
||||||
@@ -739,6 +739,7 @@ export default {
|
|||||||
.actived-school {
|
.actived-school {
|
||||||
border: 2px solid #409eff !important;
|
border: 2px solid #409eff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-radio__label {
|
::v-deep .el-radio__label {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -19,11 +19,12 @@ export default {
|
|||||||
placeSearch: null,
|
placeSearch: null,
|
||||||
currentPoint: undefined,
|
currentPoint: undefined,
|
||||||
marker: null,
|
marker: null,
|
||||||
searchBody: undefined
|
searchBody: undefined,
|
||||||
}
|
geocoder: null
|
||||||
|
};
|
||||||
},
|
},
|
||||||
beforeDestroy() {
|
beforeDestroy() {
|
||||||
console.log("mapdialog----beforeDestroy")
|
console.log('mapdialog----beforeDestroy');
|
||||||
this.marker = null;
|
this.marker = null;
|
||||||
this.placeSearch = null;
|
this.placeSearch = null;
|
||||||
|
|
||||||
@@ -31,23 +32,23 @@ export default {
|
|||||||
this.dialogMap = null;
|
this.dialogMap = null;
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
console.log("mounted")
|
console.log('mounted');
|
||||||
this.initData()
|
this.initData();
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
console.log("created")
|
console.log('created');
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
initData(point = undefined) {
|
initData(point = undefined) {
|
||||||
console.log(point)
|
console.log(point);
|
||||||
this.visible = true
|
this.visible = true;
|
||||||
// this.searchBody = undefined
|
// this.searchBody = undefined
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.resetData();
|
this.resetData();
|
||||||
if (point) {
|
if (point) {
|
||||||
this.currentPoint = point;
|
this.currentPoint = point;
|
||||||
}
|
}
|
||||||
this.initMap()
|
this.initMap();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
resetData() {
|
resetData() {
|
||||||
@@ -55,10 +56,10 @@ export default {
|
|||||||
this.dialogMap && this.marker && this.dialogMap.remove(this.marker);
|
this.dialogMap && this.marker && this.dialogMap.remove(this.marker);
|
||||||
this.marker = null;
|
this.marker = null;
|
||||||
// this.placeSearch = null;
|
// this.placeSearch = null;
|
||||||
this.searchBody = null
|
this.searchBody = null;
|
||||||
},
|
},
|
||||||
initMap() {
|
initMap() {
|
||||||
console.log("初始化地图")
|
console.log('初始化地图');
|
||||||
if (!this.dialogMap) {
|
if (!this.dialogMap) {
|
||||||
this.dialogMap = new AMap.Map('dialogMap', {
|
this.dialogMap = new AMap.Map('dialogMap', {
|
||||||
zoom: 12,
|
zoom: 12,
|
||||||
@@ -78,20 +79,19 @@ export default {
|
|||||||
});
|
});
|
||||||
this.dialogMap.addControl(new AMap.Scale());
|
this.dialogMap.addControl(new AMap.Scale());
|
||||||
const auto = new AMap.Autocomplete({
|
const auto = new AMap.Autocomplete({
|
||||||
input: 'search', // 前端搜索框
|
input: 'search' // 前端搜索框
|
||||||
})
|
});
|
||||||
this.placeSearch = new AMap.PlaceSearch({
|
this.placeSearch = new AMap.PlaceSearch({
|
||||||
map: this.dialogMap,
|
map: this.dialogMap,
|
||||||
pageSize: 10, // 单页显示结果条数
|
pageSize: 10, // 单页显示结果条数
|
||||||
pageIndex: 1, // 页码
|
pageIndex: 1, // 页码
|
||||||
autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
|
autoFitView: true // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
|
||||||
})
|
});
|
||||||
AMap.event.addListener(auto, 'select', this.select)
|
AMap.event.addListener(auto, 'select', this.select);
|
||||||
this.geocoder = new AMap.Geocoder();
|
this.geocoder = new AMap.Geocoder();
|
||||||
}
|
}
|
||||||
|
|
||||||
this.initMapCenter();
|
this.initMapCenter();
|
||||||
|
|
||||||
},
|
},
|
||||||
// 初始化编辑地图的中心点
|
// 初始化编辑地图的中心点
|
||||||
initMapCenter() {
|
initMapCenter() {
|
||||||
@@ -127,7 +127,7 @@ export default {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
//定位地址
|
// 定位地址
|
||||||
regeoCode() {
|
regeoCode() {
|
||||||
this.geocoder.getAddress(
|
this.geocoder.getAddress(
|
||||||
[this.currentPoint.lng, this.currentPoint.lat],
|
[this.currentPoint.lng, this.currentPoint.lat],
|
||||||
@@ -141,11 +141,10 @@ export default {
|
|||||||
},
|
},
|
||||||
handleMapSave() {
|
handleMapSave() {
|
||||||
if (this.currentPoint.lat && this.currentPoint.lng) {
|
if (this.currentPoint.lat && this.currentPoint.lng) {
|
||||||
//通知父组件
|
// 通知父组件
|
||||||
this.$emit("handleMapDialogPoint", this.currentPoint);
|
this.$emit('handleMapDialogPoint', this.currentPoint);
|
||||||
this.visible = false;
|
this.visible = false;
|
||||||
this.$emit('update:mapDialogVisible', false);
|
this.$emit('update:mapDialogVisible', false);
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
this.$message.error('请在地图上选择位置后保存!');
|
this.$message.error('请在地图上选择位置后保存!');
|
||||||
}
|
}
|
||||||
@@ -153,8 +152,8 @@ export default {
|
|||||||
closeDialog() {
|
closeDialog() {
|
||||||
this.$emit('update:mapDialogVisible', false);
|
this.$emit('update:mapDialogVisible', false);
|
||||||
}
|
}
|
||||||
},
|
}
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
@@ -162,10 +161,11 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 400px;
|
height: 400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-body {
|
.search-body {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 90px;
|
top: 90px;
|
||||||
left: 25px;
|
left: 25px;
|
||||||
width: 350px;
|
width: 350px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -64,6 +64,16 @@
|
|||||||
<el-input v-model="clueForm.weChat" placeholder="请输入微信号" />
|
<el-input v-model="clueForm.weChat" placeholder="请输入微信号" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
<el-col :span="24" v-if="clueForm.source == '抖音直播'">
|
||||||
|
<el-form-item label="商品名称" prop="goodName">
|
||||||
|
<el-input v-model="clueForm.goodName" placeholder="请输入商品名称" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" v-if="clueForm.source == '抖音直播'">
|
||||||
|
<el-form-item label="订单实收" prop="amountReceived">
|
||||||
|
<el-input v-model="clueForm.amountReceived" placeholder="请输入订单实收" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="跟进人员" prop="followUser">
|
<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 style="width: 100%;" v-model="clueForm.followUser" multiple clearable :disabled="admin != 'true' && clueForm.clueId != undefined">
|
||||||
@@ -73,15 +83,33 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="意向状态" prop="intentionState">
|
<el-form-item label="意向状态" prop="intentionState" v-if="clueForm.source == '抖音直播'">
|
||||||
<el-select style="width: 100%;" v-model="clueForm.intentionState" placeholder="请选择" clearable>
|
<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-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" />
|
<i class="el-icon-star-on" :style="dict.cssClass" />
|
||||||
<span style="float: right; color: #8492a6; font-size: 13px">
|
<span style="float: right; color: #8492a6; font-size: 13px">
|
||||||
{{ dict.dictValue }}
|
{{ dict.dictValue }}
|
||||||
</span>
|
</span>
|
||||||
</el-option>
|
</el-option>
|
||||||
|
|
||||||
</el-select>
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="意向状态" prop="intentionState" v-else>
|
||||||
|
<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="24" v-if="clueForm.source == '抖音直播'">
|
||||||
|
<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-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
|
|||||||
@@ -108,5 +108,29 @@ export const defaultColumns = [{
|
|||||||
width: 140,
|
width: 140,
|
||||||
visible: true,
|
visible: true,
|
||||||
overflow: 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
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -157,7 +157,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<!-- eslint-disable no-undef -->
|
<!-- eslint-disable no-undef -->
|
||||||
<script>
|
<script>
|
||||||
import { getFollowRecord } from '@/api/zs/clue';
|
import { getFollowRecord } from '@/api/zs/clue';
|
||||||
import { getClassTypes } from '@/api/tool/common';
|
import { getClassTypes } from '@/api/tool/common';
|
||||||
import { inputtips, regeo, walking } from '@/api/tool/map';
|
import { inputtips, regeo, walking } from '@/api/tool/map';
|
||||||
@@ -452,7 +452,8 @@ export default {
|
|||||||
// );
|
// );
|
||||||
if (this.currentPoint.lng && this.currentPoint.lat) {
|
if (this.currentPoint.lng && this.currentPoint.lat) {
|
||||||
regeo({
|
regeo({
|
||||||
key: 'f2f35d6adc4a16bb879d303cead56237',
|
// key: 'f2f35d6adc4a16bb879d303cead56237',
|
||||||
|
key: '0e62be0896c6b8d27d453445f0fb8bc4',
|
||||||
location: this.currentPoint.lng + ',' + this.currentPoint.lat
|
location: this.currentPoint.lng + ',' + this.currentPoint.lat
|
||||||
}).then((resp) => {
|
}).then((resp) => {
|
||||||
if (resp.status === '1') {
|
if (resp.status === '1') {
|
||||||
@@ -512,7 +513,8 @@ export default {
|
|||||||
async getWalkingDistance(start, end) {
|
async getWalkingDistance(start, end) {
|
||||||
if (start && end) {
|
if (start && end) {
|
||||||
const resp = await walking({
|
const resp = await walking({
|
||||||
key: 'f2f35d6adc4a16bb879d303cead56237',
|
// key: 'f2f35d6adc4a16bb879d303cead56237',
|
||||||
|
key: '0e62be0896c6b8d27d453445f0fb8bc4',
|
||||||
origin: start[0] + ',' + start[1],
|
origin: start[0] + ',' + start[1],
|
||||||
destination: end[0] + ',' + end[1]
|
destination: end[0] + ',' + end[1]
|
||||||
});
|
});
|
||||||
@@ -554,7 +556,8 @@ export default {
|
|||||||
async querySearch(queryString, cb) {
|
async querySearch(queryString, cb) {
|
||||||
if (queryString) {
|
if (queryString) {
|
||||||
const resp = await inputtips({
|
const resp = await inputtips({
|
||||||
key: 'f2f35d6adc4a16bb879d303cead56237',
|
// key: 'f2f35d6adc4a16bb879d303cead56237',
|
||||||
|
key: '0e62be0896c6b8d27d453445f0fb8bc4',
|
||||||
keywords: queryString
|
keywords: queryString
|
||||||
});
|
});
|
||||||
cb(resp.tips);
|
cb(resp.tips);
|
||||||
@@ -577,9 +580,9 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.amap-cavans {
|
.amap-cavans {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 600px;
|
height: 600px;
|
||||||
@@ -589,6 +592,7 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 400px;
|
height: 400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address {
|
.address {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 30px;
|
left: 30px;
|
||||||
@@ -596,6 +600,7 @@ export default {
|
|||||||
width: 400px;
|
width: 400px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-card {
|
.box-card {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 30px;
|
right: 30px;
|
||||||
@@ -613,14 +618,17 @@ export default {
|
|||||||
.el-divider--horizontal {
|
.el-divider--horizontal {
|
||||||
margin: 6px 0;
|
margin: 6px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.addr {
|
.addr {
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
@@ -630,6 +638,5 @@ li {
|
|||||||
.highlighted .addr {
|
.highlighted .addr {
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
}
|
}
|
||||||
}
|
}</style>
|
||||||
</style>
|
|
||||||
|
|
||||||
|
|||||||
257
src/views/zs/clue/components/DYClueFormDialog.vue
Normal file
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>
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog :title="title" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="400px">
|
<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" />
|
<i class="el-icon-upload" />
|
||||||
<div class="el-upload__text">
|
<div class="el-upload__text">
|
||||||
将文件拖到此处,或
|
将文件拖到此处,或
|
||||||
@@ -28,6 +28,7 @@ export default {
|
|||||||
canSubmit: true,
|
canSubmit: true,
|
||||||
isUploading: true,
|
isUploading: true,
|
||||||
ydtData: false,
|
ydtData: false,
|
||||||
|
dYData: false,
|
||||||
title: '学员信息导入',
|
title: '学员信息导入',
|
||||||
upload: {
|
upload: {
|
||||||
// 是否禁用上传
|
// 是否禁用上传
|
||||||
@@ -40,19 +41,30 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
init(info = false) {
|
init(info = {}) {
|
||||||
this.visible = true;
|
this.visible = true;
|
||||||
this.ydtData = false;
|
this.ydtData = false;
|
||||||
|
this.ydtData = false;
|
||||||
|
this.canSubmit = true;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
if (info) {
|
if (info) {
|
||||||
this.ydtData = info;
|
this.ydtData = info.ydtData;
|
||||||
this.title = '一点通-' + this.title;
|
this.dYData = info.dYData;
|
||||||
|
if(this.ydtData){
|
||||||
|
this.title = "一点通" + this.title;
|
||||||
|
|
||||||
|
}
|
||||||
|
if(this.dYData){
|
||||||
|
this.title = "抖音" + this.title;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
/** 下载模板操作 */
|
/** 下载模板操作 */
|
||||||
importTemplate() {
|
importTemplate() {
|
||||||
this.download('zs/clue/importTemplate?ydtData=' + this.ydtData, {}, `clue_template_${new Date().getTime()}.xlsx`);
|
debugger
|
||||||
|
this.download('zs/clue/importTemplate?ydtData=' + this.ydtData + '&dYData=' + this.dYData, {}, `clue_template_${new Date().getTime()}.xlsx`);
|
||||||
},
|
},
|
||||||
// 文件上传中处理
|
// 文件上传中处理
|
||||||
handleFileUploadProgress(event, file, fileList) {
|
handleFileUploadProgress(event, file, fileList) {
|
||||||
|
|||||||
@@ -4,8 +4,12 @@
|
|||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<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: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: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(true)">一点通导入</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: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: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="handlePublicClue">公海</el-button>
|
||||||
@@ -25,6 +29,7 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" fixed="right" align="left" min-width="200">
|
<el-table-column label="操作" fixed="right" align="left" min-width="200">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
|
<!-- <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.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: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 )" 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" style="color: #26a69a" @click.native.stop="handleSign(scope.row)">已登记</el-button>
|
||||||
@@ -51,6 +56,8 @@
|
|||||||
<ZhuangDanDialog ref="zhuangDanDialog" />
|
<ZhuangDanDialog ref="zhuangDanDialog" />
|
||||||
<!-- 备注编辑 -->
|
<!-- 备注编辑 -->
|
||||||
<MemoFormDialog ref="memoDialog" @refreshDataList="_getTableList" />
|
<MemoFormDialog ref="memoDialog" @refreshDataList="_getTableList" />
|
||||||
|
<!-- 抖音直播弹框 -->
|
||||||
|
<DYClueFormDialog ref="DYClueFormDialog" @refreshDataList="_getTableList"/>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -64,6 +71,7 @@ import DistributeFormDialog from './components/DistributeFormDialog.vue';
|
|||||||
import SignFormDialog from '../sign/components/SignFormDialog.vue';
|
import SignFormDialog from '../sign/components/SignFormDialog.vue';
|
||||||
import ZhuangDanDialog from './components/ZhuangDanDialog.vue';
|
import ZhuangDanDialog from './components/ZhuangDanDialog.vue';
|
||||||
import MemoFormDialog from './components/MemoFormDialog.vue';
|
import MemoFormDialog from './components/MemoFormDialog.vue';
|
||||||
|
import DYClueFormDialog from './components/DYClueFormDialog.vue';
|
||||||
|
|
||||||
import { defaultColumns } from './columns.js';
|
import { defaultColumns } from './columns.js';
|
||||||
import { getClueList, deleteClue, getClueCountBadge, discardClue, getSign, getConsultRecord } from '@/api/zs/clue';
|
import { getClueList, deleteClue, getClueCountBadge, discardClue, getSign, getConsultRecord } from '@/api/zs/clue';
|
||||||
@@ -80,7 +88,8 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
SearchForm, BatchUpdateDialog, PublicDialog, UploadDialog, SignFormDialog, DistributeFormDialog, ZhuangDanDialog, MemoFormDialog
|
SearchForm, BatchUpdateDialog, PublicDialog, UploadDialog, SignFormDialog, DistributeFormDialog, ZhuangDanDialog, MemoFormDialog,
|
||||||
|
DYClueFormDialog
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -156,6 +165,12 @@ export default {
|
|||||||
handleAddandUpdate(info) {
|
handleAddandUpdate(info) {
|
||||||
this.$router.push('/zs/clue-form/index/' + (info ? info.clueId : 0));
|
this.$router.push('/zs/clue-form/index/' + (info ? info.clueId : 0));
|
||||||
},
|
},
|
||||||
|
//抖音新增
|
||||||
|
handleDYAddandUpdate(info){
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.DYClueFormDialog.init(info);
|
||||||
|
});
|
||||||
|
},
|
||||||
// 多选框选中数据
|
// 多选框选中数据
|
||||||
handleSelectionChange(selection) {
|
handleSelectionChange(selection) {
|
||||||
console.log(selection);
|
console.log(selection);
|
||||||
@@ -198,9 +213,9 @@ export default {
|
|||||||
.catch(function () { });
|
.catch(function () { });
|
||||||
},
|
},
|
||||||
// 导入
|
// 导入
|
||||||
handleImport(ydtData) {
|
handleImport(ydtData, dYData) {
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.uploadDialogForm.init(ydtData);
|
this.$refs.uploadDialogForm.init({ydtData: ydtData, dYData: dYData});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
@@ -269,7 +284,11 @@ export default {
|
|||||||
},
|
},
|
||||||
handleRowClick(row) {
|
handleRowClick(row) {
|
||||||
if (this.quickSearch != 8) {
|
if (this.quickSearch != 8) {
|
||||||
this.handleAddandUpdate(row)
|
// if(row.source == '抖音直播'){
|
||||||
|
// this.handleDYAddandUpdate(row);
|
||||||
|
// } else {
|
||||||
|
this.handleAddandUpdate(row)
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleCellClick(row, column, cell, event) {
|
handleCellClick(row, column, cell, event) {
|
||||||
|
|||||||
@@ -332,7 +332,7 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
getPlaces(schoolId) {
|
getPlaces(schoolId) {
|
||||||
getAllPlaces({ schoolId: schoolId, status: '0' }).then((resp) => {
|
getAllPlaces({ schoolId: schoolId, status: '0' , showInMap : true}).then((resp) => {
|
||||||
this.placeOptions = resp.data;
|
this.placeOptions = resp.data;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<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-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<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-hasPermi="['zs:sign:add']" type="primary" icon="el-icon-plus" @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-if="admin == 'true'" v-hasPermi="['zs:sign:export']" type="warning" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<right-toolbar :show-search.sync="showSearch" :columns="columns" @queryTable="_getTableList" />
|
<right-toolbar :show-search.sync="showSearch" :columns="columns" @queryTable="_getTableList" />
|
||||||
</el-row>
|
</el-row>
|
||||||
@@ -15,24 +15,24 @@
|
|||||||
<template v-for="item in columns">
|
<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">
|
<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}">
|
<template slot-scope="{row}">
|
||||||
<el-button type="success" size="mini" v-if="row.state">全款</el-button>
|
<el-button v-if="row.state" type="success" size="mini">全款</el-button>
|
||||||
<el-button type="warning" size="mini" v-else>未全款</el-button>
|
<el-button v-else type="warning" size="mini">未全款</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</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" />
|
<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>
|
</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}">
|
<template slot-scope="{row}">
|
||||||
<el-button type="danger" size="mini" v-if="row.checkState == 1">待审核</el-button>
|
<el-button v-if="row.checkState == 1" type="danger" size="mini">待审核</el-button>
|
||||||
<el-button type="success" size="mini" v-else-if="row.checkState == 2">已审核</el-button>
|
<el-button v-else-if="row.checkState == 2" type="success" size="mini">已审核</el-button>
|
||||||
<el-button type="warning" size="mini" v-else-if="row.checkState == 3">驳回</el-button>
|
<el-button v-else-if="row.checkState == 3" type="warning" size="mini">驳回</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" fixed="right" align="center" width="160">
|
<el-table-column label="操作" fixed="right" align="center" width="160">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="{row}">
|
||||||
<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 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 size="mini" type="text" v-hasPermi="['zs:sign:check']" v-if="scope.row.checkState == 1 " @click="handleCheck(scope.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 size="mini" type="text" v-hasPermi="['zs:sign:remove']" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
|
<el-button v-hasPermi="['zs:sign:remove']" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(row)">删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
@@ -49,18 +49,15 @@
|
|||||||
<UploadDialog v-if="dialog.uploadVisible" />
|
<UploadDialog v-if="dialog.uploadVisible" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</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'
|
|
||||||
import { defaultColumns } from './columns.js';
|
|
||||||
import UploadDialog from './components/UploadDialog.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';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Sign',
|
name: 'Sign',
|
||||||
@@ -68,7 +65,7 @@ export default {
|
|||||||
SearchForm,
|
SearchForm,
|
||||||
CheckDialog,
|
CheckDialog,
|
||||||
SignFormDialog,
|
SignFormDialog,
|
||||||
UploadDialog,
|
UploadDialog
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -76,7 +73,7 @@ export default {
|
|||||||
userId: localStorage.getItem('userId'),
|
userId: localStorage.getItem('userId'),
|
||||||
searchForm: {
|
searchForm: {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10
|
||||||
},
|
},
|
||||||
loading: false,
|
loading: false,
|
||||||
columns: [],
|
columns: [],
|
||||||
@@ -88,12 +85,12 @@ export default {
|
|||||||
percentageOptions: [
|
percentageOptions: [
|
||||||
{
|
{
|
||||||
value: '驾校已结算',
|
value: '驾校已结算',
|
||||||
label: '驾校已结算',
|
label: '驾校已结算'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: '提成已发放',
|
value: '提成已发放',
|
||||||
label: '提成已发放',
|
label: '提成已发放'
|
||||||
},
|
}
|
||||||
],
|
],
|
||||||
areaOptions: [],
|
areaOptions: [],
|
||||||
showSearch: true,
|
showSearch: true,
|
||||||
@@ -109,32 +106,32 @@ export default {
|
|||||||
moneyStateOptions: [],
|
moneyStateOptions: [],
|
||||||
sourceOptions: []
|
sourceOptions: []
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
const str = localStorage.getItem(`${this.$route.name}-table-columns`);
|
const str = localStorage.getItem(`${this.$route.name}-table-columns`);
|
||||||
this.columns = str ? JSON.parse(str) : defaultColumns;
|
this.columns = str ? JSON.parse(str) : defaultColumns;
|
||||||
//回款状态
|
// 回款状态
|
||||||
this.getDicts('dm_money_state').then((response) => {
|
this.getDicts('dm_money_state').then((response) => {
|
||||||
this.options.moneyStateOptions = response.data
|
this.options.moneyStateOptions = response.data;
|
||||||
})
|
});
|
||||||
//s所属区域
|
// s所属区域
|
||||||
this.getDicts('dm_area').then((response) => {
|
this.getDicts('dm_area').then((response) => {
|
||||||
this.options.areaOptions = response.data
|
this.options.areaOptions = response.data;
|
||||||
})
|
});
|
||||||
//s所属区域
|
// s所属区域
|
||||||
this.getDicts('dm_source').then((response) => {
|
this.getDicts('dm_source').then((response) => {
|
||||||
this.options.sourceOptions = response.data
|
this.options.sourceOptions = response.data;
|
||||||
})
|
});
|
||||||
this.getSchools()
|
this.getSchools();
|
||||||
this._getTableList()
|
this._getTableList();
|
||||||
this.getEmployee()
|
this.getEmployee();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 搜索
|
// 搜索
|
||||||
handleQuery() {
|
handleQuery() {
|
||||||
this.searchForm.pageNum = 1
|
this.searchForm.pageNum = 1;
|
||||||
this._getTableList()
|
this._getTableList();
|
||||||
},
|
},
|
||||||
_getTableList() {
|
_getTableList() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
@@ -142,16 +139,16 @@ export default {
|
|||||||
const params = { ...this.searchForm, ...tempForm };
|
const params = { ...this.searchForm, ...tempForm };
|
||||||
getSignList(params).then(
|
getSignList(params).then(
|
||||||
(response) => {
|
(response) => {
|
||||||
this.tableDataList = response.rows
|
this.tableDataList = response.rows;
|
||||||
this.total = response.total
|
this.total = response.total;
|
||||||
this.loading = false
|
this.loading = false;
|
||||||
}
|
}
|
||||||
)
|
);
|
||||||
},
|
},
|
||||||
getSchools() {
|
getSchools() {
|
||||||
empApi.pageList().then((resp) => {
|
empApi.pageList().then((resp) => {
|
||||||
this.options.schoolOptions = resp.data
|
this.options.schoolOptions = resp.data;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
@@ -159,46 +156,46 @@ export default {
|
|||||||
this.$confirm('是否确认导出所有成交记录项?', '警告', {
|
this.$confirm('是否确认导出所有成交记录项?', '警告', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: '取消',
|
||||||
type: 'warning',
|
type: 'warning'
|
||||||
})
|
})
|
||||||
.then((resp) => {
|
.then((resp) => {
|
||||||
const tempForm = this.$refs.SearchForm?.searchForm || {};
|
const tempForm = this.$refs.SearchForm?.searchForm || {};
|
||||||
this.download('zs/sign/export', tempForm, `登记信息_${new Date().getTime()}.xlsx`);
|
this.download('zs/sign/export', tempForm, `登记信息_${new Date().getTime()}.xlsx`);
|
||||||
})
|
})
|
||||||
.catch(function () { })
|
.catch(function () { });
|
||||||
},
|
},
|
||||||
/** 导入按钮操作 */
|
/** 导入按钮操作 */
|
||||||
handleImport() {
|
handleImport() {
|
||||||
this.upload.title = '成交记录导入'
|
this.upload.title = '成交记录导入';
|
||||||
this.upload.open = true
|
this.upload.open = true;
|
||||||
},
|
},
|
||||||
/** 查询员工 */
|
/** 查询员工 */
|
||||||
getEmployee() {
|
getEmployee() {
|
||||||
empApi.getEmployee().then((resp) => {
|
empApi.getEmployee().then((resp) => {
|
||||||
if (resp.code == 200) {
|
if (resp.code == 200) {
|
||||||
this.options.userOptions = resp.data
|
this.options.userOptions = resp.data;
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
changeSort(val) {
|
changeSort(val) {
|
||||||
if (val.order) {
|
if (val.order) {
|
||||||
this.searchForm.orderName = val.prop
|
this.searchForm.orderName = val.prop;
|
||||||
if (val.order == 'ascending') {
|
if (val.order == 'ascending') {
|
||||||
this.searchForm.orderType = 'asc'
|
this.searchForm.orderType = 'asc';
|
||||||
} else {
|
} else {
|
||||||
this.searchForm.orderType = 'desc'
|
this.searchForm.orderType = 'desc';
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.searchForm.orderName = ''
|
this.searchForm.orderName = '';
|
||||||
this.searchForm.orderType = ''
|
this.searchForm.orderType = '';
|
||||||
}
|
}
|
||||||
this.getPageList()
|
this.getPageList();
|
||||||
},
|
},
|
||||||
handleAddAndUpdate(item) {
|
handleAddAndUpdate(item) {
|
||||||
this.dialog.signVisible = true
|
this.dialog.signVisible = true;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.signDialogForm.init(item)
|
this.$refs.signDialogForm.init(item);
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
handleDelete(item) {
|
handleDelete(item) {
|
||||||
this.$confirm(
|
this.$confirm(
|
||||||
@@ -207,33 +204,33 @@ export default {
|
|||||||
{
|
{
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: '取消',
|
||||||
type: 'warning',
|
type: 'warning'
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
deleteSign({ signId: item.signId }).then((resp) => {
|
deleteSign({ signId: item.signId }).then((resp) => {
|
||||||
if (resp.code == 200) {
|
if (resp.code == 200) {
|
||||||
this.$message.success('删除成功')
|
this.$message.success('删除成功');
|
||||||
this.getPageList()
|
this.getPageList();
|
||||||
} else {
|
} else {
|
||||||
//this.$message.error("删除失败:" + resp.msg);
|
// this.$message.error("删除失败:" + resp.msg);
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
})
|
})
|
||||||
.catch(function () { })
|
.catch(function () { });
|
||||||
},
|
},
|
||||||
|
|
||||||
handleCheck(item) {
|
handleCheck(item) {
|
||||||
this.dialog.checkVisible = true
|
this.dialog.checkVisible = true;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.checkDialogForm.init(item)
|
this.$refs.checkDialogForm.init(item);
|
||||||
})
|
});
|
||||||
},
|
}
|
||||||
},
|
}
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style rel="stylesheet/scss" lang="scss">
|
<style rel="stylesheet/scss" lang="scss">
|
||||||
.el-table .cell {
|
.el-table .cell {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -256,4 +253,4 @@ export default {
|
|||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -33,6 +33,14 @@ module.exports = {
|
|||||||
port: port,
|
port: port,
|
||||||
open: true,
|
open: true,
|
||||||
proxy: {
|
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
|
// detail: https://cli.vuejs.org/config/#devserver-proxy
|
||||||
[process.env.VUE_APP_BASE_API]: {
|
[process.env.VUE_APP_BASE_API]: {
|
||||||
// target: `https://xueche.ahduima.com/duima/`,
|
// target: `https://xueche.ahduima.com/duima/`,
|
||||||
@@ -97,10 +105,12 @@ module.exports = {
|
|||||||
config
|
config
|
||||||
.plugin('ScriptExtHtmlWebpackPlugin')
|
.plugin('ScriptExtHtmlWebpackPlugin')
|
||||||
.after('html')
|
.after('html')
|
||||||
.use('script-ext-html-webpack-plugin', [{
|
.use('script-ext-html-webpack-plugin', [
|
||||||
// `runtime` must same as runtimeChunk name. default is `runtime`
|
{
|
||||||
inline: /runtime\..*\.js$/
|
// `runtime` must same as runtimeChunk name. default is `runtime`
|
||||||
}])
|
inline: /runtime\..*\.js$/
|
||||||
|
}
|
||||||
|
])
|
||||||
.end();
|
.end();
|
||||||
config.optimization.splitChunks({
|
config.optimization.splitChunks({
|
||||||
chunks: 'all',
|
chunks: 'all',
|
||||||
|
|||||||
Reference in New Issue
Block a user