From e5b31f6979672ab876a82ae344d500bc9e0ad533 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期三, 06 九月 2023 09:28:47 +0800
Subject: [PATCH] 修改目录接口
---
src/views/system/experts/index.vue | 329 +++++++++++++++++++++++-------------------------------
1 files changed, 141 insertions(+), 188 deletions(-)
diff --git a/src/views/system/experts/index.vue b/src/views/system/experts/index.vue
index 444bf63..b749fd4 100644
--- a/src/views/system/experts/index.vue
+++ b/src/views/system/experts/index.vue
@@ -1,38 +1,5 @@
<template>
<div class="app-container">
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
- <el-form-item label="岗位编码" prop="postCode">
- <el-input
- v-model="queryParams.postCode"
- placeholder="请输入岗位编码"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="岗位名称" prop="postName">
- <el-input
- v-model="queryParams.postName"
- placeholder="请输入岗位名称"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="状态" prop="status">
- <el-select v-model="queryParams.status" placeholder="岗位状态" clearable>
- <el-option
- v-for="dict in dict.type.sys_normal_disable"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- />
- </el-select>
- </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
@@ -44,57 +11,43 @@
v-hasPermi="['system:post:add']"
>新增</el-button>
</el-col>
- <el-col :span="1.5">
- <el-button
- type="success"
- plain
- icon="el-icon-edit"
- size="mini"
- :disabled="single"
- @click="handleUpdate"
- v-hasPermi="['system:post:edit']"
- >修改</el-button>
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="danger"
- plain
- icon="el-icon-delete"
- size="mini"
- :disabled="multiple"
- @click="handleDelete"
- v-hasPermi="['system:post:remove']"
- >删除</el-button>
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="warning"
- plain
- icon="el-icon-download"
- size="mini"
- @click="handleExport"
- v-hasPermi="['system:post:export']"
- >导出</el-button>
- </el-col>
- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+<!-- <el-col :span="1.5">-->
+<!-- <el-button-->
+<!-- type="success"-->
+<!-- plain-->
+<!-- icon="el-icon-edit"-->
+<!-- size="mini"-->
+<!-- :disabled="single"-->
+<!-- @click="handleUpdate"-->
+<!-- v-hasPermi="['system:post:edit']"-->
+<!-- >修改</el-button>-->
+<!-- </el-col>-->
+<!-- <el-col :span="1.5">-->
+<!-- <el-button-->
+<!-- type="danger"-->
+<!-- plain-->
+<!-- icon="el-icon-delete"-->
+<!-- size="mini"-->
+<!-- :disabled="multiple"-->
+<!-- @click="handleDelete"-->
+<!-- v-hasPermi="['system:post:remove']"-->
+<!-- >删除</el-button>-->
+<!-- </el-col>-->
+<!-- <el-col :span="1.5">-->
+<!-- <el-button-->
+<!-- type="warning"-->
+<!-- plain-->
+<!-- icon="el-icon-download"-->
+<!-- size="mini"-->
+<!-- @click="handleExport"-->
+<!-- v-hasPermi="['system:post:export']"-->
+<!-- >导出</el-button>-->
+<!-- </el-col>-->
+<!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>-->
</el-row>
- <el-table v-loading="loading" :data="postList" @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="55" align="center" />
- <el-table-column label="岗位编号" align="center" prop="postId" />
- <el-table-column label="岗位编码" align="center" prop="postCode" />
- <el-table-column label="岗位名称" align="center" prop="postName" />
- <el-table-column label="岗位排序" align="center" prop="postSort" />
- <el-table-column label="状态" align="center" prop="status">
- <template slot-scope="scope">
- <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/>
- </template>
- </el-table-column>
- <el-table-column label="创建时间" align="center" prop="createTime" width="180">
- <template slot-scope="scope">
- <span>{{ parseTime(scope.row.createTime) }}</span>
- </template>
- </el-table-column>
+ <el-table v-loading="loading" :data="expertList" row-key="id" :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
+ <el-table-column label="分类名称" align="center" prop="label" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
@@ -102,50 +55,30 @@
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
- v-hasPermi="['system:post:edit']"
+ v-hasPermi="['system:experts:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
- v-hasPermi="['system:post:remove']"
+ v-hasPermi="['system:experts:remove']"
>删除</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="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
- <el-form-item label="岗位名称" prop="postName">
- <el-input v-model="form.postName" placeholder="请输入岗位名称" />
+ <el-form-item label="父级" v-if="title == '添加分类'" prop="parentId">
+ <el-cascader
+ v-model="form.parentId"
+ :options="expertList"
+ :props="{ expandTrigger: 'hover', value: 'id',label: 'label',emitPath: false,checkStrictly: true }"
+ @change="handleChange"></el-cascader>
</el-form-item>
- <el-form-item label="岗位编码" prop="postCode">
- <el-input v-model="form.postCode" placeholder="请输入编码名称" />
- </el-form-item>
- <el-form-item label="岗位顺序" prop="postSort">
- <el-input-number v-model="form.postSort" controls-position="right" :min="0" />
- </el-form-item>
- <el-form-item label="岗位状态" prop="status">
- <el-radio-group v-model="form.status">
- <el-radio
- v-for="dict in dict.type.sys_normal_disable"
- :key="dict.value"
- :label="dict.value"
- >{{dict.label}}</el-radio>
- </el-radio-group>
- </el-form-item>
- <el-form-item label="备注" prop="remark">
- <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
+ <el-form-item label="分类名称" prop="classifyName">
+ <el-input v-model="form.classifyName" placeholder="请输入分类名称" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@@ -157,17 +90,15 @@
</template>
<script>
-import { listPost, getPost, delPost, addPost, updatePost } from "@/api/system/post";
+import {getExpertTypes, delExpertType, addType, updateType} from "@/api/system/form";
export default {
- name: "Post",
+ name: "Experts",
dicts: ['sys_normal_disable'],
data() {
return {
// 遮罩层
loading: true,
- // 选中数组
- ids: [],
// 非单个禁用
single: true,
// 非多个禁用
@@ -177,31 +108,17 @@
// 总条数
total: 0,
// 岗位表格数据
- postList: [],
+ expertList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
- // 查询参数
- queryParams: {
- pageNum: 1,
- pageSize: 10,
- postCode: undefined,
- postName: undefined,
- status: undefined
- },
// 表单参数
form: {},
// 表单校验
rules: {
- postName: [
- { required: true, message: "岗位名称不能为空", trigger: "blur" }
- ],
- postCode: [
- { required: true, message: "岗位编码不能为空", trigger: "blur" }
- ],
- postSort: [
- { required: true, message: "岗位顺序不能为空", trigger: "blur" }
+ classifyName: [
+ { required: true, message: "分类名称不能为空", trigger: "blur" }
]
}
};
@@ -211,78 +128,89 @@
},
methods: {
/** 查询岗位列表 */
- getList() {
+ async getList() {
this.loading = true;
- listPost(this.queryParams).then(response => {
- this.postList = response.rows;
- this.total = response.total;
- this.loading = false;
- });
+ const res = await getExpertTypes()
+ if(res.code == 200){
+ this.expertList = res.data
+ }else{
+ this.$message({
+ type: 'warning',
+ message: res.msg
+ });
+ }
+ this.loading = false;
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
+ handleChange(value) {
+ console.log(value);
+ },
// 表单重置
reset() {
this.form = {
- postId: undefined,
- postCode: undefined,
- postName: undefined,
- postSort: 0,
- status: "0",
- remark: undefined
+ parentId: 0,
+ classifyId: null,
+ classifyName: ''
};
this.resetForm("form");
},
- /** 搜索按钮操作 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList();
- },
- /** 重置按钮操作 */
- resetQuery() {
- this.resetForm("queryForm");
- this.handleQuery();
- },
- // 多选框选中数据
- handleSelectionChange(selection) {
- this.ids = selection.map(item => item.postId)
- this.single = selection.length!=1
- this.multiple = !selection.length
- },
+
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
- this.title = "添加岗位";
+ this.title = "添加分类";
},
/** 修改按钮操作 */
handleUpdate(row) {
+ console.log(row,'row')
this.reset();
- const postId = row.postId || this.ids
- getPost(postId).then(response => {
- this.form = response.data;
- this.open = true;
- this.title = "修改岗位";
- });
+ this.form.classifyId = row.id;
+ this.form.classifyName = row.label;
+ this.form.parentId = this.findParentNodeById(this.expertList,row.id)
+ this.open = true;
+ this.title = "修改分类";
},
/** 提交按钮 */
submitForm: function() {
this.$refs["form"].validate(valid => {
if (valid) {
- if (this.form.postId != undefined) {
- updatePost(this.form).then(response => {
- this.$modal.msgSuccess("修改成功");
- this.open = false;
- this.getList();
+ if (this.title == '修改分类') {
+ updateType(this.form).then(res => {
+ if(res.code == 200){
+ this.$message({
+ type: 'success',
+ message: '修改成功'
+ });
+ this.open = false;
+ this.getList();
+ }else{
+ this.$message({
+ type: 'warning',
+ message: res.msg
+ });
+ }
});
} else {
- addPost(this.form).then(response => {
- this.$modal.msgSuccess("新增成功");
- this.open = false;
- this.getList();
+ const {classifyId,...data} = this.form
+ addType(data).then(res => {
+ if(res.code == 200){
+ this.$message({
+ type: 'success',
+ message: '添加成功'
+ });
+ this.open = false;
+ this.getList();
+ }else{
+ this.$message({
+ type: 'warning',
+ message: res.msg
+ });
+ }
});
}
}
@@ -290,19 +218,44 @@
},
/** 删除按钮操作 */
handleDelete(row) {
- const postIds = row.postId || this.ids;
- this.$modal.confirm('是否确认删除岗位编号为"' + postIds + '"的数据项？').then(function() {
- return delPost(postIds);
- }).then(() => {
- this.getList();
- this.$modal.msgSuccess("删除成功");
+ const classifyId = row.id;
+ this.$modal.confirm('是否确认删除分类为"' + row.label + '"的数据项？').then(function() {
+ return delExpertType(classifyId);
+ }).then((res) => {
+ if(res.code == 200){
+ this.getList();
+ this.$message({
+ type: 'success',
+ message: '删除成功'
+ });
+ }else{
+ this.$message({
+ type: 'warning',
+ message: res.msg
+ });
+ }
}).catch(() => {});
},
- /** 导出按钮操作 */
- handleExport() {
- this.download('system/post/export', {
- ...this.queryParams
- }, `post_${new Date().getTime()}.xlsx`)
+
+ // 获取父级ID
+ findParentNodeById(data, value) {
+ for (const node of data) {
+ if (node.id === value) {
+ return null; // 已经是根节点，没有父级节点
+ }
+ if (node.children) {
+ for (const child of node.children) {
+ if (child.id === value) {
+ return node.id; // 返回当前节点的ID作为父级ID
+ }
+ }
+ const foundNode = this.findParentNodeById(node.children, value);
+ if (foundNode !== null) {
+ return foundNode; // 返回找到的父级ID
+ }
+ }
+ }
+ return null;
}
}
};
--
Gitblit v1.9.2