From 0d86c19b122011dc528c624597b0952660d69aba Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期日, 26 六月 2022 09:32:53 +0800
Subject: [PATCH] 1.优化动态路由

---
 src/views/jcsz/jsqd.vue |   39 +++++++++++++++++++++++++++++++++------
 1 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/src/views/jcsz/jsqd.vue b/src/views/jcsz/jsqd.vue
index 9c8fe83..badb582 100644
--- a/src/views/jcsz/jsqd.vue
+++ b/src/views/jcsz/jsqd.vue
@@ -17,7 +17,7 @@
               <el-input v-model="form.RoleName" placeholder="璇疯緭鍏�" style="width: 200px" />
             </el-form-item>
             <el-form-item label="瑙掕壊绫诲瀷" style=" display: flex;">
-              <el-select v-model="form.RoleTypeCode" filterable style="width: 200px" placeholder="璇烽�夋嫨">
+              <el-select v-model="form.RoleTypeCode" :popper-append-to-body="false" filterable style="width: 200px" placeholder="璇烽�夋嫨">
                 <el-option
                   v-for="item in RoleTypeCodeArr2"
                   :key="item.roletype_code"
@@ -48,6 +48,7 @@
           :data="tableData"
           border
           stripe
+          :height="tableHeight"
           :style="{width: 100+'%',height:tableHeight+'px'}"
           highlight-current-row
           :header-cell-style="this.$headerCellStyle"
@@ -143,7 +144,7 @@
 
     <!--    鏂板淇敼瀵硅瘽妗�-->
     <el-dialog
-      :title="operation==='add'?'娣诲姞':'淇敼'"
+      :title="operation==='add'?'鏂板':'淇敼'"
       :visible.sync="dialogVisible"
       width="50%"
       top="15vh"
@@ -161,6 +162,7 @@
           <el-select
             v-model="dialogForm.RoleTypeCode"
             filterable
+            :popper-append-to-body="false"
             style="width: 220px"
             placeholder="璇烽�夋嫨"
           >
@@ -273,7 +275,7 @@
     <el-dialog
       title="瑙掕壊鍏宠仈鐢ㄦ埛"
       :visible.sync="userDialogVisible"
-      width="90%"
+      width="80%"
       top="15vh"
       class="userDialogVisible"
       @closed="handleCloseUser"
@@ -299,6 +301,7 @@
               ref="dialogCascaderUser"
               key="cascaderKey"
               filterable
+              :append-to-body="false"
               :options="StuOrgArr"
               :props="defaultProps"
               class="userDialogVisibleInput"
@@ -311,6 +314,7 @@
             <el-select
               v-model="dialogFormUser.isrole"
               filterable
+              :popper-append-to-body="false"
               style="width: 220px"
               placeholder="璇烽�夋嫨"
               class="userDialogVisibleInput"
@@ -777,7 +781,7 @@
     // 鑾峰彇椤甸潰楂樺害
     getHeight() {
       this.$nextTick(() => {
-        this.mainHeight = window.innerHeight - 200
+        this.mainHeight = window.innerHeight - 250
         this.tableHeight = this.mainHeight - 100
       })
     },
@@ -1277,8 +1281,12 @@
   height: 30px;
   display: flex;
   align-items: center;
-  border: 1px solid $main_color;
+  //border: 1px solid $main_color;
+  border: none;
   padding: 0 20px;
+}
+::v-deep .el-button--primary:hover {
+  border: none;
 }
 
 ::v-deep .el-button--info{
@@ -1413,6 +1421,9 @@
   height: 30px;
   line-height: 30px;
 }
+::v-deep .el-input__inner:focus {
+  border-color: $main_color;
+}
 
 ::v-deep .el-table .caret-wrapper {
   //float: right;
@@ -1477,7 +1488,23 @@
   width: 99%;
   margin: 10px auto;
 }
-::v-deep .el-form-item{
+.body ::v-deep .el-form-item{
   margin-bottom: 0;
 }
+::v-deep .el-input__inner:focus {
+  border-color: $main_color;
+}
+
+::v-deep .el-select .el-input__inner:focus{
+  border-color: $main_color;
+}
+
+::v-deep .el-select-dropdown__item.selected{
+  color: $main_color;
+}
+
+::v-deep .el-textarea__inner:focus{
+  border-color: $main_color;
+}
+
 </style>

--
Gitblit v1.9.3