xuhuajiao
/
jx_bigScreen
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

产品需求更新

master
xuhuajiao 1 week ago
parent
1a2acf3cc8
commit
f20008ef67
4 changed files with 73 additions and 62 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      .env.development
  2. 41
      src/assets/styles/index.scss
  3. 5
      src/views/pageFive/index.vue
  4. 87
      src/views/pageOne/index.vue

2
.env.development
View File

@ -3,7 +3,7 @@ ENV = 'development'
# 接口地址 # 接口地址
# 许镇-本地服地址 # 许镇-本地服地址
VUE_APP_BASE_API = 'http://192.168.99.67:8080'
VUE_APP_BASE_API = 'http://192.168.99.72:8080'
# VUE_APP_BASE_API = 'http://27.19.209.92:13244' # VUE_APP_BASE_API = 'http://27.19.209.92:13244'
VUE_APP_LIB_API = 'http://118.253.150.248:8099' VUE_APP_LIB_API = 'http://118.253.150.248:8099'

41
src/assets/styles/index.scss
View File

@ -735,7 +735,7 @@
.inLib-num{ .inLib-num{
display: flex; display: flex;
justify-content: space-between;
justify-content: center;
align-items: center; align-items: center;
flex-wrap: nowrap; flex-wrap: nowrap;
padding: .625rem .125rem 0 0; padding: .625rem .125rem 0 0;
@ -746,6 +746,20 @@
background: url('~@/assets/images/database-icon1.png') no-repeat left top; background: url('~@/assets/images/database-icon1.png') no-repeat left top;
background-size: 100% 100%; background-size: 100% 100%;
} }
.totayTotal{
display: flex;
flex-direction: column;
justify-content: center;
// align-items: center;
flex-wrap: wrap;
margin-left: -.38rem;
// width: 100%;
height: 1.52rem;
padding-left: 2rem;
background: url('~@/assets/images/map_03.png') no-repeat left top;
// background-size: 5.58rem 1.1rem;
background-size: 1.9rem 1.52rem;
}
.currentNum, .currentNum,
.lastYearTotal{ .lastYearTotal{
width: 50%; width: 50%;
@ -759,7 +773,7 @@
display: inline-block; display: inline-block;
width: .28rem; width: .28rem;
height: 100%; height: 100%;
line-height: 0.15rem;
line-height: .38rem;
overflow: hidden; overflow: hidden;
writing-mode: vertical-lr; writing-mode: vertical-lr;
text-orientation: upright; text-orientation: upright;
@ -781,20 +795,21 @@
.pageLeft-flop-box { .pageLeft-flop-box {
position: relative; position: relative;
height: .325rem;
margin-top: .125rem;
height: .63rem;
margin-top: .25rem;
overflow: hidden; overflow: hidden;
& div:first-child { & div:first-child {
height: .325rem;
height: .63rem;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
} }
.flop-figure { .flop-figure {
width: .325rem;
width: .5rem;
i { i {
font-size: .3rem;
// font-size: .3rem;
font-size: .63rem;
font-weight: bold; font-weight: bold;
} }
} }
@ -817,11 +832,13 @@
font-size: .175rem; font-size: .175rem;
font-weight: bold; font-weight: bold;
color: #A8CBF6; color: #A8CBF6;
height: .375rem;
height: .23rem;
} }
} }
.flop-item-name{ .flop-item-name{
font-size: .225rem;
font-size: .25rem;
// text-align: right;
// padding-right: .3rem;
} }
// 左边进度条 // 左边进度条
@ -829,10 +846,10 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 .25rem 0 .38rem;
padding: 0 .25rem;
li{ li{
position: relative; position: relative;
width: 2.38rem;
width: 2.5rem;
font-size: .225rem; font-size: .225rem;
padding-left: .1625rem; padding-left: .1625rem;
margin-top: .7rem; margin-top: .7rem;
@ -853,7 +870,7 @@
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
font-size: .3rem;
font-size: .28rem;
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
background: -webkit-linear-gradient(to bottom, #fff 40%, #69A4D6 60%); background: -webkit-linear-gradient(to bottom, #fff 40%, #69A4D6 60%);

5
src/views/pageFive/index.vue
View File

@ -5,6 +5,7 @@
indicator-position="none" indicator-position="none"
:autoplay-hover-pause="true" :autoplay-hover-pause="true"
:interval="5000" :interval="5000"
@mouseenter.native="delHandleMouseEnter"
> >
<div v-if="sildeImgData && sildeImgData.length > 0"> <div v-if="sildeImgData && sildeImgData.length > 0">
<el-carousel-item v-for="(item, index) in sildeImgData" :key="index"> <el-carousel-item v-for="(item, index) in sildeImgData" :key="index">
@ -48,6 +49,9 @@ export default {
this.getInitImgData() this.getInitImgData()
}, },
methods: { methods: {
delHandleMouseEnter() {
this.$refs.carousel.handleMouseEnter = () => { }
},
getInitImgData() { getInitImgData() {
const params = { const params = {
'branchId': '1' 'branchId': '1'
@ -63,6 +67,7 @@ export default {
} }
return item return item
}) })
this.delHandleMouseEnter()
}).catch(error => { }).catch(error => {
console.error('Error', error) console.error('Error', error)
}) })

87
src/views/pageOne/index.vue
View File

@ -8,7 +8,7 @@
<li <li
v-for="(item, index) in leftData" v-for="(item, index) in leftData"
:key="index" :key="index"
:class="[{'allTotal': item.id === 'allTotal'}, {'lastYearTotal': item.id === 'lastYearTotal'}]"
:class="[{'totayTotal': item.id === 'totayTotal'}, {'lastYearTotal': item.id === 'lastYearTotal'}]"
> >
<div class="pageLeft-flop-box"> <div class="pageLeft-flop-box">
<div> <div>
@ -31,41 +31,10 @@
</ul> </ul>
</div> </div>
<!-- 中间大数据 --> <!-- 中间大数据 -->
<!-- <div class="database-middle">
<div class="database-box">
<a class="logo" href="#" />
<div class="ring ring1">
<div class="particle" />
</div>
<div class="ring ring2">
<div class="particle" />
</div>
<div class="ring ring3">
<div class="particle" />
</div>
</div>
<div v-for="(item,index) in middleData" :key="index" :class="['middle-item', {'totalBook': item.id === 'totalBook'}, {'fansNum': item.id === 'fansNum'}, {'lendingNum': item.id === 'lendingNum'}, {'cardNum': item.id === 'cardNum'}]">
<p>{{ item.name }}</p>
<div class="small-module">
<div class="chartNum">
<div class="box-items">
<li v-for="(e,i) in item.valueArr" :key="i" class="number-item">
<span><i ref="numberItem" class="item">0123456789</i></span>
</li>
</div>
</div>
</div>
</div>
</div> -->
<div class="database-middle"> <div class="database-middle">
<div class="middle-img"> <div class="middle-img">
<div class="middle-img-book" /> <div class="middle-img-book" />
<div class="wq" /> <div class="wq" />
<!-- <div class="line-box">
<div class="box">
<div class="ball" />
</div>
</div> -->
<div class="middle-img-bottom"> <div class="middle-img-bottom">
<div style="width: 360; height: 200px; position: relative; margin: 50px 0 0 30px;"> <div style="width: 360; height: 200px; position: relative; margin: 50px 0 0 30px;">
<svg width="360" height="200"> <svg width="360" height="200">
@ -85,7 +54,6 @@
<li v-for="(e,i) in item.valueArr" :key="i" :class="!isNaN(e) ? 'number-item':'number-item num-dot'"> <li v-for="(e,i) in item.valueArr" :key="i" :class="!isNaN(e) ? 'number-item':'number-item num-dot'">
<span v-if="!isNaN(e)" class="items-int"><i ref="numberItem" class="item">0123456789</i></span> <span v-if="!isNaN(e)" class="items-int"><i ref="numberItem" class="item">0123456789</i></span>
<span v-else>{{ e }}</span> <span v-else>{{ e }}</span>
<!-- <span><i ref="numberItem" class="item">0123456789</i></span> -->
</li> </li>
</div> </div>
</div> </div>
@ -306,9 +274,14 @@ export default {
this.progressData = [] this.progressData = []
this.leftData = [] this.leftData = []
this.progressData.push( this.progressData.push(
// {
// name: '今日到馆',
// value: result.todayVisitBase,
// type: 1
// },
{ {
name: '今日到馆',
value: result.todayVisitBase,
name: '本年到馆',
value: result.visitBase,
type: 1 type: 1
}, },
{ {
@ -316,9 +289,14 @@ export default {
value: result.thisMonthVisitBase, value: result.thisMonthVisitBase,
type: 2 type: 2
}, },
// {
// name: '昨日到馆',
// value: result.yesterdayVisitBase,
// type: 3
// },
{ {
name: '昨日到馆',
value: result.yesterdayVisitBase,
name: '去年到馆',
value: result.lastYearVisitBase,
type: 3 type: 3
}, },
{ {
@ -328,18 +306,29 @@ export default {
} }
) )
this.leftData.push({
id: 'allTotal',
name: '本年累计到馆',
value: this.$parent.formatter(result.visitBase),
valueArr: this.$parent.formatter(result.visitBase).split('')
},
{
id: 'lastYearTotal',
name: '去年累计到馆',
value: this.$parent.formatter(result.lastYearVisitBase),
valueArr: this.$parent.formatter(result.lastYearVisitBase).split('')
})
this.leftData.push(
{
// name: '今日到馆',
// value: result.todayVisitBase,
// type: 1
id: 'totayTotal',
name: '今日到馆',
value: this.$parent.formatter(result.todayVisitBase),
valueArr: this.$parent.formatter(result.todayVisitBase).split('')
}
// {
// id: 'allTotal',
// name: '本年累计到馆',
// value: this.$parent.formatter(result.visitBase),
// valueArr: this.$parent.formatter(result.visitBase).split('')
// },
// {
// id: 'lastYearTotal',
// name: '去年累计到馆',
// value: this.$parent.formatter(result.lastYearVisitBase),
// valueArr: this.$parent.formatter(result.lastYearVisitBase).split('')
// }
)
this.$parent.timedRefresh(this.leftData, 'left') this.$parent.timedRefresh(this.leftData, 'left')
}, },

Write Preview
Loading…
Cancel
Save