From b4b2f1a1982c3bb6fd5b1ca880f76a94575ad9f6 Mon Sep 17 00:00:00 2001
From: lxl <lixuliang_hd@126.com>
Date: 星期三, 21 九月 2022 14:05:33 +0800
Subject: [PATCH] 管理
---
src/views/userManage/groupManage.vue | 227 ++++++++++++--------------------------------------------
1 files changed, 50 insertions(+), 177 deletions(-)
diff --git a/src/views/userManage/groupManage.vue b/src/views/userManage/groupManage.vue
index 276965f..a5b1ea5 100644
--- a/src/views/userManage/groupManage.vue
+++ b/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> {{
+ $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> {{
- $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> {{
- $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>
+
\ No newline at end of file
--
Gitblit v1.9.3