Compare commits
7 Commits
f6c6002eda
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
2b7d3ddf77 | ||
| 767ec44bba | |||
| 779b6c9eba | |||
|
|
c66b8f227e | ||
| fc92668bd1 | |||
| 8813f57c9b | |||
| 9eeefde0fb |
@@ -59,7 +59,8 @@
|
|||||||
"vue-meta": "2.4.0",
|
"vue-meta": "2.4.0",
|
||||||
"vue-router": "3.4.9",
|
"vue-router": "3.4.9",
|
||||||
"vuedraggable": "2.24.3",
|
"vuedraggable": "2.24.3",
|
||||||
"vuex": "3.6.0"
|
"vuex": "3.6.0",
|
||||||
|
"webpack-dev-server": "^3.10.3"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@vue/cli-plugin-babel": "4.4.6",
|
"@vue/cli-plugin-babel": "4.4.6",
|
||||||
@@ -72,6 +73,7 @@
|
|||||||
"connect": "3.6.6",
|
"connect": "3.6.6",
|
||||||
"eslint": "7.15.0",
|
"eslint": "7.15.0",
|
||||||
"eslint-plugin-vue": "7.2.0",
|
"eslint-plugin-vue": "7.2.0",
|
||||||
|
"html-webpack-plugin": "^5.6.0",
|
||||||
"lint-staged": "10.5.3",
|
"lint-staged": "10.5.3",
|
||||||
"runjs": "4.4.2",
|
"runjs": "4.4.2",
|
||||||
"sass": "1.32.13",
|
"sass": "1.32.13",
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ import request from '@/utils/request';
|
|||||||
// 获取首页统计信息
|
// 获取首页统计信息
|
||||||
export function searchQuestion(param) {
|
export function searchQuestion(param) {
|
||||||
return request({
|
return request({
|
||||||
url: '/driver-api/tdQuestion/duima/list',
|
url: '/xunjia/tdQuestion/duima/list',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params: param
|
params: param
|
||||||
});
|
});
|
||||||
@@ -18,7 +18,7 @@ export function searchQuestion(param) {
|
|||||||
|
|
||||||
export function updateQuestion(data) {
|
export function updateQuestion(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/driver-api/tdQuestion/duima/update',
|
url: '/xunjia/tdQuestion/duima/update',
|
||||||
method: 'put',
|
method: 'put',
|
||||||
data: data
|
data: data
|
||||||
});
|
});
|
||||||
@@ -26,10 +26,17 @@ export function updateQuestion(data) {
|
|||||||
|
|
||||||
export function addQuestion(data) {
|
export function addQuestion(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/driver-api/tdQuestion/duima/add',
|
url: '/xunjia/tdQuestion/duima/add',
|
||||||
method: 'put',
|
method: 'put',
|
||||||
data: data
|
data: data
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export function uploadFile(data) {
|
||||||
|
return request({
|
||||||
|
url: '/xunjia/applet/tiku/question/upload',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|||||||
77
src/api/system/skill.js
Normal file
77
src/api/system/skill.js
Normal file
@@ -0,0 +1,77 @@
|
|||||||
|
/*
|
||||||
|
* @Author: riverQiu
|
||||||
|
* @Date: 2023-10-14 00:31:37
|
||||||
|
* @LastEditors: riverQiu
|
||||||
|
* @LastEditTime: 2023-10-15 00:37:52
|
||||||
|
* @Description:
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 分页查询关键话术列表
|
||||||
|
export function pageSkill(query) {
|
||||||
|
return request({
|
||||||
|
url: '/system/skill/page',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询关键话术列表
|
||||||
|
export function listSkill(query) {
|
||||||
|
return request({
|
||||||
|
url: '/system/skill/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询关键话术详细
|
||||||
|
export function getSkill(skillId) {
|
||||||
|
return request({
|
||||||
|
url: '/system/skill/' + skillId,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export function getSkillKey() {
|
||||||
|
return request({
|
||||||
|
url: '/system/skill/key',
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增关键话术
|
||||||
|
export function addSkill(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/skill',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改关键话术
|
||||||
|
export function updateSkill(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/skill',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除关键话术
|
||||||
|
export function delSkill(skillId) {
|
||||||
|
return request({
|
||||||
|
url: '/system/skill/' + skillId,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 审核关键话术
|
||||||
|
export function checkSkill(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/skill/check',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -1,7 +1,14 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog title="试题" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="900px" @close="closeDialog">
|
<el-dialog title="试题" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="900px" @close="closeDialog">
|
||||||
<div>
|
<div>
|
||||||
<el-form ref="dialogForm" :model="dialogForm" :rules="dataRule" label-position="left" @keyup.enter.native="dialogFormSubmit()">
|
<el-form
|
||||||
|
ref="dialogForm"
|
||||||
|
:model="dialogForm"
|
||||||
|
:rules="dataRule"
|
||||||
|
label-width="80px"
|
||||||
|
label-position="left"
|
||||||
|
@keyup.enter.native="dialogFormSubmit()"
|
||||||
|
>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="题目" prop="question">
|
<el-form-item label="题目" prop="question">
|
||||||
@@ -9,47 +16,47 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row :gutter="20">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="选项A" prop="question">
|
<el-form-item label="选项A" prop="question">
|
||||||
<el-input v-model="dialogForm.chooseA" maxlength="200" placeholder="请输入" clearable />
|
<el-input v-model="dialogForm.chooseA" maxlength="200" placeholder="请输入" clearable />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="选项B" prop="question">
|
<el-form-item label="选项B" prop="question">
|
||||||
<el-input v-model="dialogForm.chooseB" maxlength="200" placeholder="请输入" clearable />
|
<el-input v-model="dialogForm.chooseB" maxlength="200" placeholder="请输入" clearable />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row :gutter="20">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="选项C" prop="question">
|
<el-form-item label="选项C" prop="question">
|
||||||
<el-input v-model="dialogForm.chooseC" maxlength="200" placeholder="请输入" clearable />
|
<el-input v-model="dialogForm.chooseC" maxlength="200" placeholder="请输入" clearable />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="选项D" prop="question">
|
<el-form-item label="选项D" prop="question">
|
||||||
<el-input v-model="dialogForm.chooseD" maxlength="200" placeholder="请输入" clearable />
|
<el-input v-model="dialogForm.chooseD" maxlength="200" placeholder="请输入" clearable />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row :gutter="20">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="选项E" prop="question">
|
<el-form-item label="选项E" prop="question">
|
||||||
<el-input v-model="dialogForm.chooseE" maxlength="200" placeholder="请输入" clearable />
|
<el-input v-model="dialogForm.chooseE" maxlength="200" placeholder="请输入" clearable />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="选项F" prop="question">
|
<el-form-item label="选项F" prop="question">
|
||||||
<el-input v-model="dialogForm.chooseF" maxlength="200" placeholder="请输入" clearable />
|
<el-input v-model="dialogForm.chooseF" maxlength="200" placeholder="请输入" clearable />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row :gutter="20">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="选项G" prop="question">
|
<el-form-item label="选项G" prop="question">
|
||||||
<el-input v-model="dialogForm.chooseG" maxlength="200" placeholder="请输入" clearable />
|
<el-input v-model="dialogForm.chooseG" maxlength="200" placeholder="请输入" clearable />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
@@ -63,11 +70,11 @@
|
|||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="科目" prop="subject">
|
<el-form-item label="科目" prop="subject">
|
||||||
<span v-if="dialogForm.subject == 1">科一</span>
|
<span v-if="dialogForm.subject == 1">科一</span>
|
||||||
<span v-if="dialogForm.subject == 4">科四</span>
|
<span v-else-if="dialogForm.subject == 4">科四</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row :gutter="20">
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="精选500题" prop="isVip">
|
<el-form-item label="精选500题" prop="isVip">
|
||||||
<el-radio-group v-model="dialogForm.isVip" size="small">
|
<el-radio-group v-model="dialogForm.isVip" size="small">
|
||||||
@@ -132,11 +139,25 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-form-item label="题目图片" prop="imageUrl">
|
||||||
|
<el-upload
|
||||||
|
action="#"
|
||||||
|
accept=".png,.jpg,.jpeg,.gif"
|
||||||
|
:limit="1"
|
||||||
|
:http-request="handleImport"
|
||||||
|
:on-exceed="handleExceed"
|
||||||
|
:show-file-list="false"
|
||||||
|
>
|
||||||
|
<img v-if="dialogForm.imageUrl" :src="dialogForm.imageUrl" style="width: 200px;">
|
||||||
|
<i v-else class="el-icon-plus" />
|
||||||
|
</el-upload>
|
||||||
|
</el-form-item>
|
||||||
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<span slot="footer" class="dialog-footer">
|
<span slot="footer" class="dialog-footer">
|
||||||
<el-button plain @click="(visible=false)">取消</el-button>
|
<el-button plain @click="visible = false">取消</el-button>
|
||||||
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
|
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@@ -146,7 +167,7 @@
|
|||||||
import { addQuestion } from '@/api/question';
|
import { addQuestion } from '@/api/question';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data () {
|
data() {
|
||||||
return {
|
return {
|
||||||
visible: false,
|
visible: false,
|
||||||
canSubmit: true,
|
canSubmit: true,
|
||||||
@@ -167,7 +188,7 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
init (info = undefined) {
|
init(info = undefined) {
|
||||||
// debugger
|
// debugger
|
||||||
this.visible = true;
|
this.visible = true;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
@@ -178,7 +199,7 @@ export default {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
resetDialogForm () {
|
resetDialogForm() {
|
||||||
this.dialogForm = {
|
this.dialogForm = {
|
||||||
questionId: undefined,
|
questionId: undefined,
|
||||||
isVip: 0,
|
isVip: 0,
|
||||||
@@ -190,14 +211,14 @@ export default {
|
|||||||
examKeys: undefined
|
examKeys: undefined
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
closeDialog () {
|
closeDialog() {
|
||||||
this.$emit('update:dialogVisible', false);
|
this.$emit('update:dialogVisible', false);
|
||||||
},
|
},
|
||||||
// 表单提交
|
// 表单提交
|
||||||
dialogFormSubmit () {
|
dialogFormSubmit() {
|
||||||
this.$refs.dialogForm.validate((valid) => {
|
this.$refs.dialogForm.validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
updateQuestion(this.dialogForm).then(response => {
|
addQuestion(this.dialogForm).then((response) => {
|
||||||
if (response.code == 200) {
|
if (response.code == 200) {
|
||||||
this.$modal.msgSuccess('修改成功');
|
this.$modal.msgSuccess('修改成功');
|
||||||
// this.visible = true;
|
// this.visible = true;
|
||||||
@@ -205,6 +226,20 @@ export default {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
},
|
||||||
|
handleImport(opt) {
|
||||||
|
const data = new FormData();
|
||||||
|
data.append('file', opt.file);
|
||||||
|
// 上传
|
||||||
|
// api.upload(data).then(resp => {
|
||||||
|
// if (resp.code == 200) {
|
||||||
|
// this.$modal.msgSuccess('文件上传成功');
|
||||||
|
// this.dialogForm.imageUrl = resp.data;
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
},
|
||||||
|
handleExceed(files) {
|
||||||
|
this.handleImport({ file: files[0] });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -6,21 +6,40 @@
|
|||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="题目" prop="question">
|
<el-form-item label="题目" prop="question">
|
||||||
<div>{{ dialogForm.question }}</div>
|
<div>{{ dialogForm.question }}</div>
|
||||||
<img v-if="dialogForm.imageUrl" :src="dialogForm.imageUrl" width="100" alt="">
|
<img v-if="dialogForm.imageUrl" :src="dialogForm.imageUrl" width="200" alt="" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-form-item label="替换图片">
|
||||||
|
<el-upload
|
||||||
|
action="#"
|
||||||
|
accept=".png,.jpg,.jpeg,.gif"
|
||||||
|
:limit="1"
|
||||||
|
:http-request="handleImport"
|
||||||
|
:on-exceed="handleExceed"
|
||||||
|
:show-file-list="false"
|
||||||
|
>
|
||||||
|
<img v-if="dialogForm.imageUrl" :src="dialogForm.imageUrl" style="width: 300px" />
|
||||||
|
<i v-else class="el-icon-plus" />
|
||||||
|
</el-upload>
|
||||||
|
</el-form-item>
|
||||||
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="选项" prop="question">
|
<el-form-item label="选项" prop="question">
|
||||||
<span v-if="dialogForm.chooseA">A:{{ dialogForm.chooseA }}<span>
|
<span v-if="dialogForm.chooseA"
|
||||||
<span v-if="dialogForm.chooseB">B:{{ dialogForm.chooseB }} </span>
|
>A:{{ dialogForm.chooseA
|
||||||
<span v-if="dialogForm.chooseC">C:{{ dialogForm.chooseC }} </span>
|
}}<span>
|
||||||
<span v-if="dialogForm.chooseD">D:{{ dialogForm.chooseD }}</span>
|
<span v-if="dialogForm.chooseB">B:{{ dialogForm.chooseB }} </span>
|
||||||
<span v-if="dialogForm.chooseE">E:{{ dialogForm.chooseE }}</span>
|
<span v-if="dialogForm.chooseC">C:{{ dialogForm.chooseC }} </span>
|
||||||
<span v-if="dialogForm.chooseF">F:{{ dialogForm.chooseF }}</span>
|
<span v-if="dialogForm.chooseD">D:{{ dialogForm.chooseD }}</span>
|
||||||
<span v-if="dialogForm.chooseG">G:{{ dialogForm.chooseG }}</span>
|
<span v-if="dialogForm.chooseE">E:{{ dialogForm.chooseE }}</span>
|
||||||
</span></span></el-form-item>
|
<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-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
@@ -104,18 +123,17 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<span slot="footer" class="dialog-footer">
|
<span slot="footer" class="dialog-footer">
|
||||||
<el-button plain @click="(visible = false)">取消</el-button>
|
<el-button plain @click="visible = false">取消</el-button>
|
||||||
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
|
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { updateQuestion } from '@/api/question';
|
import { updateQuestion, uploadFile } from '@/api/question';
|
||||||
|
// import axios from 'axios';
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -146,6 +164,7 @@ export default {
|
|||||||
// this.$refs['dialogForm'].resetFields();
|
// this.$refs['dialogForm'].resetFields();
|
||||||
if (info) {
|
if (info) {
|
||||||
this.dialogForm = this.deepClone(info);
|
this.dialogForm = this.deepClone(info);
|
||||||
|
this.fileUrl = info.imageUrl;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@@ -168,7 +187,7 @@ export default {
|
|||||||
dialogFormSubmit() {
|
dialogFormSubmit() {
|
||||||
this.$refs.dialogForm.validate((valid) => {
|
this.$refs.dialogForm.validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
updateQuestion(this.dialogForm).then(response => {
|
updateQuestion(this.dialogForm).then((response) => {
|
||||||
if (response.code == 200) {
|
if (response.code == 200) {
|
||||||
this.$modal.msgSuccess('修改成功');
|
this.$modal.msgSuccess('修改成功');
|
||||||
this.$emit('update');
|
this.$emit('update');
|
||||||
@@ -177,6 +196,32 @@ export default {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
},
|
||||||
|
handleImport(opt) {
|
||||||
|
const data = new FormData();
|
||||||
|
data.append('file', opt.file);
|
||||||
|
// axios({
|
||||||
|
// method: 'post',
|
||||||
|
// url: 'http://xj.ahduima.com/xunjia/tiku/question/upload',
|
||||||
|
// data: data
|
||||||
|
// }).then((resp) => {
|
||||||
|
// console.log(resp.data);
|
||||||
|
// if (resp.data.code == 200) {
|
||||||
|
// this.$modal.msgSuccess('文件上传成功');
|
||||||
|
// this.dialogForm.imageUrl = resp.data.msg;
|
||||||
|
// }
|
||||||
|
// console.log(this.dialogForm)
|
||||||
|
// });
|
||||||
|
// 上传
|
||||||
|
uploadFile(data).then(resp => {
|
||||||
|
if (resp.code == 200) {
|
||||||
|
this.$modal.msgSuccess('文件上传成功');
|
||||||
|
this.dialogForm.imageUrl = resp.msg;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleExceed(files) {
|
||||||
|
this.handleImport({ file: files[0] });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container" style="text-align:center">
|
<div class="app-container" style="text-align: center">
|
||||||
<el-form size="small" :inline="true" label-width="68px" @submit.native.prevent>
|
<el-form size="small" :inline="true" label-width="68px" @submit.native.prevent>
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-form-item label="车型">
|
<el-form-item label="车型">
|
||||||
@@ -16,22 +16,24 @@
|
|||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
<el-form-item>
|
||||||
|
<el-checkbox v-model="queryParams.isWatermark" :label="true">是否有水印</el-checkbox>
|
||||||
|
</el-form-item>
|
||||||
<el-form-item label="题目">
|
<el-form-item label="题目">
|
||||||
<el-input v-model="queryParams.question" placeholder="请输入题目" clearable style="width:400px" @keyup.enter.native="handleQuery" />
|
<el-input v-model="queryParams.question" placeholder="请输入题目" clearable style="width: 400px" @keyup.enter.native="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
<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 icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||||
<el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
|
<el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
|
||||||
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="tableList" style="width:80%;margin:auto" @row-click="handleEdit">
|
<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 type="index" width="55" align="center" />
|
||||||
<el-table-column label="题目" align="center" prop="question" min-width="140" />
|
<el-table-column label="题目" align="center" prop="question" min-width="140" />
|
||||||
<el-table-column label="选项" align="center" min-width="140">
|
<el-table-column label="选项" align="center" min-width="140">
|
||||||
<template slot-scope="{row}">
|
<template slot-scope="{ row }">
|
||||||
<p v-if="row.chooseA">A:{{ row.chooseA }}</p>
|
<p v-if="row.chooseA">A:{{ row.chooseA }}</p>
|
||||||
<p v-if="row.chooseB">B:{{ row.chooseB }}</p>
|
<p v-if="row.chooseB">B:{{ row.chooseB }}</p>
|
||||||
<p v-if="row.chooseC">C:{{ row.chooseC }}</p>
|
<p v-if="row.chooseC">C:{{ row.chooseC }}</p>
|
||||||
@@ -43,21 +45,26 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="答案" align="center" prop="trueAnswer" min-width="100" />
|
<el-table-column label="答案" align="center" prop="trueAnswer" min-width="100" />
|
||||||
<el-table-column label="科目" align="center" prop="subject" min-width="100">
|
<el-table-column label="科目" align="center" prop="subject" min-width="100">
|
||||||
<template slot-scope="{row}">
|
<template slot-scope="{ row }">
|
||||||
<p v-if="row.subject == 1">科一</p>
|
<p v-if="row.subject == 1">科一</p>
|
||||||
<p v-if="row.subject == 4">科四</p>
|
<p v-if="row.subject == 4">科四</p>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="是否新规" align="center" min-width="100">
|
<el-table-column label="是否新规" align="center" min-width="100">
|
||||||
<template slot-scope="{row}">
|
<template slot-scope="{ row }">
|
||||||
{{ row.isNew ? '是' : '' }}
|
{{ row.isNew ? '是' : '' }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="车型" align="center" min-width="100">
|
<el-table-column label="车型" align="center" min-width="100">
|
||||||
<template slot-scope="{row}">
|
<template slot-scope="{ row }">
|
||||||
{{ row.carTypeId == 1001 ? '小车' : '摩托车' }}
|
{{ row.carTypeId == 1001 ? '小车' : '摩托车' }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column label="图片" align="center" min-width="200">
|
||||||
|
<template slot-scope="{ row }">
|
||||||
|
<img :src="row.imageUrl" alt="" width="80px" srcset="">
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button size="mini" type="text" icon="el-icon-download" @click="handleEdit(scope.row)">编辑</el-button>
|
<el-button size="mini" type="text" icon="el-icon-download" @click="handleEdit(scope.row)">编辑</el-button>
|
||||||
@@ -68,7 +75,6 @@
|
|||||||
<!-- <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> -->
|
<!-- <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" />
|
<QuestionForm v-if="dialogVisible" ref="dialogForm" :dialog-visible="dialogVisible" @update="getList" />
|
||||||
<QuestionAddForm v-if="dialogAddVisible" ref="dialogAddForm" :dialog-visible="dialogAddVisible" @update="getList" />
|
<QuestionAddForm v-if="dialogAddVisible" ref="dialogAddForm" :dialog-visible="dialogAddVisible" @update="getList" />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -80,7 +86,8 @@ import QuestionAddForm from './components/QuestionAddForm.vue';
|
|||||||
export default {
|
export default {
|
||||||
name: 'Question',
|
name: 'Question',
|
||||||
components: {
|
components: {
|
||||||
QuestionForm, QuestionAddForm
|
QuestionForm,
|
||||||
|
QuestionAddForm
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -106,7 +113,7 @@ export default {
|
|||||||
/** 查询文件列表 */
|
/** 查询文件列表 */
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
searchQuestion(this.queryParams).then(response => {
|
searchQuestion(this.queryParams).then((response) => {
|
||||||
this.tableList = response.data;
|
this.tableList = response.data;
|
||||||
// this.total = response.total;
|
// this.total = response.total;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
@@ -115,10 +122,10 @@ export default {
|
|||||||
|
|
||||||
/** 搜索按钮操作 */
|
/** 搜索按钮操作 */
|
||||||
handleQuery() {
|
handleQuery() {
|
||||||
if (this.queryParams.question) {
|
if (this.queryParams.question || (this.queryParams.isWatermark != undefined && this.queryParams.isWatermark)) {
|
||||||
this.getList();
|
this.getList();
|
||||||
} else {
|
} else {
|
||||||
this.$modal.msgWarning('请输入题目');
|
this.$modal.msgWarning('请输入题目 ');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/** 重置按钮操作 */
|
/** 重置按钮操作 */
|
||||||
@@ -135,7 +142,10 @@ export default {
|
|||||||
handleAdd(item) {
|
handleAdd(item) {
|
||||||
this.dialogAddVisible = true;
|
this.dialogAddVisible = true;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.dialogAddForm.init(item);
|
this.$refs.dialogAddForm.init({
|
||||||
|
subject: this.queryParams.subject,
|
||||||
|
carTypeId: this.queryParams.carTypeId
|
||||||
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -7,10 +7,13 @@
|
|||||||
</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 style="margin:10px;">
|
||||||
|
<el-input v-model="searchValue" placeholder="请输入驾校名" ></el-input>
|
||||||
|
</div>
|
||||||
<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.filter(item => (searchValue == undefined || item.schoolName.includes(searchValue)))" :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>
|
||||||
@@ -186,7 +189,8 @@ export default {
|
|||||||
schoolList: [],
|
schoolList: [],
|
||||||
currentdeptId: undefined,
|
currentdeptId: undefined,
|
||||||
placeMarkerList: [],
|
placeMarkerList: [],
|
||||||
areaOptions: []
|
areaOptions: [],
|
||||||
|
searchValue: undefined
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|||||||
@@ -19,7 +19,7 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange" size="mini">
|
<el-table v-loading="loading" :data="dataList" size="mini">
|
||||||
<el-table-column label="字典标签" align="center" prop="dictLabel" />
|
<el-table-column label="字典标签" align="center" prop="dictLabel" />
|
||||||
<!-- <el-table-column label="字典编码" align="center" prop="dictValue" /> -->
|
<!-- <el-table-column label="字典编码" align="center" prop="dictValue" /> -->
|
||||||
<el-table-column label="字典排序" align="center" prop="dictSort" />
|
<el-table-column label="字典排序" align="center" prop="dictSort" />
|
||||||
@@ -275,12 +275,13 @@ export default {
|
|||||||
},
|
},
|
||||||
// 字典模板状态修改
|
// 字典模板状态修改
|
||||||
handleStatusChange(row) {
|
handleStatusChange(row) {
|
||||||
|
debugger
|
||||||
|
console.log(row)
|
||||||
let text = row.status === true ? "启用" : "停用";
|
let text = row.status === true ? "启用" : "停用";
|
||||||
this.$modal
|
this.$modal.confirm('确认要"' + text + '""' + row.dictLabel + '"标签吗?').
|
||||||
.confirm('确认要"' + text + '""' + row.dictLabel + '"标签吗?')
|
then(function () {
|
||||||
.then(function () {
|
return changeDictDataStatus(dictCodes);
|
||||||
return changeDictDataStatus(row.dictCode, row.status);
|
})
|
||||||
})
|
|
||||||
.then((resp) => {
|
.then((resp) => {
|
||||||
if (resp.code == 200) {
|
if (resp.code == 200) {
|
||||||
this.$modal.msgSuccess(text + "成功");
|
this.$modal.msgSuccess(text + "成功");
|
||||||
|
|||||||
226
src/views/system/skill/index.vue
Normal file
226
src/views/system/skill/index.vue
Normal file
@@ -0,0 +1,226 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px">
|
||||||
|
<el-form-item label="问题" prop="question">
|
||||||
|
<el-input v-model="queryParams.question" placeholder="请输入关键词" clearable @keyup.enter.native="handleQuery" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button v-hasPermi="['system:skill:add']" type="primary" plain icon="el-icon-plus" size="mini"
|
||||||
|
@click="handleAdd">新增</el-button>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-table v-loading="loading" :data="skillList" @selection-change="handleSelectionChange">
|
||||||
|
<el-table-column type="index" width="55" align="center" />
|
||||||
|
<el-table-column label="问题" align="center" prop="question" />
|
||||||
|
<el-table-column label="答案" align="center" prop="content" >
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<p v-html="scope.row.content"></p>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="关键词" align="center" prop="skillKey" />
|
||||||
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button v-hasPermi="['system:skill:edit']" size="mini" type="text" icon="el-icon-edit"
|
||||||
|
@click="handleUpdate(scope.row)">修改</el-button>
|
||||||
|
<el-button v-hasPermi="['system:skill:remove']" size="mini" type="text" icon="el-icon-delete"
|
||||||
|
@click="handleDelete(scope.row)">删除</el-button>
|
||||||
|
<el-button v-if="scope.row.status == 1" v-hasPermi="['system:skill:check']" size="mini" type="text" icon="el-icon-edit"
|
||||||
|
@click="handleUpdate(scope.row)">审核</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
||||||
|
@pagination="getList" />
|
||||||
|
|
||||||
|
<!-- 添加或修改关键话术对话框 -->
|
||||||
|
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
|
||||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||||
|
<el-form-item label="问题" prop="question">
|
||||||
|
<el-input v-model="form.question" placeholder="请输入" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="关键词">
|
||||||
|
<el-select v-model="form.keyList" placeholder="请选择" style="width: 100%;" multiple>
|
||||||
|
<el-option v-for="dict in dict.type.dm_skill_key" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="答案" prop="content">
|
||||||
|
<editor v-model="form.content" :min-height="192" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button v-if="form.status == 0 || form.status == 3 " type="primary" @click="submitForm(0)">保 存</el-button>
|
||||||
|
<el-button v-if="form.status == 0 || form.status == 3 " type="primary" @click="submitForm(1)">提 交</el-button>
|
||||||
|
<el-button v-if="form.status == 1 " type="primary" @click="checkSkill(2)">通 过</el-button>
|
||||||
|
<el-button v-if="form.status == 1 " type="primary" @click="checkSkill(3)">驳 回</el-button>
|
||||||
|
|
||||||
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { pageSkill,listSkill, getSkill, delSkill, addSkill, updateSkill,checkSkill } from '@/api/system/skill';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'Skill',
|
||||||
|
dicts: ['dm_skill_key'],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
// 遮罩层
|
||||||
|
loading: true,
|
||||||
|
// 选中数组
|
||||||
|
ids: [],
|
||||||
|
// 非单个禁用
|
||||||
|
single: true,
|
||||||
|
// 非多个禁用
|
||||||
|
multiple: true,
|
||||||
|
// 显示搜索条件
|
||||||
|
showSearch: true,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 关键话术表格数据
|
||||||
|
skillList: [],
|
||||||
|
// 弹出层标题
|
||||||
|
title: '',
|
||||||
|
// 是否显示弹出层
|
||||||
|
open: false,
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
deptId: null,
|
||||||
|
question: null,
|
||||||
|
content: null,
|
||||||
|
|
||||||
|
},
|
||||||
|
// 表单参数
|
||||||
|
form: {},
|
||||||
|
// 表单校验
|
||||||
|
rules: {
|
||||||
|
question: [{ required: true, message: '关键词不能为空', trigger: 'blur' }],
|
||||||
|
content: [{ required: true, message: '话术内容不能为空', trigger: 'blur' }]
|
||||||
|
},
|
||||||
|
skillOptions:[]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/** 查询关键话术列表 */
|
||||||
|
getList() {
|
||||||
|
this.loading = true;
|
||||||
|
pageSkill(this.queryParams).then(response => {
|
||||||
|
this.skillList = response.rows;
|
||||||
|
this.total = response.total;
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 取消按钮
|
||||||
|
cancel() {
|
||||||
|
this.open = false;
|
||||||
|
this.reset();
|
||||||
|
},
|
||||||
|
// 表单重置
|
||||||
|
reset() {
|
||||||
|
this.form = {
|
||||||
|
skillId: null,
|
||||||
|
deptId: null,
|
||||||
|
skillKey: null,
|
||||||
|
content: null,
|
||||||
|
status: 0,
|
||||||
|
keyList: []
|
||||||
|
};
|
||||||
|
this.resetForm('form');
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.resetForm('queryForm');
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
|
// 多选框选中数据
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.ids = selection.map(item => item.skillId);
|
||||||
|
this.single = selection.length !== 1;
|
||||||
|
this.multiple = !selection.length;
|
||||||
|
},
|
||||||
|
/** 新增按钮操作 */
|
||||||
|
handleAdd() {
|
||||||
|
this.reset();
|
||||||
|
this.open = true;
|
||||||
|
this.title = '关键话术';
|
||||||
|
},
|
||||||
|
/** 修改按钮操作 */
|
||||||
|
handleUpdate(row) {
|
||||||
|
this.reset();
|
||||||
|
const skillId = row.skillId || this.ids;
|
||||||
|
getSkill(skillId).then(response => {
|
||||||
|
this.form = response.data;
|
||||||
|
this.open = true;
|
||||||
|
this.title = '关键话术';
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 提交按钮 */
|
||||||
|
submitForm(status) {
|
||||||
|
this.form.status = status;
|
||||||
|
this.$refs['form'].validate(valid => {
|
||||||
|
if (valid) {
|
||||||
|
if (this.form.skillId != null) {
|
||||||
|
updateSkill(this.form).then(response => {
|
||||||
|
this.$modal.msgSuccess('操作成功');
|
||||||
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
addSkill(this.form).then(response => {
|
||||||
|
this.$modal.msgSuccess('操作成功');
|
||||||
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
checkSkill(status){
|
||||||
|
checkSkill({skillId : this.form.skillId, status : status}).then(resp => {
|
||||||
|
this.$modal.msgSuccess('操作成功');
|
||||||
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 删除按钮操作 */
|
||||||
|
handleDelete(row) {
|
||||||
|
const skillIds = row.skillId || this.ids;
|
||||||
|
this.$modal.confirm('是否确认删除关键话术编号为"' + skillIds + '"的数据项?').then(function () {
|
||||||
|
return delSkill(skillIds);
|
||||||
|
}).then(() => {
|
||||||
|
this.getList();
|
||||||
|
this.$modal.msgSuccess('删除成功');
|
||||||
|
}).catch(() => { });
|
||||||
|
},
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
handleExport() {
|
||||||
|
this.download('system/skill/export', {
|
||||||
|
...this.queryParams
|
||||||
|
}, `skill_${new Date().getTime()}.xlsx`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
@@ -31,6 +31,7 @@
|
|||||||
<el-button class="footer_button" :disabled="!canSubmit" type="primary" @click="clueSubmit">确 定</el-button>
|
<el-button class="footer_button" :disabled="!canSubmit" type="primary" @click="clueSubmit">确 定</el-button>
|
||||||
<el-button class="footer_button" @click="toBackClue">取 消</el-button>
|
<el-button class="footer_button" @click="toBackClue">取 消</el-button>
|
||||||
<el-button class="footer_button" v-if="!clueForm.state" v-hasPermi="['zs:clue:discard']" type="primary" @click="handleDiscard()">释放</el-button>
|
<el-button class="footer_button" v-if="!clueForm.state" v-hasPermi="['zs:clue:discard']" type="primary" @click="handleDiscard()">释放</el-button>
|
||||||
|
<el-button type="primary" @click="handleSkill">关键话术</el-button>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -46,7 +47,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="线索来源" prop="source">
|
<el-form-item label="线索来源" prop="source">
|
||||||
<el-select style="width: 100%;" v-model="clueForm.source" placeholder="请选择" clearable>
|
<el-select style="width: 100%;" v-model="clueForm.source" placeholder="请选择" clearable filterable>
|
||||||
<el-option v-for="dict in sourceOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
<el-option v-for="dict in sourceOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -161,6 +162,8 @@
|
|||||||
|
|
||||||
<MapDialog v-if="mapDialogVisible" ref="mapDialog" :dialog-visible="mapDialogVisible" @handleMapDialogPoint="handleMapDialogPoint" />
|
<MapDialog v-if="mapDialogVisible" ref="mapDialog" :dialog-visible="mapDialogVisible" @handleMapDialogPoint="handleMapDialogPoint" />
|
||||||
|
|
||||||
|
<SkillDialog ref="SkillDialog"/>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -172,11 +175,12 @@ import { getAllPlaces } from '@/api/sch/place';
|
|||||||
import PlaceMap from './components/PlaceMap.vue';
|
import PlaceMap from './components/PlaceMap.vue';
|
||||||
import FollowRecord from './components/FollowRecord.vue';
|
import FollowRecord from './components/FollowRecord.vue';
|
||||||
import MapDialog from './components/MapDialog.vue';
|
import MapDialog from './components/MapDialog.vue';
|
||||||
|
import SkillDialog from '../components/SkillDialog.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'ClueForm',
|
name: 'ClueForm',
|
||||||
components: {
|
components: {
|
||||||
PlaceMap, FollowRecord, MapDialog
|
PlaceMap, FollowRecord, MapDialog, SkillDialog
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -380,6 +384,12 @@ export default {
|
|||||||
})
|
})
|
||||||
.catch(function () { });
|
.catch(function () { });
|
||||||
},
|
},
|
||||||
|
// 关键性话术
|
||||||
|
handleSkill() {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.SkillDialog.init();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -119,7 +119,7 @@ export default {
|
|||||||
address: { required: true, message: '位置不为空', trigger: 'blur' },
|
address: { required: true, message: '位置不为空', trigger: 'blur' },
|
||||||
intentionState: { required: true, message: '意向状态不为空', trigger: 'blur,change' },
|
intentionState: { required: true, message: '意向状态不为空', trigger: 'blur,change' },
|
||||||
goodName: { required: true, message: '商品名称不为空', trigger: 'blur,change' },
|
goodName: { required: true, message: '商品名称不为空', trigger: 'blur,change' },
|
||||||
amountReceived: { required: true, message: '订单实收不为空', trigger: 'blur,change' }
|
amountReceived: { required: true, message: '订单实收不为空', trigger: 'blur,change' },
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
<el-input v-model="searchForm.name" placeholder="姓名/联系方式" clearable style="width: 200px" />
|
<el-input v-model="searchForm.name" placeholder="姓名/联系方式" clearable style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="线索来源">
|
<el-form-item label="线索来源">
|
||||||
<el-select v-model="searchForm.source" placeholder="选择线索来源" clearable>
|
<el-select v-model="searchForm.source" placeholder="选择线索来源" filterable clearable>
|
||||||
<el-option v-for="dict in sourceOptions" :key="dict.dictValue" :value="dict.dictValue" />
|
<el-option v-for="dict in sourceOptions" :key="dict.dictValue" :value="dict.dictValue" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -66,7 +66,8 @@ export default {
|
|||||||
{ value: 5, label: '今日跟踪' },
|
{ value: 5, label: '今日跟踪' },
|
||||||
{ value: 6, label: '过期线索' },
|
{ value: 6, label: '过期线索' },
|
||||||
{ value: 7, label: '相关线索' },
|
{ value: 7, label: '相关线索' },
|
||||||
{ value: 8, label: '撞单线索' }
|
{ value: 8, label: '撞单线索' },
|
||||||
|
{ value: 9, label: '待分配' }
|
||||||
],
|
],
|
||||||
intentionOptions: [],
|
intentionOptions: [],
|
||||||
createDateRange: [],
|
createDateRange: [],
|
||||||
|
|||||||
90
src/views/zs/clue/components/SkillDialog.vue
Normal file
90
src/views/zs/clue/components/SkillDialog.vue
Normal file
@@ -0,0 +1,90 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: riverQiu
|
||||||
|
* @Date: 2023-10-14 13:21:37
|
||||||
|
* @LastEditors: riverQiu
|
||||||
|
* @LastEditTime: 2023-10-15 00:55:44
|
||||||
|
* @Description:
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<el-dialog title="话术" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="800px" height="700">
|
||||||
|
<div>
|
||||||
|
<!-- 问题 -->
|
||||||
|
<el-input v-model="queryParams.searchValue" placeholder="请输入问题" clearable @keyup.enter.native="queryAnswer" style="margin-bottom: 10px;"/>
|
||||||
|
|
||||||
|
<!-- 关键词 -->
|
||||||
|
<el-checkbox-group v-model="queryParams.keyList" @change="queryAnswer">
|
||||||
|
<el-checkbox v-for="(item, index) in dict.type.dm_skill_key" :key="index" :label="item.value" style="margin: 2px;" border>{{item.label}}</el-checkbox>
|
||||||
|
</el-checkbox-group>
|
||||||
|
|
||||||
|
<!-- 话术内容 -->
|
||||||
|
<el-card class="box-card">
|
||||||
|
|
||||||
|
<div class="text item">
|
||||||
|
<ul v-for="item in skillInfo">
|
||||||
|
<li>
|
||||||
|
<span style="font-style: italic; font-size: 16px; font-weight: bold; margin-right: 5px;">Q:</span><span>{{item.question}}</span>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span style="font-style: italic; font-size: 16px; font-weight: bold; margin-right: 5px;">A:</span><span v-html="item.content"></span>
|
||||||
|
</li>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
</ul>
|
||||||
|
<span v-html="content" />
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { listSkill,getSkillKey, getSkill } from '@/api/system/skill';
|
||||||
|
export default {
|
||||||
|
name: 'SkillDialog',
|
||||||
|
dicts: ['dm_skill_key'],
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
loading: true,
|
||||||
|
keyOptions: [],
|
||||||
|
content: undefined,
|
||||||
|
skillId: undefined,
|
||||||
|
queryParams:{
|
||||||
|
searchValue: undefined,
|
||||||
|
keyList: [],
|
||||||
|
status: 2
|
||||||
|
},
|
||||||
|
skillInfo:[]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
init () {
|
||||||
|
this.visible = true;
|
||||||
|
this.getSkillKeyOption();
|
||||||
|
},
|
||||||
|
getSkillKeyOption () {
|
||||||
|
getSkillKey().then((resp) => {
|
||||||
|
if (resp && resp.code === 200) {
|
||||||
|
this.keyOptions = resp.data;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
queryAnswer(){
|
||||||
|
console.log(this.queryParams)
|
||||||
|
this.skillInfo = []
|
||||||
|
listSkill(this.queryParams).then((resp) => {
|
||||||
|
if (resp && resp.code === 200) {
|
||||||
|
this.skillInfo = resp.data;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.box-card {
|
||||||
|
width: 500px;
|
||||||
|
min-height: 100px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
@@ -13,6 +13,8 @@
|
|||||||
<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>
|
||||||
|
<el-button type="primary" @click="handleSkill">关键话术</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>
|
||||||
@@ -58,6 +60,8 @@
|
|||||||
<MemoFormDialog ref="memoDialog" @refreshDataList="_getTableList" />
|
<MemoFormDialog ref="memoDialog" @refreshDataList="_getTableList" />
|
||||||
<!-- 抖音直播弹框 -->
|
<!-- 抖音直播弹框 -->
|
||||||
<DYClueFormDialog ref="DYClueFormDialog" @refreshDataList="_getTableList"/>
|
<DYClueFormDialog ref="DYClueFormDialog" @refreshDataList="_getTableList"/>
|
||||||
|
<!-- 关键性话术 -->
|
||||||
|
<SkillDialog ref="SkillDialog"/>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -72,6 +76,7 @@ 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 DYClueFormDialog from './components/DYClueFormDialog.vue';
|
||||||
|
import SkillDialog from './components/SkillDialog.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';
|
||||||
@@ -89,7 +94,7 @@ export default {
|
|||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
SearchForm, BatchUpdateDialog, PublicDialog, UploadDialog, SignFormDialog, DistributeFormDialog, ZhuangDanDialog, MemoFormDialog,
|
SearchForm, BatchUpdateDialog, PublicDialog, UploadDialog, SignFormDialog, DistributeFormDialog, ZhuangDanDialog, MemoFormDialog,
|
||||||
DYClueFormDialog
|
DYClueFormDialog,SkillDialog
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -300,7 +305,12 @@ export default {
|
|||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
handleSkill() {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.SkillDialog.init();
|
||||||
|
});
|
||||||
|
},
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="线索来源">
|
<el-form-item label="线索来源">
|
||||||
<el-select v-model="searchForm.source" placeholder="请选择" clearable>
|
<el-select v-model="searchForm.source" placeholder="请选择" filterable clearable>
|
||||||
<el-option v-for="dict in options.sourceOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
<el-option v-for="dict in options.sourceOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|||||||
@@ -33,18 +33,18 @@ module.exports = {
|
|||||||
port: port,
|
port: port,
|
||||||
open: true,
|
open: true,
|
||||||
proxy: {
|
proxy: {
|
||||||
[process.env.VUE_APP_BASE_API + '/driver-api']: {
|
[process.env.VUE_APP_BASE_API + '/xunjia']: {
|
||||||
// target: `http://118.31.23.45:8888/driver-api/`,
|
// target: `http://localhost:8889/driver-api/`,
|
||||||
target: `http://localhost:8888/driver-api/`,
|
target: `https://xueche.ahduima.com/duima/xunjia/`,
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
pathRewrite: {
|
pathRewrite: {
|
||||||
['^' + process.env.VUE_APP_BASE_API + '/driver-api']: ''
|
['^' + process.env.VUE_APP_BASE_API + '/xunjia']: ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 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/`,
|
||||||
target: `http://localhost:8086`,
|
// target: `http://localhost:8086`,
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
pathRewrite: {
|
pathRewrite: {
|
||||||
['^' + process.env.VUE_APP_BASE_API]: ''
|
['^' + process.env.VUE_APP_BASE_API]: ''
|
||||||
|
|||||||
Reference in New Issue
Block a user