diff --git a/src/views/dashboard/components/waitCard.vue b/src/views/dashboard/components/waitCard.vue index ae563dd..151ca70 100644 --- a/src/views/dashboard/components/waitCard.vue +++ b/src/views/dashboard/components/waitCard.vue @@ -9,7 +9,8 @@
- {{ index+1 }}{{ item[column] }} + {{ index+1 }} + {{ item[column] }}
@@ -52,7 +53,7 @@ }, mounted() { var rightHeight = document.getElementById('mainbody').offsetHeight - this.$refs.card.style.height = (rightHeight / 2 - 60) + 'px' + this.$refs.card.style.height = (rightHeight - 100) + 'px' }, methods: { goDetail() { @@ -74,6 +75,9 @@ /*margin-bottom: 8px;*/ line-height: 2; padding-left: 10px; + /*display:flex;*/ + width: 100%; + /*justify-content: start;*/ } .text-item:hover{ background-color: aliceblue; @@ -81,11 +85,13 @@ cursor: pointer; } .text-item .index{ - margin-right: 20px + margin-right: 15px; + width:16px; } .text-item .content{ display:inline-block; /*内联对象需加*/ - width: calc( 100% - 35px); + /*flex:1;*/ + width: calc( 100% - 37px); height: 16px; line-height: 16px; vertical-align: middle; diff --git a/src/views/dashboard/components/waitCard.vue b/src/views/dashboard/components/waitCard.vue index ae563dd..151ca70 100644 --- a/src/views/dashboard/components/waitCard.vue +++ b/src/views/dashboard/components/waitCard.vue @@ -9,7 +9,8 @@
- {{ index+1 }}{{ item[column] }} + {{ index+1 }} + {{ item[column] }}
@@ -52,7 +53,7 @@ }, mounted() { var rightHeight = document.getElementById('mainbody').offsetHeight - this.$refs.card.style.height = (rightHeight / 2 - 60) + 'px' + this.$refs.card.style.height = (rightHeight - 100) + 'px' }, methods: { goDetail() { @@ -74,6 +75,9 @@ /*margin-bottom: 8px;*/ line-height: 2; padding-left: 10px; + /*display:flex;*/ + width: 100%; + /*justify-content: start;*/ } .text-item:hover{ background-color: aliceblue; @@ -81,11 +85,13 @@ cursor: pointer; } .text-item .index{ - margin-right: 20px + margin-right: 15px; + width:16px; } .text-item .content{ display:inline-block; /*内联对象需加*/ - width: calc( 100% - 35px); + /*flex:1;*/ + width: calc( 100% - 37px); height: 16px; line-height: 16px; vertical-align: middle; diff --git a/src/views/dashboard/components/waitHandle.vue b/src/views/dashboard/components/waitHandle.vue index 05c7300..769b22f 100644 --- a/src/views/dashboard/components/waitHandle.vue +++ b/src/views/dashboard/components/waitHandle.vue @@ -1,5 +1,5 @@ @@ -14,7 +14,7 @@ data() { return { listQuery: { - limit: 10, + limit: 20, offset: 1 }, listLoading: false, @@ -24,6 +24,12 @@ } }, created() { + + }, + mounted() { + var height = document.getElementById('box-container').offsetHeight - 70 + console.log('height:' + height) + this.listQuery.limit = Math.floor(height / 30) this.fetchData() }, activated() { diff --git a/src/views/dashboard/components/waitCard.vue b/src/views/dashboard/components/waitCard.vue index ae563dd..151ca70 100644 --- a/src/views/dashboard/components/waitCard.vue +++ b/src/views/dashboard/components/waitCard.vue @@ -9,7 +9,8 @@
- {{ index+1 }}{{ item[column] }} + {{ index+1 }} + {{ item[column] }}
@@ -52,7 +53,7 @@ }, mounted() { var rightHeight = document.getElementById('mainbody').offsetHeight - this.$refs.card.style.height = (rightHeight / 2 - 60) + 'px' + this.$refs.card.style.height = (rightHeight - 100) + 'px' }, methods: { goDetail() { @@ -74,6 +75,9 @@ /*margin-bottom: 8px;*/ line-height: 2; padding-left: 10px; + /*display:flex;*/ + width: 100%; + /*justify-content: start;*/ } .text-item:hover{ background-color: aliceblue; @@ -81,11 +85,13 @@ cursor: pointer; } .text-item .index{ - margin-right: 20px + margin-right: 15px; + width:16px; } .text-item .content{ display:inline-block; /*内联对象需加*/ - width: calc( 100% - 35px); + /*flex:1;*/ + width: calc( 100% - 37px); height: 16px; line-height: 16px; vertical-align: middle; diff --git a/src/views/dashboard/components/waitHandle.vue b/src/views/dashboard/components/waitHandle.vue index 05c7300..769b22f 100644 --- a/src/views/dashboard/components/waitHandle.vue +++ b/src/views/dashboard/components/waitHandle.vue @@ -1,5 +1,5 @@ @@ -14,7 +14,7 @@ data() { return { listQuery: { - limit: 10, + limit: 20, offset: 1 }, listLoading: false, @@ -24,6 +24,12 @@ } }, created() { + + }, + mounted() { + var height = document.getElementById('box-container').offsetHeight - 70 + console.log('height:' + height) + this.listQuery.limit = Math.floor(height / 30) this.fetchData() }, activated() { diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue index 8addc8a..2c7da5c 100644 --- a/src/views/dashboard/index.vue +++ b/src/views/dashboard/index.vue @@ -5,18 +5,18 @@ - - - - - - - - - - - - + + + + + + + + + + + +