fix：修改 user的显示问题 以及 权限无法选择的问题

src/components/rightBox/settings/UserBox.vue

@@ -132,26 +132,11 @@ export default {
         email: [
           { type: 'email', message: this.$t('validate.email') }
         ]
-      }
+      },
+      roleData: []
     }
   },
   setup () {
-    let roleData = []
-    const getRoleData = async () => {
-      await get('sys/role?pageSize=-1').then(response => {
-        console.log(response);
-        if (response.code === 200) {
-          roleData = response.data.list
-        }
-      })
-    }
-    // onMounted(getRoleData)
-    return {
-      roleData,
-      getRoleData
-    }
-  },
-  created() {
   },
   mounted() {
     this.getRoleData()
@@ -200,6 +185,14 @@ export default {
           return false
         }
       })
+    },
+   getRoleData (){
+     get('sys/role?pageSize=-1').then(response => {
+        console.log(response);
+        if (response.code === 200) {
+          this.roleData = response.data.list
+        }
+      })
     }
   }
 }

src/components/table/settings/UserTable.vue

@@ -46,7 +46,7 @@
                   :active-color="theme.themeColor"
                   active-value="1"
                   inactive-value="0"
-                  @change="val => {statusChange(scope.row)}">
+                  @change="()=>{statusChange(scope.row)}">
           </el-switch>
         </template>
         <span v-else>{{scope.row[item.prop]}}</span>

src/i18n/cn.js

@@ -1,6 +1,240 @@
 import zhLocale from 'element-plus/lib/locale/lang/zh-cn' // 引入element语言包
 const cn = {
-  ...zhLocale
+  ...zhLocale,
+  overall: {
+    uploadCustomPicture: '上传图片',
+    customPicture: '上传图片',
+    endpointTemplate: 'endpoint模板',
+    AddByTemplate: '使用模板创建',
+    exprTemp: '表达式模板',
+    oneHour: '1 小时',
+    twoHour: '2 小时',
+    sixHour: '6 小时',
+    twelveHour: '12 小时',
+    oneDay: '1 天',
+    twoDay: '2 天',
+    week: '1 周',
+    folder: '文件夹',
+    key: '键名',
+    state: '状态',
+    projectName: '系统名称',
+    startTime: '开始时间',
+    endTime: '结束时间',
+    metric: '指标',
+    locked: '已锁定',
+    unlocked: '已解锁',
+    dashboard: '仪表盘',
+    dc: '数据中心',
+    project: '系统',
+    monitor: '监控',
+    alert: '告警',
+    asset: '资产',
+    config: '设置',
+    administration: '系统管理',
+    configuration: '设置',
+    create: '新增',
+    edit: '编辑',
+    delete: '删除',
+    view: '查看',
+    esc: '取消',
+    cancel: '取消',
+    save: '保存',
+    preview: '预览',
+    download: '下载',
+    upload: '上传',
+    search: '搜索',
+    add: '新增',
+    addProject: '新增',
+    addAssetList: '新增',
+    batchEdit: '批量修改',
+    option: '操作',
+    remark: '描述',
+    clearAll: '清空',
+    clear: '清除',
+    name: '名称',
+    version: '版本',
+    components: '组件',
+    cover: '覆盖',
+    signOut: '登出',
+    select: '选择',
+    ok: 'Ok',
+    entity: '实体',
+    all: '全选',
+    value: '值',
+    other: '其他',
+    about: '关于',
+    query: '查询',
+    account: '账号',
+    back: '返回',
+    unavailable: '不可用',
+    available: '可用',
+    createChart: '新增图表',
+    createProject: '新增系统',
+    createEndpoint: '新增 Endpoint',
+    batchEndpoint: '批量修改Endpoint',
+    createAsset: '新增资产',
+    createAlertRule: '新增告警规则',
+    createUser: '新增用户',
+    createRole: '新增角色',
+    createTemplate: '新增模板',
+    createPrometheusServer: '新增Agent',
+    createDatacenter: '新增数据中心',
+    active: '活跃',
+    type: '类型',
+    detail: '详细信息',
+    changePin: '修改密码',
+    createCabinet: '新增机柜',
+    createModel: '新增型号',
+    createModule: '新增模块',
+    createMib: '新增MIB',
+    createAssetType: '新增设备类型',
+    createAssetState: '新增设备状态',
+    exportExcel: '导出',
+    importExcel: '导入',
+    importExcelLower: '导入',
+    exportExcelLower: '导出',
+    rollbackImport: '回滚',
+    exportCur: '当前页',
+    exportAll: '总计',
+    importFile: '请上传文件',
+    importTip: '只允许xlsx/xls格式文件',
+    importTipImg: '只允许jpg/png格式文件',
+    dragFileTip: '将文件拖到此处',
+    or: '或',
+    clickUpload: '点击上传',
+    template: '模板',
+    result: {
+      total: '总计',
+      failed: '失败',
+      success: '成功',
+      failedDetail: '失败详情',
+      line: '第{0}行:'
+    },
+    reset: '重置',
+    submit: '保存',
+    noData: '没有数据',
+    tag: '标签',
+    syncChart: '同步图表',
+    placeHolder: '请输入',
+    toolBox: {
+      zoom: '区域缩放',
+      back: '区域缩放还原',
+      stack: '查看堆叠图',
+      stackBack: '返回原始图'
+    },
+    SyncSave: '保存同时更新 Assets',
+    copySuccess: '复制成功',
+    parent: '父级',
+    moreOption: '更多选项',
+    copy: '复制',
+    silence: '静默',
+    labels: '标签',
+    editType: '类型',
+    searchCondition: '搜索条件',
+    batchDel: '批量删除',
+    tempPrev: '模板预览',
+    silenceAlert: '告警静默',
+    quickSilent: '快速静默',
+    configEndpoint: '配置'
+  },
+  tip: {
+    confirmDelete: '确认删除吗？',
+    confirmOvertime: '确定关闭吗?', // Are you sure you want to delete?
+    killTerm: '确认关闭 terminal 吗？',
+    confirmBatchDelete: '确定删除这{0}条数据吗？',
+    assetConfirmDelete: '关联的Endpoint和告警将会被删除，确认删除吗？',
+    yes: '是',
+    no: '否',
+    deleteSuccess: '删除成功',
+    saveSuccess: '保存成功',
+    addSuccess: '添加成功',
+    duplicateSuccess: '复制成功', // "复制成功"
+    coverSuccess: '覆盖成功',
+    refreshLater: '请稍后刷新',
+    testSuccess: '测试成功',
+    downloadSuccess: '下载成功',
+    uploadSuccess: '上传成功',
+    pressEnterToAdd: '回车添加新行',
+    resetSuccess: '重置成功',
+    syncSuccess: '同步成功',
+    syncTip: '此操作可能造成原有数据或图表被覆盖，确认同步吗？',
+    noImportFile: '没有可导入的文件',
+    noAccess: '无访问权限',
+    confirmDuplicate: '确认复制吗？',
+    confirmCancel: '您所做的修改将不会被保存？',
+    copySuccess: '复制成功',
+    lnglatError: '经纬度格式错误'
+  },
+  config: {
+    config: '设置',
+    user: {
+      userList: '用户列表',
+      user: '用户',
+      name: '姓名', // "用户"
+      username: '登录名', // 登录名
+      roles: '角色',
+      language: '语言',
+      receiver: '接收人',
+      createTime: '创建时间',
+      enable: '可用',
+      option: '操作',
+      lastLoginTime: '最后登录时间', // 最后登录时间
+      lastLoginIp: '最后登录IP', // 最后登录IP
+      source: '来源',
+      userId: '用户ID',
+      createUser: '新增用户',
+      editUser: '修改用户',
+      notCurrentlySupport: '暂不支持',
+      pin: '密码',
+      oldPin: '旧密码',
+      inputOldPin: '请输入旧密码',
+      newPin: '新密码',
+      inputNewPin: '请输入新密码',
+      confirmPin: '确认密码',
+      inputConfirmPin: '请再次输入密码',
+      invalidPin: '无效的密码，最少6个字符',
+      confirmPinErr: '两次密码输入不一致',
+      reinputPin: '请再次输入密码',
+      notification: '通知',
+      mobile: '电话'
+    },
+    roles: {
+      roles: '角色',
+      name: '名称',
+      description: '描述',
+      option: '操作', // "操作"
+      permission: '权限',
+      menu: '菜单',
+      createRole: '新增角色',
+      editRole: '修改角色',
+      remark: '描述'
+    },
+    operationlog: {
+      operationlog: '操作日志',
+      id: 'ID',
+      username: '用户名',
+      operation: '操作',
+      type: '类型',
+      createDate: '操作时间',
+      ip: 'IP',
+      userId: 'UserId',
+      operaId: '数据 ID',
+      time: '耗时',
+      params: '请求参数',
+      state: '请求结果',
+      operations: {
+        add: 'add',
+        query: 'query',
+        update: 'update',
+        import: 'import',
+        export: 'export',
+        delete: 'delete',
+        reset: 'reset',
+        unknown: 'unknown'
+      },
+      response: '响应'
+    },
+  }
 }
 
 export default cn

src/i18n/en.js

@@ -1,5 +1,242 @@
 import enLocale from 'element-plus/lib/locale/lang/en' // 引入element语言包
 const en = {
-  ...enLocale
+  ...enLocale,
+  overall: {
+    uploadCustomPicture: 'Upload custom picture',
+    customPicture: 'Custom picture',
+    endpointTemplate: 'Endpoint template',
+    AddByTemplate: 'Add by template',
+    exprTemp: 'Expr temp',
+    oneHour: '1 hour',
+    twoHour: '2 hours',
+    sixHour: '6 hours',
+    twelveHour: '12 hours',
+    oneDay: '1 day',
+    twoDay: '2 days',
+    week: '1 week',
+    folder: 'Folder',
+    key: 'Key',
+    state: 'State',
+    projectName: 'Project name',
+    startTime: 'Start time',
+    endTime: 'End time',
+    metric: 'Metric',
+    locked: 'Locked',
+    unlocked: 'Unlocked',
+    dashboard: 'Dashboards', // '仪表盘'
+    project: 'Project', // '系统'
+    monitor: 'Monitor', // 监控
+    alert: 'Alert', // "告警"
+    asset: 'Asset', // '资产'
+    config: 'Setting', // '设置'
+    administration: 'Administration',
+    configuration: 'configuration',
+    create: 'New', // '新增'
+    edit: 'Edit', // '编辑'
+    delete: 'Delete', // '删除'
+    view: 'View',
+    type: 'Type',
+    esc: 'Cancel', // '取消'
+    cancel: 'Cancel', // '取消'
+    save: 'Save', // '保存'
+    download: 'Download', // 下载
+    preview: 'Preview', // 预览
+    search: 'Search', // '搜索'
+    add: 'Create', // "新增"
+    addProject: 'Add',
+    addAssetList: 'Add',
+    batchEdit: 'Batch Edit',
+    option: 'Operation', // "操作"
+    remark: 'Description',
+    clear: 'Clear', // "清除"
+    name: 'Name', // '名称'
+    version: 'Version', // 版本
+    components: 'Components', // 组件
+    cover: 'Override', // '覆盖'
+    signOut: 'Logout', // '登出'
+    select: 'Select', // '选择'
+    ok: 'Ok', // OK
+    entity: 'Entity',
+    all: 'All', // '全选'
+    value: 'Value',
+    other: 'Others', // "其他"
+    about: 'About', // 关于
+    detail: 'Detail', // 详情
+    query: 'Query', // 查询
+    account: 'Account',
+    back: 'Back', // 返回
+    unavailable: 'Unavailable',
+    available: 'Available',
+    changePin: 'Change password', // 修改密码
+    createChart: 'New chart',
+    createProject: 'New project',
+    createEndpoint: 'New endpoint',
+    batchEndpoint: 'Batch modify endpoint',
+    createAsset: 'New asset',
+    createAlertRule: 'New alert rule',
+    createUser: 'New user',
+    createRole: 'New role',
+    createPrometheusServer: 'New agent',
+    createDatacenter: 'New Data center',
+    createCabinet: 'New cabinet',
+    createModel: 'New model',
+    createModule: 'New module',
+    createMib: 'New MIB',
+    createAssetType: 'New asset type',
+    createAssetState: 'New asset state',
+    createTemplate: 'New template',
+    exportExcel: 'Export',
+    importExcel: 'Import',
+    importExcelLower: 'import',
+    exportExcelLower: 'export',
+    rollbackImport: 'Rollback',
+    exportCur: 'Current page',
+    exportAll: 'All',
+    importFile: 'Please upload file',
+    importTip: 'Only allowed xlsx/xls file',
+    importTipImg: 'Only allowed jpg/png file',
+    dragFileTip: 'Drag file here',
+    or: 'or',
+    clickUpload: 'Click to upload',
+    upload: 'upload',
+    template: 'Template',
+    active: 'Active',
+    result: {
+      total: 'Total',
+      failed: 'Failed',
+      success: 'Success',
+      failedDetail: 'Failed Detail',
+      line: 'Line {0}:'
+    },
+    reset: 'Reset',
+    submit: 'Save',
+    noData: 'No data',
+    tag: 'Tag',
+    placeHolder: 'Please enter',
+    syncChart: 'Synchronize chart',
+    toolBox: {
+      zoom: 'Area scaling',
+      back: 'Area scaling restore',
+      stack: 'Show stack chart',
+      stackBack: 'Back to original chart'
+    },
+    SyncSave: 'Save&Sync',
+    copySuccess: 'Copy success',
+    parent: 'Parent',
+    dc: 'Data center',
+    labels: 'Label',
+    moreOption: 'More option',
+    copy: 'Copy',
+    silence: 'Silence',
+    editType: 'Type',
+    searchCondition: 'Search condition',
+    batchDel: 'Batches delete',
+    tempPrev: 'Template preview',
+    silenceAlert: 'silence alert',
+    quickSilent: 'Quick silent',
+    configEndpoint: 'Config'
+  },
+  tip: {
+    confirmDelete: 'Are you sure you want to delete?', // Are you sure you want to delete?
+    confirmOvertime: "Are you sure it's off?",
+    killTerm: 'Are you sure you want to kill terminal?',
+    confirmBatchDelete: 'Are you sure to delete these {0} pieces of data',
+    assetConfirmDelete: 'Related endpoints and alerts will be removed, are you sure you want to delete this asset?', // Related endpoints and alerts will be removed, are you sure you want to delete this asset?
+    yes: 'Yes', // "是"
+    no: 'No', // No
+    deleteSuccess: 'Delete success', // "删除成功"
+    saveSuccess: 'Save success', // "保存成功"
+    addSuccess: 'Add success', // "保存成功"
+    duplicateSuccess: 'Duplicate success', // "复制成功"
+    coverSuccess: 'Override success', // '覆盖成功'
+    refreshLater: 'Refresh later', // '请稍后刷新'
+    testSuccess: 'Test success',
+    downloadSuccess: 'Download success',
+    uploadSuccess: 'Upload success',
+    pressEnterToAdd: 'Press enter to add new line',
+    resetSuccess: 'Reset success',
+    syncSuccess: 'Synchronize success',
+    syncTip: 'This operation may cause the original data or chart to be overwritten. Are you sure to synchronize?',
+    noImportFile: 'No import file found',
+    noAccess: 'No access',
+    confirmDuplicate: 'Are you sure to duplicate this chart?',
+    confirmCancel: 'Changes you made are not saved?',
+    copySuccess: 'Copy success',
+    lnglatError: 'Wrong format of latitude and longitude'
+  },
+  config: {
+    config: 'Setting', // "设置"
+    user: {
+      userList: 'User list', // "用户列表"
+      user: 'User',
+      // 列表表头
+      name: 'Name', // "用户"
+      username: 'Username', // 登录名
+      roles: 'Role',
+      language: 'Language', // "语言"
+      receiver: 'Receiver', // "用户组"
+      createTime: 'New time', // "创建时间"
+      enable: 'Enable', // "可用"
+      option: 'Operation', // "操作"
+      lastLoginTime: 'Last login time', // 最后登录时间
+      lastLoginIp: 'Last login IP', // 最后登录IP
+      source: 'Source',
+      // 侧滑框//
+      userId: 'User ID', // "用户ID"
+      createUser: 'New user', // "新增用户"
+      editUser: 'Edit user', // "编辑用户"
+      notCurrentlySupport: 'Not available', // '暂不支持'
+      pin: 'Password', // '密码'
+      oldPin: 'Old password',
+      inputOldPin: 'Please input old password',
+      newPin: 'New password',
+      inputNewPin: 'Please input new password',
+      confirmPin: 'Confirm password',
+      inputConfirmPin: 'Please input confirm password',
+      invalidPin: 'invalide password,the length at least 6',
+      confirmPinErr: 'The two passwords are inconsistent',
+      reinputPin: 'Enter password again',
+      notification: 'Notification',
+      mobile: 'Mobile'
+    },
+    roles: {
+      roles: 'Role',
+      name: 'Name',
+      description: 'Description',
+      option: 'Operation', // "操作"
+      permission: 'Permission',
+      menu: 'Menu',
+      createRole: 'New role',
+      editRole: 'Edit role',
+      remark: 'Remark'
+    },
+    operationlog: {
+      operationlog: 'Operation log',
+      id: 'ID',
+      username: 'User',
+      operation: 'Operation',
+      type: 'Type',
+      createDate: 'Time',
+      ip: 'IP',
+      userId: 'UserId',
+      operaId: 'Resources',
+      time: 'Duration',
+      params: 'Params',
+      state: 'State',
+      response: 'Response',
+      operations: {
+        add: 'add',
+        query: 'query',
+        update: 'update',
+        import: 'import',
+        export: 'export',
+        delete: 'delete',
+        reset: 'reset',
+        unknown: 'unknown',
+        login: 'login',
+        logout: 'logout'
+      }
+    },
+  },
 }
 export default en