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/ollection')">我的收藏</div>
<div @click="handlePath('/mine/news')"> <div @click="handlePath('/mine/news')">
消息通知 消息通知
<span></span> <span v-if="badge"></span>
</div> </div>
<div @click="logout">退出登录</div> <div @click="logout">退出登录</div>
</div> </div>
@ -49,6 +49,20 @@
</div> </div>
</div> </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> </div>
</template> </template>
<script> <script>
@ -59,7 +73,38 @@ export default {
}, },
data() { data() {
return { 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: { methods: {
@ -129,7 +174,7 @@ export default {
// position: relative; // position: relative;
// top: 10px; // top: 10px;
right: 8px; right: 8px;
border: 1px solid #ffa32c; // border: 1px solid #ffa32c;
border-radius: 50%; border-radius: 50%;
box-shadow: 5px 5px 5px 0px #dadada; box-shadow: 5px 5px 5px 0px #dadada;
.user-avatar { .user-avatar {
@ -139,9 +184,9 @@ export default {
height: 40px; height: 40px;
border-radius: 50%; border-radius: 50%;
} }
.user-avatar:hover { // .user-avatar:hover {
border: 1px solid #ffa32c; // border: 1px solid #ffa32c;
} // }
} }
} }
.img2_box { .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 { .el-popover {
.pop { .pop {

17
src/views/customerService.vue
View File

@ -173,9 +173,26 @@ export default {
this.getMsgList(); 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) { getMsgList(flag) {
this.isLoading = 1; this.isLoading = 1;
getChatRecords(this.queryParams).then(({ data }) => { getChatRecords(this.queryParams).then(({ data }) => {
if (data.total == 0) return this.setMsg();
data.list.map(item => { data.list.map(item => {
item.sendTime = new Date(item.sendTime).getTime(); item.sendTime = new Date(item.sendTime).getTime();
}); });

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

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

149
src/views/index.vue
View File

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

66
src/views/login.vue
View File

@ -1,67 +1,5 @@
<template> <template>
<div class="login"> <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-box">
<div class="my-left"> <div class="my-left">
<div class="bg-img"> <div class="bg-img">
@ -146,12 +84,12 @@
<el-checkbox v-if="mode" v-model="loginForm.rememberMe" <el-checkbox v-if="mode" v-model="loginForm.rememberMe"
>记住密码</el-checkbox >记住密码</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
> >
<el-button type="text" @click="changeMethod(true)" v-else <el-button type="text" @click="changeMethod(true)" v-else
>密码登录</el-button >密码登录</el-button
> > -->
</div> </div>
<el-button <el-button
id="login_btn" id="login_btn"

4
src/views/startEvaluation.vue
View File

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