登录更新

src/layout/layout-part/heads.vue

@@ -1,27 +1,17 @@
 <template>
   <div id="heads">
     <el-row>
-      <div class="headTop">
-        <a href="" class="headImg">
-          <img src="../../assets/logo.png" />
-        </a>
-        <h3 class="headCompany">吉林小微企业金融综合服务平台</h3>
-      </div>
-      <div class="headBtn">
-        <span class="mr14">|</span>
-        <span class="mr14">
-          <span class="el-icon-s-custom info_icon"></span>
-          &nbsp;测试
-        </span>
-        <a class="mr14">
-          <el-link class="el-icon-edit-outline info_icon">修改密码</el-link>
-        </a>
-        <span class="mr14">|</span>
-        <a style="color: #fff;"
-          ><span class="el-icon-switch-button info_icon"></span>
-          &nbsp;退出
-        </a>
-      </div>
+      <el-col :span="24">
+        <el-col :span="18" class="title">
+          吉林省小微企业金融管理后台
+        </el-col>
+        <el-col :span="6" class="admin">
+          <i class="el-icon-user icon"></i>
+          <span class="name">管理员：admin</span>
+          <span class="shu">|</span>
+          <el-link :underline="false" class="out">退出</el-link>
+        </el-col>
+      </el-col>
     </el-row>
   </div>
 </template>
@@ -42,125 +32,35 @@ export default {
 </script>
 
 <style lang="less" scoped>
-img {
-  max-height: 100%;
-  max-width: 100%;
-}
-a {
-  text-decoration: none;
-}
-.headTop {
-  float: left;
-  width: 50%;
-  padding: 0 0 0 50px;
-}
-.headImg {
-  float: left;
-  height: 60px;
-  margin: 3px 0 0 0;
-  text-align: center;
-}
-.headImg img {
-  width: 180px;
-  padding: 8px 0;
-}
-.headXinyong {
-  float: left;
-  width: 70px;
-  height: 40px;
-  margin: 13px 0 0 10px;
-}
-.headCompany {
-  float: left;
-  font-size: 21px;
-  width: 500px;
-  padding: 18px 10px;
-  margin: 0;
-  color: #fff;
-  font-family: 'inherit';
-  font-weight: 500;
-}
-.headBtn {
-  float: right;
-  width: 40%;
+.title {
+  font-size: 18px;
+  font-family: Source Han Sans SC;
+  font-weight: bold;
+  color: #ffffff;
+  padding: 23px 29px;
+}
+.admin {
   text-align: right;
-  padding: 0 60px 0 0;
-  margin-top: 20px;
-  font-size: 14px;
-  color: #fff;
+  padding: 24px 30px;
 }
-.headBtn .mr14 {
-  margin-right: 14px;
+.admin .icon {
   color: #fff;
+  padding: 0 5px;
 }
-/deep/.headBtn .mr14 .el-link {
-  color: #fff;
-}
-.headBtn .el-button {
-  border-radius: 0px;
-  border: none;
-  width: 0;
-  height: 0px;
-}
-.headBtn .el-button:hover {
-  background: none;
-}
-.popover-content {
-  margin: 0;
-  padding: 0;
-  .el-col {
-    border-bottom: 1px dashed #cccccc;
-    font-size: 0.8rem;
-    height: 1.25rem;
-  }
-}
-/deep/.el-popper {
-  border: 1px solid #ccc;
-  border-radius: 0px;
-  height: 100px;
-  padding: 0;
-}
-/deep/.popoverCon {
-  width: 400px;
-  height: 70px;
-  text-align: center;
-  padding: 0;
-  margin: 0;
-}
-/deep/.popoverCon li {
-  list-style: none;
-}
-/deep/.popoverBtn {
-  position: absolute;
-  bottom: 0;
-  left: 0px;
-  width: 424px;
-  height: 30px;
-  line-height: 30px;
-  text-align: right;
-  color: #333;
-  border-radius: 0 0 4px 4px;
-  background: #f6f6f6;
-  margin: 0;
-  padding: 0;
-}
-/deep/.popoverBtn:hover {
-  text-decoration: underline;
-  color: #409eff;
-}
-/deep/.el-form-item__label {
-  padding: 0px 0px 0 0;
-}
-/deep/.el-dialog__header {
-  background-color: #40a44c;
-}
-/deep/.el-icon-close:before {
-  color: #000;
+.admin .name {
+  font-size: 14px;
+  font-family: Source Han Sans SC;
+  font-weight: 400;
+  color: rgba(255, 255, 255, 1);
 }
-/deep/.el-dialog__footer {
-  padding: 0px 20px 10px;
+.admin .shu {
+  padding: 0 10px;
+  color: rgba(255, 255, 255, 1);
 }
-/deep/.el-dialog__body {
-  padding: 15px 20px;
+.admin .out {
+  font-size: 14px;
+  font-family: Source Han Sans SC;
+  font-weight: 400;
+  color: rgba(233, 2, 29, 1);
 }
 </style>

src/router/index.js

@@ -1,142 +1,136 @@
 import Vue from 'vue';
-import VueRouter from 'vue-router';
+import Router from 'vue-router';
+Vue.use(Router);
 
-Vue.use(VueRouter);
+export default new Router({
+  mode: 'history',
+  base: process.env.NODE_ENV === 'development' ? '' : process.env.VUE_APP_ROUTER,
+  routes: [
+    {
+      path: '/home',
+      component: () => import('../views/home/index.vue'),
+    },
+    // 金融数字超市-债权产品
+    {
+      path: '/supermarket/debt',
+      component: () => import('../views/supermarket/debt.vue'),
+    },
+    {
+      path: '/supermarket/debtdetail',
+      component: () => import('../views/supermarket/debtdetail.vue'),
+    },
+    {
+      path: '/supermarket/debtdetails',
+      component: () => import('../views/supermarket/debtdetails.vue'),
+    },
+    {
+      path: '/finance/index',
+      component: () => import('../views/finance/index.vue'),
+    },
+    //新闻中心
+    {
+      path: '/news/index',
+      component: () => import('../views/news/index.vue'),
+    },
+    //新闻中心详情
+    {
+      path: '/news/detail',
+      component: () => import('../views/news/detail.vue'),
+    },
+    // 金融数字超市 - 股权产品
+    {
+      path: '/supermarket/stock',
+      component: () => import('../views/supermarket/stock.vue'),
+    },
+    // 金融机构
+    {
+      path: '/institution/index/:status',
+      component: () => import('../views/institution/index.vue'),
+    },
+    // 金融机构添加
+    {
+      path: '/institution/detail',
+      component: () => import('../views/institution/detail.vue'),
+    },
+    // 其他用户管理-列表
+    {
+      path: '/otheruser/index',
+      component: () => import('../views/otheruser/index.vue'),
+    },
+    // 其他用户管理-添加
+    {
+      path: '/otheruser/detail',
+      component: () => import('../views/otheruser/detail.vue'),
+    },
+    // 企业用户管理-详情
+    {
+      path: '/companyuser/index',
+      component: () => import('../views/companyuser/index.vue'),
+    },
+    //指导单位
+    {
+      path: '/zhidao/index',
+      component: () => import('../views/zhidao/index.vue'),
+    },
+    {
+      path: '/zhidao/detail',
+      component: () => import('../views/zhidao/detail.vue'),
+    },
 
-const routes = [
-  {
-    path: '/home',
-    component: () => import('../views/home/index.vue'),
-  },
-  // 金融数字超市-债权产品
-  {
-    path: '/supermarket/debt',
-    component: () => import('../views/supermarket/debt.vue'),
-  },
+    // 企业信息管理-列表
+    {
+      path: '/companyup/index',
+      component: () => import('../views/companyup/index.vue'),
+    },
+    // 企业信息管理-详情
+    {
+      path: '/companyup/detail',
+      component: () => import('../views/companyup/detail.vue'),
+    },
+    // 企业认证管理
+    {
+      path: '/companyidentify/index',
+      component: () => import('../views/companyidentify/index.vue'),
+    },
+    // 企业认证管理-审核
+    {
+      path: '/companyidentify/detail',
+      component: () => import('../views/companyidentify/detail.vue'),
+    },
+    // 角色管理-列表
+    {
+      path: '/character/index',
+      component: () => import('../views/character/index.vue'),
+    },
+    // 角色管理-详情
+    {
+      path: '/character/detail',
+      component: () => import('../views/character/detail.vue'),
+    },
+    // 地区管理-列表
+    {
+      path: '/region/index',
+      component: () => import('../views/region/index.vue'),
+    },
+    // 地区管理-详情
+    {
+      path: '/region/detail',
+      component: () => import('../views/region/detail.vue'),
+    },
 
-  {
-    path: '/supermarket/debtdetail',
-    component: () => import('../views/supermarket/debtdetail.vue'),
-  },
-  {
-    path: '/supermarket/debtdetails',
-    component: () => import('../views/supermarket/debtdetails.vue'),
-  },
+    //融资专家
+    {
+      path: '/specialist/index',
+      component: () => import('../views/specialist/index.vue'),
+    },
+    {
+      path: '/specialist/detail',
+      component: () => import('../views/specialist/detail.vue'),
+    },
 
-  {
-    path: '/finance/index',
-    component: () => import('../views/finance/index.vue'),
-  },
-  //新闻中心
-  {
-    path: '/news/index',
-    component: () => import('../views/news/index.vue'),
-  },
-  //新闻中心详情
-  {
-    path: '/news/detail',
-    component: () => import('../views/news/detail.vue'),
-  },
-
-  // 金融数字超市 - 股权产品
-  {
-    path: '/supermarket/stock',
-    component: () => import('../views/supermarket/stock.vue'),
-  },
-  // 金融机构
-  {
-    path: '/institution/index/:status',
-    component: () => import('../views/institution/index.vue'),
-  },
-  // 金融机构添加
-  {
-    path: '/institution/detail',
-    component: () => import('../views/institution/detail.vue'),
-  },
-  // 其他用户管理-列表
-  {
-    path: '/otheruser/index',
-    component: () => import('../views/otheruser/index.vue'),
-  },
-  // 其他用户管理-添加
-  {
-    path: '/otheruser/detail',
-    component: () => import('../views/otheruser/detail.vue'),
-  },
-  // 企业用户管理-详情
-  {
-    path: '/companyuser/index',
-    component: () => import('../views/companyuser/index.vue'),
-  },
-  //指导单位
-  {
-    path: '/zhidao/index',
-    component: () => import('../views/zhidao/index.vue'),
-  },
-  {
-    path: '/zhidao/detail',
-    component: () => import('../views/zhidao/detail.vue'),
-  },
-
-  // 企业信息管理-列表
-  {
-    path: '/companyup/index',
-    component: () => import('../views/companyup/index.vue'),
-  },
-  // 企业信息管理-详情
-  {
-    path: '/companyup/detail',
-    component: () => import('../views/companyup/detail.vue'),
-  },
-  // 企业认证管理
-  {
-    path: '/companyidentify/index',
-    component: () => import('../views/companyidentify/index.vue'),
-  },
-  // 企业认证管理-审核
-  {
-    path: '/companyidentify/detail',
-    component: () => import('../views/companyidentify/detail.vue'),
-  },
-  // 角色管理-列表
-  {
-    path: '/character/index',
-    component: () => import('../views/character/index.vue'),
-  },
-  // 角色管理-详情
-  {
-    path: '/character/detail',
-    component: () => import('../views/character/detail.vue'),
-  },
-  // 地区管理-列表
-  {
-    path: '/region/index',
-    component: () => import('../views/region/index.vue'),
-  },
-  // 地区管理-详情
-  {
-    path: '/region/detail',
-    component: () => import('../views/region/detail.vue'),
-  },
-
-  //融资专家
-  {
-    path: '/specialist/index',
-    component: () => import('../views/specialist/index.vue'),
-  },
-  {
-    path: '/specialist/detail',
-    component: () => import('../views/specialist/detail.vue'),
-  },
-
-  {
-    path: '/login',
-    component: () => import('../views/login.vue'),
-  },
-];
-
-const router = new VueRouter({
-  routes,
+    {
+      path: '/login',
+      component: () => import('../views/login.vue'),
+    },
+  ],
 });
-
-export default router;