Commit a425126d authored by xishifeng's avatar xishifeng

业绩修改

parent aefed8c8
<template> <template>
<div> <div>
<header-pulic :data="headerData"></header-pulic> <header-pulic :data="headerData"></header-pulic>
<!--时间搜索区域-->
<nav> <nav>
<div class="nav-main"> <div class="nav-main">
<div v-for="(item, index) in mainData" :key="item.title" :class="{active:index === initTabNumMain}" @click="tabMain(index)">{{item.title}}</div> <div class="nav-search-area">
<div class="achieve-top-time-area flex">
<div class="input-area-left flex">
<div class="flex">
<div class="flex-center"><input class="flex-center" type="date" v-model="startDate" /></div>
<div class="flex-center"></div>
<div class="flex-center"><input class="flex-center" type="date" v-model="endDate" /></div>
</div>
<div class="bsb" @click.prevent.stop="search('normal')"></div>
</div>
<!--<div class="time-btn-area flex">
<button class="flex-center" @click.prevent.stop="search('today')">今天</button>
</div>-->
</div>
</div>
<div class="nav-main-tab">
<div v-for="(item, index) in mainData" :key="item.title" :class="{active:index === initTabNumMain}" @click="tabMain(index)">{{item.title}}</div>
</div>
</div> </div>
<div class="nav-seat"></div> <div class="nav-seat"></div>
</nav> </nav>
...@@ -55,6 +78,8 @@ ...@@ -55,6 +78,8 @@
'noborder': true, 'noborder': true,
'isBack': false 'isBack': false
}, },
startDate: '',
endDate: '',
token: '', token: '',
userid: '', userid: '',
initTabNumMain: 0, initTabNumMain: 0,
...@@ -183,6 +208,15 @@ ...@@ -183,6 +208,15 @@
<style scoped> <style scoped>
/*注释部分*/ /*注释部分*/
nav>.nav-main { nav>.nav-main {
width: 100%;
position: fixed;
left: 0;
top: .88rem;
}
nav>.nav-seat {
height: 1.5rem;
}
nav>.nav-main>.nav-main-tab{
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
background-color: white; background-color: white;
...@@ -191,24 +225,18 @@ ...@@ -191,24 +225,18 @@
line-height: .9rem; line-height: .9rem;
padding: 0 .3rem; padding: 0 .3rem;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
position: fixed;
left: 0;
top: .88rem;
}
nav>.nav-seat {
height: .9rem;
} }
nav>.nav-main>div { nav>.nav-main>.nav-main-tab>div {
flex: 1; flex: 1;
text-align: center; text-align: center;
} }
nav>.nav-main>div.active { nav>.nav-main>.nav-main-tab>div.active {
color: rgb(255, 148, 25); color: rgb(255, 148, 25);
position: relative; position: relative;
} }
nav>.nav-main>div.active::after { nav>.nav-main>.nav-main-tab>div.active::after {
content: ''; content: '';
position: absolute; position: absolute;
left: 50%; left: 50%;
...@@ -219,6 +247,70 @@ ...@@ -219,6 +247,70 @@
border-radius: .03rem; border-radius: .03rem;
background-color: rgb(255, 161, 50); background-color: rgb(255, 161, 50);
} }
.nav-search-area{
background-color: white;
color: #c6c6c6;
}
/*搜索日期部分样式重写*/
.achieve-top-time-area {
bottom: .3rem;
left: 0;
width: 100%;
height: .6rem;
justify-content: center;
color: #c6c6c6;
font-size: .26rem;
}
.input-area-left {
flex: 5.8rem 0 0;
border: 1px solid #999;
border-radius: .06rem;
}
.input-area-left>div:nth-of-type(1) {
flex: 5.2rem 0 0;
}
.input-area-left>div:nth-of-type(1)>div:nth-of-type(1),
.input-area-left>div:nth-of-type(1)>div:nth-of-type(3) {
padding-left: .3rem;
}
.input-area-left>div:nth-of-type(1)>div>input {
width: 2rem;
color: #c6c6c6;
height: 100%;
font-size: inherit;
}
.input-area-left>div:nth-of-type(1)>div:nth-of-type(2) {
width: .5rem;
}
.input-area-left>div:nth-of-type(2) {
flex: .6rem 0 0;
border-left: 1px solid #999;
background: url(images/yj_search_icon@2x.png) no-repeat center center/.3rem .3rem;
}
.time-btn-area {
flex: 1.2rem 0 0;
flex-direction: row-reverse;
align-items: center;
}
.time-btn-area>button {
width: 1rem;
height: .5rem;
background-color: #ff9419;
border-radius: .05rem;
color: inherit;
}
/*搜索日期部分样式重写*/
.main-sec{ .main-sec{
min-height: 100%; min-height: 100%;
} }
......
...@@ -139,8 +139,8 @@ ...@@ -139,8 +139,8 @@
commentSend() { commentSend() {
let _this = this; let _this = this;
let _len = _this.commentContent.length; let _len = _this.commentContent.length;
if(_len<100 || _len>500){ if(_len<50 || _len>500){
layer.tipsX('评论字数需在100~500之间,当前字数为'+_len); layer.tipsX('评论字数需在50~500之间,当前字数为'+_len);
}else{ }else{
_this.axios({ _this.axios({
method: 'POST', method: 'POST',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment