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 = 莳松管理系统
|
||||
|
||||
@@ -7,5 +14,7 @@ ENV = 'development'
|
||||
# 莳松管理系统/开发环境
|
||||
VUE_APP_BASE_API = '/dev-api'
|
||||
|
||||
JWL_API = ''
|
||||
|
||||
# 路由懒加载
|
||||
VUE_CLI_BABEL_TRANSPILE_MODULES = true
|
||||
|
||||
@@ -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: 'f653df5a2c5f44ae68faaab6f6a6b8ab'
|
||||
};
|
||||
</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=713d839ff505943b0f18e6df45f3b0dc&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.Geocoder,AMap.Scale"></script>
|
||||
</body>
|
||||
</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
|
||||
});
|
||||
|
||||
const whiteList = ['/login', '/auth-redirect', '/bind', '/register'];
|
||||
const whiteList = ['/login', '/auth-redirect', '/bind', '/register', '/question'];
|
||||
|
||||
router.beforeEach((to, from, next) => {
|
||||
NProgress.start();
|
||||
|
||||
@@ -37,28 +37,33 @@ export const constantRoutes = [{
|
||||
path: '/redirect/:path(.*)',
|
||||
component: () => import('@/views/redirect')
|
||||
}]
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '/login',
|
||||
component: () => import('@/views/login'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '/register',
|
||||
component: () => import('@/views/register'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '/question',
|
||||
component: () => import('@/views/question'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/404',
|
||||
component: () => import('@/views/error/404'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '/401',
|
||||
component: () => import('@/views/error/401'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '',
|
||||
component: Layout,
|
||||
redirect: 'index',
|
||||
@@ -72,36 +77,36 @@ export const constantRoutes = [{
|
||||
affix: true
|
||||
}
|
||||
}]
|
||||
},
|
||||
// {
|
||||
// path: '/demo',
|
||||
// component: Layout,
|
||||
// redirect: 'noredirect',
|
||||
// meta: {
|
||||
// title: 'Demo',
|
||||
// icon: 'xx'
|
||||
// },
|
||||
// children: [{
|
||||
// path: '/base-page',
|
||||
// component: () => import('@/views/demo/basePage/index'),
|
||||
// name: 'BasePage',
|
||||
// meta: {
|
||||
// title: 'BasePage',
|
||||
// icon: 'xx'
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// path: '/base-components',
|
||||
// component: () => import('@/views/demo/baseComponents/index'),
|
||||
// name: 'BaseComponents',
|
||||
// meta: {
|
||||
// title: 'BaseComponents',
|
||||
// icon: 'xx'
|
||||
// }
|
||||
// }
|
||||
// ]
|
||||
// },
|
||||
{
|
||||
},
|
||||
// {
|
||||
// path: '/demo',
|
||||
// component: Layout,
|
||||
// redirect: 'noredirect',
|
||||
// meta: {
|
||||
// title: 'Demo',
|
||||
// icon: 'xx'
|
||||
// },
|
||||
// children: [{
|
||||
// path: '/base-page',
|
||||
// component: () => import('@/views/demo/basePage/index'),
|
||||
// name: 'BasePage',
|
||||
// meta: {
|
||||
// title: 'BasePage',
|
||||
// icon: 'xx'
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// path: '/base-components',
|
||||
// component: () => import('@/views/demo/baseComponents/index'),
|
||||
// name: 'BaseComponents',
|
||||
// meta: {
|
||||
// title: 'BaseComponents',
|
||||
// icon: 'xx'
|
||||
// }
|
||||
// }
|
||||
// ]
|
||||
// },
|
||||
{
|
||||
path: '/user',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
@@ -115,7 +120,7 @@ export const constantRoutes = [{
|
||||
icon: 'user'
|
||||
}
|
||||
}]
|
||||
}
|
||||
}
|
||||
];
|
||||
|
||||
// 动态路由，基于用户权限动态去加载
|
||||
@@ -133,8 +138,8 @@ export const dynamicRoutes = [{
|
||||
activeMenu: '/system/user'
|
||||
}
|
||||
}]
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '/system/role-auth',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
@@ -148,8 +153,8 @@ export const dynamicRoutes = [{
|
||||
activeMenu: '/system/role'
|
||||
}
|
||||
}]
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '/system/dict-data',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
@@ -163,8 +168,8 @@ export const dynamicRoutes = [{
|
||||
activeMenu: '/system/dict'
|
||||
}
|
||||
}]
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '/monitor/job-log',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
@@ -178,8 +183,8 @@ export const dynamicRoutes = [{
|
||||
activeMenu: '/monitor/job'
|
||||
}
|
||||
}]
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '/zs/clue-form',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
@@ -193,7 +198,7 @@ export const dynamicRoutes = [{
|
||||
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-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,8 +139,8 @@
|
||||
</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 -->
|
||||
@@ -281,7 +281,7 @@ export default {
|
||||
},
|
||||
// 导入地图
|
||||
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');
|
||||
jsapi.charset = 'utf-8';
|
||||
jsapi.src = url;
|
||||
@@ -477,7 +477,7 @@ export default {
|
||||
if (item.placeId) {
|
||||
return updatePlace(item);
|
||||
} else {
|
||||
return addPlace(item)
|
||||
return addPlace(item);
|
||||
}
|
||||
},
|
||||
checkPlaceFormValidate() {
|
||||
@@ -546,7 +546,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 +739,7 @@ export default {
|
||||
.actived-school {
|
||||
border: 2px solid #409eff !important;
|
||||
}
|
||||
|
||||
::v-deep .el-radio__label {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@@ -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,10 +56,10 @@ 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,
|
||||
@@ -78,20 +79,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 +127,7 @@ export default {
|
||||
}
|
||||
});
|
||||
},
|
||||
//定位地址
|
||||
// 定位地址
|
||||
regeoCode() {
|
||||
this.geocoder.getAddress(
|
||||
[this.currentPoint.lng, this.currentPoint.lat],
|
||||
@@ -141,11 +141,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 +152,8 @@ export default {
|
||||
closeDialog() {
|
||||
this.$emit('update:mapDialogVisible', false);
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
@@ -162,6 +161,7 @@ export default {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.search-body {
|
||||
position: absolute;
|
||||
top: 90px;
|
||||
|
||||
@@ -64,6 +64,16 @@
|
||||
<el-input v-model="clueForm.weChat" placeholder="请输入微信号" />
|
||||
</el-form-item>
|
||||
</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-form-item label="跟进人员" prop="followUser">
|
||||
<el-select style="width: 100%;" v-model="clueForm.followUser" multiple clearable :disabled="admin != 'true' && clueForm.clueId != undefined">
|
||||
@@ -73,16 +83,34 @@
|
||||
</el-col>
|
||||
|
||||
<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-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" />
|
||||
<span style="float: right; color: #8492a6; font-size: 13px">
|
||||
{{ dict.dictValue }}
|
||||
</span>
|
||||
</el-option>
|
||||
|
||||
</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-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="下次跟进时间" prop="followTime">
|
||||
|
||||
@@ -108,5 +108,29 @@ export const defaultColumns = [{
|
||||
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
|
||||
}
|
||||
];
|
||||
|
||||
@@ -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
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>
|
||||
<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,30 @@ 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`);
|
||||
debugger
|
||||
this.download('zs/clue/importTemplate?ydtData=' + this.ydtData + '&dYData=' + this.dYData, {}, `clue_template_${new Date().getTime()}.xlsx`);
|
||||
},
|
||||
// 文件上传中处理
|
||||
handleFileUploadProgress(event, file, fileList) {
|
||||
|
||||
@@ -4,8 +4,12 @@
|
||||
<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: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>
|
||||
@@ -25,6 +29,7 @@
|
||||
</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 ) && 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: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>
|
||||
@@ -51,6 +56,8 @@
|
||||
<ZhuangDanDialog ref="zhuangDanDialog" />
|
||||
<!-- 备注编辑 -->
|
||||
<MemoFormDialog ref="memoDialog" @refreshDataList="_getTableList" />
|
||||
<!-- 抖音直播弹框 -->
|
||||
<DYClueFormDialog ref="DYClueFormDialog" @refreshDataList="_getTableList"/>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
@@ -64,6 +71,7 @@ import DistributeFormDialog from './components/DistributeFormDialog.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 { defaultColumns } from './columns.js';
|
||||
import { getClueList, deleteClue, getClueCountBadge, discardClue, getSign, getConsultRecord } from '@/api/zs/clue';
|
||||
@@ -80,7 +88,8 @@ export default {
|
||||
}
|
||||
},
|
||||
components: {
|
||||
SearchForm, BatchUpdateDialog, PublicDialog, UploadDialog, SignFormDialog, DistributeFormDialog, ZhuangDanDialog, MemoFormDialog
|
||||
SearchForm, BatchUpdateDialog, PublicDialog, UploadDialog, SignFormDialog, DistributeFormDialog, ZhuangDanDialog, MemoFormDialog,
|
||||
DYClueFormDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -156,6 +165,12 @@ export default {
|
||||
handleAddandUpdate(info) {
|
||||
this.$router.push('/zs/clue-form/index/' + (info ? info.clueId : 0));
|
||||
},
|
||||
//抖音新增
|
||||
handleDYAddandUpdate(info){
|
||||
this.$nextTick(() => {
|
||||
this.$refs.DYClueFormDialog.init(info);
|
||||
});
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
console.log(selection);
|
||||
@@ -198,9 +213,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});
|
||||
});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
@@ -269,7 +284,11 @@ export default {
|
||||
},
|
||||
handleRowClick(row) {
|
||||
if (this.quickSearch != 8) {
|
||||
// if(row.source == '抖音直播'){
|
||||
// this.handleDYAddandUpdate(row);
|
||||
// } else {
|
||||
this.handleAddandUpdate(row)
|
||||
// }
|
||||
}
|
||||
},
|
||||
handleCellClick(row, column, cell, event) {
|
||||
|
||||
@@ -332,7 +332,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;
|
||||
});
|
||||
},
|
||||
|
||||
@@ -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,24 @@
|
||||
<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="审核状态">
|
||||
<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 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-hasPermi="['zs:sign:remove']" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -50,17 +50,14 @@
|
||||
</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';
|
||||
|
||||
export default {
|
||||
name: 'Sign',
|
||||
@@ -68,7 +65,7 @@ export default {
|
||||
SearchForm,
|
||||
CheckDialog,
|
||||
SignFormDialog,
|
||||
UploadDialog,
|
||||
UploadDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -76,7 +73,7 @@ export default {
|
||||
userId: localStorage.getItem('userId'),
|
||||
searchForm: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
pageSize: 10
|
||||
},
|
||||
loading: false,
|
||||
columns: [],
|
||||
@@ -88,12 +85,12 @@ export default {
|
||||
percentageOptions: [
|
||||
{
|
||||
value: '驾校已结算',
|
||||
label: '驾校已结算',
|
||||
label: '驾校已结算'
|
||||
},
|
||||
{
|
||||
value: '提成已发放',
|
||||
label: '提成已发放',
|
||||
},
|
||||
label: '提成已发放'
|
||||
}
|
||||
],
|
||||
areaOptions: [],
|
||||
showSearch: true,
|
||||
@@ -109,32 +106,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 +139,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 +156,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 +204,33 @@ 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)
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
this.$refs.checkDialogForm.init(item);
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style rel="stylesheet/scss" lang="scss">
|
||||
<style rel="stylesheet/scss" lang="scss">
|
||||
.el-table .cell {
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
|
||||
@@ -33,6 +33,14 @@ 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/`,
|
||||
@@ -97,10 +105,12 @@ module.exports = {
|
||||
config
|
||||
.plugin('ScriptExtHtmlWebpackPlugin')
|
||||
.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$/
|
||||
}])
|
||||
}
|
||||
])
|
||||
.end();
|
||||
config.optimization.splitChunks({
|
||||
chunks: 'all',
|
||||
|
||||
Reference in New Issue
Block a user