Skip to content

N
nse-ui
Commit d5c6640d by ningjihai
Options

页面图标

parent 65c7de67
正在显示 包含 114 行增加 和 142 行删除
src/views/classification/Classification/index.vue
...@@ -9,6 +9,7 @@ import StructureTab from './modules/StructureTab.vue' ...@@ -9,6 +9,7 @@ import StructureTab from './modules/StructureTab.vue'
import EncryptionTab from './modules/EncryptionTab.vue' import EncryptionTab from './modules/EncryptionTab.vue'
import { changeRoute } from '@/utils/switchRoute' import { changeRoute } from '@/utils/switchRoute'
import { useRouter,useRoute } from 'vue-router' import { useRouter,useRoute } from 'vue-router'
import pageIcon from '@/assets/images/jiamiLogo.png'
import { query, getClassifyEnable, getGlobalOriginalConfig, changeGlobalOriginalConfig, queryDatasystemInfo, import { query, getClassifyEnable, getGlobalOriginalConfig, changeGlobalOriginalConfig, queryDatasystemInfo,
queryShemas, queryTables, querytableInfo, getfield, queryShemas, queryTables, querytableInfo, getfield,
save save
...@@ -254,7 +255,10 @@ function uuid() { ...@@ -254,7 +255,10 @@ function uuid() {
<div class="app-container scroller"> <div class="app-container scroller">
<PageTitle backProject @handleBackProject="pageProjectManage"> <PageTitle backProject @handleBackProject="pageProjectManage">
<template #title> <template #title>
加密设置 <div style="display: flex;align-items: center;">
<img class="title-icon" :src="pageIcon" alt="">
<span style="margin-left: 8px;">加密设置</span>
</div>
</template> </template>
</PageTitle> </PageTitle>
......
src/views/classification/DensetuArea/index.vue
...@@ -86,9 +86,11 @@ defineExpose({ ...@@ -86,9 +86,11 @@ defineExpose({
<div class="app-container scroller"> <div class="app-container scroller">
<PageTitle backProject @handleBackProject="pageProjectManage"> <PageTitle backProject @handleBackProject="pageProjectManage">
<template #title> <template #title>
客户端密管 <div style="display: flex;align-items: center;">
<img class="title-icon" :src="pageIcon" alt="">
<span style="margin-left: 8px;">客户端密管</span>
</div>
</template> </template>
</PageTitle> </PageTitle>
<div class="app-container__body"> <div class="app-container__body">
......
src/views/classification/EncryptionManagement/list.vue
...@@ -6,6 +6,7 @@ import { changeRoute } from '@/utils/switchRoute' ...@@ -6,6 +6,7 @@ import { changeRoute } from '@/utils/switchRoute'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { queryBatchOriginalList, delBatchTableColumn, loadingBatchTableParams, loadingProgress, getProcesslog } from '@/api/classification/encryptionManagement.js' import { queryBatchOriginalList, delBatchTableColumn, loadingBatchTableParams, loadingProgress, getProcesslog } from '@/api/classification/encryptionManagement.js'
import encryptFlag from '@/constants/encryptFlag.js'; import encryptFlag from '@/constants/encryptFlag.js';
import pageIcon from '@/assets/images/jiamiLogo.png'
const router = useRouter() const router = useRouter()
const emit = defineEmits(['page']) const emit = defineEmits(['page'])
function onReset(formQuery) { function onReset(formQuery) {
...@@ -266,7 +267,10 @@ watch(dialogVisible, (newVal) => { ...@@ -266,7 +267,10 @@ watch(dialogVisible, (newVal) => {
<div class="app-container scroller"> <div class="app-container scroller">
<PageTitle backProject @handleBackProject="pageProjectManage"> <PageTitle backProject @handleBackProject="pageProjectManage">
<template #title> <template #title>
加密管理 <div style="display: flex;align-items: center;">
<img class="title-icon" :src="pageIcon" alt="">
<span style="margin-left: 8px;">加密管理</span>
</div>
</template> </template>
<template #buttons> <template #buttons>
<!-- <el-button <!-- <el-button
......
src/views/classification/MonitorManagement/index.vue
...@@ -6,6 +6,7 @@ import { useRouter } from 'vue-router' ...@@ -6,6 +6,7 @@ import { useRouter } from 'vue-router'
import { ipsList, ipsSave, list, deleteLog } from '@/api/classification/monitorManagement.js' import { ipsList, ipsSave, list, deleteLog } from '@/api/classification/monitorManagement.js'
import changeLog from './model/changeLog.vue' import changeLog from './model/changeLog.vue'
import errorLog from './model/errorLog.vue' import errorLog from './model/errorLog.vue'
import pageIcon from '@/assets/images/jiamiLogo.png'
const router = useRouter() const router = useRouter()
const { proxy } = getCurrentInstance() const { proxy } = getCurrentInstance()
const projectId = ref('') const projectId = ref('')
...@@ -286,37 +287,28 @@ onUnmounted(() => { ...@@ -286,37 +287,28 @@ onUnmounted(() => {
<div class="app-container scroller"> <div class="app-container scroller">
<PageTitle backProject @handleBackProject="pageProjectManage"> <PageTitle backProject @handleBackProject="pageProjectManage">
<template #title> <template #title>
客户端监控管理 <div style="display: flex;align-items: center;">
<img class="title-icon" :src="pageIcon" alt="">
<span style="margin-left: 8px;">客户端监控管理</span>
</div>
</template> </template>
</PageTitle> </PageTitle>
<div class="app-container__body"> <div class="app-container__body">
<div class="flex-container content-container"> <div class="flex-container content-container">
<!-- <div class="secondtitle">
<el-icon :size="30" color="#2c9ef7"><Notification /></el-icon>
<span>客户端监控管理</span>
</div> -->
<el-card style="margin-top: 30px;"> <el-card style="margin-top: 30px;">
<!-- <div class="thirdtitle">
<span></span>
<span>客户端白名单设置区域：</span>
</div> -->
<el-form label-width="208"> <el-form label-width="208">
<el-form-item label="可访问IP白名单"> <el-form-item label="可访问IP白名单">
<el-row class="line" v-if="!editIp" style="margin-top: 0px;"> <el-row class="line" v-if="!editIp" style="margin-top: 0px;">
<span v-for="(item, index) in ipList" style="width: 100%;"> <span v-for="(item, index) in ipList" :key="index" style="width: 100%;">
<span v-if="index > 0">或</span> <span v-if="index > 0">或</span>
{{ item.content }} {{ item.content }}
</span> </span>
</el-row> </el-row>
<el-row v-if="editIp"> <el-row v-if="editIp">
<div v-for="(item, index) in ipList" style="width: 100%;" > <div v-for="(item, index) in ipList" :key="index" style="width: 100%;" >
<div class="line" :class="[index === 0 ? 'nomargin' : '']"> <div class="line" :class="[index === 0 ? 'nomargin' : '']">
<el-select v-model="item.isEquals" placeholder="请选择" class="putsec"> <el-select v-model="item.isEquals" placeholder="请选择" class="putsec">
<el-option label="等于" value="0" /> <el-option label="等于" value="0" />
...@@ -367,15 +359,8 @@ onUnmounted(() => { ...@@ -367,15 +359,8 @@ onUnmounted(() => {
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
<div style="margin-top: 20px;">
<el-table :data="dataList" stripe style="width: 100%">
<!-- <el-card style="margin-top: 30px;">
<div class="thirdtitle">
<span></span>
<span>客户端列表区域：</span>
</div> -->
<div style="margin-top: 20px;">
<el-table :data="dataList" stripe style="width: 100%">
<el-table-column label="序号" align="center" width="60" type="index"> <el-table-column label="序号" align="center" width="60" type="index">
<template #default="scope"> <template #default="scope">
<span>{{ scope.$index + 1 }}</span> <span>{{ scope.$index + 1 }}</span>
...@@ -412,15 +397,13 @@ onUnmounted(() => { ...@@ -412,15 +397,13 @@ onUnmounted(() => {
v-model:limit="queryParams.pageSize" v-model:limit="queryParams.pageSize"
@pagination="listMethod" @pagination="listMethod"
/> />
</div> </div>
<!-- </el-card> -->
</div> </div>
</div> </div>
<!-- 变更记录 --> <!-- 变更记录 -->
<changeLog ref="changeLogRef"/> <changeLog ref="changeLogRef"/>
<!-- 错误日志 --> <!-- 错误日志 -->
<errorLog ref="errorLogRef"/> <errorLog ref="errorLogRef"/>
</div> </div>
</template> </template>
......
src/views/classification/Verification/index.vue
...@@ -4,7 +4,7 @@ import { ElMessage, ElMessageBox } from 'element-plus' ...@@ -4,7 +4,7 @@ import { ElMessage, ElMessageBox } from 'element-plus'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import useAppStore from '@/store/modules/app' import useAppStore from '@/store/modules/app'
import { changeRoute } from '@/utils/switchRoute' import { changeRoute } from '@/utils/switchRoute'
import pageIcon from '@/assets/images/jiamiLogo.png'
import TreeFilter from './TreeFilter.vue' import TreeFilter from './TreeFilter.vue'
import { import {
...@@ -410,10 +410,10 @@ function pageProjectManage() { ...@@ -410,10 +410,10 @@ function pageProjectManage() {
<div class="app-container scroller"> <div class="app-container scroller">
<PageTitle backProject @handleBackProject="pageProjectManage"> <PageTitle backProject @handleBackProject="pageProjectManage">
<template #title> <template #title>
加密校验设置 <div style="display: flex;align-items: center;">
</template> <img class="title-icon" :src="pageIcon" alt="">
<template #buttons> <span style="margin-left: 8px;">加密校验设置</span>
<!-- 操作按钮可以根据需要添加 --> </div>
</template> </template>
</PageTitle> </PageTitle>
......
src/views/desensitizationStrategy/DesensitizationStrategy/index.vue
<script setup lang="ts" name="projectManageIndex"> <script setup lang="ts" name="DesensitizationStrategyIndex">
import { ref } from 'vue' import { ref } from 'vue'
import list from './list.vue' import list from './list.vue'
......
src/views/desensitizationStrategy/DesensitizationStrategy/list.vue
...@@ -4,7 +4,7 @@ import { ElMessage, ElMessageBox } from 'element-plus' ...@@ -4,7 +4,7 @@ import { ElMessage, ElMessageBox } from 'element-plus'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import useAppStore from '@/store/modules/app' import useAppStore from '@/store/modules/app'
import { changeRoute } from '@/utils/switchRoute' import { changeRoute } from '@/utils/switchRoute'
import pageIcon from '@/assets/images/tuomin.png'
import QueryForm from './QueryForm.vue' import QueryForm from './QueryForm.vue'
import StrategyAddDialog from './modules/StrategyAddDialog.vue' // 统一对话框组件 import StrategyAddDialog from './modules/StrategyAddDialog.vue' // 统一对话框组件
...@@ -216,7 +216,10 @@ const toggleStatus = (row) => { ...@@ -216,7 +216,10 @@ const toggleStatus = (row) => {
<div class="app-container scroller"> <div class="app-container scroller">
<PageTitle backProject @handleBackProject="pageProjectManage"> <PageTitle backProject @handleBackProject="pageProjectManage">
<template #title> <template #title>
脱敏策略管理 <div style="display: flex;align-items: center;">
<img class="title-icon" :src="pageIcon" alt="">
<span style="margin-left: 8px;">脱敏策略管理</span>
</div>
</template> </template>
<template #buttons> <template #buttons>
</template> </template>
......
src/views/itemLogSet/DesensitizationItemLog/index.vue
...@@ -4,7 +4,8 @@ import { ElMessage } from "element-plus"; ...@@ -4,7 +4,8 @@ import { ElMessage } from "element-plus";
import { changeRoute } from '@/utils/switchRoute' import { changeRoute } from '@/utils/switchRoute'
import QueryForm from './QueryForm.vue' import QueryForm from './QueryForm.vue'
import { queryDesensitizationStrategyLog, checkEnc, getdesensitizationStrategyLog } from "@/api/itemLogSet/desensitizationItemLog.js"; import { queryDesensitizationStrategyLog, checkEnc, getdesensitizationStrategyLog } from "@/api/itemLogSet/desensitizationItemLog.js";
import returnLogo from '@/assets/images/return.png'
import pageIcon from '@/assets/images/rizhi.png'
const queryParams = ref({ const queryParams = ref({
page: 1, page: 1,
rows: 10, rows: 10,
...@@ -79,13 +80,19 @@ onMounted(() => { ...@@ -79,13 +80,19 @@ onMounted(() => {
</script> </script>
<template> <template>
<div class="app-container scroller"> <div class="app-container scroller">
<PageTitle :back="true" @back="pageProjectManage"> <PageTitle @back="pageProjectManage">
<template #title> <template #title>
返回项目管理
<div style="display: flex;align-items: center;">
<img class="title-icon" :src="pageIcon" alt="">
<span style="margin-left: 8px;">脱敏策略日志</span>
</div>
</template> </template>
<template #buttons> <template #buttons>
<el-button type="primary" icon="Download" @click="download">导出</el-button> <el-button type="primary" icon="Download" @click="download">导出</el-button>
<el-button type="primary" @click="dataValidation">数据完成性校验</el-button> <el-button type="primary" @click="dataValidation">数据完成性校验</el-button>
<el-button color="rgba(11, 136, 251, 1)" plain @click="pageProjectManage"><img class="return-logo" :src="returnLogo" alt="">返回项目管理</el-button>
</template> </template>
</PageTitle> </PageTitle>
<div class="app-container__body"> <div class="app-container__body">
...@@ -99,11 +106,15 @@ onMounted(() => { ...@@ -99,11 +106,15 @@ onMounted(() => {
<el-table-column prop="operationMassage" label="操作信息" align="center" show-overflow-tooltip /> <el-table-column prop="operationMassage" label="操作信息" align="center" show-overflow-tooltip />
</el-table> </el-table>
</div> </div>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.page" v-model:limit="queryParams.rows" <pagination v-show="total > 0" :total="total" v-model:page="queryParams.page" v-model:limit="queryParams.rows"
@pagination="getList" /> @pagination="getList" />
</div> </div>
</div> </div>
</template> </template>
\ No newline at end of file
<style lang="scss" scoped>
.return-logo {
width: 16px;
height: 12.25px;
}
</style>
\ No newline at end of file
src/views/itemLogSet/ProjectEncryptedLog/index.vue
...@@ -4,7 +4,7 @@ import { ElMessage } from "element-plus"; ...@@ -4,7 +4,7 @@ import { ElMessage } from "element-plus";
import { changeRoute } from '@/utils/switchRoute' import { changeRoute } from '@/utils/switchRoute'
import QueryForm from './QueryForm.vue' import QueryForm from './QueryForm.vue'
import { query, checkEnc, getEncryptionLogExcel } from "@/api/itemLogSet/projectEncryptedLog.js"; import { query, checkEnc, getEncryptionLogExcel } from "@/api/itemLogSet/projectEncryptedLog.js";
import pageIcon from '@/assets/images/rizhi.png'
const queryParams = ref({ const queryParams = ref({
page: 1, page: 1,
rows: 10, rows: 10,
...@@ -81,7 +81,10 @@ onMounted(() => { ...@@ -81,7 +81,10 @@ onMounted(() => {
<div class="app-container scroller"> <div class="app-container scroller">
<PageTitle backProject @handleBackProject="pageProjectManage"> <PageTitle backProject @handleBackProject="pageProjectManage">
<template #title> <template #title>
加密日志 <div style="display: flex;align-items: center;">
<img class="title-icon" :src="pageIcon" alt="">
<span style="margin-left: 8px;">加密日志</span>
</div>
</template> </template>
<template #buttons> <template #buttons>
<el-button type="primary" icon="Download" @click="download">导出</el-button> <el-button type="primary" icon="Download" @click="download">导出</el-button>
......
src/views/logSet/desensitizationLog/index.vue
<script setup lang="ts" name="projectManageIndex"> <script setup lang="ts" name="DesensitizationLogIndex">
import { ref } from 'vue' import { ref } from 'vue'
import list from './list.vue' import list from './list.vue'
......
src/views/logSet/encryptedLog/index.vue
<script setup lang="ts" name="projectManageIndex"> <script setup lang="ts" name="EncryptedLogIndex">
import { ref } from 'vue' import { ref } from 'vue'
import list from './list.vue' import list from './list.vue'
......
src/views/logSet/operationLog/index.vue
<script setup lang="ts" name="projectManageIndex"> <script setup lang="ts" name="OperationLogIndex">
import { ref } from 'vue' import { ref } from 'vue'
import list from './list.vue' import list from './list.vue'
......
src/views/safetyManagement/appUserConfig/index.vue
<script setup lang="ts" name="projectManageIndex"> <script setup lang="ts" name="AppUserConfigIndex">
import { ref } from 'vue' import { ref } from 'vue'
import list from './list.vue' import list from './list.vue'
......
src/views/safetyManagement/appUserConfig/list.vue
...@@ -2,7 +2,10 @@ ...@@ -2,7 +2,10 @@
<div class="app-container scroller"> <div class="app-container scroller">
<PageTitle> <PageTitle>
<template #title> <template #title>
应用用户 <div style="display: flex;align-items: center;">
<img class="title-icon" :src="pageIcon" alt="">
<span style="margin-left: 8px;">应用用户</span>
</div>
</template> </template>
</PageTitle> </PageTitle>
...@@ -100,10 +103,6 @@ ...@@ -100,10 +103,6 @@
@pagination="getList" @pagination="getList"
/> />
</div> </div>
<!-- 编辑弹窗 --> <!-- 编辑弹窗 -->
<app-user-edit <app-user-edit
v-model:visible="editVisible" v-model:visible="editVisible"
...@@ -119,7 +118,7 @@ import QueryForm from './QueryForm.vue' ...@@ -119,7 +118,7 @@ import QueryForm from './QueryForm.vue'
import AppUserEdit from './edit.vue' import AppUserEdit from './edit.vue'
import { queryAppuser, delAppUser } from '@/api/safetyManagement/appUserConfig.js' import { queryAppuser, delAppUser } from '@/api/safetyManagement/appUserConfig.js'
import { ElMessageBox } from 'element-plus' import { ElMessageBox } from 'element-plus'
import pageIcon from '@/assets/images/user.png'
const data = reactive({ const data = reactive({
queryParams: { queryParams: {
pageno: 1, pageno: 1,
......
src/views/safetyManagement/groupConfig/index.vue
<script setup lang="ts" name="projectManageIndex"> <script setup lang="ts" name="GroupConfigIndex">
import { ref } from 'vue' import { ref } from 'vue'
import list from './list.vue' import list from './list.vue'
...@@ -10,12 +10,12 @@ const widget = { ...@@ -10,12 +10,12 @@ const widget = {
const page = ref('list') const page = ref('list')
const params = ref({}) const params = ref({})
function onChangePage(val: string, param?: any) { // function onChangePage(val: string, param?: any) {
page.value = val // page.value = val
params.value = param ?? {} // params.value = param ?? {}
} // }
</script> </script>
<template> <template>
<component :is="widget[page]" v-bind="params" @page="onChangePage" /> <component :is="widget[page]" v-bind="params" />
</template> </template>
src/views/safetyManagement/groupConfig/list.vue
...@@ -2,7 +2,10 @@ ...@@ -2,7 +2,10 @@
<div class="app-container scroller"> <div class="app-container scroller">
<PageTitle> <PageTitle>
<template #title> <template #title>
用户组 <div style="display: flex;align-items: center;">
<img class="title-icon" :src="pageIcon" alt="">
<span style="margin-left: 8px;">用户组</span>
</div>
</template> </template>
</PageTitle> </PageTitle>
...@@ -103,17 +106,17 @@ ...@@ -103,17 +106,17 @@
@pagination="getList" @pagination="getList"
/> />
</div> </div>
</div>
<!-- 编辑弹窗 -->
<group-edit <group-edit
v-model:visible="editVisible" v-model:visible="editVisible"
:form-data="editData" :form-data="editData"
@success="handleEditSuccess" @success="handleEditSuccess"
/> />
</div>
<!-- 编辑弹窗 -->
<!-- </div> --> <!-- </div> -->
</template> </template>
...@@ -123,6 +126,7 @@ import { ElMessageBox } from 'element-plus' ...@@ -123,6 +126,7 @@ import { ElMessageBox } from 'element-plus'
import GroupEdit from './edit.vue' import GroupEdit from './edit.vue'
import { query, del } from '@/api/safetyManagement/groupConfig.js' import { query, del } from '@/api/safetyManagement/groupConfig.js'
import QueryForm from './QueryForm.vue' import QueryForm from './QueryForm.vue'
import pageIcon from '@/assets/images/user.png'
const data = reactive({ const data = reactive({
queryParams: { queryParams: {
page: 1, page: 1,
......
src/views/safetyManagement/roleConfig/index.vue
<script setup lang="ts" name="projectManageIndex"> <script setup lang="ts" name="RoleConfigIndex">
import { ref } from 'vue' import { ref } from 'vue'
import list from './list.vue' import list from './list.vue'
......
src/views/safetyManagement/roleConfig/list.vue
<template> <template>
<div class="app-container scroller"> <div class="app-container scroller">
<PageTitle> <PageTitle>
<template #title> <template #title>
角色 <div style="display: flex;align-items: center;">
<img class="title-icon" :src="pageIcon" alt="">
<span style="margin-left: 8px;">角色</span>
</div>
</template> </template>
</PageTitle> </PageTitle>
<div class="app-container__body"> <div class="app-container__body">
<query-form <query-form
ref="QueryFormRef" ref="QueryFormRef"
v-model="queryParams" v-model="queryParams"
...@@ -15,8 +18,6 @@ ...@@ -15,8 +18,6 @@
@reset="onReset" @reset="onReset"
@handleAdd="handleAdd" @handleAdd="handleAdd"
/> />
<div style="flex: 1;"> <div style="flex: 1;">
<el-table <el-table
:data="roleList" :data="roleList"
...@@ -91,52 +92,14 @@ ...@@ -91,52 +92,14 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.page"
<pagination v-model:limit="queryParams.rows"
v-show="total > 0" @pagination="getList"
:total="total" />
v-model:page="queryParams.page"
v-model:limit="queryParams.rows"
@pagination="getList"
/>
</div> </div>
<!-- 列表 -->
<!-- <div class="user-list">
<div class="user-grid">
<div v-for="(user, index) in roleList" :key="index" class="user-card">
<div class="user-info">
<div class="avatar">
<el-avatar :size="50" icon="User"></el-avatar>
</div>
<div class="info">
<div class="roleName">角色名: {{ user.rolename }}</div>
<div class="remark">备注: {{ user.remark }}</div>
</div>
<div class="hover-mask">
<div class="operation-buttons">
<div class="operation-btn" @click="handleDelete(user)">
<el-icon><Delete /></el-icon>
<span>删除</span>
</div>
<div class="operation-btn" @click="handleEdit(user)">
<el-icon><MessageBox /></el-icon>
<span>权限设置</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- 分页 -->
<!-- 编辑弹窗 --> <!-- 编辑弹窗 -->
<role-edit <role-edit
v-model:visible="editVisible" v-model:visible="editVisible"
...@@ -153,14 +116,12 @@ import { ElMessageBox } from 'element-plus' ...@@ -153,14 +116,12 @@ import { ElMessageBox } from 'element-plus'
import { User, Delete, MessageBox } from '@element-plus/icons-vue' import { User, Delete, MessageBox } from '@element-plus/icons-vue'
import RoleEdit from './edit.vue' import RoleEdit from './edit.vue'
import { query as queryRole, del } from '@/api/safetyManagement/roleConfig.js' import { query as queryRole, del } from '@/api/safetyManagement/roleConfig.js'
import pageIcon from '@/assets/images/user.png'
// 定义组件名称 // 定义组件名称
defineOptions({ defineOptions({
name: 'RoleConfig' name: 'RoleConfig'
}) })
const data = reactive({ const data = reactive({
queryParams: { queryParams: {
page: 1, page: 1,
......
src/views/safetyManagement/userConfig/index.vue
<script setup lang="ts" name="projectManageIndex"> <script setup lang="ts" name="UserConfigIndex">
import { ref } from 'vue' import { ref } from 'vue'
import list from './list.vue' import list from './list.vue'
......
src/views/safetyManagement/userConfig/list.vue
...@@ -2,7 +2,10 @@ ...@@ -2,7 +2,10 @@
<div class="app-container scroller"> <div class="app-container scroller">
<PageTitle> <PageTitle>
<template #title> <template #title>
用户 <div style="display: flex;align-items: center;">
<img class="title-icon" :src="pageIcon" alt="">
<span style="margin-left: 8px;">用户</span>
</div>
</template> </template>
</PageTitle> </PageTitle>
...@@ -14,8 +17,6 @@ ...@@ -14,8 +17,6 @@
@reset="onReset" @reset="onReset"
@handleAdd="handleAdd" @handleAdd="handleAdd"
/> />
<div style="flex: 1;"> <div style="flex: 1;">
<el-table <el-table
:data="userList" :data="userList"
...@@ -97,17 +98,13 @@ ...@@ -97,17 +98,13 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageno"
<pagination v-model:limit="queryParams.pagesize"
v-show="total > 0" @pagination="getList"
:total="total" />
v-model:page="queryParams.pageno"
v-model:limit="queryParams.pagesize"
@pagination="getList"
/>
</div> </div>
<!-- 编辑弹窗 --> <!-- 编辑弹窗 -->
...@@ -126,6 +123,7 @@ import { ElMessageBox } from 'element-plus' ...@@ -126,6 +123,7 @@ import { ElMessageBox } from 'element-plus'
import { User, Delete, Edit } from '@element-plus/icons-vue' import { User, Delete, Edit } from '@element-plus/icons-vue'
import UserEdit from './edit.vue' import UserEdit from './edit.vue'
import { query, remove } from '@/api/safetyManagement/userConfig.js' import { query, remove } from '@/api/safetyManagement/userConfig.js'
import pageIcon from '@/assets/images/user.png'
// 定义组件名称 // 定义组件名称
defineOptions({ defineOptions({
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论