From 21ddc9ec1b1b76d2ce20e512328e65acaf1af2bf Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期一, 16 一月 2023 10:35:15 +0800
Subject: [PATCH] 廊坊代码更新

---
 src/views/userManage/roleManage.vue |  195 +++++++++++++++++++++++++++++++-----------------
 1 files changed, 127 insertions(+), 68 deletions(-)

diff --git a/src/views/userManage/roleManage.vue b/src/views/userManage/roleManage.vue
index bbe9d2d..3ac98d1 100644
--- a/src/views/userManage/roleManage.vue
+++ b/src/views/userManage/roleManage.vue
@@ -1,15 +1,20 @@
 <template>
   <div class="logLog_box">
-    <My-bread
-      :list="[
+    <My-bread :list="[
         `${$t('operatManage.operatManage')}`,
         `${$t('userManage.roleManage')}`,
-      ]"
-    ></My-bread>
+      ]"></My-bread>
     <el-divider />
     <div class="inquire">
-      <el-form ref="ruleForm" :model="roleForm" :inline="true">
-        <el-form-item :label="$t('userManage.RM.roleName')" prop="username">
+      <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
@@ -29,8 +34,7 @@
               color: white;
             "
             @click="showDepTree(1)"
-            >{{ $t('common.choose') }}</el-button
-          >
+          >{{ $t('common.choose') }}</el-button>
         </el-form-item>
         <br />
         <el-form-item>
@@ -38,36 +42,34 @@
             type="success"
             @click="InsertFormdialog = true"
             v-if="menuStatus.insert"
-            ><i class="el-icon-circle-plus-outline"></i> &nbsp;{{
+          ><i class="el-icon-circle-plus-outline"></i> &nbsp;{{
               $t('userManage.RM.add')
-            }}</el-button
-          >
+            }}</el-button>
         </el-form-item>
         <el-form-item>
           <el-button
             style="background: #409eff; border: 1px solid #409eff; color: white"
             @click="onSubmit('ruleForm')"
-            ><i class="el-icon-search"></i> &nbsp;{{
+          ><i class="el-icon-search"></i> &nbsp;{{
               $t('userManage.RM.query')
-            }}</el-button
-          >
+            }}</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button type="info" @click="resetForm('ruleForm')"
-            ><i class="el-icon-delete"></i>&nbsp;{{
+          <el-button
+            type="info"
+            @click="resetForm('ruleForm')"
+          ><i class="el-icon-delete"></i>&nbsp;{{
               $t('userManage.RM.reset')
-            }}</el-button
-          >
+            }}</el-button>
         </el-form-item>
         <el-form-item>
           <el-button
             type="danger"
             @click="handleDelete()"
             v-if="menuStatus.delete"
-            ><i class="el-icon-delete"></i>&nbsp;{{
+          ><i class="el-icon-delete"></i>&nbsp;{{
               $t('common.delete')
-            }}</el-button
-          >
+            }}</el-button>
         </el-form-item>
       </el-form>
     </div>
@@ -75,17 +77,24 @@
       <el-table
         :data="tableData"
         style="width: 100%"
+        height="85%"
         @selection-change="handleSelectionChange"
-        height="99%"
       >
-        <el-table-column type="selection" width="55" />
+        <el-table-column
+          type="selection"
+          width="55"
+        />
         <el-table-column
           align="center"
           type="index"
           :label="$t('userManage.RM.index')"
           width="70px"
         />
-        <el-table-column align="center" prop="id" v-if="false" />
+        <el-table-column
+          align="center"
+          prop="id"
+          v-if="false"
+        />
         <el-table-column
           align="center"
           prop="name"
@@ -152,17 +161,18 @@
               type="warning"
               @click="handleEdit(scope.$index, scope.row)"
               size="small"
-              >{{ $t('common.update') }}</el-button
-            >
+            >{{ $t('common.update') }}</el-button>
             <el-button
               @click="showDetail(scope.$index, scope.row)"
               size="small"
-              >{{ $t('common.see') }}</el-button
-            >
+            >{{ $t('common.see') }}</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <div style="margin-top: 25px" class="pagination_box">
+      <div
+        style="margin-top: 25px"
+        class="pagination_box"
+      >
         <el-pagination
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
@@ -188,7 +198,10 @@
           :label="$t('userManage.RM.roleName')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="insertform.name" autocomplete="off"></el-input>
+          <el-input
+            v-model="insertform.name"
+            autocomplete="off"
+          ></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('userManage.RM.ownedSystem')"
@@ -209,36 +222,49 @@
               color: white;
             "
             @click="showDepTree(2)"
-            >{{ $t('common.choose') }}</el-button
-          >
+          >{{ $t('common.choose') }}</el-button>
         </el-form-item>
         <el-form-item
           :label="$t('userManage.RM.describe')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="insertform.descr" autocomplete="off"></el-input>
+          <el-input
+            v-model="insertform.descr"
+            autocomplete="off"
+          ></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('userManage.RM.isAdmin')"
           :label-width="formLabelWidth"
         >
-          <el-radio v-model="insertform.isAdmin" label="1">鏄�</el-radio>
-          <el-radio v-model="insertform.isAdmin" label="0">鍚�</el-radio>
+          <el-radio
+            v-model="insertform.isAdmin"
+            label="1"
+          >鏄�</el-radio>
+          <el-radio
+            v-model="insertform.isAdmin"
+            label="0"
+          >鍚�</el-radio>
         </el-form-item>
         <el-form-item
           :label="$t('userManage.RM.remarks')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="insertform.bak" autocomplete="off"></el-input>
+          <el-input
+            v-model="insertform.bak"
+            autocomplete="off"
+          ></el-input>
         </el-form-item>
       </el-form>
-      <div slot="footer" class="dialog-footer">
+      <div
+        slot="footer"
+        class="dialog-footer"
+      >
         <el-button @click="insertFromClose">{{ $t('common.close') }}</el-button>
         <el-button
           style="background: #409eff; border: 1px solid #409eff; color: white"
           @click="insertFromData"
-          >{{ $t('common.confirm') }}</el-button
-        >
+        >{{ $t('common.confirm') }}</el-button>
       </div>
     </el-dialog>
     <el-dialog
@@ -253,7 +279,10 @@
           :label="$t('userManage.RM.roleName')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="updateform.name" autocomplete="off"></el-input>
+          <el-input
+            v-model="updateform.name"
+            autocomplete="off"
+          ></el-input>
         </el-form-item>
 
         <el-form-item
@@ -274,39 +303,55 @@
               color: white;
             "
             @click="showDepTree(3)"
-            >{{ $t('common.choose') }}</el-button
-          >
+          >{{ $t('common.choose') }}</el-button>
         </el-form-item>
         <el-form-item
           :label="$t('userManage.RM.isAdmin')"
           :label-width="formLabelWidth"
         >
-          <el-radio v-model="updateform.isAdmin" label="1">鏄�</el-radio>
-          <el-radio v-model="updateform.isAdmin" label="0">鍚�</el-radio>
+          <el-radio
+            v-model="updateform.isAdmin"
+            label="1"
+          >鏄�</el-radio>
+          <el-radio
+            v-model="updateform.isAdmin"
+            label="0"
+          >鍚�</el-radio>
         </el-form-item>
         <el-form-item
           :label="$t('userManage.RM.describe')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="updateform.descr" autocomplete="off"></el-input>
+          <el-input
+            v-model="updateform.descr"
+            autocomplete="off"
+          ></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('userManage.RM.remarks')"
           :label-width="formLabelWidth"
         >
-          <el-input v-model="updateform.bak" autocomplete="off"></el-input>
+          <el-input
+            v-model="updateform.bak"
+            autocomplete="off"
+          ></el-input>
         </el-form-item>
       </el-form>
-      <div slot="footer" class="dialog-footer">
+      <div
+        slot="footer"
+        class="dialog-footer"
+      >
         <el-button @click="updateFromClose">{{ $t('common.close') }}</el-button>
         <el-button
           style="background: #409eff; border: 1px solid #409eff; color: white"
           @click="updateFromData"
-          >{{ $t('common.confirm') }}</el-button
-        >
+        >{{ $t('common.confirm') }}</el-button>
       </div>
     </el-dialog>
-    <div class="leftTree" v-if="showCata">
+    <div
+      class="leftTree"
+      v-if="showCata"
+    >
       <div class="treeBox">
         <role-dep-tree></role-dep-tree>
       </div>
@@ -315,19 +360,29 @@
           style="background: #409eff; border: 1px solid #409eff; color: white"
           size="small"
           @click="selectCataName"
-          >纭畾</el-button
-        >
-        <el-button type="info" size="small" @click="showCata = false"
-          >鍙栨秷</el-button
-        >
+        >纭畾</el-button>
+        <el-button
+          type="info"
+          size="small"
+          @click="showCata = false"
+        >鍙栨秷</el-button>
       </div>
     </div>
 
-    <div class="infoBox" v-show="showinfoBox">
+    <div
+      class="infoBox"
+      v-show="showinfoBox"
+    >
       <el-card>
-        <div slot="header" class="clearfix">
+        <div
+          slot="header"
+          class="clearfix"
+        >
           <span>{{ $t('dataManage.styleObj.deInformation') }}</span>
-          <div style="float: right; cursor: pointer" @click="closeDetial">
+          <div
+            style="float: right; cursor: pointer"
+            @click="closeDetial"
+          >
             <i class="el-icon-close"></i>
           </div>
         </div>
@@ -659,10 +714,11 @@
 <style lang="less" scoped>
 //@import url(); 寮曞叆鍏叡css绫�
 .logLog_box {
-  border-radius: 10px;
-  height: 100%;
-
-  box-sizing: border-box;
+  height: 98%;
+  width: 98%;
+  padding: 1%;
+  position: absolute;
+  overflow: auto;
   .el-input {
     width: 300px;
   }
@@ -690,14 +746,15 @@
     }
   }
   .inquire {
-    height: 115px;
+    height: auto;
     overflow: auto;
     padding: 10px;
-    margin-top: 20px;
-
+    margin-top: 10px;
+    margin-top: 10px;
+    width: calc(100% - 22px);
     border-radius: 5px;
     border: 1px solid rgb(202, 201, 204);
-    margin-bottom: 10px;
+
     .el-form-item {
       margin: 7px;
     }
@@ -711,9 +768,11 @@
     }
   }
   .table_box {
-    height: 470px;
+    width: calc(100% - 22px);
+    height: calc(60% - 6px);
     padding: 10px;
-
+    margin-bottom: 10px;
+    margin-top: 10px;
     border-radius: 5px;
     border: 1px solid rgb(202, 201, 204);
     /deep/.el-input__inner {

--
Gitblit v1.9.3