williamet/jiace-web
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

隐藏登录页的验证码登录，并把ul及li展示到header中

Browse Source
This commit is contained in:
熊丽君
2021-09-15 17:12:41 +08:00
parent de91aeac33
commit 35dc35ce83
8 changed files with 189 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/image/icon8.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
src/assets/image/notic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 897 B

97
src/views/components/header/index.vue
View File

@ -20,7 +20,7 @@
<div @click="handlePath('/mine/ollection')">我的收藏</div>
<div @click="handlePath('/mine/news')">
消息通知
<span></span>
<span v-if="badge"></span>
</div>
<div @click="logout">退出登录</div>
</div>
@ -49,6 +49,20 @@
</div>
</div>
</div>
<div class="uls">
<div class="lis content">
<ul>
<li
:class="path == item.path ? 'is-active' : ''"
v-for="item in lisList"
:key="item.path"
@click="handlePath(item.path)"
>
{{ item.name }}
</li>
</ul>
</div>
</div>
</div>
</template>
<script>
@ -59,7 +73,38 @@ export default {
},
data() {
return {
input: ''
input: '',
lisList: [
{
path: '/home',
name: '首页'
},
{
path: '/notice',
name: '通知公告'
},
{
path: '/demand',
name: '企业需求'
},
{
path: '/achievements',
name: '科技成果'
},
{
path: '/declare',
name: '高企申报'
},
{
path: '/qualifications',
name: '资质申报'
},
{
path: '/assessment',
name: '智能评估'
}
],
path: this.$route.path == '/' ? '/home' : this.$route.path
};
},
methods: {
@ -129,7 +174,7 @@ export default {
// position: relative;
// top: 10px;
right: 8px;
border: 1px solid #ffa32c;
// border: 1px solid #ffa32c;
border-radius: 50%;
box-shadow: 5px 5px 5px 0px #dadada;
.user-avatar {
@ -139,9 +184,9 @@ export default {
height: 40px;
border-radius: 50%;
}
.user-avatar:hover {
border: 1px solid #ffa32c;
}
// .user-avatar:hover {
// border: 1px solid #ffa32c;
// }
}
}
.img2_box {
@ -172,6 +217,46 @@ export default {
}
}
}
.uls {
background-color: #ffa32c;
height: 48px;
line-height: 48px;
.lis {
ul {
margin: 0;
list-style: none;
padding-left: 0;
li {
float: left;
padding: 0 41px;
cursor: pointer;
color: #fff;
font-size: 24px;
}
li:hover {
background-color: #3394ff;
}
.is-active {
position: relative;
background-color: #3394ff;
}
.is-active::after {
content: '';
display: block;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid #fff;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
position: absolute;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
}
}
}
}
}
.el-popover {
.pop {

17
src/views/customerService.vue
View File

@ -173,9 +173,26 @@ export default {
this.getMsgList();
}
},
setMsg() {
// this.chats = JSON.parse(localStorage.getItem('chatsHistory'));
// if (!this.chats) {
this.chats = [
{
msgTime: this.getTodayTime(),
sendText: '你好，我是嘉策人工客服，有问题请咨询我!',
type: 'rightinfo'
}
];
this.isLoading = 0;
// localStorage.setItem('chatsHistory', JSON.stringify(chat));
// this.chats = JSON.parse(localStorage.getItem('chatsHistory'));
// } else {
// }
},
getMsgList(flag) {
this.isLoading = 1;
getChatRecords(this.queryParams).then(({ data }) => {
if (data.total == 0) return this.setMsg();
data.list.map(item => {
item.sendTime = new Date(item.sendTime).getTime();
});

9
src/views/home/home.vue
View File

@ -366,8 +366,7 @@
</div>
<div class="p0-100">
<div class="cooperation">
嘉策合作案例
<!-- <img src="@/assets/image/icon8.png" alt="" /> -->
<img src="@/assets/image/icon8.png" alt="" />
</div>
<div class="city_list">
<div>
@ -737,9 +736,9 @@ export default {
padding-top: 40px;
// padding-bottom: 19px;
text-align: center;
font-size: 26px;
font-weight: 700;
color: #3394ff;
// font-size: 26px;
// font-weight: 700;
// color: #3394ff;
}
}
</style>

149
src/views/index.vue
View File

@ -37,7 +37,7 @@
<headerPage />
<!-- ul li 列表 -->
<div class="uls">
<!-- <div class="uls">
<div class="lis content">
<ul>
<li
@ -47,13 +47,10 @@
@click="handlePath(item.path)"
>
{{ item.name }}
<!-- <router-link :to="item.path">
{{ item.name }}
</router-link> -->
</li>
</ul>
</div>
</div>
</div> -->
<!-- 路由站位 -->
<div class="content" style="padding: 10px 0">
<router-view></router-view>
@ -76,37 +73,37 @@ export default {
},
data() {
return {
input: '',
lisList: [
{
path: '/home',
name: '首页'
},
{
path: '/notice',
name: '通知公告'
},
{
path: '/demand',
name: '企业需求'
},
{
path: '/achievements',
name: '科技成果'
},
{
path: '/declare',
name: '高企申报'
},
{
path: '/qualifications',
name: '资质申报'
},
{
path: '/assessment',
name: '智能评估'
}
],
// input: '',
// lisList: [
// {
// path: '/home',
// name: '首页'
// },
// {
// path: '/notice',
// name: '通知公告'
// },
// {
// path: '/demand',
// name: '企业需求'
// },
// {
// path: '/achievements',
// name: '科技成果'
// },
// {
// path: '/declare',
// name: '高企申报'
// },
// {
// path: '/qualifications',
// name: '资质申报'
// },
// {
// path: '/assessment',
// name: '智能评估'
// }
// ],
path: this.$route.path == '/' ? '/home' : this.$route.path
};
},
@ -261,46 +258,46 @@ export default {
}
}
}
.uls {
background-color: #ffa32c;
height: 48px;
line-height: 48px;
.lis {
ul {
margin: 0;
list-style: none;
padding-left: 0;
li {
float: left;
padding: 0 41px;
cursor: pointer;
color: #fff;
font-size: 24px;
}
li:hover {
background-color: #3394ff;
}
.is-active {
position: relative;
background-color: #3394ff;
}
.is-active::after {
content: '';
display: block;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid #fff;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
position: absolute;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
}
}
}
}
// .uls {
// background-color: #ffa32c;
// height: 48px;
// line-height: 48px;
// .lis {
// ul {
// margin: 0;
// list-style: none;
// padding-left: 0;
// li {
// float: left;
// padding: 0 41px;
// cursor: pointer;
// color: #fff;
// font-size: 24px;
// }
// li:hover {
// background-color: #3394ff;
// }
// .is-active {
// position: relative;
// background-color: #3394ff;
// }
// .is-active::after {
// content: '';
// display: block;
// width: 0;
// height: 0;
// border-top: 7px solid transparent;
// border-bottom: 7px solid #fff;
// border-left: 7px solid transparent;
// border-right: 7px solid transparent;
// position: absolute;
// bottom: -1px;
// left: 50%;
// transform: translateX(-50%);
// }
// }
// }
// }
}
/deep/.el-badge__content.is-fixed {
top: 5px;

66
src/views/login.vue
View File

@ -1,67 +1,5 @@
<template>
<div class="login">
<!-- <div class="login-title">
<img src="../assets/image/logo.png" alt="" />
<span>嘉策服务平台</span>
</div> -->
<!-- <el-form
ref="loginForm"
:model="loginForm"
:rules="loginRules"
class="login-form"
>
<h3 class="col">嘉策服务平台</h3>
<h1 class="title">登录</h1>
<div class="login-info">
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
type="text"
auto-complete="off"
placeholder="账号"
>
<svg-icon
slot="prefix"
icon-class="user"
class="el-input__icon input-icon"
/>
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
v-model="loginForm.password"
type="password"
auto-complete="off"
placeholder="密码"
@keyup.enter.native="handleLogin"
>
<svg-icon
slot="prefix"
icon-class="password"
class="el-input__icon input-icon"
/>
</el-input>
</el-form-item>
<el-checkbox
v-model="loginForm.rememberMe"
style="margin: 0px 0px 25px 0px"
>记住密码</el-checkbox
>
<el-form-item style="width: 100%">
<el-button
:loading="loading"
size="medium"
type="primary"
style="width: 100%"
@click.native.prevent="handleLogin"
>
<span v-if="!loading">登 录</span>
<span v-else>登 录 中...</span>
</el-button>
</el-form-item>
</div>
</el-form> -->
<!-- <div class="login-form-bg"></div> -->
<div class="my-box">
<div class="my-left">
<div class="bg-img">
@ -146,12 +84,12 @@
<el-checkbox v-if="mode" v-model="loginForm.rememberMe"
>记住密码</el-checkbox
>
<el-button type="text" @click="changeMethod(false)" v-if="mode"
<!-- <el-button type="text" @click="changeMethod(false)" v-if="mode"
>验证码登录</el-button
>
<el-button type="text" @click="changeMethod(true)" v-else
>密码登录</el-button
>
> -->
</div>
<el-button
id="login_btn"

4
src/views/startEvaluation.vue
View File

@ -212,7 +212,7 @@
</el-checkbox>
<br />
<el-checkbox label="5">
其它。
以上选项都不匹配。
</el-checkbox>
</el-checkbox-group>
<p>四、企业成长性</p>
@ -363,7 +363,7 @@ export default {
iipropertyNum: 0,
hasStandard: 0,
achievementNum: 0,
management: ['1'],
management: [],
assetGrowth: 35,
sellGrowth: 35
}, // 创新指标评分