添加图标主页面修改

src/views/Home.vue

@@ -9,7 +9,18 @@
           <div class="maintitle">神豚体检管理系统</div>
           <div style="margin-left: 5%">
             <el-dropdown @command="handleCommand">
-              <span class="el-dropdown-link el-icon-edit">用户权限管理</span>
+              <span class="el-dropdown-link">
+                <span style="margin-top: 10px">
+                  <img
+                    class="iconimg"
+                    src="@/assets/images/usericon.png"
+                    alt=""
+                    style="width: 20px; line-height: 150px; padding-top: 5px"
+                  />
+                </span>
+                用户权限管理</span
+              >
+              <!-- <span>     <img src="@/assets/images/users.png" alt="" style="width:20px;height:20px"></span> -->
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item command="organization-units"
                   >科室设置</el-dropdown-item
@@ -25,9 +36,20 @@
             </el-dropdown>
           </div>
           <!-- 基础字典 -->
-          <div style="margin-left: 10px" class="basicdictionany">
+          <div
+            style="margin-left: 10px; padding: 0 5px"
+            class="basicdictionany"
+          >
             <el-dropdown @command="handleCommand">
-              <span class="el-dropdown-link">基础字典</span>
+              <span class="el-dropdown-link" style="margin-left: 10px">
+                <img
+                  src="@/assets/images/feesettings.png"
+                  alt=""
+                  style="width: 20px; height: 20px"
+                  class="basicimg"
+                />
+                基础字典</span
+              >
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item command="guide-type"
                   >导引类别</el-dropdown-item
@@ -88,9 +110,17 @@
             </el-dropdown>
           </div>
           <!-- 收费设置 -->
-          <div class="feesettings" style="margin-left: 10px">
+          <div class="feesettings" style="margin-left: 20px">
             <el-dropdown @command="handleCommand">
-              <span class="el-dropdown-link">收费设置</span>
+              <span class="el-dropdown-link">
+                <img
+                  src="@/assets/images/chargeimg.png"
+                  alt=""
+                  style="width: 20px; height: 20px"
+                  class="chargeimg"
+                />
+                收费设置</span
+              >
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item command="invoice-item-type"
                   >发票项目类别</el-dropdown-item
@@ -109,9 +139,16 @@
             </el-dropdown>
           </div>
           <!--常用设置  -->
-          <div class="commonsettings" style="margin-left: 10px">
+          <div class="commonsettings" style="margin-left: 20px">
             <el-dropdown @command="handleCommand">
-              <span class="el-dropdown-link">常用设置</span>
+              <span class="el-dropdown-link">
+                <img
+                  src="@/assets/images/commonsetting.png"
+                  alt=""
+                  class="commonsettingimg"
+                />
+                常用设置</span
+              >
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item command="item-type"
                   >项目类别</el-dropdown-item
@@ -156,7 +193,14 @@
           <!-- 体检登记 -->
           <div class="examinationregistration" style="margin-left: 10px">
             <el-dropdown @command="handleCommand">
-              <span class="el-dropdown-link">体检登记</span>
+              <span class="el-dropdown-link">
+                <img
+                  src="@/assets/images/registrationimg.png"
+                  alt=""
+                  class="registrationimgimges"
+                />
+                体检登记</span
+              >
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item command="customerOrg"
                   >体检单位设置</el-dropdown-item
@@ -296,6 +340,11 @@
           </div>
           <!--  -->
           <div class="btn">
+            <img
+              src="@/assets/images/currentuser.png"
+              alt=""
+              class="currentuser"
+            />
             当前用户:{{ user }}
             <!-- <i class="el-icon-arrow-down el-icon--right"></i> -->
             <el-dropdown>
@@ -651,7 +700,6 @@ export default {
     aa(aa) {
       console.log(aa);
     },
-
     //打开客户端调试工具
     toggleDevTools() {
       this.$peisAPI.toggleDevTools();
@@ -661,14 +709,55 @@ export default {
 };
 </script>
 <style scoped>
+.el-dropdown{
+  color: rgb(140, 135, 134);
+}
+.currentuser {
+  width: 30px;
+  height: 30px;
+  position: absolute;
+  right:11%;
+  top: 10px;
+  background-color: #2BCA84;
+}
+.registrationimgimges {
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  left: 0;
+  top: 15px;
+}
+.commonsettingimg {
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  left: -15px;
+  top: 15px;
+}
+.chargeimg {
+  position: absolute;
+  left: -15px;
+  top: 15px;
+}
+.basicimg {
+  position: absolute;
+  left: -17px;
+  top: 15px;
+}
+.iconimg {
+  position: absolute;
+  left: 0px;
+  top: 10px;
+}
 .el-dropdown-link {
   font-size: 16px;
   padding: 0 5px;
 }
 .principalheader {
   background-color: #fff;
-  opacity: 0.8;
-  opacity: 0.8;
+ opacity: 1;
+  /* opacity: 0.8;
+  opacity: 0.8; */
   color: #ccc;
   border: 1px solid #ccc;
 }
@@ -753,6 +842,8 @@ export default {
 }
 
 .btn {
+  color: #000;
+  font-weight: 700;
   /* margin-left: 60%; */
   /* position: relative;
   right: -70%; */

src/views/login/Login.vue

@@ -17,6 +17,7 @@
                 v-model="form.Username"
                 placeholder="用户名"
                 prefix-icon="el-icon-s-custom"
+                style="color: #fff"
               ></el-input>
             </el-form-item>
             <el-form-item label="" prop="Password">
@@ -284,7 +285,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 ::v-deep .el-input__icon {
-  color: #2BCA84;
+  color: #2bca84;
 }
 ::v-deep .el-form-item.is-error .el-input__inner {
   color: #000;
@@ -296,6 +297,7 @@ export default {
 .el-input--prefix .el-input__inner {
   background-color: rgb(234, 253, 234);
   color: #ccc;
+  // z-index: 99;
   //  opacity: 1;
 }
 .inputcolor {
@@ -303,12 +305,12 @@ export default {
 }
 ::v-deep .el-input__inner {
   background-color: rgb(234, 253, 234);
-  opacity: 0.3;
+  opacity: 1;
   color: rgba(186, 251, 185, 1);
 }
-::v-deep .el-form-item {
+// ::v-deep .el-form-item {
 //   border: 1px solid rgb(0, 183, 92);
-}
+// }
 .bg {
   background-color: black;
   // background: url("https://img.zcool.cn/community/013c8b5b62d108a801206a35bea1eb.jpg@2o.jpg");1