修改2023-4-13

src/components/OP/visaEdit.vue

@@ -14,68 +14,68 @@
                 <el-form :model="basicInfo" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
                     <div class="foundation-box">
                         <el-form-item label="姓名:" prop="name">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.name"></el-input>
                         </el-form-item>
                         <el-form-item label="曾用姓名:" prop="formerName">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.formerName"></el-input>
                         </el-form-item>
                         <el-form-item label="移动电话:" prop="cellPhone">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.cellPhone"></el-input>
                         </el-form-item>
                         <el-form-item label="出生日期:" prop="dateBirth">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.dateBirth"></el-input>
                         </el-form-item>
                         <el-form-item label="身份证号" prop="IDnumber">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.IDnumber"></el-input>
                         </el-form-item>
                         <el-form-item label="身份证地址" prop="IDaddress">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.IDaddress"></el-input>
                         </el-form-item>
                         <el-form-item label="护照号:" prop="passportNumber">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.passportNumber"></el-input>
                         </el-form-item>
                         <el-form-item label="婚姻状况:" prop="maritalStatus">
-                            <el-input v-model="ruleForm.name" placeholder="(已婚/单身(未婚)/丧偶/离异/分居)"></el-input>
+                            <el-input v-model="basicInfo.maritalStatus" placeholder="(已婚/单身(未婚)/丧偶/离异/分居)"></el-input>
                         </el-form-item>
                         <el-form-item label="证件有效期:" prop="beginDate">
-                            <el-input v-model="ruleForm.name" placeholder="身份证有效期"></el-input>
+                            <el-input v-model="basicInfo.beginDate" placeholder="身份证有效期"></el-input>
                         </el-form-item>
                         <el-form-item label="至:" prop="endDate">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.endDate"></el-input>
                         </el-form-item>
                         <el-form-item label="党派宗教:" prop="Party">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.Party"></el-input>
                         </el-form-item>
                         <el-form-item label="国籍:" prop="citizenship">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.citizenship"></el-input>
                         </el-form-item>
                         <el-form-item label="性别" prop="sex">
-                            <el-radio-group v-model="ruleForm.resource">
+                            <el-radio-group v-model="basicInfo.sex">
                                 <el-radio label="男"></el-radio>
                                 <el-radio label="女"></el-radio>
                             </el-radio-group>
                         </el-form-item>
                         <el-form-item label="出生地 城市:" prop="town">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.town"></el-input>
                         </el-form-item>
                         <el-form-item label="省份:" prop="province">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.province"></el-input>
                         </el-form-item>
                         
                         <el-form-item label="最高学历:" prop="education">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.education"></el-input>
                         </el-form-item>
                         <el-form-item label="家庭电话:" prop="homePhone">
-                            <el-input v-model="ruleForm.name" placeholder="(座机)"></el-input>
+                            <el-input v-model="basicInfo.homePhone" placeholder="(座机)"></el-input>
                         </el-form-item>
                         <el-form-item label="电子信箱:" prop="email">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.email"></el-input>
                         </el-form-item>
                         <el-form-item label="现居地址:" prop="currentAddress">
-                            <el-input v-model="ruleForm.name" placeholder="(国家-省-市-街道-单元-门牌号)"></el-input>
+                            <el-input v-model="basicInfo.currentAddress" placeholder="(国家-省-市-街道-单元-门牌号)"></el-input>
                         </el-form-item>
                         <el-form-item label="邮编:" prop="postcode">
-                            <el-input v-model="ruleForm.name"></el-input>
+                            <el-input v-model="basicInfo.postcode"></el-input>
                         </el-form-item>
                     </div>
                 </el-form>
@@ -86,43 +86,43 @@
                 <span>现就职单位</span>
             </div>
             <div class="flats-form">
-                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+                <el-form :model="inauguralInfo" :rules="rules" ref="inauguralInfo" label-width="100px" class="demo-ruleForm">
                     <div class="foundation-box">
-                        <el-form-item label="单位名称:" prop="name">
-                            <el-input v-model="ruleForm.name"></el-input>
+                        <el-form-item label="单位名称:" prop="unitName">
+                            <el-input v-model="inauguralInfo.unitName"></el-input>
                         </el-form-item>
-                        <el-form-item label="单位地址:" prop="name">
-                            <el-input v-model="ruleForm.name"></el-input>
+                        <el-form-item label="单位地址:" prop="unitAddress">
+                            <el-input v-model="inauguralInfo.unitAddress"></el-input>
                         </el-form-item>
-                        <el-form-item label="单位邮编:" prop="name">
-                            <el-input v-model="ruleForm.name"></el-input>
+                        <el-form-item label="单位邮编:" prop="unitCodeL">
+                            <el-input v-model="inauguralInfo.unitCodeL"></el-input>
                         </el-form-item>
-                        <el-form-item label="职务:" prop="name">
-                            <el-input v-model="ruleForm.name"></el-input>
+                        <el-form-item label="职务:" prop="office">
+                            <el-input v-model="inauguralInfo.office"></el-input>
                         </el-form-item>
-                        <el-form-item label="入职时间" prop="name">
-                            <el-input v-model="ruleForm.name" placeholder="(注明年月日)"></el-input>
+                        <el-form-item label="入职时间" prop="onboardingTime">
+                            <el-input v-model="inauguralInfo.onboardingTime" placeholder="(注明年月日)"></el-input>
                         </el-form-item>
-                        <el-form-item label="月薪" prop="name">
-                            <el-input v-model="ruleForm.name" placeholder="(人民币)"></el-input>
+                        <el-form-item label="月薪" prop="salary">
+                            <el-input v-model="inauguralInfo.salary" placeholder="(人民币)"></el-input>
                         </el-form-item>
-                        <el-form-item label="单位电话:" prop="name">
-                            <el-input v-model="ruleForm.name"></el-input>
+                        <el-form-item label="单位电话:" prop="unitPhone">
+                            <el-input v-model="inauguralInfo.unitPhone"></el-input>
                         </el-form-item>
-                        <el-form-item label="单位传真:" prop="name">
-                            <el-input v-model="ruleForm.name"></el-input>
+                        <el-form-item label="单位传真:" prop="unitFax">
+                            <el-input v-model="inauguralInfo.unitFax"></el-input>
                         </el-form-item>
-                        <el-form-item label="单位邮箱:" prop="name">
-                            <el-input v-model="ruleForm.name"></el-input>
+                        <el-form-item label="单位邮箱:" prop="unitEmail">
+                            <el-input v-model="inauguralInfo.unitEmail"></el-input>
                         </el-form-item>
-                        <el-form-item label="单位主管:" prop="name">
-                            <el-input v-model="ruleForm.name" placeholder="姓名:(除本人以外)"></el-input>
+                        <el-form-item label="单位主管:" prop="unitSupervisor">
+                            <el-input v-model="inauguralInfo.unitSupervisor" placeholder="姓名:(除本人以外)"></el-input>
                         </el-form-item>
-                        <el-form-item label="主管职务:" prop="name">
-                            <el-input v-model="ruleForm.name" placeholder="单位主管职务"></el-input>
+                        <el-form-item label="主管职务:" prop="supervisorOffice">
+                            <el-input v-model="inauguralInfo.supervisorOffice" placeholder="单位主管职务"></el-input>
                         </el-form-item>
-                        <el-form-item label="工作内容" prop="desc" style="width: 100%;">
-                            <el-input type="textarea" v-model="ruleForm.desc" placeholder="工作内容简单介绍(美加签证必填)"></el-input>
+                        <el-form-item label="工作内容" prop="jobContent" style="width: 100%;">
+                            <el-input type="textarea" v-model="inauguralInfo.jobContent" placeholder="工作内容简单介绍(美加签证必填)"></el-input>
                         </el-form-item>
                     </div>
                 </el-form>
@@ -133,37 +133,37 @@
                 <span>配偶信息</span>
             </div>
             <div class="flats-form">
-                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+                <el-form :model="spouseInfo" :rules="rules" ref="spouseInfo" label-width="100px" class="demo-ruleForm">
                     <div class="foundation-box">
-                        <el-form-item label="结婚时间:" prop="name">
-                            <el-input v-model="ruleForm.name" placeholder="请注明结婚时间"></el-input>
+                        <el-form-item label="结婚时间:" prop="marriageDate">
+                            <el-input v-model="spouseInfo.marriageDate" placeholder="请注明结婚时间"></el-input>
                         </el-form-item>
-                        <el-form-item label="离婚时间:" prop="name">
-                            <el-input v-model="ruleForm.name" placeholder="如离婚，请注明离婚时间"></el-input>
+                        <el-form-item label="离婚时间:" prop="divorceDate">
+                            <el-input v-model="spouseInfo.divorceDate" placeholder="如离婚，请注明离婚时间"></el-input>
                         </el-form-item>
-                        <el-form-item label="配偶姓名:" prop="name">
-                            <el-input v-model="ruleForm.name" placeholder="客户配偶姓名（若离异或分居或去世也应填写此项）"></el-input>
+                        <el-form-item label="配偶姓名:" prop="spouseName">
+                            <el-input v-model="spouseInfo.spouseName" placeholder="客户配偶姓名（若离异或分居或去世也应填写此项）"></el-input>
                         </el-form-item>
-                        <el-form-item label="出生日期:" prop="name">
-                            <el-input v-model="ruleForm.name"></el-input>
+                        <el-form-item label="出生日期:" prop="birthDate">
+                            <el-input v-model="spouseInfo.birthDate"></el-input>
                         </el-form-item>
-                        <el-form-item label="出生城市" prop="name">
-                            <el-input v-model="ruleForm.name"></el-input>
+                        <el-form-item label="出生城市" prop="birthCity">
+                            <el-input v-model="spouseInfo.birthCity"></el-input>
                         </el-form-item>
-                        <el-form-item label="省份" prop="name">
-                            <el-input v-model="ruleForm.name"></el-input>
+                        <el-form-item label="省份" prop="province">
+                            <el-input v-model="spouseInfo.province"></el-input>
                         </el-form-item>
-                        <el-form-item label="配偶住址:" prop="name">
-                            <el-input v-model="ruleForm.name" placeholder="客户配偶住址（如果与客户不一样，须提供其配偶的地址，国家-省-市-街道-单元-门牌号）"></el-input>
+                        <el-form-item label="配偶住址:" prop="spouseAddress">
+                            <el-input v-model="spouseInfo.spouseAddress" placeholder="客户配偶住址（如果与客户不一样，须提供其配偶的地址，国家-省-市-街道-单元-门牌号）"></el-input>
                         </el-form-item>
-                        <el-form-item label="工作单位:" prop="name">
-                            <el-input v-model="ruleForm.name" placeholder="客户配偶工作单位名称"></el-input>
+                        <el-form-item label="工作单位:" prop="workplace">
+                            <el-input v-model="spouseInfo.workplace" placeholder="客户配偶工作单位名称"></el-input>
                         </el-form-item>
-                        <el-form-item label="单位地址:" prop="name">
-                            <el-input v-model="ruleForm.name" placeholder="客户配偶工作单位地址"></el-input>
+                        <el-form-item label="单位地址:" prop="unitAddress">
+                            <el-input v-model="spouseInfo.unitAddress" placeholder="客户配偶工作单位地址"></el-input>
                         </el-form-item>
-                        <el-form-item label="职务:" prop="name">
-                            <el-input v-model="ruleForm.name" placeholder="客户配偶工作单位职务"></el-input>
+                        <el-form-item label="职务:" prop="office">
+                            <el-input v-model="spouseInfo.office" placeholder="客户配偶工作单位职务"></el-input>
                         </el-form-item>
                     </div>
                 </el-form>
@@ -175,8 +175,8 @@
             </div>
             <el-form v-for="(item,i) in studentList" :key="i">
                 <div class="member-li">
-                    <el-form-item label="称谓:" prop="name">
-                        <el-select v-model="value" filterable placeholder="请选择">
+                    <el-form-item label="称谓:" prop="appellation">
+                        <el-select v-model="item.appellation" filterable placeholder="请选择">
                             <el-option
                               v-for="item in options"
                               :key="item.value"
@@ -185,26 +185,26 @@
                             </el-option>
                           </el-select>
                     </el-form-item>
-                    <el-form-item label="姓名:" prop="age">
-                        <el-input v-model="item.age" clearable></el-input>
-                    </el-form-item>
-                    <el-form-item label="出生日期:" prop="name">
+                    <el-form-item label="姓名:" prop="name">
                         <el-input v-model="item.name" clearable></el-input>
                     </el-form-item>
-                    <el-form-item label="出生地:" prop="age">
-                        <el-input v-model="item.age" clearable></el-input>
+                    <el-form-item label="出生日期:" prop="birthDate">
+                        <el-input v-model="item.birthDate" clearable></el-input>
                     </el-form-item>
-                    <el-form-item label="政治面貌:" prop="name">
-                        <el-input v-model="item.name" clearable></el-input>
+                    <el-form-item label="出生地:" prop="birthPlace">
+                        <el-input v-model="item.birthPlace" clearable></el-input>
                     </el-form-item>
-                    <el-form-item label="工作单位:" prop="age">
-                        <el-input v-model="item.age" clearable></el-input>
+                    <el-form-item label="政治面貌:" prop="landscape">
+                        <el-input v-model="item.landscape" clearable></el-input>
                     </el-form-item>
-                    <el-form-item label="家庭住址:" prop="name">
-                        <el-input v-model="item.name" clearable></el-input>
+                    <el-form-item label="工作单位:" prop="workplace">
+                        <el-input v-model="item.workplace" clearable></el-input>
+                    </el-form-item>
+                    <el-form-item label="家庭住址:" prop="homeAddress">
+                        <el-input v-model="item.homeAddress" clearable></el-input>
                     </el-form-item>
-                    <el-form-item label="是否生活在美国:" prop="age">
-                        <el-input v-model="item.age" clearable></el-input>
+                    <el-form-item label="是否生活在美国:" prop="whetherUs">
+                        <el-input v-model="item.whetherUs" clearable></el-input>
                     </el-form-item>
                     <el-form-item>
                         <el-button circle icon="el-icon-plus" @click="addList()"></el-button>
@@ -501,6 +501,10 @@
                     </div>
                 </el-form>
             </div>
+            <div>
+                <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
+                <el-button @click="resetForm('ruleForm')">重置</el-button>
+            </div>
         </div>
     </div>
 </template>
@@ -509,6 +513,7 @@
 export default {
     data() {
       return {
+        //基础信息
         basicInfo:{
             name:'',
             formerName:'',
@@ -531,6 +536,34 @@ export default {
             currentAddress:'',
             postcode:''
         },
+        //现就职单位
+        inauguralInfo:{
+            unitName:'',
+            unitAddress:'',
+            unitCodeL:'',
+            office:'',
+            onboardingTime:'',
+            salary:'',
+            unitPhone:'',
+            unitFax:'',
+            unitEmail:'',
+            unitSupervisor:'',
+            supervisorOffice:'',
+            jobContent:''
+        },
+        //配偶信息
+        spouseInfo:{
+            marriageDate:'',
+            divorceDate:'',
+            spouseName:'',
+            birthDate:'',
+            birthCity:'',
+            province:'',
+            spouseAddress:'',
+            workplace:'',
+            unitAddress:'',
+            office:''
+        },
         ruleForm: {
           name: '',
           region: '',
@@ -565,8 +598,18 @@ export default {
             { required: true, message: '请填写活动形式', trigger: 'blur' }
           ]
         },
+        //家庭成员
         studentList: [
-           {name: '', age: ''}
+           {
+                appellation: '', 
+                name: '',
+                birthDate: '',
+                birthPlace: '',
+                landscape: '',
+                workplace: '',
+                homeAddress: '',
+                whetherUs: '',
+            }
         ],
         workList:[
             {name: '', age: ''}
@@ -597,7 +640,7 @@ export default {
       };
     },
     methods: {
-      submitForm(formName) {
+        submitForm(formName) {
             this.$refs[formName].validate((valid) => {
                 if (valid) {
                     alert('submit!');
@@ -617,7 +660,7 @@ export default {
         //减号
         subList(index) {
             this.studentList.splice(index, 1)
-        }
+        },
     }
 }
 </script>
@@ -672,7 +715,7 @@ export default {
     .member-li>.el-form-item{
         width: 10%;
     }
-    .el-form-item .el-form-item__content span{
+    .visaedit-box .el-form-item .el-form-item__content span{
         color: #606266;
     }
     .citizens-box{

src/components/child/Controltree.vue

@@ -10,12 +10,15 @@
                             <div>预计完成时间</div>
                             <div>完成时间</div>
                         </div>
-                        <div v-if="item.childList[0].childList==undefined||item.childList[0].childList==null||item.childList[0].childList.length<=0">
+                        <div class="onefloor" v-if="item.childList[0].childList==undefined||item.childList[0].childList==null||item.childList[0].childList.length<=0">
                             <div v-for="(seconditem,index) in item.childList" :key="index"   class="li-steps-li">
                                 <div :style="filter_color(seconditem.stepStatus)">{{seconditem.jobContent}}</div>
                                 <div>{{seconditem.expectBeginDt.split(" ")[0]}}~{{seconditem.expectEndDt.split(" ")[0]}}</div>
                                 <div>{{seconditem.expectEndDt.split(" ")[0]}}</div>
                             </div>
+                            <div @click="addfigures(item)" class="addonebtn">
+                                编 辑
+                            </div>
                         </div>
                         <div v-if="item.childList[0].childList!==undefined&&item.childList[0].childList!=null&&item.childList[0].childList.length>0" style="padding:5px">
                             <div v-for="(seconditem,index) in item.childList" :key="index" class="second-li">
@@ -381,6 +384,15 @@ export default {
                     // that.fullscreenLoading = false;
                 }
             })
+        },
+        addfigures(val){
+            console.log(val.childList)
+            val.childList.push({
+                jobContent:"测试",
+                expectBeginDt: "2023-04-14 12:07:24",
+                expectEndDt: "2023-05-11 12:07:24",
+                stepStatus:2
+            })
         }
     },
     filters:{
@@ -447,7 +459,7 @@ export default {
     .controltree-li:nth-child(2n+1) .second-ul::before{
         content: "";
         display: inline-block;
-        width: 155px;
+        width: 115px;
         height: 1px;
         position: absolute;
         right: -115px;
@@ -577,4 +589,16 @@ export default {
         text-align: center;
         padding: 5px;
     }
+    .onefloor{
+        position: relative;
+    }
+    .addonebtn{
+        color: #606266;
+        position: absolute;
+        top: 0;
+        right: 0;
+        padding: 5px 10px;
+        box-shadow: 0 0 5px #0005;
+        border-radius:5px ;
+    }
 </style>

src/components/home.vue

@@ -33,7 +33,20 @@
               </div>
             </div>
           </div>
-          <el-menu-item index="1" @click="toURL($event.index)">
+          <el-submenu v-for="(item,index) in menuList" :key="index" :index='item.modulid + ""' @click="toURL($event.index)">
+            <template slot="title">
+              <i class="iconfont icon-shouye"></i>
+              <span>{{item.modulName}}</span>
+            </template>
+            <el-menu-item-group>
+              <el-menu-item @click="toURL($event.index,items)"  v-for="(items,index) in item.pageList" :key="index" :index="items.modulid+'-'+items.pageid">{{items.pageName}}</el-menu-item>
+            </el-menu-item-group>
+          </el-submenu>
+          <!-- <el-menu-item v-for="(item,index) in menuList" :key="index" index="" @click="toURL($event.index)">
+            <i class="iconfont icon-shouye"></i>
+            <span slot="title">{{item.modulName}}</span>
+          </el-menu-item> -->
+          <!-- <el-menu-item index="1" @click="toURL($event.index)">
             <i class="iconfont icon-shouye"></i>
             <span slot="title">首页</span>
           </el-menu-item>
@@ -48,7 +61,7 @@
           <el-menu-item index="4" @click="toURL($event.index)">
             <i class="iconfont icon-tongjitu"></i>
             <span slot="title">数据统计</span>
-          </el-menu-item>
+          </el-menu-item> -->
         </el-menu>
       </el-aside>
       <el-container>
@@ -184,6 +197,7 @@
     export default {
       data() {
         return {
+          menuList:[],
           isCollapse: false,
           panduan:"",
           username:"雷怡",
@@ -205,20 +219,25 @@
           document.querySelector(".all").style.height = window.innerHeight + "px";
           document.querySelector(".delwh").style.width = "";
         },
-        toURL(val) {
-          if (val == "2") {
-            this.$router.push({ path: "/home/test" });
-            document.querySelector(".header-title").innerHTML = "企业数据";
-          } else if (val == "3") {
-            this.$router.push({ path: "/home/Advancement" });
-            document.querySelector(".header-title").innerHTML = "主业务加价设置";
-          } else if (val == "1") {
-            this.$router.push({ path: "/home/index" });
-            document.querySelector(".header-title").innerHTML = "首页";
-          } else if (val == "4") {
-            this.$router.push({ path: "/home/Statistics" });
-            document.querySelector(".header-title").innerHTML = "数据统计";
-          }
+        toURL(val,item) {
+          console.log(val)
+          localStorage.setItem("indexs",val);
+          localStorage.setItem("innhtml",item.pageName);
+          this.$router.push({ path: "/home"+item.webUrl });
+          document.querySelector(".header-title").innerHTML =item.pageName;
+          // if (val == "2") {
+          //   this.$router.push({ path: "/home/test" });
+          //   document.querySelector(".header-title").innerHTML = "企业数据";
+          // } else if (val == "3") {
+          //   this.$router.push({ path: "/home/Advancement" });
+          //   document.querySelector(".header-title").innerHTML = "主业务加价设置";
+          // } else if (val == "1") {
+          //   this.$router.push({ path: "/home/index" });
+          //   document.querySelector(".header-title").innerHTML = "首页";
+          // } else if (val == "4") {
+          //   this.$router.push({ path: "/home/Statistics" });
+          //   document.querySelector(".header-title").innerHTML = "数据统计";
+          // }
         },
         radioChange(val) {
           var radiobox = document.querySelectorAll(".radiobox");
@@ -235,19 +254,8 @@
           }
         },
         ifIndexValue(){
-          const url=this.$route.path;
-          console.log(url)
-          if(url=="/home/test"){
-            this.indexs="2";
-          }else if(url=="/home/Advancement"){
-            this.indexs="3";
-          }else if(url=="/home/index"){
-            this.indexs="1";
-          }else if(url=="/home/Statistics"){
-            this.indexs="4";
-          }else if(url=="/home/OrderManagement"){
-            this.indexs="5";
-          }
+          this.indexs=localStorage.getItem('indexs');
+          document.querySelector(".header-title").innerHTML=localStorage.getItem('innhtml');
           console.log(this.indexs)
         },
         //实用工具
@@ -262,11 +270,16 @@
             document.querySelector(val).style.top = -570 + "px";
           }
         },
+        getmenu(){
+          this.menuList=JSON.parse(localStorage.getItem('userinif')).authData;
+          console.log(this.menuList)
+        }
       },
       mounted() {
         this.removal();
         this.radioChange(false);
         this.ifIndexValue();
+        this.getmenu();
       },
       created() {
         this.userinif=JSON.parse(localStorage.getItem('userinif'));
@@ -586,4 +599,22 @@
     .delwh .el-menu{
       background-color: #0f619f;
     }
+    .delwh .el-submenu__title:hover,
+    .delwh .el-submenu__title:focus{
+      background-color: rgba(0, 0, 0, 0.1);
+      color: #fff;
+    }
+    .delwh .el-submenu__title{
+      color: #82c2f3;
+    }
+    .delwh .el-submenu__title i{
+      color: #2595ea;
+    }
+    .delwh .el-menu-item-group__title{
+      padding: 0;
+    }
+    .el-menu-item-group .el-menu-item-group__title{
+      padding: 0;
+    }
+
   </style>