系统管理下拉框修改

src/views/system/dept/index.vue

@@ -17,6 +17,7 @@
             :key="dict.value"
             :label="dict.label"
             :value="dict.value"
+            class="input_xiala"
           />
         </el-select>
       </el-form-item>
@@ -158,6 +159,7 @@
                   :key="dict.dictValue"
                   :label="dict.dictLabel"
                   :value="dict.dictValue"
+                  class="input_xiala"
                 ></el-option>
               </el-select>
             </el-form-item>

src/views/system/dict/index.vue

@@ -40,6 +40,7 @@
             :key="dict.value"
             :label="dict.label"
             :value="dict.value"
+            class="input_xiala"
           />
         </el-select>
       </el-form-item>

src/views/system/menu/index.vue

@@ -27,6 +27,7 @@
             :key="dict.value"
             :label="dict.label"
             :value="dict.value"
+            class="input_xiala"
           />
         </el-select>
       </el-form-item>

src/views/system/post/index.vue

@@ -37,6 +37,7 @@
             :key="dict.value"
             :label="dict.label"
             :value="dict.value"
+            class="input_xiala"
           />
         </el-select>
       </el-form-item>

src/views/system/role/authUser.vue

@@ -79,6 +79,7 @@
       v-loading="loading"
       :data="userList"
       @selection-change="handleSelectionChange"
+      :header-cell-style="{ background: '#003C69', color: 'white' }"
     >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column

src/views/system/role/index.vue

@@ -33,12 +33,14 @@
           clearable
           size="small"
           style="width: 240px"
+          
         >
           <el-option
             v-for="dict in dict.type.sys_normal_disable"
             :key="dict.value"
             :label="dict.label"
             :value="dict.value"
+            class="input_xiala"
           />
         </el-select>
       </el-form-item>
@@ -124,27 +126,28 @@
     </el-row>
 
     <el-table
+    style=""
       v-loading="loading"
       :data="roleList"
       @selection-change="handleSelectionChange"
       :header-cell-style="{ background: '#003C69', color: 'white' }"
     >
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="角色编号" prop="roleId" width="120" />
+      <el-table-column type="selection" align="center" />
+      <el-table-column label="角色编号" prop="roleId"  />
       <el-table-column
         label="角色名称"
         prop="roleName"
         :show-overflow-tooltip="true"
-        width="150"
+        
       />
       <el-table-column
         label="权限字符"
         prop="roleKey"
         :show-overflow-tooltip="true"
-        width="150"
+        
       />
-      <el-table-column label="显示顺序" prop="roleSort" width="100" />
-      <el-table-column label="状态" align="center" width="100">
+      <el-table-column label="显示顺序" prop="roleSort"  />
+      <el-table-column label="状态" align="center" >
         <template slot-scope="scope">
           <el-switch
             v-model="scope.row.status"
@@ -158,7 +161,7 @@
         label="创建时间"
         align="center"
         prop="createTime"
-        width="180"
+        
       >
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
@@ -168,6 +171,7 @@
         label="操作"
         align="center"
         class-name="small-padding fixed-width"
+        
       >
         <template slot-scope="scope" v-if="scope.row.roleId !== 1">
           <el-button
@@ -329,6 +333,7 @@
               :key="item.value"
               :label="item.label"
               :value="item.value"
+              class="input_xiala"
             ></el-option>
           </el-select>
         </el-form-item>

src/views/system/user/index.vue

@@ -248,7 +248,7 @@
           >
             <template slot-scope="scope" v-if="scope.row.userId !== 1">
               <el-button
-                size="mini"
+                size="btu"
                 type="text"
                 @click="handleUpdate(scope.row)"
                 v-hasPermi="['system:user:edit']"
@@ -256,7 +256,7 @@
                 <span class="edit">修改</span>
               </el-button>
               <el-button
-                size="mini"
+                size="btd"
                 type="text"
                 @click="handleDelete(scope.row)"
                 v-hasPermi="['system:user:remove']"
@@ -337,6 +337,7 @@
                   :key="dict.deptId"
                   :label="dict.deptName"
                   :value="dict.deptId"
+                  class="input_xiala"
                 ></el-option>
               </el-select>
             </el-form-item>
@@ -355,6 +356,7 @@
                   :key="item.id"
                   :label="item.name"
                   :value="item"
+                  class="input_xiala"
                 ></el-option>
               </el-select>
             </el-form-item>
@@ -419,6 +421,7 @@
                   :key="dict.value"
                   :label="dict.label"
                   :value="dict.value"
+                  class="input_xiala"
                 ></el-option>
               </el-select>
             </el-form-item>
@@ -432,6 +435,7 @@
                   :label="item.roleName"
                   :value="item.roleId"
                   :disabled="item.status == 1"
+                  class="input_xiala"
                 ></el-option>
               </el-select>
             </el-form-item>
@@ -445,17 +449,18 @@
                   :label="item.postName"
                   :value="item.postId"
                   :disabled="item.status == 1"
+                  class="input_xiala"
                 ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="16">
+          <el-col :span="8">
             <el-form-item label="权限">
               <el-select
                 v-model="form.permissions"
-                style="width:400px;"
+                style="width:200px;"
                 placeholder="请选择权限"
               >
                 <el-option
@@ -463,6 +468,7 @@
                   :key="dict.dictValue"
                   :label="dict.dictLabel"
                   :value="dict.dictValue"
+                  class="input_xiala"
                 ></el-option>
               </el-select>
             </el-form-item>
@@ -1035,19 +1041,24 @@ export default {
 }
 /* 基本信息背景 */
 .jiben {
-  width: 952px;
+  width: 930px;
   height: 32px;
   background-image: url(../../../images/小标题底.png);
+  background-size: 930px;
   margin-bottom: 25px;
   color: #fff;
   padding-left: 16px;
   line-height: 32px;
+  margin-left: 24px;
 }
 /*调整表单间距 */
 ::v-deep .el-form-item__content {
   width: 200px;
 }
-
+/* 对话框底部确定取消按钮位置 */
+::v-deep .el-dialog__footer {
+    margin-right: 25px !important;
+}
 .contents {
   padding: 0px 40px !important;
 }

src/views/system/user/profile/index.vue

@@ -89,3 +89,35 @@ export default {
   }
 };
 </script>
+<style scoped>
+/* 对话框背景颜色 */
+.el-card{
+  background: #004d86 !important;
+  color: #fff;
+  border: none;
+}
+/* 基本资料修改密码 */
+::v-deep .el-tabs__item {
+  color: #fff;
+}
+/* 选择性别字体颜色 */
+::v-deep .el-radio{
+  color: #fff !important;
+}
+/* 输入框长度 */
+::v-deep .el-input--medium .el-input__inner {
+    height: 36px;
+    line-height: 36px;
+    width: 220px !important;
+}
+/* 个人信息 */
+::v-deep .list-group-item {
+    border: none;
+    margin-bottom: -1px;
+    padding: 11px 0px;
+    font-size: 13px;
+}
+.el-tabs__nav-wrap::after{
+  border: none !important;
+}
+</style>