明树Git Lab

Skip to content

J
jt_front
Commit 3b68760b authored by zhanghan's avatar zhanghan
Browse files
Options

bug调整

parent 189a486f
Pipeline #108217 passed with stage
    in 20 seconds
    Hide whitespace changes
    Inline Side-by-side
    Showing with 395 additions and 358 deletions
    src/views/systemManage/resourceManage.vue
    View file @ 3b68760b
    <template> <template>
    <div class="system-manage-container"> <div class="system-manage-container">
    <div class="system-manage-header"> <div class="system-manage-header">
    <div class="header-left"> <div class="header-left">
    <el-form :inline="true" :model="searchForm"> <el-form :inline="true" :model="searchForm">
    <el-form-item label="关键字查询"> <el-form-item label="关键字查询">
    <el-input v-model="searchForm.name" clearable @keydown.enter="handleSearch" /> <el-input
    </el-form-item> v-model="searchForm.name"
    <el-form-item label="数据类型查询"> clearable
    <el-select v-model="searchForm.type"> @keydown.enter="handleSearch"
    <el-option label="平级数据" value="1"></el-option> />
    <el-option label="树形数据" value="2"></el-option> </el-form-item>
    </el-select> <el-form-item label="数据类型查询">
    </el-form-item> <el-select v-model="searchForm.type">
    <el-form-item> <el-option label="平级数据" value="1"></el-option>
    <el-button type="primary" @click="handleSearch">查询</el-button> <el-option label="树形数据" value="2"></el-option>
    </el-form-item> </el-select>
    </el-form> </el-form-item>
    </div> <el-form-item>
    <div class="header-right"> <el-button type="primary" @click="handleSearch">查询</el-button>
    <el-form> </el-form-item>
    <el-form-item> </el-form>
    <el-button type="primary" @click="handleAdd">新增</el-button> </div>
    </el-form-item> <div class="header-right">
    </el-form> <el-form>
    </div> <el-form-item>
    </div> <el-button type="primary" @click="handleAdd">新增</el-button>
    <div class="system-manage-content manage-content"> </el-form-item>
    <common-table </el-form>
    :autoHeight="true" </div>
    :data="tableData" </div>
    :columns="tableColumns" <div class="system-manage-content manage-content">
    :total="total" <common-table
    :current-page="currentPage" :autoHeight="true"
    :page-size="pageSize" :data="tableData"
    title="" :columns="tableColumns"
    :index="true" :total="total"
    :border="true" :current-page="currentPage"
    @size-change="handleSizeChange" :page-size="pageSize"
    @current-page-change="handleCurrentPageChange" title=""
    :index="true"
    :border="true"
    @size-change="handleSizeChange"
    @current-page-change="handleCurrentPageChange"
    >
    <template #operations="{ row, index }">
    <el-button
    link
    type="primary"
    size="small"
    @click="handleEdit(row, index)"
    >
    编辑
    </el-button>
    <el-button
    link
    type="danger"
    size="small"
    @click="handleDelete(row, index)"
    >
    删除
    </el-button>
    </template>
    </common-table>
    </div>
    <el-dialog
    class="add-dialog"
    v-model="dialogVisible"
    :title="dialogTitle"
    width="600px"
    @close="cancelResourceForm"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    >
    <el-form
    :model="resourceFormData"
    ref="resourceForm"
    :rules="resourceRules"
    label-width="100"
    >
    <el-form-item label="名称" prop="name">
    <el-input
    v-model="resourceFormData.name"
    placeholder="请输入资源库名称"
    />
    </el-form-item>
    <el-form-item label="唯一标识" prop="key">
    <el-input
    v-model="resourceFormData.key"
    placeholder="请输入唯一标识"
    />
    </el-form-item>
    <el-form-item label="类型" prop="type">
    <el-select
    v-model="resourceFormData.type"
    placeholder="请选择数据类型"
    :disabled="!!resourceFormData.id"
    >
    <el-option label="平级数据" value="1"></el-option>
    <el-option label="树形数据" value="2"></el-option>
    </el-select>
    </el-form-item>
    <el-button type="primary" @click="addNode">添加节点</el-button>
    <el-form-item label="资源库数据">
    <div class="tree-content">
    <el-tree
    ref="treeRef"
    :data="treeData"
    node-key="key"
    :props="{ label: 'name' }"
    render-after-expand
    > >
    <template #operations="{ row, index }"> <template #default="{ node, data }">
    <el-button link type="primary" size="small" @click="handleEdit(row, index)"> <div class="custom-tree-node">
    编辑 <span class="node-name">
    </el-button> {{ node.label }}
    <el-button link type="danger" size="small" @click="handleDelete(row, index)"> <span class="node-key">{{ data.key }}</span>
    删除 </span>
    </el-button> <el-dropdown>
    </template> <span class="el-dropdown-link">
    </common-table> <i class="iconfont icon-gengduo"></i>
    </div> </span>
    <el-dialog class="add-dialog" <template #dropdown>
    v-model="dialogVisible" <el-dropdown-menu>
    :title="dialogTitle" <el-dropdown-item
    width="600px" @click="nodeAddChild(data)"
    @close="cancelResourceForm" v-if="resourceFormData.type == 2"
    :close-on-click-modal="false" :close-on-press-escape="false"
    >
    <el-form :model="resourceFormData" ref="resourceForm" :rules="resourceRules" label-width="100">
    <el-form-item label="名称" prop="name">
    <el-input v-model="resourceFormData.name" placeholder="请输入资源库名称" />
    </el-form-item>
    <el-form-item label="唯一标识" prop="key">
    <el-input v-model="resourceFormData.key" placeholder="请输入唯一标识" />
    </el-form-item>
    <el-form-item label="类型" prop="type">
    <el-select v-model="resourceFormData.type" placeholder="请选择数据类型"
    :disabled="!!resourceFormData.id"
    >
    <el-option label="平级数据" value="1"></el-option>
    <el-option label="树形数据" value="2"></el-option>
    </el-select>
    </el-form-item>
    <el-button type="primary" @click="addNode">添加节点</el-button>
    <el-form-item label="资源库数据">
    <div class="tree-content">
    <el-tree
    ref="treeRef"
    :data="treeData"
    node-key="key"
    :props="{label: 'name'}"
    render-after-expand
    > >
    <template #default="{ node, data }"> <i class="iconfont icon-tianjia"></i>
    <div class="custom-tree-node"> 添加子节点
    <span class="node-name"> </el-dropdown-item>
    {{ node.label }} <el-dropdown-item @click="nodeEdit(data)">
    <span class="node-key">{{ data.key }}</span> <i class="iconfont icon-bianji"></i>
    </span> 编辑
    <el-dropdown> </el-dropdown-item>
    <span class="el-dropdown-link"> <el-dropdown-item @click="nodeDelete(data)">
    <i class="iconfont icon-gengduo"></i> <i class="iconfont icon-shanchu"></i>
    </span> 删除
    <template #dropdown> </el-dropdown-item>
    <el-dropdown-menu> </el-dropdown-menu>
    <el-dropdown-item @click="nodeAddChild(data)" v-if="resourceFormData.type == 2"> </template>
    <i class="iconfont icon-tianjia"></i> </el-dropdown>
    添加子部门
    </el-dropdown-item>
    <el-dropdown-item @click="nodeEdit(data)">
    <i class="iconfont icon-bianji"></i>
    编辑
    </el-dropdown-item>
    <el-dropdown-item @click="nodeDelete(data)">
    <i class="iconfont icon-shanchu"></i>
    删除
    </el-dropdown-item>
    </el-dropdown-menu>
    </template>
    </el-dropdown>
    </div>
    </template>
    </el-tree>
    </div>
    </el-form-item>
    </el-form>
    <template #footer>
    <div class="dialog-footer">
    <el-button @click="cancelResourceForm">取消</el-button>
    <el-button type="primary" @click="saveResourceForm">保存</el-button>
    </div> </div>
    </template> </template>
    </el-dialog> </el-tree>
    <el-dialog </div>
    v-model="listDialogVisible" </el-form-item>
    :title="listDialogTitle" </el-form>
    width="600px" <template #footer>
    @close="cancelListForm" <div class="dialog-footer">
    :close-on-click-modal="false" :close-on-press-escape="false" <el-button @click="cancelResourceForm">取消</el-button>
    > <el-button type="primary" @click="saveResourceForm">保存</el-button>
    <el-form :model="listFormData" ref="listForm" :rules="listRules" label-width="100"> </div>
    <el-form-item label="名称" prop="name"> </template>
    <el-input v-model="listFormData.name" placeholder="请输入资源库名称" /> </el-dialog>
    </el-form-item> <el-dialog
    <el-form-item label="唯一标识" prop="key"> v-model="listDialogVisible"
    <el-input v-model="listFormData.key" placeholder="请输入唯一标识"/> :title="listDialogTitle"
    </el-form-item> width="600px"
    </el-form> @close="cancelListForm"
    <template #footer> :close-on-click-modal="false"
    <div class="dialog-footer"> :close-on-press-escape="false"
    <el-button @click="cancelListForm">取消</el-button> >
    <el-button type="primary" @click="saveListForm">确定</el-button> <el-form
    </div> :model="listFormData"
    </template> ref="listForm"
    </el-dialog> :rules="listRules"
    </div> label-width="100"
    >
    <el-form-item label="名称" prop="name">
    <el-input
    v-model="listFormData.name"
    placeholder="请输入资源库名称"
    />
    </el-form-item>
    <el-form-item label="唯一标识" prop="key">
    <el-input v-model="listFormData.key" placeholder="请输入唯一标识" />
    </el-form-item>
    </el-form>
    <template #footer>
    <div class="dialog-footer">
    <el-button @click="cancelListForm">取消</el-button>
    <el-button type="primary" @click="saveListForm">确定</el-button>
    </div>
    </template>
    </el-dialog>
    </div>
    </template> </template>
    <script setup> <script setup>
    import { ref, reactive, onMounted, getCurrentInstance, computed } from "vue"; import { ref, reactive, onMounted, getCurrentInstance, computed } from "vue";
    import { ElMessage, ElMessageBox } from "element-plus"; import { ElMessage, ElMessageBox } from "element-plus";
    import CommonTable from "@/components/common/commonTable.vue"; import CommonTable from "@/components/common/commonTable.vue";
    const { proxy } = getCurrentInstance();
    const loading = ref(false);
    const tableData = ref([]);
    const total = ref(0);
    const currentPage = ref(1);
    const pageSize = ref(10);
    const searchForm = ref({});
    // 表格列配置
    const tableColumns = [
    {
    prop: "name",
    label: "资源库名称",
    minWidth: 100,
    showOverflowTooltip: true,
    },
    {
    prop: "key",
    label: "唯一标识",
    minWidth: 100,
    showOverflowTooltip: true,
    },
    {
    prop: "operations",
    label: "操作",
    width: 120,
    slot: "operations",
    fixed: "right",
    align: "center",
    },
    ];
    const getResourceData = () => {
    loading.value = true;
    proxy.$post({
    url: "/api/resource/listResource",
    data: {
    ...searchForm.value,
    page: currentPage.value,
    pagesize: pageSize.value,
    },
    callback: (data) => {
    tableData.value = data.rows;
    total.value = data.count;
    loading.value = false;
    },
    });
    };
    onMounted(() => {
    getResourceData();
    });
    // 分页
    const handleSizeChange = (size) => {
    pageSize.value = size;
    currentPage.value = 1;
    getResourceData();
    };
    const handleCurrentPageChange = (page) => {
    currentPage.value = page;
    getResourceData();
    };
    const handleSearch = (formData) => {
    currentPage.value = 1;
    getResourceData();
    };
    const { proxy } = getCurrentInstance(); const dialogVisible = ref(false);
    const loading = ref(false); const dialogTitle = ref("新增资源库");
    const tableData = ref([]); const resourceForm = ref();
    const total = ref(0); const resourceFormData = ref({});
    const currentPage = ref(1); const resourceRules = {
    const pageSize = ref(10); name: [{ required: true, message: "请输入名称", trigger: "blur" }],
    const searchForm = ref({}); key: [{ required: true, message: "请输入唯一标识", trigger: "blur" }],
    // 表格列配置 };
    const tableColumns = [ let treeData = ref([]);
    { const treeRef = ref();
    prop: "name", const handleAdd = () => {
    label: "资源库名称", dialogTitle.value = "新增资源库";
    minWidth: 100, dialogVisible.value = true;
    showOverflowTooltip: true, };
    const listDialogVisible = ref(false);
    const listDialogTitle = ref("添加节点");
    const listForm = ref();
    const listFormData = ref({});
    const listRules = {
    name: [{ required: true, message: "请输入名称", trigger: "blur" }],
    key: [{ required: true, message: "请输入唯一标识", trigger: "blur" }],
    };
    const addNode = () => {
    listDialogVisible.value = true;
    listDialogTitle.value = "添加节点";
    };
    const nodeData = ref(null);
    const cancelListForm = () => {
    nodeData.value = null;
    listFormData.value = {};
    listForm.value.resetFields();
    listDialogVisible.value = false;
    };
    // 添加子节点
    const nodeAddChild = (data) => {
    nodeData.value = data;
    addNode();
    };
    // 添加节点数据
    const saveListForm = () => {
    let data = {
    name: listFormData.value.name,
    key: listFormData.value.key,
    };
    if (nodeData.value) {
    treeRef.value.append(data, nodeData.value);
    } else {
    treeRef.value.append(data);
    }
    cancelListForm();
    };
    const nodeEdit = (data) => {
    listFormData.value = {
    ...data,
    };
    // dialogVisible.value = false;
    listDialogVisible.value = true;
    listDialogTitle.value = "编辑节点";
    };
    // 删除节点
    const nodeDelete = (data) => {
    ElMessageBox.confirm(`确定删除节点${data.name}？`, "提示", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
    }).then(() => {
    treeRef.value.remove(data);
    });
    };
    // 添加资源库
    const saveResourceForm = () => {
    resourceForm.value.validate((valid) => {
    if (valid) {
    let url = resourceFormData.value.id ? "updateResource" : "createResource";
    proxy.$post({
    url: "/api/resource/" + url,
    data: {
    ...resourceFormData.value,
    type: resourceFormData.value.type || "1",
    resourceInfos: treeData.value,
    }, },
    { callback: (data) => {
    prop: "key", ElMessage.success(dialogTitle.value + "成功");
    label: "唯一标识", cancelResourceForm();
    minWidth: 100, getResourceData();
    showOverflowTooltip: true,
    }, },
    { error: (err) => {
    prop: "operations", ElMessage.error(dialogTitle.value + "失败:", err);
    label: "操作", },
    width: 120, });
    slot: "operations",
    fixed: "right",
    align: "center",
    }
    ];
    const getResourceData = () => {
    loading.value = true;
    proxy.$post({
    url: "/api/resource/listResource",
    data: {
    ...searchForm.value,
    page: currentPage.value,
    pagesize: pageSize.value
    },
    callback: (data) => {
    tableData.value = data.rows;
    total.value = data.count;
    loading.value = false;
    }
    })
    };
    onMounted(() => {
    getResourceData();
    });
    // 分页
    const handleSizeChange = (size) => {
    pageSize.value = size;
    currentPage.value = 1;
    getResourceData();
    }
    const handleCurrentPageChange = (page) => {
    currentPage.value = page;
    getResourceData();
    } }
    const handleSearch = (formData) => { });
    currentPage.value = 1; };
    getResourceData(); const cancelResourceForm = () => {
    }; resourceFormData.value = {};
    treeData.value = [];
    resourceForm.value.resetFields();
    dialogVisible.value = false;
    };
    const dialogVisible = ref(false); const handleEdit = (row, index) => {
    const dialogTitle = ref("新增资源库"); proxy.$post({
    const resourceForm = ref(); url: "/api/resource/getResource",
    const resourceFormData = ref({}); data: {
    const resourceRules = { id: row.id,
    name: [ },
    { required: true, message: "请输入名称", trigger: "blur" } callback: (data) => {
    ], resourceFormData.value = {
    key: [ ...data,
    { required: true, message: "请输入唯一标识", trigger: "blur" } type: data.type.toString(),
    ] };
    }; treeData.value = data.resourceInfos || [];
    let treeData = ref([]); dialogTitle.value = "编辑资源库";
    const treeRef = ref(); dialogVisible.value = true;
    const handleAdd = () => { },
    dialogTitle.value = "新增资源库"; });
    dialogVisible.value = true; };
    };
    const listDialogVisible = ref(false); // 删除资源库
    const listDialogTitle = ref("添加节点"); const handleDelete = async (row, index) => {
    const listForm = ref(); try {
    const listFormData = ref({}); await ElMessageBox.confirm(`确定要删除"${row.name}"吗？`, "提示", {
    const listRules = { confirmButtonText: "确定",
    name: [ cancelButtonText: "取消",
    { required: true, message: "请输入名称", trigger: "blur" } type: "warning",
    ], });
    key: [ proxy.$post({
    { required: true, message: "请输入唯一标识", trigger: "blur" } url: "/api/resource/deleteResource",
    ] data: { id: row.id },
    }; callback: (data) => {
    const addNode = () => { getResourceData();
    listDialogVisible.value = true; ElMessage.success("删除成功");
    listDialogTitle.value = "添加节点"; },
    }; error: (err) => {
    const nodeData = ref(null); ElMessage.error("删除失败:", err);
    const cancelListForm = () => { },
    nodeData.value = null; });
    listFormData.value = {}; } catch {}
    listForm.value.resetFields(); };
    listDialogVisible.value = false;
    };
    // 添加子节点
    const nodeAddChild = (data) => {
    nodeData.value = data;
    addNode();
    }
    // 添加节点数据
    const saveListForm = () => {
    let data = {
    name: listFormData.value.name,
    key: listFormData.value.key
    };
    if (nodeData.value) {
    treeRef.value.append(data, nodeData.value);
    } else {
    treeRef.value.append(data);
    }
    cancelListForm();
    };
    const nodeEdit = (data) => {
    listFormData.value = {
    ...data
    };
    dialogVisible.value = false;
    listDialogVisible.value = true;
    listDialogTitle.value = "编辑节点";
    };
    // 删除节点
    const nodeDelete = (data) => {
    ElMessageBox.confirm(`确定删除节点${data.name}？`, "提示", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
    }).then(() => {
    treeRef.value.remove(data);
    });
    };
    // 添加资源库
    const saveResourceForm = () => {
    resourceForm.value.validate(valid => {
    if (valid) {
    let url = resourceFormData.value.id ? "updateResource" : "createResource"
    proxy.$post({
    url: "/api/resource/" + url,
    data: {
    ...resourceFormData.value,
    type: resourceFormData.value.type || "1",
    resourceInfos: treeData.value
    },
    callback: (data) => {
    ElMessage.success(dialogTitle.value + "成功");
    cancelResourceForm();
    getResourceData();
    },
    error: (err) => {
    ElMessage.error(dialogTitle.value + "失败:", err);
    }
    })
    }
    })
    }
    const cancelResourceForm = () => {
    resourceFormData.value = {};
    treeData.value = [];
    resourceForm.value.resetFields();
    dialogVisible.value = false;
    };
    const handleEdit = (row, index) => {
    proxy.$post({
    url: "/api/resource/getResource",
    data: {
    id: row.id
    },
    callback: (data) => {
    resourceFormData.value = {
    ...data,
    type: data.type.toString()
    };
    treeData.value = data.resourceInfos || [];
    dialogVisible.value = true;
    }
    })
    }
    // 删除资源库
    const handleDelete = async (row, index) => {
    try {
    await ElMessageBox.confirm(`确定要删除"${row.name}"吗？`, "提示", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
    });
    proxy.$post({
    url: "/api/resource/deleteResource",
    data: { id: row.id },
    callback: (data) => {
    getResourceData();
    ElMessage.success("删除成功");
    },
    error: (err) => {
    ElMessage.error("删除失败:", err);
    }
    });
    } catch {}
    };
    </script> </script>
    <style lang="less"> <style lang="less">
    @import "@/styles/manage.less"; @import "@/styles/manage.less";
    .tree-content{ .tree-content {
    width: 100%; width: 100%;
    height: 150px; height: 150px;
    } }
    </style> </style>
    \ No newline at end of file
    src/views/systemManage/userManage.vue
    View file @ 3b68760b
    ...@@ -230,7 +230,9 @@ const dialogTitle = ref("新增用户"); ...@@ -230,7 +230,9 @@ const dialogTitle = ref("新增用户");
    // 用户表单数据 // 用户表单数据
    const userForm = ref(); const userForm = ref();
    const userFormData = ref({}); const userFormData = ref({
    enable: 0,
    });
    const departmentData = ref([]); const departmentData = ref([]);
    const rolesData = ref([]); const rolesData = ref([]);
    ......
    Markdown is supported
    0% or
    You are about to add 0 people to the discussion. Proceed with caution.
    Finish editing this message first!
    Please register or to comment