管理

lxl

2022-09-21 b4b2f1a1982c3bb6fd5b1ca880f76a94575ad9f6

 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"
        >
          <el-select
            v-model="form.operationType"
            :placeholder="$t('operatManage.ELM.please')"
        <br />
        <el-form-item>
          <el-button
            ><i class="el-icon-circle-plus-outline"></i> &nbsp;{{
              $t("userManage.GM.add")
            }}</el-button
          >
            <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,15 +96,15 @@
          :page-sizes="[10, 20, 30, 40]"
          :page-size="10"
          layout="total, sizes, prev, pager, next, jumper"
          :total="9"
          :total="0"
        >
        </el-pagination>
      </div>
    </div>
  </div>
</template>

<script>
  
  <script>
import MyBread from "../../components/MyBread.vue";

export default {
@@ -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: {
@@ -268,7 +140,7 @@
  created() {},
};
</script>
<style lang="less" scoped>
  <style lang="less" scoped>
//@import url(); 引入公共css类
.logLog_box {
  background: rgb(240, 242, 245);
@@ -304,3 +176,4 @@
  }
}
</style>