From f90ee55e6d63cd02c2b883bd5bd942c487fce56a Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: Sat, 20 Aug 2022 16:51:33 +0800
Subject: [PATCH] 修改bug
---
src/views/intellectInspect/inspectIndex/index.vue | 139 +++++++++++++++++++++++++++++++++++++++------
1 files changed, 119 insertions(+), 20 deletions(-)
diff --git a/src/views/intellectInspect/inspectIndex/index.vue b/src/views/intellectInspect/inspectIndex/index.vue
index 007b525..f7abf1e 100644
--- a/src/views/intellectInspect/inspectIndex/index.vue
+++ b/src/views/intellectInspect/inspectIndex/index.vue
@@ -134,7 +134,6 @@
const toLine = (item) =>{
let id = JSON.parse(JSON.stringify(item)).id
- console.log(id,'id')
router.push({
path: 'intelligentLine',
query: {
@@ -165,8 +164,124 @@
<style scoped lang="scss">
$homeNavLengh: 8;
+@media screen and (min-width: 1366px) {
+ .left-info {
+ width: 70%;
+ display: flex;
+ align-items: center;
+ justify-content: left;
+ font-size: 18px;
+ color: #333;
+ overflow-x: auto;
+ &>span{
+ white-space: nowrap;
+ }
+ p{
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ &>span{
+ white-space: nowrap;
+ }
+ }
+ }
+ .mid-info {
+ width: 20%;
+ font-size: 18px;
+ color: #333;
+ }
+ .right-info {
+ width: 10%;
+ display: flex;
+ justify-content: right;
+ align-items: center;
+ font-size: 16px;
+ color: #fff;
+
+ div{
+ white-space: nowrap;
+ }
+ }
+}
+@media screen and (min-width: 1200px) and (max-width: 1366px) {
+ .left-info {
+ width: 70%;
+ display: flex;
+ align-items: center;
+ justify-content: left;
+ font-size: 15px;
+ color: #333;
+ overflow-x: auto;
+ &>span{
+ white-space: nowrap;
+ }
+ p{
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ &>span{
+ white-space: nowrap;
+ }
+ }
+ }
+ .mid-info {
+ width: 20%;
+ font-size: 15px;
+ color: #333;
+ }
+ .right-info {
+ width: 10%;
+ display: flex;
+ justify-content: right;
+ align-items: center;
+ font-size: 13px;
+ color: #fff;
+ div{
+ white-space: nowrap;
+ }
+ }
+}
+@media screen and (max-width: 1200px) {
+ .left-info {
+ width: 70%;
+ display: flex;
+ align-items: center;
+ justify-content: left;
+ font-size: 12px;
+ color: #333;
+ overflow-x: auto;
+ &>span{
+ white-space: nowrap;
+ }
+ p{
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ &>span{
+ white-space: nowrap;
+ }
+ }
+ }
+ .mid-info {
+ width: 20%;
+ font-size: 12px;
+ color: #333;
+ }
+ .right-info {
+ width: 10%;
+ display: flex;
+ justify-content: right;
+ align-items: center;
+ font-size: 12px;
+ color: #fff;
+ div{
+ white-space: nowrap;
+ }
+ }
+}
+
.home-container {
- height: calc(100vh - 114px);
+ height: calc(100vh - 144px);
box-sizing: border-box;
overflow: hidden;
.homeCard {
@@ -189,23 +304,15 @@
justify-content: space-between;
margin-bottom: 10px;
background: #daf3ff;
- padding: 20px;
+ padding: 10px 15px;
border-radius: 8px;
.left-info{
- width: 50%;
- display: flex;
- align-items: center;
- justify-content: left;
- font-size: 14px;
- color: #333;
- overflow-x: auto;
.num{
font-weight: bolder;
margin-right: 10px;
}
-
.place{
font-weight: bolder;
}
@@ -220,9 +327,6 @@
}
}
.mid-info{
- width: 35%;
- font-size: 14px;
- color: #333;
span{
font-weight: bolder;
@@ -242,12 +346,7 @@
}
}
.right-info{
- width: 15%;
- display: flex;
- justify-content: right;
- align-items: center;
- font-size: 14px;
- color: #fff;
+
.checkBtn{
padding: 10px 15px;
--
Gitblit v1.9.2