服务案例up
This commit is contained in:
@ -179,7 +179,7 @@ export default {
|
|||||||
quill.insertEmbed(
|
quill.insertEmbed(
|
||||||
length,
|
length,
|
||||||
"image",
|
"image",
|
||||||
process.env.VUE_APP_BASE_API + res.fileName
|
process.env.VUE_APP_BASE_API + res.data.url
|
||||||
);
|
);
|
||||||
// 调整光标到最后
|
// 调整光标到最后
|
||||||
quill.setSelection(length + 1);
|
quill.setSelection(length + 1);
|
||||||
|
@ -7,9 +7,9 @@
|
|||||||
:inline="true"
|
:inline="true"
|
||||||
@submit.native.prevent
|
@submit.native.prevent
|
||||||
>
|
>
|
||||||
<el-form-item label="案例标题" prop="kind_title">
|
<el-form-item label="案例标题" prop="title">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="queryParams.kind_title"
|
v-model="queryParams.title"
|
||||||
placeholder="请输入关键字"
|
placeholder="请输入关键字"
|
||||||
clearable
|
clearable
|
||||||
size="small"
|
size="small"
|
||||||
@ -50,7 +50,7 @@
|
|||||||
|
|
||||||
<el-table v-loading="loading" :data="dataList">
|
<el-table v-loading="loading" :data="dataList">
|
||||||
<el-table-column label="数据编码" prop="id" width="120" />
|
<el-table-column label="数据编码" prop="id" width="120" />
|
||||||
<el-table-column label="案例标题" prop="kind_title" width="120" />
|
<el-table-column label="案例标题" prop="title" width="120" />
|
||||||
<el-table-column label="图片" prop="image" align="center" width="120">
|
<el-table-column label="图片" prop="image" align="center" width="120">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div>
|
<div>
|
||||||
@ -106,8 +106,8 @@
|
|||||||
<!-- 添加或修改对话框 -->
|
<!-- 添加或修改对话框 -->
|
||||||
<el-dialog :title="title" :visible.sync="open" width="40%">
|
<el-dialog :title="title" :visible.sync="open" width="40%">
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||||
<el-form-item label="案例标题:" prop="kind_title">
|
<el-form-item label="案例标题:" prop="title">
|
||||||
<el-input v-model="form.kind_title" placeholder="请输入案例标题" />
|
<el-input v-model="form.title" placeholder="请输入案例标题" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="描述:" prop="description">
|
<el-form-item label="描述:" prop="description">
|
||||||
<el-input
|
<el-input
|
||||||
@ -130,8 +130,8 @@
|
|||||||
:props="{ emitPath: false, value: 'id', label: 'title' }"
|
:props="{ emitPath: false, value: 'id', label: 'title' }"
|
||||||
></el-cascader>
|
></el-cascader>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="案例描述:" prop="tenant_id">
|
<el-form-item label="案例描述:" prop="content">
|
||||||
<Editor v-model="form.kind_id" :minHeight="150" />
|
<Editor v-model="form.content" :minHeight="150" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
@ -157,7 +157,6 @@ export default {
|
|||||||
is_super: this.$store.getters.is_super,
|
is_super: this.$store.getters.is_super,
|
||||||
loading: true,
|
loading: true,
|
||||||
showSearch: true,
|
showSearch: true,
|
||||||
tenantOptions: [],
|
|
||||||
caseOptions: [],
|
caseOptions: [],
|
||||||
modeOptions: [
|
modeOptions: [
|
||||||
{
|
{
|
||||||
@ -178,7 +177,7 @@ export default {
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
queryParams: {
|
queryParams: {
|
||||||
kind_title: undefined,
|
title: undefined,
|
||||||
tenant_id: undefined,
|
tenant_id: undefined,
|
||||||
page_num: 1,
|
page_num: 1,
|
||||||
page_size: 10,
|
page_size: 10,
|
||||||
@ -193,10 +192,10 @@ export default {
|
|||||||
form: {},
|
form: {},
|
||||||
rules: {
|
rules: {
|
||||||
title: [
|
title: [
|
||||||
{ required: true, message: "数据名称不能为空", trigger: "blur" },
|
{ required: true, message: "案例标题不能为空", trigger: "blur" },
|
||||||
],
|
],
|
||||||
tenant_id: [
|
description: [
|
||||||
{ required: true, message: "归属导航不能为空", trigger: "change" },
|
{ required: true, message: "描述不能为空", trigger: "blur" },
|
||||||
],
|
],
|
||||||
image: [
|
image: [
|
||||||
{
|
{
|
||||||
@ -205,13 +204,20 @@ export default {
|
|||||||
trigger: ["blur", "change"],
|
trigger: ["blur", "change"],
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
mode: [
|
kind_id: [
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: "模式不能为空",
|
message: "案例类型不能为空",
|
||||||
trigger: ["blur", "change"],
|
trigger: ["blur", "change"],
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
content: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "案例描述不能为空",
|
||||||
|
trigger: "blur",
|
||||||
|
},
|
||||||
|
],
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
@ -245,7 +251,8 @@ export default {
|
|||||||
tenant_id: undefined,
|
tenant_id: undefined,
|
||||||
title: undefined,
|
title: undefined,
|
||||||
image: undefined,
|
image: undefined,
|
||||||
mode: undefined,
|
description: undefined,
|
||||||
|
content: "",
|
||||||
};
|
};
|
||||||
this.resetForm("form");
|
this.resetForm("form");
|
||||||
},
|
},
|
||||||
@ -256,9 +263,11 @@ export default {
|
|||||||
},
|
},
|
||||||
handleUpdate(row) {
|
handleUpdate(row) {
|
||||||
this.reset();
|
this.reset();
|
||||||
this.form = Object.assign({}, row);
|
serviceCaseDetail({ id: row.id }).then((res) => {
|
||||||
this.open = true;
|
this.form = res.data;
|
||||||
this.title = "修改";
|
this.open = true;
|
||||||
|
this.title = "修改";
|
||||||
|
});
|
||||||
},
|
},
|
||||||
submitForm() {
|
submitForm() {
|
||||||
this.$refs["form"].validate((valid) => {
|
this.$refs["form"].validate((valid) => {
|
||||||
@ -295,17 +304,14 @@ export default {
|
|||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.getList();
|
this.getList();
|
||||||
tenantSelect().then((res) => {
|
serviceCaseKindSelect().then((res) => {
|
||||||
for (const key in res.data) {
|
for (const key in res.data) {
|
||||||
if (Object.hasOwnProperty.call(res.data, key)) {
|
if (Object.hasOwnProperty.call(res.data, key)) {
|
||||||
const item = res.data[key];
|
const item = res.data[key];
|
||||||
this.tenantOptions.push(item);
|
this.caseOptions.push(item);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
serviceCaseKindSelect().then((res) => {
|
|
||||||
console.log(res);
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
Reference in New Issue
Block a user