页面修改

This commit is contained in:
熊丽君
2021-08-18 11:40:20 +08:00
parent 7dbcb3b57f
commit b5d5016423
8 changed files with 356 additions and 91 deletions

View File

@ -42,3 +42,10 @@ export function handlePic(data) {
data
});
}
// 获取浏览量
export function getRead(params) {
return request({
url: '/mobile/getRead',
params
});
}

View File

@ -5,13 +5,13 @@
</div>
<div class="btn">
<router-link target="_blank" :to="{ path: '/startEvaluation' }">
<el-button type="primary">开始评估</el-button>
<el-button type="primary" style="font-size: 18px">开始评估</el-button>
</router-link>
</div>
<div class="list">
<div class="box">
<div class="title">快速评估</div>
<div style="margin:40px 0">
<div style="margin: 40px 0">
<img src="@/assets/image/icon12.png" alt="" />
</div>
<div class="text">在线填写企业信息</div>
@ -19,7 +19,7 @@
</div>
<div class="box">
<div class="title">精准打分</div>
<div style="margin:40px 0">
<div style="margin: 40px 0">
<img src="@/assets/image/icon13.png" alt="" />
</div>
<div class="text">人工智能算法</div>
@ -27,7 +27,7 @@
</div>
<div class="box">
<div class="title">便捷表单</div>
<div style="margin:40px 0">
<div style="margin: 40px 0">
<img src="@/assets/image/icon14.png" alt="" />
</div>
<div class="text">表单填写</div>
@ -35,7 +35,7 @@
</div>
<div class="box">
<div class="title">认定助手</div>
<div style="margin:40px 0">
<div style="margin: 40px 0">
<img src="@/assets/image/icon15.png" alt="" />
</div>
<div class="text">认定流程详解</div>
@ -43,7 +43,7 @@
</div>
<div class="box">
<div class="title">嘉策代理</div>
<div style="margin:40px 0">
<div style="margin: 40px 0">
<img src="@/assets/image/icon16.png" alt="" />
</div>
<div class="text">专业代理认定</div>
@ -57,7 +57,7 @@ export default {
data() {
return {};
},
methods: {}
methods: {},
};
</script>
<style lang="scss" scoped>

View File

@ -27,7 +27,7 @@
</div>
</el-tab-pane>
<el-tab-pane label="证书模块" name="third">
<div style="text-align:center">
<div style="text-align: center">
<img src="@/assets/image/declare/02.png" alt="" />
</div>
</el-tab-pane>
@ -39,12 +39,12 @@
export default {
data() {
return {
activeName: 'first'
activeName: 'first',
};
},
methods: {
handleClick(tab, event) {}
}
handleClick(tab, event) {},
},
};
</script>
<style lang="scss" scoped>
@ -56,6 +56,7 @@ export default {
height: 200px;
}
.tabs {
margin-top: 15px;
.tab_img {
width: 100%;
height: 100%;
@ -64,6 +65,17 @@ export default {
height: 100%;
}
}
/deep/.el-tabs__item {
padding: 0 30px;
font-size: 20px;
}
/deep/.el-tabs__item.is-active {
font-weight: bold;
color: #3394ff;
}
.el-link {
font-size: 18px;
}
}
}
</style>

View File

@ -198,12 +198,12 @@ export default {
data() {
return {
index: 1,
activeName: 'first'
activeName: 'first',
};
},
methods: {
handleClick(tab, event) {}
}
handleClick(tab, event) {},
},
};
</script>
<style lang="scss" scoped>
@ -238,6 +238,7 @@ export default {
}
}
.tabs {
margin-top: 15px;
.tab_img {
width: 100%;
height: 100%;
@ -246,6 +247,17 @@ export default {
height: 100%;
}
}
/deep/.el-tabs__item {
padding: 0 30px;
font-size: 20px;
}
/deep/.el-tabs__item.is-active {
font-weight: bold;
color: #3394ff;
}
.el-link {
font-size: 18px;
}
}
}
</style>

View File

@ -44,7 +44,12 @@
<el-button type="text" @click="handlePage">注册</el-button>
</div>
<div class="avatar-wrapper" v-else @click="handlePath('/mine')">
<img :src="avatar" class="user-avatar" />
<!-- <span>
<i>20</i>
</span> -->
<el-badge :value="200" :max="10" class="item">
<img :src="avatar" class="user-avatar" />
</el-badge>
</div>
<div class="img2_box">
<img src="@/assets/image/02.png" alt="" />
@ -90,7 +95,7 @@
<div class="my_footer">
<div style="height: 4px; background: #ffa32c"></div>
<div class="footer_one content">
<p>
<!-- <p>
<span>
<i><img src="@/assets/image/icon1.png" alt="" /></i>
总浏览量1020</span
@ -99,7 +104,7 @@
<i><img src="@/assets/image/icon1.png" alt="" /></i>
今日浏览1020</span
>
</p>
</p> -->
<div class="footer_two">
<div class="footer_left">
<div class="footer_left_one">
@ -258,13 +263,16 @@ export default {
}
.avatar-wrapper {
text-align: right;
.user-avatar {
vertical-align: middle;
cursor: pointer;
width: 60px;
height: 60px;
border-radius: 50%;
.el-badge {
// display: block;
// position: relative;
.user-avatar {
vertical-align: middle;
cursor: pointer;
width: 60px;
height: 60px;
border-radius: 50%;
}
}
}
.img2_box {
@ -369,6 +377,8 @@ export default {
margin-right: 30px;
}
.footer_left_r {
font-size: 16px;
color: #666;
i {
img {
vertical-align: middle;
@ -403,6 +413,10 @@ export default {
}
}
}
/deep/.el-badge__content.is-fixed {
top: 10px;
right: 15px;
}
@media (max-width: 1024px) {
.chart-wrapper {
padding: 8px;

View File

@ -69,8 +69,16 @@
</div>
</div>
<div class="my-right">
<div style="min-width:360px;max-width:360px;padding-bottom: 55px;">
<div class="m-title">欢迎登录</div>
<!-- 登录 -->
<div
style="min-width: 360px; max-width: 360px; padding-bottom: 55px"
v-show="status"
>
<div class="m-title">
<div>
欢迎登录<i class="el-icon-sort" @click="status = false"></i>
</div>
</div>
<el-form
ref="loginForm"
:model="loginForm"
@ -133,7 +141,7 @@
<div
class="check-box"
:class="mode ? '' : 'flex-end'"
style="padding:0 0 15px"
style="padding: 0 0 15px"
>
<el-checkbox v-if="mode" v-model="loginForm.rememberMe"
>记住密码</el-checkbox
@ -149,24 +157,120 @@
id="login_btn"
:loading="loading"
type="primary"
style="width:100%"
style="width: 100%"
@click.native.prevent="handleLogin"
>登录</el-button
>
</el-form>
<el-checkbox style="padding:15px 0 0" v-model="loginForm.flag"
<el-checkbox style="padding: 15px 0 0" v-model="loginForm.flag"
>我已阅读并同意<el-button type="text" @click="dialogVisible = true"
>用户协议</el-button
></el-checkbox
>
<div style="color:#666;font-size:16px">
新用户通过手机验证码登录自动注册账号
<div style="color: #666; font-size: 16px">
<!-- 新用户通过手机验证码登录自动注册账号 -->
</div>
</div>
<!-- 注册 -->
<div
style="min-width: 360px; max-width: 360px; padding-bottom: 55px"
v-show="!status"
>
<div class="m-title">
<div>
欢迎注册<i class="el-icon-sort" @click="status = true"></i>
</div>
</div>
<el-form
ref="registerForm"
:model="registerForm"
:rules="registerRules"
class="login-form"
auto-complete="on"
label-position="left"
>
<el-form-item prop="username">
<el-input
v-model="registerForm.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" class="code-input" v-if="!status">
<el-input
v-model="registerForm.password"
auto-complete="off"
placeholder="验证码"
style="width: 63%"
>
<svg-icon
slot="prefix"
icon-class="validCode"
class="el-input__icon input-icon"
/>
</el-input>
<div class="login-code">
<el-button @click="getCode2" type="primary" :disabled="!show2">
获取验证码
<span v-show="!show2" class="count">({{ count2 }}s)</span>
</el-button>
</div>
</el-form-item>
<el-form-item prop="newPassword" v-if="mode">
<el-input
v-model="registerForm.newPassword"
type="password"
auto-complete="off"
placeholder="请输入密码"
>
<svg-icon
slot="prefix"
icon-class="password"
class="el-input__icon input-icon"
/>
</el-input>
</el-form-item>
<el-form-item v-if="mode">
<el-input
v-model="registerFormPassword"
type="password"
auto-complete="off"
placeholder="请确认密码"
>
<svg-icon
slot="prefix"
icon-class="password"
class="el-input__icon input-icon"
/>
</el-input>
</el-form-item>
<el-button
id="login_btn"
:loading="loading"
type="primary"
style="width: 100%"
@click.native.prevent="handleregister"
>注册</el-button
>
</el-form>
<el-checkbox style="padding: 15px 0 0" v-model="registerForm.flag"
>我已阅读并同意<el-button type="text" @click="dialogVisible = true"
>用户协议</el-button
></el-checkbox
>
</div>
</div>
</div>
<el-dialog title="用户协议" :visible.sync="dialogVisible" width="40%">
<div>
<div style="line-height: 30px">
<h3>
在此特别提醒您(用户)在注册成为嘉策科技创新服务平台用户之前,请认真阅读本嘉策科技创新服务平台用户服务协议以下简称协议)确保您充分理解本协议中各条款请您审慎阅读并选择接受或不接受本协议您同意并点击确认本协议条款且完成注册程序后才能成为嘉策科技创新服务平台的正式注册用户并享受嘉策科技创新服务平台的各类服务您的注册登录使用等行为将视为对本协议的接受并同意接受本协议各项条款的约束若您不同意本协议或对本协议中的条款存在任何疑问请您立即停止嘉策科技创新服务平台用户注册程序并可以选择不使用本网站服务
</h3>
@ -235,36 +339,63 @@ export default {
name: 'Login',
data() {
return {
dialogVisible: true,
dialogVisible: false,
mode: true,
TIME_COUNT: 60,
show: true,
count: '', // 初始化次数
timer: null,
TIME_COUNT2: 60,
show2: true,
count2: '', // 初始化次数
timer2: null,
loginForm: {
// 19855383805
username: '',
password: '',
rememberMe: false,
flag: false
flag: true,
},
registerFormPassword: '',
registerForm: {
username: '',
password: '',
newPassword: '',
flag: false,
},
loginRules: {
username: [
{ required: true, trigger: 'blur', message: '用户名不能为空' }
{ required: true, trigger: 'blur', message: '用户名不能为空' },
],
password: [
{ required: true, trigger: 'blur', message: '密码不能为空' },
],
password: [{ required: true, trigger: 'blur', message: '密码不能为空' }]
},
registerRules: {
username: [
{ required: true, trigger: 'blur', message: '用户名不能为空' },
],
password: [
{ required: true, trigger: 'blur', message: '验证码不能为空' },
],
newPassword: [
{ required: true, trigger: 'blur', message: '密码不能为空' },
],
},
status: true,
loading: false,
redirect: undefined
redirect: undefined,
};
},
watch: {
$route: {
handler: function(route) {
handler: function (route) {
this.redirect = route.query && route.query.redirect;
},
immediate: true
}
immediate: true,
},
status(newVal, oldVal) {
if (!newVal) this.dialogVisible = true;
},
},
created() {
this.getCookie();
@ -272,11 +403,19 @@ export default {
methods: {
disagree() {
this.dialogVisible = false;
this.loginForm.flag = false;
if (this.status) {
this.loginForm.flag = false;
} else {
this.registerForm.flag = false;
}
},
agree() {
this.dialogVisible = false;
this.loginForm.flag = true;
if (this.status) {
this.loginForm.flag = true;
} else {
this.registerForm.flag = true;
}
},
changeMethod(flag) {
this.mode = flag;
@ -290,16 +429,17 @@ export default {
username: username === undefined ? this.loginForm.username : username,
password:
password === undefined ? this.loginForm.password : decrypt(password),
rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
flag: true,
};
},
getCode() {
this.$refs.loginForm.validate(valid => {
this.$refs.loginForm.validate((valid) => {
if (valid) {
if (!this.timer) {
this.count = this.TIME_COUNT;
this.show = false;
getAuthCode({ phone: this.loginForm.username }).then(res => {
getAuthCode({ phone: this.loginForm.username }).then((res) => {
console.log(res);
this.timer = setInterval(() => {
if (this.count > 0 && this.count <= this.TIME_COUNT) {
@ -315,19 +455,40 @@ export default {
}
});
},
getCode2() {
this.$refs.registerForm.validate((valid) => {
if (valid) {
if (!this.timer2) {
this.count2 = this.TIME_COUNT2;
this.show2 = false;
getAuthCode({ phone: this.registerForm.username }).then((res) => {
this.timer2 = setInterval(() => {
if (this.count2 > 0 && this.count2 <= this.TIME_COUNT2) {
this.count2--;
} else {
this.show2 = true;
clearInterval(this.timer2); // 清除定时器
this.timer2 = null;
}
}, 1000);
});
}
}
});
},
handleLogin() {
if (!this.loginForm.flag)
return this.msgError('请您阅读并同意《用户协议》');
this.$refs.loginForm.validate(valid => {
this.$refs.loginForm.validate((valid) => {
if (valid) {
this.loading = true;
if (this.loginForm.rememberMe) {
Cookies.set('username', this.loginForm.username, { expires: 30 });
Cookies.set('password', encrypt(this.loginForm.password), {
expires: 30
expires: 30,
});
Cookies.set('rememberMe', this.loginForm.rememberMe, {
expires: 30
expires: 30,
});
} else {
Cookies.remove('username');
@ -358,8 +519,29 @@ export default {
}
}
});
}
}
},
handleregister() {
if (this.registerForm.newPassword !== this.registerFormPassword)
return this.msgError('2次密码输入不一致');
if (!this.registerForm.flag)
return this.msgError('请您阅读并同意《用户协议》');
this.$refs.registerForm.validate((valid) => {
if (valid) {
this.loading = true;
// 验证码登录
this.$store
.dispatch('Register', this.registerForm)
.then(() => {
this.$router.push({ path: this.redirect || '/' });
// this.$router.go(-1);
})
.catch(() => {
this.loading = false;
});
}
});
},
},
};
</script>
@ -500,6 +682,16 @@ $loginForm: 383px;
font-weight: 700;
text-align: center;
margin: 55px auto 45px;
div {
position: relative;
i {
transform: rotate(90deg);
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
}
}
.el-form {
.el-form-item {

View File

@ -116,11 +116,11 @@
<p>
<span>
<i><img src="@/assets/image/icon1.png" alt="" /></i>
总浏览量1020</span
总浏览量{{total.count}}</span
>
<span>
<i><img src="@/assets/image/icon1.png" alt="" /></i>
今日浏览1020</span
今日浏览{{total.today}}</span
>
</p>
<div class="footer_two">
@ -176,7 +176,7 @@ import {
getInfo2,
getInfo3,
} from '@/api/search';
import { getPolicyList } from '@/api/home/notice';
import { getPolicyList, getRead } from '@/api/home/notice';
import { mapGetters } from 'vuex';
import { add, cancel } from '@/api/search';
import Editor from '@/components/Editor';
@ -190,6 +190,7 @@ export default {
type: '',
formData: {},
noticeList: [],
total: {},
};
},
watch: {
@ -256,6 +257,9 @@ export default {
this.formData = data;
});
}
getRead({ id }).then(({ data }) => {
this.total = data;
});
getPolicyList({ pageNum: 1, pageSize: 5 }).then(({ data }) => {
this.noticeList = data.list;
});

View File

@ -10,7 +10,7 @@
<el-form-item label="企业名称" prop="companyName">
<el-input
v-model.trim="formA.companyName"
style="max-width:420px"
style="max-width: 420px"
></el-input>
</el-form-item>
<el-form-item label="成立时间" prop="regTime">
@ -30,7 +30,7 @@
</el-date-picker> -->
</el-form-item>
<el-form-item label="所属领域">
<el-col :span="8">
<el-col :span="7">
<el-form-item>
<el-select
v-model="formA.one"
@ -46,7 +46,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="7">
<el-form-item prop="territoryId">
<el-select v-model="formA.territoryId" placeholder="请选择">
<el-option
@ -118,7 +118,7 @@
</el-form-item>
<el-form-item>
<el-button type="warning" @click="submitFormA('formA')"
>提交</el-button
>提 交</el-button
>
</el-form-item>
</el-form>
@ -126,7 +126,7 @@
<el-form v-if="status == 2">
<p>您已通过高企认定门槛检查,请点击下一步进行创新指标评分!</p>
<el-form-item class="margin-center">
<el-button type="warning" @click="status = 1">返回</el-button>
<el-button type="warning" @click="status = 1">返 回</el-button>
<el-button type="warning" @click="status = 3">下一步</el-button>
</el-form-item>
</el-form>
@ -134,9 +134,11 @@
<el-form v-if="status == -2">
<p>您的高企认定门槛检查未通过,请点击返回重新填写!</p>
<p>未通过项:</p>
<p v-for="(item, index) in badSeason" :key="index">{{ item }}</p>
<p v-for="(item, index) in badSeason" :key="index">
{{ index + 1 }}、{{ item }}
</p>
<el-form-item class="margin-center">
<el-button type="warning" @click="status = 1">返回</el-button>
<el-button type="warning" @click="status = 1">返 回</el-button>
</el-form-item>
</el-form>
@ -197,7 +199,7 @@
label="净资产增长率赋值其中合肥市高新区企业政策兑现要求上一年度净资产达40万元以上 "
>
<el-select
style="max-width: 95px;"
style="max-width: 95px"
v-model="formB.assetGrowth"
placeholder="请选择"
>
@ -223,31 +225,37 @@
</el-form-item>
<el-form-item>
<el-button type="warning" @click="submitFormB('formB')"
>提交</el-button
>提 交</el-button
>
</el-form-item>
</el-form>
<el-form class="el_form_4" v-if="status == -3">
<p>
您的创新指标得分{{
您的创新指标得分
<i style="color: red; font-size: 22px; font-weight: 700">{{
score
}}分,不符合高企认定条件!此评分为平台智能估算分,仅供参考,实际评分以政府实际打分为准!
}}</i>
分,不符合高企认定条件!此评分为平台智能估算分,仅供参考,实际评分以政府实际打分为准!
</p>
<p>平台建议:</p>
<p v-for="(item, index) in badSeason1" :key="index">{{ item }}</p>
<el-form-item style="text-align:center;margin:70px 0">
<p v-for="(item, index) in badSeason1" :key="index">
{{ index + 1 }}{{ item }}
</p>
<el-form-item style="text-align: center; margin: 70px 0">
<el-button type="warning" @click="status = 1">重新评估</el-button>
</el-form-item>
</el-form>
<el-form class="el_form_4" v-if="status == 4">
<p>
您的创新指标得分{{
您的创新指标得分
<i style="color: green; font-size: 22px; font-weight: 700">{{
score
}}符合高企认定条件此评分为平台智能估算分仅供参考实际评分以政府实际打分为准
}}</i>
符合高企认定条件此评分为平台智能估算分仅供参考实际评分以政府实际打分为准
</p>
<el-form-item style="text-align:center;margin:70px 0">
<el-form-item style="text-align: center; margin: 70px 0">
<el-button type="warning" @click="status = 1">重新评估</el-button>
</el-form-item>
</el-form>
@ -259,7 +267,7 @@ import {
getTerritoryOneMenu,
getTerritoryTwoMenu,
firstAssess,
secondAssess
secondAssess,
} from '@/api/startEvaluation';
export default {
data() {
@ -269,38 +277,38 @@ export default {
propertyOption: [
{
value: 0,
label: '否'
label: '否',
},
{
value: 1,
label: '是'
}
label: '是',
},
], // 核心领域发挥作用知识产权 0->否 1->是 和 四、其他
assetOption: [
{
value: 35,
label: '>=35%'
label: '>=35%',
},
{
value: 25,
label: '>=25%'
label: '>=25%',
},
{
value: 15,
label: '>=15%'
label: '>=15%',
},
{
value: 5,
label: '>=5%'
label: '>=5%',
},
{
value: 1,
label: '>0%'
label: '>0%',
},
{
value: 0,
label: '<=0%'
}
label: '<=0%',
},
],
formA: {
companyName: '',
@ -312,7 +320,7 @@ export default {
lastYearResearchExpend: 0,
totalEmployee: 0,
scienceEmployee: 0,
hasBad: 0
hasBad: 0,
}, // 高企认定门槛
badSeason: [], // A 没有通过的数据
score: 0, // 分数
@ -324,7 +332,7 @@ export default {
achievementNum: 0,
management: ['1'],
assetGrowth: 35,
sellGrowth: 35
sellGrowth: 35,
}, // 创新指标评分
status: 1,
rulesA: {
@ -334,10 +342,10 @@ export default {
{
required: true,
message: '请选择日期',
trigger: 'change'
}
]
}
trigger: 'change',
},
],
},
};
},
methods: {
@ -348,7 +356,7 @@ export default {
});
},
submitFormA(formName) {
this.$refs[formName].validate(valid => {
this.$refs[formName].validate((valid) => {
if (valid) {
firstAssess(this.formA).then(({ data }) => {
if (!data.badSeason.length) {
@ -378,13 +386,13 @@ export default {
this.status = -3;
}
});
}
},
},
created() {
getTerritoryOneMenu().then(({ data }) => {
this.oneMenuList = data;
});
}
},
};
</script>
<style lang="scss" scoped>
@ -405,7 +413,7 @@ export default {
border-radius: 15px;
min-height: 350px;
.el-form {
width: 50%;
width: 60%;
.margin-right-xs {
margin-right: 15px;
}
@ -432,5 +440,21 @@ export default {
width: 100%;
}
}
.el-form {
font-size: 20px;
}
/deep/.el-form-item__label {
font-size: 16px;
color: #606266;
font-weight: 700;
}
/deep/.el-checkbox__label {
font-size: 16px;
color: #606266;
font-weight: 700;
}
}
/deep/.el-button--medium {
font-size: 18px;
}
</style>