管理

lxl

2022-09-21 b4b2f1a1982c3bb6fd5b1ca880f76a94575ad9f6

管理

 src/assets/lang/en.js

@@ -38,7 +38,7 @@
      search: 'search',
      reset: 'reset',
      all: 'all',
      one: "one",
      one: "A picture",
      add: "add",
      delete: "delete",
      edit: "edit",
@@ -268,7 +268,19 @@
    userAuditing: 'userAuditing',
    roleManage: 'roleManage',
    groupManage: 'groupManage',
  }
    GM: {
      groupName: "groupName",
      ownedSystem: 'ownedSystem',
      add: 'add',
      index: "index",
      applicationName: "applicationName",
      userSetting: "userSetting",
      roleSetting: "roleSetting",
      operate: 'operate',
      one: 'A picture',
    },
  },

};

export default en;

 src/assets/lang/zh.js

@@ -268,8 +268,35 @@
    orgManage: '组织机构管理',
    userAuditing: '用户审核',
    roleManage: '角色管理',
    RM: {
      roleName: "角色名称",
      ownedSystem: '所属系统',
      add: '新增',
      query: "查询",
      reset: "清除",
      index: "序号",
      Permission: "权限",
      resourcePermission: "资源权限",
      groupSetting: "群组设置",
      operate: '操作',
      one: '一张图',
    },
    groupManage: '群组管理',
  }
    GM: {
      groupName: "群组名称",
      ownedSystem: '所属系统',
      add: '新增',
      query: "查询",
      reset: "清除",
      index: "序号",
      applicationName: "应用系统名称",
      userSetting: "用户设置",
      roleSetting: "角色设置",
      operate: '操作',
      one: '一张图',
    },
  },

};

export default zh;

 src/views/userManage/groupManage.vue

@@ -2,72 +2,43 @@
  <div class="logLog_box">
    <My-bread
      :list="[
        `${$t('operatManage.operatManage')}`,
        `${$t('operatManage.eventlogManage')}`,
        `${$t('userManage.userManage')}`,
        `${$t('userManage.groupManage')}`,
      ]"
    ></My-bread>
    <el-divider />
    <div class="inquire">
      <el-form ref="ruleForm" :model="form" :inline="true">
        <el-form-item :label="$t('operatManage.ELM.username')" prop="username">
          <el-input
            v-model="form.username"
            :placeholder="$t('operatManage.ELM.usernameInfo')"
          />
      <el-form ref="ruleForm" :model="groupForm" :inline="true">
        <el-form-item :label="$t('userManage.GM.groupName')" prop="username">
          <el-input v-model="groupForm.username" />
        </el-form-item>
        <el-form-item
          :label="$t('operatManage.ELM.ownedSystem')"
          :label="$t('userManage.GM.ownedSystem')"
          prop="ownedSystem"
        >
          <el-select
            v-model="form.ownedSystem"
            :placeholder="$t('operatManage.ELM.please')"
          >
            <el-option :label="$t('operatManage.ELM.all')" value="all" />
            <el-option :label="$t('operatManage.ELM.one')" value="one" />
          <el-select v-model="groupForm.ownedSystem">
            <el-option :label="$t('userManage.GM.one')" value="one" />
          </el-select>
        </el-form-item>
        <el-form-item
          :label="$t('operatManage.ELM.operationType')"
          prop="operationType"
        <br />
        <el-form-item>
          <el-button
            ><i class="el-icon-circle-plus-outline"></i> &nbsp;{{
              $t("userManage.GM.add")
            }}</el-button
        >
          <el-select
            v-model="form.operationType"
            :placeholder="$t('operatManage.ELM.please')"
          >
            <el-option :label="$t('operatManage.ELM.all')" value="all" />
            <el-option :label="$t('operatManage.ELM.add')" value="add" />
            <el-option :label="$t('operatManage.ELM.delete')" value="delete" />
            <el-option :label="$t('operatManage.ELM.edit')" value="edit" />
            <el-option :label="$t('operatManage.ELM.query')" value="query" />
          </el-select>
        </el-form-item>
        <el-form-item :label="$t('operatManage.ELM.date')" prop="date">
          <el-date-picker
            v-model="form.date"
            type="daterange"
            align="right"
            unlink-panels
            :range-separator="$t('operatManage.ELM.to')"
            :start-placeholder="$t('operatManage.ELM.startDate')"
            :end-placeholder="$t('operatManage.ELM.endDate')"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item :label="$t('operatManage.ELM.ip')" prop="requestIp">
          <el-input v-model="form.requestIp" placeholder="请输入" />
        </el-form-item>
        <el-form-item>
          <el-button @click="onSubmit"
          <el-button
            ><i class="el-icon-search"></i> &nbsp;{{
              $t("operatManage.ELM.search")
              $t("userManage.GM.query")
            }}</el-button
          >
        </el-form-item>
        <el-form-item>
          <el-button @click="resetForm('ruleForm')"
            ><i class="el-icon-delete"></i>&nbsp;{{
              $t("operatManage.ELM.reset")
              $t("userManage.GM.reset")
            }}</el-button
          >
        </el-form-item>
@@ -78,49 +49,44 @@
        <el-table-column
          align="center"
          type="index"
          :label="$t('operatManage.ELM.index')"
          :label="$t('userManage.GM.index')"
          width="70px"
        />
        <el-table-column
          align="center"
          prop="username"
          :label="$t('operatManage.ELM.username')"
          :label="$t('userManage.GM.groupName')"
        />

        <el-table-column
          align="center"
          prop="applicationName"
          :label="$t('userManage.GM.applicationName')"
        />
        <el-table-column
          align="center"
          prop="ip"
          :label="$t('operatManage.ELM.ip')"
          prop="userSetting"
          :label="$t('userManage.GM.userSetting')"
        />
        <el-table-column
          align="center"
          prop="ownedSystem"
          :label="$t('operatManage.ELM.ownedSystem')"
          prop="roleSetting"
          :label="$t('userManage.GM.roleSetting')"
        />
        <el-table-column
          align="center"
          prop="largeModuleName"
          :label="$t('operatManage.ELM.largeModuleName')"
        />
        <el-table-column
          align="center"
          prop="smallModuleName"
          :label="$t('operatManage.ELM.smallModuleName')"
        />
        <el-table-column
          align="center"
          prop="resourceName"
          :label="$t('operatManage.ELM.resourceName')"
        />
        <el-table-column
          align="center"
          prop="date"
          :label="$t('operatManage.ELM.date')"
        />
        <el-table-column
          align="center"
          prop="operationType"
          :label="$t('operatManage.ELM.operationType')"
        />
          fixed="right"
          :label="$t('userManage.GM.operate')"
          width="300"
        >
          <template #default>
            <el-button type="danger" size="small">{{
              $t("common.delete")
            }}</el-button>
            <el-button type="warning" size="small">{{
              $t("common.update")
            }}</el-button>
          </template>
        </el-table-column>
      </el-table>
      <div style="margin-top: 40px" class="pagination_box">
        <el-pagination
@@ -130,7 +96,7 @@
          :page-sizes="[10, 20, 30, 40]"
          :page-size="10"
          layout="total, sizes, prev, pager, next, jumper"
          :total="9"
          :total="0"
        >
        </el-pagination>
      </div>
@@ -150,105 +116,11 @@
  data() {
    return {
      currentPage: 1,
      form: {
        username: "",
      groupForm: {
        groupName: "",
        ownedSystem: "",
        requestIp: "",
        operationType: "",
        date: "",
      },
      tableData: [
        {
          username: "管理员",
          ip: "221.182.31.12",
          date: "2022-08-05",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
      ],
      tableData: [],
    };
  },
  methods: {
@@ -304,3 +176,4 @@
  }
}
</style>
  

 src/views/userManage/roleManage.vue

@@ -1,74 +1,44 @@

<template>
    <div class="logLog_box">
      <My-bread
        :list="[
          `${$t('operatManage.operatManage')}`,
          `${$t('operatManage.eventlogManage')}`,
        `${$t('userManage.userManage')}`,
        `${$t('userManage.roleManage')}`,
        ]"
      ></My-bread>
      <el-divider />
      <div class="inquire">
        <el-form ref="ruleForm" :model="form" :inline="true">
          <el-form-item :label="$t('operatManage.ELM.username')" prop="username">
            <el-input
              v-model="form.username"
              :placeholder="$t('operatManage.ELM.usernameInfo')"
            />
      <el-form ref="ruleForm" :model="roleForm" :inline="true">
        <el-form-item :label="$t('userManage.RM.roleName')" prop="username">
          <el-input v-model="roleForm.username" />
          </el-form-item>
          <el-form-item
            :label="$t('operatManage.ELM.ownedSystem')"
          :label="$t('userManage.RM.ownedSystem')"
            prop="ownedSystem"
          >
            <el-select
              v-model="form.ownedSystem"
              :placeholder="$t('operatManage.ELM.please')"
            >
              <el-option :label="$t('operatManage.ELM.all')" value="all" />
              <el-option :label="$t('operatManage.ELM.one')" value="one" />
          <el-select v-model="roleForm.ownedSystem">
            <el-option :label="$t('userManage.RM.one')" value="one" />
            </el-select>
          </el-form-item>
          <el-form-item
            :label="$t('operatManage.ELM.operationType')"
            prop="operationType"
        <br />
        <el-form-item>
          <el-button
            ><i class="el-icon-circle-plus-outline"></i> &nbsp;{{
              $t("userManage.RM.add")
            }}</el-button
          >
            <el-select
              v-model="form.operationType"
              :placeholder="$t('operatManage.ELM.please')"
            >
              <el-option :label="$t('operatManage.ELM.all')" value="all" />
              <el-option :label="$t('operatManage.ELM.add')" value="add" />
              <el-option :label="$t('operatManage.ELM.delete')" value="delete" />
              <el-option :label="$t('operatManage.ELM.edit')" value="edit" />
              <el-option :label="$t('operatManage.ELM.query')" value="query" />
            </el-select>
          </el-form-item>
          <el-form-item :label="$t('operatManage.ELM.date')" prop="date">
            <el-date-picker
              v-model="form.date"
              type="daterange"
              align="right"
              unlink-panels
              :range-separator="$t('operatManage.ELM.to')"
              :start-placeholder="$t('operatManage.ELM.startDate')"
              :end-placeholder="$t('operatManage.ELM.endDate')"
            >
            </el-date-picker>
          </el-form-item>
          <el-form-item :label="$t('operatManage.ELM.ip')" prop="requestIp">
            <el-input v-model="form.requestIp" placeholder="请输入" />
          </el-form-item>
          <el-form-item>
            <el-button @click="onSubmit"
          <el-button
              ><i class="el-icon-search"></i> &nbsp;{{
                $t("operatManage.ELM.search")
              $t("userManage.RM.query")
              }}</el-button
            >
          </el-form-item>
          <el-form-item>
            <el-button @click="resetForm('ruleForm')"
              ><i class="el-icon-delete"></i>&nbsp;{{
                $t("operatManage.ELM.reset")
              $t("userManage.RM.reset")
              }}</el-button
            >
          </el-form-item>
@@ -79,49 +49,49 @@
          <el-table-column
            align="center"
            type="index"
            :label="$t('operatManage.ELM.index')"
          :label="$t('userManage.RM.index')"
            width="70px"
          />
          <el-table-column
            align="center"
            prop="username"
            :label="$t('operatManage.ELM.username')"
          prop="roleName"
          :label="$t('userManage.RM.roleName')"
          />
          <el-table-column
            align="center"
            prop="ip"
            :label="$t('operatManage.ELM.ip')"
          />

          <el-table-column
            align="center"
            prop="ownedSystem"
            :label="$t('operatManage.ELM.ownedSystem')"
          :label="$t('userManage.RM.ownedSystem')"
          />
          <el-table-column
            align="center"
            prop="largeModuleName"
            :label="$t('operatManage.ELM.largeModuleName')"
          prop="Permission"
          :label="$t('userManage.RM.Permission')"
          />
          <el-table-column
            align="center"
            prop="smallModuleName"
            :label="$t('operatManage.ELM.smallModuleName')"
          prop="resourcePermission"
          :label="$t('userManage.RM.resourcePermission')"
          />
          <el-table-column
            align="center"
            prop="resourceName"
            :label="$t('operatManage.ELM.resourceName')"
          prop="roleSetting"
          :label="$t('userManage.RM.groupSetting')"
          />
          <el-table-column
            align="center"
            prop="date"
            :label="$t('operatManage.ELM.date')"
          />
          <el-table-column
            align="center"
            prop="operationType"
            :label="$t('operatManage.ELM.operationType')"
          />
          fixed="right"
          :label="$t('userManage.RM.operate')"
          width="300"
        >
          <template #default>
            <el-button type="danger" size="small">{{
              $t("common.delete")
            }}</el-button>
            <el-button type="warning" size="small">{{
              $t("common.update")
            }}</el-button>
          </template>
        </el-table-column>
        </el-table>
        <div style="margin-top: 40px" class="pagination_box">
          <el-pagination
@@ -131,7 +101,7 @@
            :page-sizes="[10, 20, 30, 40]"
            :page-size="10"
            layout="total, sizes, prev, pager, next, jumper"
            :total="9"
          :total="0"
          >
          </el-pagination>
        </div>
@@ -151,105 +121,11 @@
    data() {
      return {
        currentPage: 1,
        form: {
          username: "",
      roleForm: {
        groupName: "",
          ownedSystem: "",
          requestIp: "",
          operationType: "",
          date: "",
        },
        tableData: [
          {
            username: "管理员",
            ip: "221.182.31.12",
            date: "2022-08-05",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
        ],
      tableData: [],
      };
    },
    methods: {