<template>
  <el-container style="height: 100%">
    <el-header>
      <div class="sys-name" style="cursor: default">
        <img :src="loginInfo.role_logo" @click="collapseFun" />
        {{ loginInfo.role_header }}
      </div>
      <div class="navbarBtn">
        <!-- 轮播消息 -->
        <!-- <div class="messageFrame" style="cursor: pointer">
          <el-carousel
            height="50px"
            :interval="3000"
            direction="vertical"
            :autoplay="true"
          >
            <el-carousel-item v-for="(item, index) in 3" :key="index">
              <div class="medium"  @click="reminDmessage(index)">
                <i
                  style="font-size: 23px; float: left"
                  class="iconfont icon-xinxi1"
                ></i
                >：太阳能气象站监测终端指标预警太阳能气象站监测终端指标预警太阳能气象站监测终端指标预警
              </div>
            </el-carousel-item>
          </el-carousel>
        </div> -->
        <div class="userInfoBtns">
          <!-- 更换首页 -->
          <div class="iconFont">
            <!-- <i
              @click="changeHomedialogVisible = true"
              class="iconfont icon-BAI-wuzi"
            ></i> -->
          </div>
          <!-- 更换皮肤 -->
          <!-- <div class="iconFont">
						<el-dropdown
							@command="handleCommand"
							placement="bottom"
							trigger="click"
						>
							<span class="el-dropdown-link">
								<i class="iconfont icon-zhuti_tiaosepan_o"></i>
							</span>
							<el-dropdown-menu slot="dropdown">
								<el-dropdown-item command="ffffff">深色</el-dropdown-item>
								<el-dropdown-item command>浅色</el-dropdown-item>
							</el-dropdown-menu>
						</el-dropdown>
					</div> -->
          <!-- 铃铛 -->
          <!-- <div class="iconFont">
						<el-dropdown
							@command="handleCommand"
							placement="bottom-end"
							trigger="click"
						>
							<span class="el-dropdown-link">
								<el-badge is-dot class="item">
									<i class="iconfont icon-icon_huabanfuben"></i>
								</el-badge>
							</span>
							<el-dropdown-menu slot="dropdown" class="newsDropdown">
								<h5>2016 新的系统通知</h5>
								<div>
									<ul>
										<li class="news">
											<div class="txtContent">
												<a href
													>太阳能气象站监测终端指标预警太阳能气象站监测终端指标预警太阳能气象站监测终端指标预警</a
												>
											</div>
											<el-badge value="new" class="item"></el-badge>
										</li>
										<li class="news">
											<div class="txtContent">
												<a href>太阳能气象站监测终端指标预警太阳指标预警</a>
											</div>
											<el-badge value="new" class="item"></el-badge>
										</li>
										<li class="news">
											<div class="txtContent">
												<a href>终端指标预警</a>
											</div>
											<el-badge value="new" class="item"></el-badge>
										</li>
										<li class="news">
											<div class="txtContent">
												<a href>太阳能气象站监测</a>
											</div>
											<el-badge value="new" class="item"></el-badge>
										</li>
										<li class="news">
											<div class="txtContent">
												<a href>太阳能气象站监测终端指标预警太阳能</a>
											</div>
											<el-badge value="new" class="item"></el-badge>
										</li>
										<li class="news">
											<div class="txtContent">
												<a href style="color: #2489c5">查看全部系统通知</a>
											</div>
										</li>
									</ul>
								</div>
							</el-dropdown-menu>
						</el-dropdown>
					</div> -->
          <!-- 用户 -->
          <div>
            <el-dropdown trigger="click" @command="dropdownHandle">
              <span class="el-dropdown-link" style="cursor: pointer">
                <span>{{ username }}</span>
                <!-- <i class="el-icon-arrow-down el-icon--right"></i> -->
              </span>
              <!-- <el-dropdown-menu slot="dropdown">
                <el-dropdown-item command="personMsg"
                  >个人中心</el-dropdown-item
                >
                <el-dropdown-item command="editPwd">修改密码</el-dropdown-item>
                <el-dropdown-item command="outSys">退出</el-dropdown-item>
              </el-dropdown-menu> -->
            </el-dropdown>
          </div>
        </div>
      </div>
    </el-header>
    <!-- 更换首页HTML -->
    <el-dialog
      title="更换首页"
      :visible.sync="changeHomedialogVisible"
      width="30%"
      @close="changeHomeDialogClosed"
    >
      <el-row :gutter="20">
        <el-col :span="12" v-for="(item, index) in homeList" :key="index">
          <div class="grid-content changeHomeItem" @click="changeHome(index)">
            <div>
              <img :src="$imghost + item.img" />
            </div>
            <div class="tit">{{ item.name }}</div>
          </div>
        </el-col>
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="changeHomedialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="changeHomedialogVisible = false"
          >确 定</el-button
        >
      </span>
    </el-dialog>
    <!-- 修改密码对话框 -->
    <el-dialog
      title="修改密码"
      :visible.sync="resetPassDialogVisible"
      width="500px"
      @close="resetPassDialogClosed"
    >
      <el-form
        ref="resetPassFormRef"
        :model="resetPassForm"
        label-width="104px"
        :rules="resetPassFormRules"
      >
        <el-form-item label="原始密码 : " prop="oldPass">
          <el-input type="password" v-model="resetPassForm.oldPass"></el-input>
        </el-form-item>
        <el-form-item label="新密码 : " prop="newPass">
          <el-input type="password" v-model="resetPassForm.newPass"></el-input>
        </el-form-item>
        <el-form-item label="确认新密码 : " prop="checkNewPass">
          <el-input
            type="password"
            v-model="resetPassForm.checkNewPass"
          ></el-input>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="resetPassDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="resetPassSubm">确认</el-button>
      </span>
    </el-dialog>
    <!-- 气泡提示框 -->
    <!-- <div class="reminderBox" v-if="reminderShow">
      <img src="../assets/images/newImg/13.png" alt="" srcset="" />
      <div class="reminderBox-div">
        <div class="reminderBox-div-txt">点击此处进入投屏界面</div>
        <div class="reminderBox-div-btnBox">
          <el-button type="success" size="mini" @click="schedule()"
            >确定</el-button
          >
          <el-button type="warning" size="mini" @click="noShow()"
            >不再提醒</el-button
          >
        </div>
      </div>
    </div> -->
    <!-- 气泡提示框 -->
    <el-container style="overflow: auto">
      <!-- 菜单 -->
      <el-aside :width="isCollapse ? '0px' : '200px'" class="sysAside">
        <el-menu
          default-active="2"
          class="el-menu-vertical-demo"
          :router="isRouter"
          :collapse-transition="true"
          active-text-color="rgb(57, 249, 190)"
        >
          <el-submenu index="11">
            <template slot="title">
              <i class="iconfont icon-shujuzhanshi"></i>
              <span>数据展示</span>
            </template>
            <el-menu-item index="" @click="goBD('/bHome')"
              >投屏入口</el-menu-item
            >
          </el-submenu>
        </el-menu>
      </el-aside>
      <el-aside width="200px">
        <el-menu
          :default-openeds="menuOpeneds"
          :default-active="$route.path"
          :collapse-transition="false"
          class="el-menu-vertical-demo"
          unique-opened
          :router="isRouter"
          active-text-color="rgb(57, 249, 190)"
        >
          <el-menu-item
            :index="selHome()"
            v-for="item in menuList1"
            :key="item.pur_id"
          >
            <i class="iconfont icon-shouye"></i>
            <span slot="title">{{ item.purview_name }}</span>
          </el-menu-item>
          <el-submenu
            :index="item.pur_id.toString()"
            v-for="item in menuList2"
            :key="item.pur_id"
          >
            <template slot="title">
              <i :class="iconObj[item.pur_id]"></i>
              <span>{{ item.purview_name }}</span>
            </template>
            <el-menu-item
              :index="menuIndex(subItem.menu)"
              v-for="subItem in item.children"
              :key="subItem.pur_id"
              @click="saveNavState('/index/' + subItem.menu)"
            >
              <template slot="title">
                <span>{{ subItem.purview_name }}</span>
              </template>
            </el-menu-item>
          </el-submenu>
        </el-menu>
      </el-aside>
      <el-container>
        <el-main>
          <keep-alive>
            <router-view v-if="$route.meta.keepAlive"></router-view>
          </keep-alive>
          <router-view v-if="!$route.meta.keepAlive"></router-view>
        </el-main>
      </el-container>
    </el-container>
  </el-container>
</template>

<script>
export default {
  data() {
    var validateNewPass = (rule, value, callback) => {
      if (value === "") {
        callback(new Error("请输入新密码"));
      } else {
        if (this.resetPassForm.checkPass !== "") {
          this.$refs.resetPassFormRef.validateField("checkNewPass");
        }
        callback();
      }
    };
    var validateCheckPass = (rule, value, callback) => {
      if (value === "") {
        callback(new Error("请再次输入密码"));
      } else if (value !== this.resetPassForm.newPass) {
        callback(new Error("两次输入密码不一致!"));
      } else {
        callback();
      }
    };
    return {
      loginInfo: {},
      reminderShow: true, //气泡提示框显示
      // logoIcon: "/images/logo.png",
      logoIcon: "/images/newImg/logo.png",
      // refresh: true, //控制整个页面刷新
      isCollapse: true,
      widthHover: "0px",
      isRouter: true,
      changeHomedialogVisible: false,
      iconObj: {
        20: "iconfont icon-shujuzhanshi",
        22: "iconfont icon-shebei",
        25: "iconfont icon-jidi",
        28: "iconfont icon-xitong",
        36: "iconfont icon-cebaoguanli",
        40: "iconfont icon-huanjingjiance",
        42: "iconfont icon-jiankong",
        44: "iconfont icon-fangzhi",
        46: "iconfont icon-nongchangguanli",
        48: "iconfont icon-nongshiguanli",
        58: "iconfont icon-suyuan",
        124: "iconfont icon-zhuanjia",
        129: "iconfont icon-shouhou",
        155:"iconfont icon-banshou"
      },
      homeList: [
        {
          img: "/images/home/1.jpg",
          name: "首页一",
          url: "/index/home",
        },
        {
          img: "/images/home/2.jpg",
          name: "首页二",
          url: "/index/mapView",
        },
        // {
        // 	img: '/images/home/3.jpg',
        // 	name: '首页三',
        // 	url: '/index/home02'
        // }
      ],
      menuList1: [
        // {
        //     "menu": "bSy",
        //     "parent_perm_id": 0,
        //     "pur_id": 30,
        //     "purview_name": "农产品溯源系统"
        //   },
      ], //首页菜单
      menuList2: [
          {
            "menu": "",
            "children": [
            {
                "menu": "farmBaseManger",
                "parent_perm_id": 46,
                "pur_id": 80,
                "purview_name": "\u57fa\u5730\u5217\u8868"
              },
             {
              "menu": "farmFieldsManger",
              "parent_perm_id": 46,
              "pur_id": 47,
              "purview_name": "\u5730\u5757\u7ba1\u7406"
            }
            ],
            "parent_perm_id": 0,
            "pur_id": 46,
            "purview_name": "\u519c\u573a\u7ba1\u7406"
          },
          {
            "menu": "",
            "children": [
            {
              "menu": "farmThingPlant",
              "children": [
              {
                "menu": "",
                "parent_perm_id": 49,
                "pur_id": 84,
                "purview_name": "\u7f16\u8f91"
              },
              {
                "menu": "",
                "parent_perm_id": 49,
                "pur_id": 85,
                "purview_name": "\u5220\u9664"
              },
              {
                "menu": "",
                "parent_perm_id": 49,
                "pur_id": 86,
                "purview_name": "\u65b0\u589e"
              }
              ],
              "parent_perm_id": 48,
              "pur_id": 49,
              "purview_name": "\u79cd\u690d"
            },
            {
              "menu": "farmThingApplyFerti",
              "children": [
              {
                "menu": "",
                "parent_perm_id": 50,
                "pur_id": 87,
                "purview_name": "\u7f16\u8f91"
              },
              {
                "menu": "",
                "parent_perm_id": 50,
                "pur_id": 88,
                "purview_name": "\u5220\u9664"
              },
              {
                "menu": "",
                "parent_perm_id": 50,
                "pur_id": 89,
                "purview_name": "\u65b0\u589e"
              }
              ],
              "parent_perm_id": 48,
              "pur_id": 50,
              "purview_name": "\u65bd\u80a5"
            },
            {
              "menu": "farmThingspray",
              "children": [
              {
                "menu": "",
                "parent_perm_id": 51,
                "pur_id": 90,
                "purview_name": "\u65b0\u589e"
              },
              {
                "menu": "",
                "parent_perm_id": 51,
                "pur_id": 91,
                "purview_name": "\u7f16\u8f91"
              },
              {
                "menu": "",
                "parent_perm_id": 51,
                "pur_id": 92,
                "purview_name": "\u5220\u9664"
              }
              ],
              "parent_perm_id": 48,
              "pur_id": 51,
              "purview_name": "\u55b7\u836f"
            },
            {
              "menu": "farmThingWatering",
              "children": [
              {
                "menu": "",
                "parent_perm_id": 52,
                "pur_id": 93,
                "purview_name": "\u5220\u9664"
              },
              {
                "menu": "",
                "parent_perm_id": 52,
                "pur_id": 94,
                "purview_name": "\u7f16\u8f91"
              },
              {
                "menu": "",
                "parent_perm_id": 52,
                "pur_id": 95,
                "purview_name": "\u65b0\u589e"
              }
              ],
              "parent_perm_id": 48,
              "pur_id": 52,
              "purview_name": "\u704c\u6e89"
            },
            {
              "menu": "farmThingHarvest",
              "children": [
              {
                "menu": "",
                "parent_perm_id": 53,
                "pur_id": 97,
                "purview_name": "\u65b0\u589e"
              },
              {
                "menu": "",
                "parent_perm_id": 53,
                "pur_id": 98,
                "purview_name": "\u7f16\u8f91"
              },
              {
                "menu": "",
                "parent_perm_id": 53,
                "pur_id": 99,
                "purview_name": "\u4e8c\u7ef4\u7801"
              }
              ],
              "parent_perm_id": 48,
              "pur_id": 53,
              "purview_name": "\u91c7\u6536"
            },
            {
              "menu": "farmThingMore",
              "parent_perm_id": 48,
              "pur_id": 57,
              "purview_name": "仓储"
            },
            {
              "menu": "farmThingSale",
              "children": [
              {
                "menu": "",
                "parent_perm_id": 141,
                "pur_id": 148,
                "purview_name": "\u65b0\u589e"
              }
              ],
              "parent_perm_id": 48,
              "pur_id": 141,
              "purview_name": "\u9500\u552e"
            },
            {
              "menu": "farmThingTransport",
              "children": [
              {
                "menu": "",
                "parent_perm_id": 142,
                "pur_id": 149,
                "purview_name": "\u65b0\u589e"
              }
              ],
              "parent_perm_id": 48,
              "pur_id": 142,
              "purview_name": "\u8fd0\u8f93"
            }
            ],
            "parent_perm_id": 0,
            "pur_id": 48,
            "purview_name": "\u519c\u4e8b\u7ba1\u7406"
          },
          {
            "menu": "",
            "children": [
            {
              "menu": "resultInfoList",
              "children": [
              {
                "menu": "",
                "parent_perm_id": 59,
                "pur_id": 103,
                "purview_name": "\u8be6\u60c5"
              },
              {
                "menu": "",
                "parent_perm_id": 59,
                "pur_id": 104,
                "purview_name": "\u7f16\u8f91"
              },
              {
                "menu": "",
                "parent_perm_id": 59,
                "pur_id": 105,
                "purview_name": "\u5220\u9664"
              },
              {
                "menu": "",
                "parent_perm_id": 59,
                "pur_id": 106,
                "purview_name": "\u4e8c\u7ef4\u7801"
              },
              {
                "menu": "",
                "parent_perm_id": 59,
                "pur_id": 107,
                "purview_name": "\u65b0\u589e"
              }
              ],
              "parent_perm_id": 58,
              "pur_id": 59,
              "purview_name": "\u6eaf\u6e90\u4fe1\u606f"
            }
            ],
            "parent_perm_id": 0,
            "pur_id": 58,
            "purview_name": "\u6eaf\u6e90\u7cfb\u7edf"
          },
          
      ], //出首页的其他菜单
      username: "",
      resetPassDialogVisible: false,
      resetPassForm: {
        oldPass: "",
        newPass: "",
        checkNewPass: "",
      },
      resetPassFormRules: {
        oldPass: [
          { required: true, message: "请输入原始密码", trigger: "blur" },
        ],
        newPass: [
          { required: true, message: "请输入新密码" },
          { validator: validateNewPass, trigger: "blur" },
        ],
        checkNewPass: [
          { required: true, message: "请确认密码" },
          { validator: validateCheckPass, trigger: "blur" },
        ],
      },
      menuOpeneds: [],
    };
  },

  watch: {
    "$route.path": function (newVal) {
      if (
        newVal == "/index/home" ||
        newVal == "/index/home02" ||
        newVal == "/index/mapView"
      ) {
        this.menuOpeneds = [];
      }
    },
  },
  mounted() {
    this.username = localStorage.getItem("cUsername");
    // this.getNavList();
    this.getUserInfo();
    if (localStorage.getItem("popUpShow")) {
      this.reminderShow = false;
    } else {
      this.reminderShow = true;
    }
  },
  methods: {
    getUserInfo() {
      this.$axios({
        method: "POST",
        url: "/api/api_gateway?method=home.homes.user_theme",
      }).then((res) => {
        if (res.data.message == "") {
          this.loginInfo = res.data.data[0];
        } else {
          this.$message.error(res.data.message);
        }
      });
    },
    dropdownHandle(command) {
      if (command == "editPwd") {
        this.changePass();
      } else if (command == "outSys") {
        this.outSys();
      } else {
        this.$router.push({ path: "/index/personMsg" });
      }
    },
    getNavList() {
      this.$axios({
        method: "POST",
        url: "/api/api_gateway?method=user.login.user_login_info",
      }).then((res) => {
        if (res.data.message == "") {
          let navList = res.data.data.children;
          navList.forEach((item) => {
            if (item.children) {
              if (item.menu != "bHome") {
                this.menuList2.push(item);
              }
            } else {
              this.menuList1.push(item);
            }
          });
          let firstPage = ""; //左侧菜单第一项
          if (this.menuList1.length > 0) {
            firstPage = this.menuList1[0].menu;
          } else {
            firstPage = this.menuList2[0].children[0].menu;
          }
          this.$EventBus.$emit("firstPage", firstPage); //第一个页面

          let userType = res.data.data.myuser_type; //用户类型
          let userName = res.data.data.username; //用户名
          let myuid = res.data.data.myuid; //用户id
          localStorage.setItem(
            "lastEnter",
            this.formatTime(res.data.data.user_login_time * 1000)
          );
          sessionStorage.setItem("myuser_type", userType);
          sessionStorage.setItem("myuid", myuid);
        }
      });
    },
    changeHome(index) {
      this.changeHomedialogVisible = false;
      var url = this.homeList[index].url;
      sessionStorage.setItem("selHome", url); //保存选择的首页路由
      this.$router.push({ path: url });
    },
    changeHomeDialogClosed(done) {
      // this.$confirm('确认关闭？')
      // .then(_ => {
      //     done();
      // })
      // .catch(_ => {});
    },
    handleCommand(command) {
      // this.$message('click on item ' + command);
      document.body.className = "custom-" + command;
      window.sessionStorage.setItem("bodyCalss", "custom-" + command);
    },
    outSys() {
      this.$axios({
        method: "POST",
        url: "/api/api_gateway?method=user.login.logout_user",
      }).then((res) => {
        if (res.data.message == "") {
          window.localStorage.removeItem("isLogin");
          window.localStorage.removeItem("session");
          this.$router.push("/login");
        }
      });
    },
    changePass() {
      this.resetPassDialogVisible = true;
    },
    resetPassDialogClosed() {},
    resetPassSubm() {
      this.$refs.resetPassFormRef.validate((valid) => {
        if (!valid) return;
        this.$axios({
          method: "POST",
          url: "/api/api_gateway?method=user.login.changepwd",
          data: this.qs.stringify({
            old_password: this.resetPassForm.oldPass,
            new_password: this.resetPassForm.newPass,
            confirm_password: this.resetPassForm.checkNewPass,
          }),
        }).then((res) => {
          if (res.data.message == "") {
            this.$message({
              message: "密码修改成功！",
              type: "success",
            });
            this.resetPassDialogVisible = false;
          }
        });
      });
    },
    collapseFun() {
      this.isCollapse = !this.isCollapse;
      return this.isCollapse;
    },
    menuIndex(menu) {
      if (menu == "bFourSituations") {
        return "";
      } else if (menu == "equipDistribute") {
        return "";
      } else if (menu == "bCbd") {
        return "";
      } else if (menu == "bQxz") {
        return "";
      } else if (menu == "bSy") {
        return "";
      } else if (menu == "bBzy") {
        return "";
      } else {
        return "/index/" + menu;
      }
    },
    //保存菜单的激活地址
    saveNavState(activePath) {
      let path = activePath.slice(6);
      // console.log(path)
      // console.log(activePath)
      if (activePath == "/index/bFourSituations") {
        // this.$router.replace('/index/home')
        this.BFourSituations(path); //跳转到大数据平台
      } else if (activePath == "/index/equipDistribute") {
        // this.$router.push('/index/home')
        this.BFourSituations(path); //跳转到大数据平台
      } else if (activePath == "/index/bCbd") {
        this.BFourSituations(path); //跳转到大数据平台
        // this.$router.push('/index/home')
      } else if (activePath == "/index/bQxz") {
        // this.$router.push('/index/home')
        this.BFourSituations(path); //跳转到大数据平台
      } else if (activePath == "/index/bSy") {
        // this.$router.push('/index/home')
        this.BFourSituations(path); //跳转到大数据平台
      } else if (activePath == "/index/bBzy") {
        // this.$router.push('/index/home')
        this.BFourSituations(path); //跳转到大数据平台
      }
    },
    BFourSituations(path) {
      const { href } = this.$router.resolve({
        path: path,
      });
      window.open(href, "_blank");
    },
    selHome() {
      let selHome = sessionStorage.getItem("selHome");
      if (selHome) {
        return selHome;
      } else {
        return "/index/home";
      }
    },
    goBD(path) {
      const { href } = this.$router.resolve({
        path: path,
      });
      window.open(href, "_blank");
    },

    // 气泡提示框确定事件
    schedule() {
      this.reminderShow = false;
    },
    // 气泡提示框不再提醒事件
    noShow() {
      this.reminderShow = false;
      localStorage.setItem("popUpShow", true); //点击将参数保存到本地存储中，用来判断是否显示投屏界面提示框
    },

    // 轮播消息提醒事件
    reminDmessage(index) {
      console.log(index);
    },
  },
};
</script>

<style scoped lang="less">
@keyframes ringing {
  0% {
    transform: rotate(-15deg);
  }
  2% {
    transform: rotate(15deg);
  }
  12%,
  4% {
    transform: rotate(-18deg);
  }
  14%,
  6% {
    transform: rotate(18deg);
  }
  8% {
    transform: rotate(-22deg);
  }
  10% {
    transform: rotate(22deg);
  }
  16% {
    transform: rotate(-12deg);
  }
  18% {
    transform: rotate(12deg);
  }
  20% {
    transform: rotate(0);
  }
}
.el-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  .navbarBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    .messageFrame {
      width: 300px;
      .medium {
        font-size: 14px;
        margin: 1.2em 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
    .userInfoBtns {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      min-width: 200px;
      .iconFont {
        i {
          font-size: 26px;
          cursor: pointer;
          margin-right: 10px;
        }
      }
      .item,
      .item:hover {
        animation: ringing 3s linear 5;
      }
    }
  }

  .sys-name {
    display: flex;
    font-size: 20px;
    font-weight: 600;
    align-items: center;
    line-height: 60px;
    img {
      height: 26px;
      margin-right: 10px;
      cursor: pointer;
    }
  }
}
.el-popper.newsDropdown {
  padding: 0;
  margin: 0;
  h5 {
    background: #35a478;
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0;
  }
  /deep/.popper__arrow {
    border-bottom-color: #35a478;
    &::after {
      border-bottom-color: #35a478;
    }
  }
  ul {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 0 10px;
    .news {
      display: block;
      margin: 0;
      float: none;
      background: none;
      padding: 5px 5px;
      border-bottom: 1px solid #eee;
      .txtContent {
        max-width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        min-width: 250px;
        // display: flex;
        a {
          color: #333;
          font-size: 12px;
          padding: 7px 10px;
          -moz-border-radius: 2px;
          -webkit-border-radius: 2px;
          border-radius: 2px;
          -moz-transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s;
          transition: all 0.2s ease-out 0s;
        }
        a:hover {
          background: none;
          color: #428bca;
          text-decoration: none;
        }
      }
    }
  }
}
.sysAside {
  position: absolute;
  z-index: 999;
  left: 0;
  top: 60px;
  bottom: 0;
  z-index: 999;
  transition: all 0.5s;
}
.el-aside {
  // background-color: #3D4C5A;
  color: #333;
  // line-height: 200px;
  // .el-menu-item.is-active{background:#17BB89!important}
  // .el-submenu__title i{color:#fff}
  .el-menu {
    border: none;
  }
}
.changeHomeItem {
  text-align: center;
  img {
    width: 100%;
    height: 110px;
  }
  .tit {
    margin-top: 10px;
  }
}

// 气泡提示框
.reminderBox {
  // border: 1px solid #000;
  position: absolute;
  left: 0.6rem;
  top: 0.5rem;
  z-index: 1000;
  .reminderBox-div {
    position: absolute;
    left: 1.75rem;
    top: 1rem;
    // border: 1px solid #000;
    .reminderBox-div-txt {
      color: #818181;
      font-size: 18px;
      letter-spacing: 2px;
      font-weight: 550;
    }
  }
  .reminderBox-div-btnBox {
    // border: 1px solid #000;
    width: 60%;
    margin: 0.25rem auto;
  }
}
</style>
