|
@@ -3,7 +3,7 @@
|
|
|
<div class="card table-search">
|
|
<div class="card table-search">
|
|
|
<el-form ref="elSearchFormRef" :inline="true" size="small" :model="searchForm" class="demo-form-inline" @keyup.enter="onSubmit">
|
|
<el-form ref="elSearchFormRef" :inline="true" size="small" :model="searchForm" class="demo-form-inline" @keyup.enter="onSubmit">
|
|
|
<el-form-item label="分类">
|
|
<el-form-item label="分类">
|
|
|
- <el-select v-model="searchForm.category_id" placeholder="分类" clearable style="width:150px">
|
|
|
|
|
|
|
+ <el-select v-model="searchForm.categoryId" placeholder="分类" clearable style="width:150px">
|
|
|
<el-option v-for="item in categoryOptions" :key="item.id" :label="item.name" :value="item.id" />
|
|
<el-option v-for="item in categoryOptions" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -29,14 +29,14 @@
|
|
|
|
|
|
|
|
<el-table ref="myTable" :data="tableData" border size="small">
|
|
<el-table ref="myTable" :data="tableData" border size="small">
|
|
|
<el-table-column prop="id" label="ID" align="center" width="80" />
|
|
<el-table-column prop="id" label="ID" align="center" width="80" />
|
|
|
- <el-table-column prop="category_id" label="分类" align="center" width="120">
|
|
|
|
|
|
|
+ <el-table-column prop="categoryId" label="分类" align="center" width="120">
|
|
|
<template #default="{ row }">
|
|
<template #default="{ row }">
|
|
|
- {{ getCategoryName(row.category_id) }}
|
|
|
|
|
|
|
+ {{ getCategoryName(row.categoryId) }}
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<el-table-column prop="title" label="标题" align="center" min-width="200" />
|
|
<el-table-column prop="title" label="标题" align="center" min-width="200" />
|
|
|
<el-table-column prop="sort" label="排序" align="center" width="80" />
|
|
<el-table-column prop="sort" label="排序" align="center" width="80" />
|
|
|
- <el-table-column prop="views" label="浏览量" align="center" width="80" />
|
|
|
|
|
|
|
+ <el-table-column prop="viewCount" label="浏览量" align="center" width="80" />
|
|
|
<el-table-column prop="status" label="状态" align="center" width="80">
|
|
<el-table-column prop="status" label="状态" align="center" width="80">
|
|
|
<template #default="{ row }">
|
|
<template #default="{ row }">
|
|
|
<el-tag :type="row.status === 1 ? 'success' : 'danger'">
|
|
<el-tag :type="row.status === 1 ? 'success' : 'danger'">
|
|
@@ -44,9 +44,9 @@
|
|
|
</el-tag>
|
|
</el-tag>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column prop="created_at" label="创建时间" align="center" min-width="160">
|
|
|
|
|
|
|
+ <el-table-column prop="createdAt" label="创建时间" align="center" min-width="160">
|
|
|
<template #default="{ row }">
|
|
<template #default="{ row }">
|
|
|
- <span v-if="row.created_at">{{ formatUnix(row.created_at) }}</span>
|
|
|
|
|
|
|
+ <span v-if="row.createdAt">{{ formatUnix(row.createdAt) }}</span>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<el-table-column fixed="right" label="操作" align="center" width="150">
|
|
<el-table-column fixed="right" label="操作" align="center" width="150">
|
|
@@ -64,8 +64,8 @@
|
|
|
<!-- 编辑弹窗 -->
|
|
<!-- 编辑弹窗 -->
|
|
|
<el-dialog v-model="dialogVisible" :title="isEdit ? '编辑帮助' : '新增帮助'" width="700px" center destroy-on-close>
|
|
<el-dialog v-model="dialogVisible" :title="isEdit ? '编辑帮助' : '新增帮助'" width="700px" center destroy-on-close>
|
|
|
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px">
|
|
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px">
|
|
|
- <el-form-item label="分类" prop="category_id">
|
|
|
|
|
- <el-select v-model="formData.category_id" placeholder="请选择分类" style="width: 100%">
|
|
|
|
|
|
|
+ <el-form-item label="分类" prop="categoryId">
|
|
|
|
|
+ <el-select v-model="formData.categoryId" placeholder="请选择分类" style="width: 100%">
|
|
|
<el-option v-for="item in categoryOptions" :key="item.id" :label="item.name" :value="item.id" />
|
|
<el-option v-for="item in categoryOptions" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -100,7 +100,7 @@ import { ElNotification, ElMessageBox } from "element-plus";
|
|
|
import Pagination from "@/components/Pangination/Pagination.vue";
|
|
import Pagination from "@/components/Pangination/Pagination.vue";
|
|
|
import { getHelpList, createHelp, updateHelp, deleteHelp, getHelpCategoryList } from "@/api/modules/daytask.js";
|
|
import { getHelpList, createHelp, updateHelp, deleteHelp, getHelpCategoryList } from "@/api/modules/daytask.js";
|
|
|
|
|
|
|
|
-const searchForm = ref({ category_id: null, title: null });
|
|
|
|
|
|
|
+const searchForm = ref({ categoryId: null, title: null });
|
|
|
const tableData = ref([]);
|
|
const tableData = ref([]);
|
|
|
const pageable = reactive({ pageNum: 1, pageSize: 30, total: 0 });
|
|
const pageable = reactive({ pageNum: 1, pageSize: 30, total: 0 });
|
|
|
const categoryOptions = ref([]);
|
|
const categoryOptions = ref([]);
|
|
@@ -111,14 +111,14 @@ const formRef = ref(null);
|
|
|
const submitLoading = ref(false);
|
|
const submitLoading = ref(false);
|
|
|
const formData = ref({
|
|
const formData = ref({
|
|
|
id: null,
|
|
id: null,
|
|
|
- category_id: null,
|
|
|
|
|
|
|
+ categoryId: null,
|
|
|
title: "",
|
|
title: "",
|
|
|
content: "",
|
|
content: "",
|
|
|
sort: 0,
|
|
sort: 0,
|
|
|
status: 1
|
|
status: 1
|
|
|
});
|
|
});
|
|
|
const formRules = ref({
|
|
const formRules = ref({
|
|
|
- category_id: [{ required: true, message: "请选择分类", trigger: "change" }],
|
|
|
|
|
|
|
+ categoryId: [{ required: true, message: "请选择分类", trigger: "change" }],
|
|
|
title: [{ required: true, message: "请输入标题", trigger: "blur" }],
|
|
title: [{ required: true, message: "请输入标题", trigger: "blur" }],
|
|
|
content: [{ required: true, message: "请输入内容", trigger: "blur" }],
|
|
content: [{ required: true, message: "请输入内容", trigger: "blur" }],
|
|
|
status: [{ required: true, message: "请选择状态", trigger: "change" }]
|
|
status: [{ required: true, message: "请选择状态", trigger: "change" }]
|
|
@@ -177,7 +177,7 @@ const onSubmit = () => {
|
|
|
const refresh = () => getList();
|
|
const refresh = () => getList();
|
|
|
|
|
|
|
|
const onResetSearch = () => {
|
|
const onResetSearch = () => {
|
|
|
- searchForm.value = { category_id: null, title: null };
|
|
|
|
|
|
|
+ searchForm.value = { categoryId: null, title: null };
|
|
|
getList();
|
|
getList();
|
|
|
};
|
|
};
|
|
|
|
|
|
|
@@ -194,7 +194,7 @@ const openDialog = (row) => {
|
|
|
} else {
|
|
} else {
|
|
|
formData.value = {
|
|
formData.value = {
|
|
|
id: null,
|
|
id: null,
|
|
|
- category_id: null,
|
|
|
|
|
|
|
+ categoryId: null,
|
|
|
title: "",
|
|
title: "",
|
|
|
content: "",
|
|
content: "",
|
|
|
sort: 0,
|
|
sort: 0,
|
|
@@ -214,7 +214,9 @@ const handleSubmit = async () => {
|
|
|
submitLoading.value = true;
|
|
submitLoading.value = true;
|
|
|
try {
|
|
try {
|
|
|
const api = isEdit.value ? updateHelp : createHelp;
|
|
const api = isEdit.value ? updateHelp : createHelp;
|
|
|
- const res = await api(formData.value);
|
|
|
|
|
|
|
+ const params = { ...formData.value };
|
|
|
|
|
+ const submitData = isEdit.value ? { id: params.id, data: params } : { data: params };
|
|
|
|
|
+ const res = await api(submitData);
|
|
|
if (res.code === 200) {
|
|
if (res.code === 200) {
|
|
|
ElNotification.success(isEdit.value ? "更新成功" : "创建成功");
|
|
ElNotification.success(isEdit.value ? "更新成功" : "创建成功");
|
|
|
dialogVisible.value = false;
|
|
dialogVisible.value = false;
|