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