f91287a5 by 任超

feat:通知

1 parent e1a78b7e
......@@ -6,10 +6,11 @@
<svg-icon icon-class='notice' />
<div style="margin-right:5px"></div>
<div ref="back" class="back">
<span ref="text" @mouseover="mouseOver" @mouseleave="mouseLeave" :style="{ fontSize: '14px', color: '#fff' }"
class="text">{{ data.text ? data.text :
'通知内容'
}}</span>
<div ref="text" class="text" @mouseover="mouseOver" @mouseleave="mouseLeave">
<p v-for="(item, index) in noticeList" :key="index">
{{ item.title }}
</p>
</div>
</div>
</div>
</transition>
......@@ -17,13 +18,9 @@
<script>
export default {
props: {
options: {
type: Object,
default () {
return {
text: '默认'
}
}
noticeList: {
type: Array,
default: []
}
},
data () {
......@@ -35,7 +32,6 @@ export default {
state: 1,
firstAnimationTime: '', // 状态一动画效果
secondAnimationTime: '', // 状态二动画效果
data: this.options
};
},
methods: {
......@@ -57,7 +53,7 @@ export default {
);
setTimeout(res => {
this.changeState();
}, this.data.delay);
}, 1000);
},
// 用速度计算时间(想要保持速度一样,2种状态时间不同需算出)
ComputationTime () {
......@@ -126,11 +122,18 @@ export default {
width: 100%;
cursor: pointer;
position: relative;
font-size: 14px;
color: #fff;
.text {
position: absolute;
display: inline-block;
padding: 2px 0;
display: flex;
p {
margin-right: 10px;
}
}
}
}
......
......@@ -20,7 +20,7 @@
</el-dropdown>
</div>
</div>
<NoticeBar class="NoticeBar" :options="options" />
<NoticeBar class="NoticeBar" :noticeList="noticeList" />
</div>
</template>
<script>
......@@ -36,10 +36,17 @@ export default {
data () {
return {
logo: require('../../image/logo.png'),
options: {
text: '关于新年假期的调整希望大家可以理解关于新年假期的调整希望大家可以理解关于新年假期的调整希望大家可以理解关于新年假期的调整希望大家可以理解关于新年假期的调整希望大家可以理解',
delay: '1000', // 动画延迟时间(默认一秒后开始滚动,单位毫秒)
},
noticeList: [
{
title: '6666666666666666666'
},
{
title: '3333333333333333333'
},
{
title: '6666666666666666666'
}
]
}
},
methods: {
......
......@@ -10,7 +10,7 @@ export default {
this.isSearch = true
},
getSearch (val) {
let obj = { ywlymc: '业务来源', sqywmc: '申请业务名称', qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' }
let obj = { ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称', qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' }
this.searchList = Object.entries(val).map((item) => {
const [name, value] = item
if (value) return { name: obj[name], value }
......
......@@ -42,7 +42,7 @@
</el-col>
</el-row>
<el-row class="advanced-search">
<span>高级搜索条件:</span>
<span>搜索条件:</span>
<ul>
<li v-for="(item, index) in searchList" :key="index">
{{ item.name }}:{{ item.value }}
......