|
@@ -37,7 +37,15 @@
|
|
|
</p>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="three">
|
|
|
- 滚动
|
|
|
+ <marquee beavior="scroll" direction="up" onMouseOut="this.start()" onMouseOver="this.stop()">
|
|
|
+ <p class="threeList" v-for="(item, index) in trainoneList" :key="index">
|
|
|
+ <span class="textOver"><i class="el-icon-aim" style="color:#fff"></i> {{ getDate(item.meta.createdAt) }}</span>
|
|
|
+ <span class="textOver">{{ item.market_username }}</span>
|
|
|
+ <span class="textOver">与</span>
|
|
|
+ <span class="textOver">{{ item.username }}</span>
|
|
|
+ <span class="textOver"> {{ item.status == '0' ? '产生意向' : item.status == '1' ? '达成意向' : '实现对接' }}</span>
|
|
|
+ </p>
|
|
|
+ </marquee>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="down">
|
|
@@ -46,7 +54,7 @@
|
|
|
展会动态
|
|
|
</el-col>
|
|
|
<el-col :span="20" class="right">
|
|
|
- <marquee beavior="scroll">
|
|
|
+ <marquee beavior="scroll" onMouseOut="this.start()" onMouseOver="this.stop()">
|
|
|
<span class="trainoneList" v-for="(item, index) in trainoneList" :key="index">
|
|
|
{{ item.market_username }}与{{ item.username }} {{ item.status == '0' ? '产生意向' : item.status == '1' ? '达成意向' : '实现对接' }}</span
|
|
|
>
|
|
@@ -109,7 +117,7 @@ export default {
|
|
|
// 查询数目
|
|
|
let statNum = {};
|
|
|
// 当前时间
|
|
|
- statNum.date = moment().format('yyyy-DD-mm');
|
|
|
+ statNum.date = moment().format('YYYY-MM-DD');
|
|
|
// 总人数
|
|
|
statNum.zrs = res.data.apply.length;
|
|
|
|
|
@@ -136,6 +144,10 @@ export default {
|
|
|
this.$set(this, `statNum`, statNum);
|
|
|
}
|
|
|
},
|
|
|
+ getDate(value) {
|
|
|
+ let data = moment().format('HH:mm:ss');
|
|
|
+ if (data) return data;
|
|
|
+ },
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
@@ -200,6 +212,7 @@ export default {
|
|
|
background-color: #fdb21e;
|
|
|
text-align: center;
|
|
|
line-height: 58px;
|
|
|
+ font-size: 16px;
|
|
|
span {
|
|
|
color: blue;
|
|
|
}
|
|
@@ -216,7 +229,31 @@ export default {
|
|
|
}
|
|
|
.three {
|
|
|
height: 500px;
|
|
|
+ overflow: hidden;
|
|
|
padding: 0 10px;
|
|
|
+ .threeList {
|
|
|
+ border-bottom: 1px dashed #ccc;
|
|
|
+ padding: 10px 0;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ span:nth-child(1) {
|
|
|
+ color: #fde24e;
|
|
|
+ width: 12%;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ span:nth-child(2n) {
|
|
|
+ display: inline-block;
|
|
|
+ width: 36%;
|
|
|
+ }
|
|
|
+ span:nth-child(3) {
|
|
|
+ display: inline-block;
|
|
|
+ width: 5%;
|
|
|
+ }
|
|
|
+ span:nth-child(5) {
|
|
|
+ width: 8%;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.down {
|
|
@@ -246,6 +283,10 @@ export default {
|
|
|
font-size: 16px;
|
|
|
padding: 0 10px;
|
|
|
}
|
|
|
+ .trainoneList:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ color: #fdb21e;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.two {
|