SmartBench/CMVR-IOT-UI
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 适配分辨率

Browse Source
This commit is contained in:
zhanghao 2025-10-24 09:48:24 +08:00
parent 907d75ffc1
commit 1cf8cba6c4
4 changed files with 1684 additions and 1657 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

913
src/views/system/menu/index.vue
View File

@ -1,452 +1,461 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch"> <div ref="topContainerRef">
<el-form-item label="菜单名称" prop="menuName"> <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
<el-input <el-form-item label="菜单名称" prop="menuName">
v-model="queryParams.menuName" <el-input
placeholder="请输入菜单名称" v-model="queryParams.menuName"
clearable placeholder="请输入菜单名称"
style="width: 200px" clearable
@keyup.enter="handleQuery" style="width: 200px"
/> @keyup.enter="handleQuery"
</el-form-item> />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-select v-model="queryParams.status" placeholder="菜单状态" clearable style="width: 200px"> <el-form-item label="状态" prop="status">
<el-option <el-select v-model="queryParams.status" placeholder="菜单状态" clearable style="width: 200px">
v-for="dict in sys_normal_disable" <el-option
:key="dict.value" v-for="dict in sys_normal_disable"
:label="dict.label" :key="dict.value"
:value="dict.value" :label="dict.label"
/> :value="dict.value"
</el-select> />
</el-form-item> </el-select>
<el-form-item> </el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> <el-form-item>
<el-button icon="Refresh" @click="resetQuery">重置</el-button> <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
</el-form-item> <el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form> </el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-row :gutter="10" class="mb8">
<el-button <el-col :span="1.5">
type="primary" <el-button
plain type="primary"
icon="Plus" plain
@click="handleAdd" icon="Plus"
v-hasPermi="['system:menu:add']" @click="handleAdd"
>新增</el-button> v-hasPermi="['system:menu:add']"
</el-col> >新增</el-button>
<el-col :span="1.5"> </el-col>
<el-button <el-col :span="1.5">
type="info" <el-button
plain type="info"
icon="Sort" plain
@click="toggleExpandAll" icon="Sort"
>展开/折叠</el-button> @click="toggleExpandAll"
</el-col> >展开/折叠</el-button>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> </el-col>
</el-row> <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table </div>
v-if="refreshTable"
v-loading="loading" <div :style="containerHeight">
:data="menuList" <el-table
row-key="menuId" v-if="refreshTable"
:default-expand-all="isExpandAll" height="100%"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="loading"
> :data="menuList"
<el-table-column prop="menuName" label="菜单名称" :show-overflow-tooltip="true" width="160"></el-table-column> row-key="menuId"
<el-table-column prop="icon" label="图标" align="center" width="100"> :default-expand-all="isExpandAll"
<template #default="scope"> :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
<svg-icon :icon-class="scope.row.icon" /> >
</template> <el-table-column prop="menuName" label="菜单名称" :show-overflow-tooltip="true" width="160"></el-table-column>
</el-table-column> <el-table-column prop="icon" label="图标" align="center" width="100">
<el-table-column prop="orderNum" label="排序" width="60"></el-table-column> <template #default="scope">
<el-table-column prop="perms" label="权限标识" :show-overflow-tooltip="true"></el-table-column> <svg-icon :icon-class="scope.row.icon" />
<el-table-column prop="component" label="组件路径" :show-overflow-tooltip="true"></el-table-column> </template>
<el-table-column prop="status" label="状态" width="80"> </el-table-column>
<template #default="scope"> <el-table-column prop="orderNum" label="排序" width="60"></el-table-column>
<dict-tag :options="sys_normal_disable" :value="scope.row.status" /> <el-table-column prop="perms" label="权限标识" :show-overflow-tooltip="true"></el-table-column>
</template> <el-table-column prop="component" label="组件路径" :show-overflow-tooltip="true"></el-table-column>
</el-table-column> <el-table-column prop="status" label="状态" width="80">
<el-table-column label="创建时间" align="center" width="160" prop="createTime"> <template #default="scope">
<template #default="scope"> <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
<span>{{ parseTime(scope.row.createTime) }}</span> </template>
</template> </el-table-column>
</el-table-column> <el-table-column label="创建时间" align="center" width="160" prop="createTime">
<el-table-column label="操作" align="center" width="210" class-name="small-padding fixed-width"> <template #default="scope">
<template #default="scope"> <span>{{ parseTime(scope.row.createTime) }}</span>
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:menu:edit']">修改</el-button> </template>
<el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['system:menu:add']">新增</el-button> </el-table-column>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:menu:remove']">删除</el-button> <el-table-column label="操作" align="center" width="210" class-name="small-padding fixed-width">
</template> <template #default="scope">
</el-table-column> <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:menu:edit']">修改</el-button>
</el-table> <el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['system:menu:add']">新增</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:menu:remove']">删除</el-button>
<!-- 添加或修改菜单对话框 --> </template>
<el-dialog :title="title" v-model="open" width="680px" append-to-body> </el-table-column>
<el-form ref="menuRef" :model="form" :rules="rules" label-width="100px"> </el-table>
<el-row> </div>
<el-col :span="24">
<el-form-item label="上级菜单"> <!-- 添加或修改菜单对话框 -->
<el-tree-select <el-dialog :title="title" v-model="open" width="680px" append-to-body>
v-model="form.parentId" <el-form ref="menuRef" :model="form" :rules="rules" label-width="100px">
:data="menuOptions" <el-row>
:props="{ value: 'menuId', label: 'menuName', children: 'children' }" <el-col :span="24">
value-key="menuId" <el-form-item label="上级菜单">
placeholder="选择上级菜单" <el-tree-select
check-strictly v-model="form.parentId"
/> :data="menuOptions"
</el-form-item> :props="{ value: 'menuId', label: 'menuName', children: 'children' }"
</el-col> value-key="menuId"
<el-col :span="24"> placeholder="选择上级菜单"
<el-form-item label="菜单类型" prop="menuType"> check-strictly
<el-radio-group v-model="form.menuType"> />
<el-radio value="M">目录</el-radio> </el-form-item>
<el-radio value="C">菜单</el-radio> </el-col>
<el-radio value="F">按钮</el-radio> <el-col :span="24">
</el-radio-group> <el-form-item label="菜单类型" prop="menuType">
</el-form-item> <el-radio-group v-model="form.menuType">
</el-col> <el-radio value="M">目录</el-radio>
<el-col :span="12" v-if="form.menuType != 'F'"> <el-radio value="C">菜单</el-radio>
<el-form-item label="菜单图标" prop="icon"> <el-radio value="F">按钮</el-radio>
<el-popover </el-radio-group>
placement="bottom-start" </el-form-item>
:width="540" </el-col>
trigger="click" <el-col :span="12" v-if="form.menuType != 'F'">
> <el-form-item label="菜单图标" prop="icon">
<template #reference> <el-popover
<el-input v-model="form.icon" placeholder="点击选择图标" @blur="showSelectIcon" readonly> placement="bottom-start"
<template #prefix> :width="540"
<svg-icon trigger="click"
v-if="form.icon" >
:icon-class="form.icon" <template #reference>
class="el-input__icon" <el-input v-model="form.icon" placeholder="点击选择图标" @blur="showSelectIcon" readonly>
style="height: 32px;width: 16px;" <template #prefix>
/> <svg-icon
<el-icon v-else style="height: 32px;width: 16px;"><search /></el-icon> v-if="form.icon"
</template> :icon-class="form.icon"
</el-input> class="el-input__icon"
</template> style="height: 32px;width: 16px;"
<icon-select ref="iconSelectRef" @selected="selected" :active-icon="form.icon" /> />
</el-popover> <el-icon v-else style="height: 32px;width: 16px;"><search /></el-icon>
</el-form-item> </template>
</el-col> </el-input>
<el-col :span="12"> </template>
<el-form-item label="显示排序" prop="orderNum"> <icon-select ref="iconSelectRef" @selected="selected" :active-icon="form.icon" />
<el-input-number v-model="form.orderNum" controls-position="right" :min="0" /> </el-popover>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="菜单名称" prop="menuName"> <el-form-item label="显示排序" prop="orderNum">
<el-input v-model="form.menuName" placeholder="请输入菜单名称" /> <el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" v-if="form.menuType == 'C'"> <el-col :span="12">
<el-form-item prop="routeName"> <el-form-item label="菜单名称" prop="menuName">
<template #label> <el-input v-model="form.menuName" placeholder="请输入菜单名称" />
<span> </el-form-item>
<el-tooltip content="默认不填则和路由地址相同：如地址为：`user`，则名称为`User`（注意：因为router会删除名称相同路由，为避免名字的冲突，特殊情况下请自定义，保证唯一性）" placement="top"> </el-col>
<el-icon><question-filled /></el-icon> <el-col :span="12" v-if="form.menuType == 'C'">
</el-tooltip> <el-form-item prop="routeName">
路由名称 <template #label>
</span> <span>
</template> <el-tooltip content="默认不填则和路由地址相同：如地址为：`user`，则名称为`User`（注意：因为router会删除名称相同路由，为避免名字的冲突，特殊情况下请自定义，保证唯一性）" placement="top">
<el-input v-model="form.routeName" placeholder="请输入路由名称" /> <el-icon><question-filled /></el-icon>
</el-form-item> </el-tooltip>
</el-col> 路由名称
<el-col :span="12" v-if="form.menuType != 'F'"> </span>
<el-form-item> </template>
<template #label> <el-input v-model="form.routeName" placeholder="请输入路由名称" />
<span> </el-form-item>
<el-tooltip content="选择是外链则路由地址需要以`http(s)://`开头" placement="top"> </el-col>
<el-icon><question-filled /></el-icon> <el-col :span="12" v-if="form.menuType != 'F'">
</el-tooltip>是否外链 <el-form-item>
</span> <template #label>
</template> <span>
<el-radio-group v-model="form.isFrame"> <el-tooltip content="选择是外链则路由地址需要以`http(s)://`开头" placement="top">
<el-radio value="0">是</el-radio> <el-icon><question-filled /></el-icon>
<el-radio value="1">否</el-radio> </el-tooltip>是否外链
</el-radio-group> </span>
</el-form-item> </template>
</el-col> <el-radio-group v-model="form.isFrame">
<el-col :span="12" v-if="form.menuType != 'F'"> <el-radio value="0">是</el-radio>
<el-form-item prop="path"> <el-radio value="1">否</el-radio>
<template #label> </el-radio-group>
<span> </el-form-item>
<el-tooltip content="访问的路由地址，如：`user`，如外网地址需内链访问则以`http(s)://`开头" placement="top"> </el-col>
<el-icon><question-filled /></el-icon> <el-col :span="12" v-if="form.menuType != 'F'">
</el-tooltip> <el-form-item prop="path">
路由地址 <template #label>
</span> <span>
</template> <el-tooltip content="访问的路由地址，如：`user`，如外网地址需内链访问则以`http(s)://`开头" placement="top">
<el-input v-model="form.path" placeholder="请输入路由地址" /> <el-icon><question-filled /></el-icon>
</el-form-item> </el-tooltip>
</el-col> 路由地址
<el-col :span="12" v-if="form.menuType == 'C'"> </span>
<el-form-item prop="component"> </template>
<template #label> <el-input v-model="form.path" placeholder="请输入路由地址" />
<span> </el-form-item>
<el-tooltip content="访问的组件路径，如：`system/user/index`，默认在`views`目录下" placement="top"> </el-col>
<el-icon><question-filled /></el-icon> <el-col :span="12" v-if="form.menuType == 'C'">
</el-tooltip> <el-form-item prop="component">
组件路径 <template #label>
</span> <span>
</template> <el-tooltip content="访问的组件路径，如：`system/user/index`，默认在`views`目录下" placement="top">
<el-input v-model="form.component" placeholder="请输入组件路径" /> <el-icon><question-filled /></el-icon>
</el-form-item> </el-tooltip>
</el-col> 组件路径
<el-col :span="12" v-if="form.menuType != 'M'"> </span>
<el-form-item> </template>
<el-input v-model="form.perms" placeholder="请输入权限标识" maxlength="100" /> <el-input v-model="form.component" placeholder="请输入组件路径" />
<template #label> </el-form-item>
<span> </el-col>
<el-tooltip content="控制器中定义的权限字符，如：@PreAuthorize(`@ss.hasPermi('system:user:list')`)" placement="top"> <el-col :span="12" v-if="form.menuType != 'M'">
<el-icon><question-filled /></el-icon> <el-form-item>
</el-tooltip> <el-input v-model="form.perms" placeholder="请输入权限标识" maxlength="100" />
权限字符 <template #label>
</span> <span>
</template> <el-tooltip content="控制器中定义的权限字符，如：@PreAuthorize(`@ss.hasPermi('system:user:list')`)" placement="top">
</el-form-item> <el-icon><question-filled /></el-icon>
</el-col> </el-tooltip>
<el-col :span="12" v-if="form.menuType == 'C'"> 权限字符
<el-form-item> </span>
<el-input v-model="form.query" placeholder="请输入路由参数" maxlength="255" /> </template>
<template #label> </el-form-item>
<span> </el-col>
<el-tooltip content='访问路由的默认传递参数，如：`{"id": 1, "name": "ry"}`' placement="top"> <el-col :span="12" v-if="form.menuType == 'C'">
<el-icon><question-filled /></el-icon> <el-form-item>
</el-tooltip> <el-input v-model="form.query" placeholder="请输入路由参数" maxlength="255" />
路由参数 <template #label>
</span> <span>
</template> <el-tooltip content='访问路由的默认传递参数，如：`{"id": 1, "name": "ry"}`' placement="top">
</el-form-item> <el-icon><question-filled /></el-icon>
</el-col> </el-tooltip>
<el-col :span="12" v-if="form.menuType == 'C'"> 路由参数
<el-form-item> </span>
<template #label> </template>
<span> </el-form-item>
<el-tooltip content="选择是则会被`keep-alive`缓存，需要匹配组件的`name`和地址保持一致" placement="top"> </el-col>
<el-icon><question-filled /></el-icon> <el-col :span="12" v-if="form.menuType == 'C'">
</el-tooltip> <el-form-item>
是否缓存 <template #label>
</span> <span>
</template> <el-tooltip content="选择是则会被`keep-alive`缓存，需要匹配组件的`name`和地址保持一致" placement="top">
<el-radio-group v-model="form.isCache"> <el-icon><question-filled /></el-icon>
<el-radio value="0">缓存</el-radio> </el-tooltip>
<el-radio value="1">不缓存</el-radio> 是否缓存
</el-radio-group> </span>
</el-form-item> </template>
</el-col> <el-radio-group v-model="form.isCache">
<el-col :span="12" v-if="form.menuType != 'F'"> <el-radio value="0">缓存</el-radio>
<el-form-item> <el-radio value="1">不缓存</el-radio>
<template #label> </el-radio-group>
<span> </el-form-item>
<el-tooltip content="选择隐藏则路由将不会出现在侧边栏，但仍然可以访问" placement="top"> </el-col>
<el-icon><question-filled /></el-icon> <el-col :span="12" v-if="form.menuType != 'F'">
</el-tooltip> <el-form-item>
显示状态 <template #label>
</span> <span>
</template> <el-tooltip content="选择隐藏则路由将不会出现在侧边栏，但仍然可以访问" placement="top">
<el-radio-group v-model="form.visible"> <el-icon><question-filled /></el-icon>
<el-radio </el-tooltip>
v-for="dict in sys_show_hide" 显示状态
:key="dict.value" </span>
:value="dict.value" </template>
>{{ dict.label }}</el-radio> <el-radio-group v-model="form.visible">
</el-radio-group> <el-radio
</el-form-item> v-for="dict in sys_show_hide"
</el-col> :key="dict.value"
<el-col :span="12"> :value="dict.value"
<el-form-item> >{{ dict.label }}</el-radio>
<template #label> </el-radio-group>
<span> </el-form-item>
<el-tooltip content="选择停用则路由将不会出现在侧边栏，也不能被访问" placement="top"> </el-col>
<el-icon><question-filled /></el-icon> <el-col :span="12">
</el-tooltip> <el-form-item>
菜单状态 <template #label>
</span> <span>
</template> <el-tooltip content="选择停用则路由将不会出现在侧边栏，也不能被访问" placement="top">
<el-radio-group v-model="form.status"> <el-icon><question-filled /></el-icon>
<el-radio </el-tooltip>
v-for="dict in sys_normal_disable" 菜单状态
:key="dict.value" </span>
:value="dict.value" </template>
>{{ dict.label }}</el-radio> <el-radio-group v-model="form.status">
</el-radio-group> <el-radio
</el-form-item> v-for="dict in sys_normal_disable"
</el-col> :key="dict.value"
</el-row> :value="dict.value"
</el-form> >{{ dict.label }}</el-radio>
<template #footer> </el-radio-group>
<div class="dialog-footer"> </el-form-item>
<el-button type="primary" @click="submitForm">确 定</el-button> </el-col>
<el-button @click="cancel">取 消</el-button> </el-row>
</div> </el-form>
</template> <template #footer>
</el-dialog> <div class="dialog-footer">
</div> <el-button type="primary" @click="submitForm">确 定</el-button>
</template> <el-button @click="cancel">取 消</el-button>
</div>
<script setup name="Menu"> </template>
import { addMenu, delMenu, getMenu, listMenu, updateMenu } from "@/api/system/menu"; </el-dialog>
import SvgIcon from "@/components/SvgIcon"; </div>
import IconSelect from "@/components/IconSelect"; </template>
const { proxy } = getCurrentInstance(); <script setup name="Menu">
const { sys_show_hide, sys_normal_disable } = proxy.useDict("sys_show_hide", "sys_normal_disable"); import { addMenu, delMenu, getMenu, listMenu, updateMenu } from "@/api/system/menu";
import SvgIcon from "@/components/SvgIcon";
const menuList = ref([]); import IconSelect from "@/components/IconSelect";
const open = ref(false); import { useContainerHeight } from "@/hooks/tableHeight";
const loading = ref(true);
const showSearch = ref(true); const topContainerRef = ref();
const title = ref(""); const containerHeight = useContainerHeight(topContainerRef);
const menuOptions = ref([]);
const isExpandAll = ref(false); const { proxy } = getCurrentInstance();
const refreshTable = ref(true); const { sys_show_hide, sys_normal_disable } = proxy.useDict("sys_show_hide", "sys_normal_disable");
const iconSelectRef = ref(null);
const menuList = ref([]);
const data = reactive({ const open = ref(false);
form: {}, const loading = ref(true);
queryParams: { const showSearch = ref(true);
menuName: undefined, const title = ref("");
visible: undefined const menuOptions = ref([]);
}, const isExpandAll = ref(false);
rules: { const refreshTable = ref(true);
menuName: [{ required: true, message: "菜单名称不能为空", trigger: "blur" }], const iconSelectRef = ref(null);
orderNum: [{ required: true, message: "菜单顺序不能为空", trigger: "blur" }],
path: [{ required: true, message: "路由地址不能为空", trigger: "blur" }] const data = reactive({
}, form: {},
}); queryParams: {
menuName: undefined,
const { queryParams, form, rules } = toRefs(data); visible: undefined
},
/** 查询菜单列表 */ rules: {
function getList() { menuName: [{ required: true, message: "菜单名称不能为空", trigger: "blur" }],
loading.value = true; orderNum: [{ required: true, message: "菜单顺序不能为空", trigger: "blur" }],
listMenu(queryParams.value).then(response => { path: [{ required: true, message: "路由地址不能为空", trigger: "blur" }]
menuList.value = proxy.handleTree(response.data, "menuId"); },
loading.value = false; });
});
} const { queryParams, form, rules } = toRefs(data);
/** 查询菜单下拉树结构 */ /** 查询菜单列表 */
function getTreeselect() { function getList() {
menuOptions.value = []; loading.value = true;
listMenu().then(response => { listMenu(queryParams.value).then(response => {
const menu = { menuId: 0, menuName: "主类目", children: [] }; menuList.value = proxy.handleTree(response.data, "menuId");
menu.children = proxy.handleTree(response.data, "menuId"); loading.value = false;
menuOptions.value.push(menu); });
}); }
}
/** 查询菜单下拉树结构 */
/** 取消按钮 */ function getTreeselect() {
function cancel() { menuOptions.value = [];
open.value = false; listMenu().then(response => {
reset(); const menu = { menuId: 0, menuName: "主类目", children: [] };
} menu.children = proxy.handleTree(response.data, "menuId");
menuOptions.value.push(menu);
/** 表单重置 */ });
function reset() { }
form.value = {
menuId: undefined, /** 取消按钮 */
parentId: 0, function cancel() {
menuName: undefined, open.value = false;
icon: undefined, reset();
menuType: "M", }
orderNum: undefined,
isFrame: "1", /** 表单重置 */
isCache: "0", function reset() {
visible: "0", form.value = {
status: "0" menuId: undefined,
}; parentId: 0,
proxy.resetForm("menuRef"); menuName: undefined,
} icon: undefined,
menuType: "M",
/** 展示下拉图标 */ orderNum: undefined,
function showSelectIcon() { isFrame: "1",
iconSelectRef.value.reset(); isCache: "0",
} visible: "0",
status: "0"
/** 选择图标 */ };
function selected(name) { proxy.resetForm("menuRef");
form.value.icon = name; }
}
/** 展示下拉图标 */
/** 搜索按钮操作 */ function showSelectIcon() {
function handleQuery() { iconSelectRef.value.reset();
getList(); }
}
/** 选择图标 */
/** 重置按钮操作 */ function selected(name) {
function resetQuery() { form.value.icon = name;
proxy.resetForm("queryRef"); }
handleQuery();
} /** 搜索按钮操作 */
function handleQuery() {
/** 新增按钮操作 */ getList();
function handleAdd(row) { }
reset();
getTreeselect(); /** 重置按钮操作 */
if (row != null && row.menuId) { function resetQuery() {
form.value.parentId = row.menuId; proxy.resetForm("queryRef");
} else { handleQuery();
form.value.parentId = 0; }
}
open.value = true; /** 新增按钮操作 */
title.value = "添加菜单"; function handleAdd(row) {
} reset();
getTreeselect();
/** 展开/折叠操作 */ if (row != null && row.menuId) {
function toggleExpandAll() { form.value.parentId = row.menuId;
refreshTable.value = false; } else {
isExpandAll.value = !isExpandAll.value; form.value.parentId = 0;
nextTick(() => { }
refreshTable.value = true; open.value = true;
}); title.value = "添加菜单";
} }
/** 修改按钮操作 */ /** 展开/折叠操作 */
async function handleUpdate(row) { function toggleExpandAll() {
reset(); refreshTable.value = false;
await getTreeselect(); isExpandAll.value = !isExpandAll.value;
getMenu(row.menuId).then(response => { nextTick(() => {
form.value = response.data; refreshTable.value = true;
open.value = true; });
title.value = "修改菜单"; }
});
} /** 修改按钮操作 */
async function handleUpdate(row) {
/** 提交按钮 */ reset();
function submitForm() { await getTreeselect();
proxy.$refs["menuRef"].validate(valid => { getMenu(row.menuId).then(response => {
if (valid) { form.value = response.data;
if (form.value.menuId != undefined) { open.value = true;
updateMenu(form.value).then(response => { title.value = "修改菜单";
proxy.$modal.msgSuccess("修改成功"); });
open.value = false; }
getList();
}); /** 提交按钮 */
} else { function submitForm() {
addMenu(form.value).then(response => { proxy.$refs["menuRef"].validate(valid => {
proxy.$modal.msgSuccess("新增成功"); if (valid) {
open.value = false; if (form.value.menuId != undefined) {
getList(); updateMenu(form.value).then(response => {
}); proxy.$modal.msgSuccess("修改成功");
} open.value = false;
} getList();
}); });
} } else {
addMenu(form.value).then(response => {
/** 删除按钮操作 */ proxy.$modal.msgSuccess("新增成功");
function handleDelete(row) { open.value = false;
proxy.$modal.confirm('是否确认删除名称为"' + row.menuName + '"的数据项?').then(function() { getList();
return delMenu(row.menuId); });
}).then(() => { }
getList(); }
proxy.$modal.msgSuccess("删除成功"); });
}).catch(() => {}); }
}
/** 删除按钮操作 */
getList(); function handleDelete(row) {
</script> proxy.$modal.confirm('是否确认删除名称为"' + row.menuName + '"的数据项?').then(function() {
return delMenu(row.menuId);
}).then(() => {
getList();
proxy.$modal.msgSuccess("删除成功");
}).catch(() => {});
}
getList();
</script>

1177
src/views/system/role/index.vue
View File

File diff suppressed because it is too large Load Diff

1085
src/views/system/user/index.vue
View File

File diff suppressed because it is too large Load Diff

166
src/views/vi/testProject/index.vue
View File

@ -142,91 +142,91 @@
<div :style="containerHeight"> <div :style="containerHeight">
<el-table <el-table
v-loading="loading" v-loading="loading"
height="100%" height="100%"
:data="projectList" :data="projectList"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="项目ID" align="center" prop="projectId" width="150" show-overflow-tooltip />
<el-table-column label="项目名称" align="center" prop="projectName" width="150" show-overflow-tooltip />
<el-table-column label="测试人员" align="center" prop="tester" />
<el-table-column
label="计划测试开始时间"
align="center"
prop="planStart"
width="180"
> >
<template #default="{ row }"> <el-table-column type="selection" width="55" align="center" />
<span>{{ parseTime(row.planStart) }}</span> <el-table-column label="项目ID" align="center" prop="projectId" width="150" show-overflow-tooltip />
</template> <el-table-column label="项目名称" align="center" prop="projectName" width="150" show-overflow-tooltip />
</el-table-column> <el-table-column label="测试人员" align="center" prop="tester" />
<el-table-column label="计划测试结束时间" align="center" prop="planEnd" width="180"> <el-table-column
<template #default="{ row }"> label="计划测试开始时间"
<span>{{ parseTime(row.planEnd) }}</span> align="center"
</template> prop="planStart"
</el-table-column> width="180"
<el-table-column label="项目描述" width="200" show-overflow-tooltip align="center" prop="description" /> >
<el-table-column label="样品名称" align="center" prop="sampleName" width="150" show-overflow-tooltip /> <template #default="{ row }">
<el-table-column label="商标" align="center" prop="trademark" width="150" show-overflow-tooltip /> <span>{{ parseTime(row.planStart) }}</span>
<el-table-column label="型号规格" align="center" prop="modelSpec" width="150" show-overflow-tooltip /> </template>
<el-table-column label="数量" align="center" prop="quantity" /> </el-table-column>
<el-table-column label="项目状态" align="center" prop="status"> <el-table-column label="计划测试结束时间" align="center" prop="planEnd" width="180">
<template #default="{ row }"> <template #default="{ row }">
{{ row.status == 0 ? '已执行': '未执行' }} <span>{{ parseTime(row.planEnd) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="300px" class-name="small-padding fixed-width" fixed="right"> <el-table-column label="项目描述" width="200" show-overflow-tooltip align="center" prop="description" />
<template #default="{ row }"> <el-table-column label="样品名称" align="center" prop="sampleName" width="150" show-overflow-tooltip />
<el-button <el-table-column label="商标" align="center" prop="trademark" width="150" show-overflow-tooltip />
size="mini" <el-table-column label="型号规格" align="center" prop="modelSpec" width="150" show-overflow-tooltip />
type="text" <el-table-column label="数量" align="center" prop="quantity" />
@click="handleSetting(row)" <el-table-column label="项目状态" align="center" prop="status">
v-hasPermi="['system:project:add','system:project:edit']" <template #default="{ row }">
>配置 {{ row.status == 0 ? '已执行': '未执行' }}
</el-button> </template>
<el-button </el-table-column>
size="mini" <el-table-column label="操作" align="center" width="300px" class-name="small-padding fixed-width" fixed="right">
type="text" <template #default="{ row }">
v-if="row.status == 1" <el-button
@click="handleExecute(row)" size="mini"
v-hasPermi="['system:project:add','system:project:edit']" type="text"
>执行 @click="handleSetting(row)"
</el-button> v-hasPermi="['system:project:add','system:project:edit']"
<el-button >配置
icon="DataLine" </el-button>
v-if="row.status == 0" <el-button
link size="mini"
type="primary" type="text"
v-hasPermi="['system:project:add','system:project:edit']" v-if="row.status == 1"
@click="handleOpenDashboard(row)" @click="handleExecute(row)"
>可视化 v-hasPermi="['system:project:add','system:project:edit']"
</el-button> >执行
<el-button </el-button>
size="mini" <el-button
type="text" icon="DataLine"
@click="handleUpdate(row)" v-if="row.status == 0"
v-hasPermi="['system:project:edit']" link
>修改</el-button type="primary"
> v-hasPermi="['system:project:add','system:project:edit']"
<el-button @click="handleOpenDashboard(row)"
size="mini" >可视化
type="text" </el-button>
@click="handleDelete(row)" <el-button
v-hasPermi="['system:project:remove']" size="mini"
>删除</el-button type="text"
> @click="handleUpdate(row)"
</template> v-hasPermi="['system:project:edit']"
</el-table-column> >修改</el-button
</el-table> >
<el-button
size="mini"
type="text"
@click="handleDelete(row)"
v-hasPermi="['system:project:remove']"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination <pagination
v-show="total > 0" v-show="total > 0"
:total="total" :total="total"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
</div> </div>
<!-- 添加或修改语料库对话框 --> <!-- 添加或修改语料库对话框 -->