From 45f4602070d7219fe00b098b6c0471ca42a8553f Mon Sep 17 00:00:00 2001
From: yyt <306727702@qq.com>
Date: 星期四, 06 六月 2024 20:21:38 +0800
Subject: [PATCH] 380新产品,优化
---
jcdm-ui/src/views/main/cfkb/Instructions/index.vue | 94 ++++++++++++++++++++++++++++-------------------
1 files changed, 56 insertions(+), 38 deletions(-)
diff --git a/jcdm-ui/src/views/main/cfkb/Instructions/index.vue b/jcdm-ui/src/views/main/cfkb/Instructions/index.vue
index bab0cc4..eb5556e 100644
--- a/jcdm-ui/src/views/main/cfkb/Instructions/index.vue
+++ b/jcdm-ui/src/views/main/cfkb/Instructions/index.vue
@@ -2,26 +2,29 @@
<div class="app-container">
<el-row :gutter="3">
<el-col :span="6">
- <el-card shadow="always">
- <img style="width: 200px;height: 50px; margin-left: 40px; margin-top: 0px" src="@/assets/logo/jcdm2.png" alt="dark">
- <span style="margin-left: 66px; font-weight: bold">{{currentTime}}</span>
+ <el-card shadow="always" class="boxSize">
+ <div class="centerImg">
+ <img style="width: 140px;height: 30px;" src="@/assets/logo/jcdm2.png" alt="dark">
+<!-- <span class="nextLine" style="font-weight: bold">{{currentTime}}</span>-->
+ </div>
+
</el-card>
</el-col>
<el-col :span="3">
- <el-card shadow="always">
- <span class="centerText" style="margin-top: 26px">{{locationCode}}</span>
+ <el-card shadow="always" class="boxSize">
+ <span class="centerText" style="height: 60px">{{locationCode}}</span>
</el-card>
</el-col>
<el-col :span="15">
- <el-card shadow="always">
- <span class="centerText">{{locationName}}</span>
+ <el-card shadow="always" class="boxSize">
+ <span class="centerText" >{{locationName}}</span>
</el-card>
</el-col>
</el-row>
<el-row :gutter="3" style="margin-top: 5px">
<el-col :span="6">
- <div style="height: 600px;overflow: auto;">
- <div class="container" style="height: 50px;background-color: #00afff;margin-bottom: 10px">
+ <div style="height: 550px;overflow: auto;">
+ <div class="container" style="height: 50px;background-color: #00afff;margin-bottom: 5px">
<span class="centered">浣滀笟娴佺▼</span>
</div>
<div v-for="(item,index) in tableData" :key="item.index" class="outerDiv" :id="'outerDiv'+index">
@@ -35,34 +38,40 @@
</div>
</el-col>
<el-col :span="18">
- <el-col :span="20">
- <el-card style="height: 600px" shadow="always">
- <el-row style="height: 100px">
- <span style="color: #31b431;font-size: 30px;font-weight: bold">{{address}}</span>
+ <el-col :span="18">
+ <el-card style="height: 550px" shadow="always">
+ <el-row style="height: 60px">
+ <span style="color: #31b431;font-size: 20px;font-weight: bold">{{address}}</span>
</el-row>
- <el-row style="height: 400px">
- <el-image style="height: 390px;width: 960px" :src="src"></el-image>
+ <el-row style="height: 420px">
+ <div class="centerImg">
+ <el-image style="height: 400px;width: 400px;" :src="src"></el-image>
+ </div>
+
<!-- {{src}}-->
</el-row>
- <el-row style="height: 100px">
- <el-button type="primary" @click="backClick()" style="height: 50px; width: 130px; font-size: 20px; float: left" icon="el-icon-d-arrow-left">涓婁竴姝�</el-button>
- <el-button type="primary" @click="nextStep()" style="height: 50px; width: 130px; font-size: 20px; float: right">涓嬩竴姝�<i class="el-icon-d-arrow-right"></i></el-button>
+ <el-row style="height: 100%;width: 100%">
+ <el-button type="primary" @click="backClick()" style="height: 50%; width: 20%; font-size: 20%; float: left" icon="el-icon-d-arrow-left">涓婁竴姝�</el-button>
+ <el-button type="primary" @click="nextStep()" style="height: 50%; width: 20%; font-size: 20%; float: right">涓嬩竴姝�<i class="el-icon-d-arrow-right"></i></el-button>
</el-row>
</el-card>
</el-col>
- <el-col :span="4">
- <el-card style="height: 600px" shadow="always">
- <el-row style="height: 100px;margin-top: 100px">
- <el-button type="primary" @click="processDocuments()" style="height: 50px; width: 130px; font-size: 20px; float: left" icon="el-icon-folder-opened">宸ヨ壓鏂囦欢</el-button>
+ <el-col :span="6">
+ <el-card style="height: 550px;width: 100%" shadow="always">
+ <el-row >
+ <div class="centerImg" style="height: 30%; margin-top: 60%">
+ <el-button type="primary" @click="processDocuments()" style="height: 40%; width: 90%; font-size: 70%; float: left" icon="el-icon-folder-opened">宸ヨ壓鏂囦欢</el-button>
+ </div>
+
</el-row>
- <el-row style="height: 80px;margin-top: 5px">
- <el-button type="info" @click="changeProducts('2V91')" :class="{ 'active': isClickd === '2V91' }" style="height: 50px; width: 130px; font-size: 20px; float: left" icon="el-icon-s-unfold">2V91</el-button>
+ <el-row style="height: 30%;margin-top: 40%" class="centerImg">
+ <el-button type="info" @click="changeProducts('2V91')" :class="{ 'active': isClickd === '2V91' }" style="height: 40%; width: 80%; font-size: 70%; float: left" icon="el-icon-s-unfold">2V91</el-button>
</el-row>
- <el-row style="height: 80px;">
- <el-button type="info" @click="changeProducts('191')" :class="{ 'active': isClickd === '191' }" style="height: 50px; width: 130px; font-size: 20px; float: left" icon="el-icon-s-unfold">191</el-button>
+ <el-row style="height: 30%;margin-top: 5%" class="centerImg">
+ <el-button type="info" @click="changeProducts('191')" :class="{ 'active': isClickd === '191' }" style="height: 40%; width: 80%; font-size: 70%; float: left" icon="el-icon-s-unfold">191</el-button>
</el-row>
- <el-row style="height: 80px;">
- <el-button type="info" @click="changeProducts('0JWF')" :class="{ 'active': isClickd === '0JWF' }" style="height: 50px; width: 130px; font-size: 20px; float: left" icon="el-icon-s-unfold">0JWF</el-button>
+ <el-row style="height: 30%;margin-top: 5%" class="centerImg">
+ <el-button type="info" @click="changeProducts('0JWF')" :class="{ 'active': isClickd === '0JWF' }" style="height: 40%; width: 80%; font-size: 70%; float: left" icon="el-icon-s-unfold">0JWF</el-button>
</el-row>
</el-card>
</el-col>
@@ -74,7 +83,6 @@
title="宸ヨ壓鏂囦欢"
:visible.sync="dialogVisible"
width="70%"
- lock-scroll="false"
@close="closeMethod"
>
@@ -188,9 +196,7 @@
console.log('llllll',this.locationCode)
this.changeProducts("2V91")
});
-
});
-
},
closeMethod(){
this.mainProcessSrc = ''
@@ -311,8 +317,8 @@
width: fit-content;
min-width: 102%;
/*width: 300px;*/
- height: 50px;
- margin-bottom: 10px;
+ height: 30px;
+ margin-bottom: 5px;
}
.innerDiv1 {
@@ -340,6 +346,7 @@
white-space: nowrap;
padding-left: 5px;
padding-right: 5px;
+ font-size: 20px;
}
.container {
display: flex;
@@ -357,13 +364,10 @@
.centerText{
color: black;
font-weight: bold;
- font-size: 40px;
+ font-size: 20px;
display: flex;
justify-content: center;
- margin-top: 20px
-}
-::v-deep .el-card__body{
- height: 100px;
+ margin-top: 5px
}
.active {
background-color: #31b431; /* 鐐瑰嚮鍚庣殑鑳屾櫙鑹� */
@@ -375,5 +379,19 @@
::v-deep .el-dialog__footer{
margin-top: 10px;
}
+::v-deep .el-card .is-always-shadow{
+ height: 60px;
+}
+.boxSize{
+ height: 60px;
+}
+.nextLine{
+ display: block;
+}
+.centerImg{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
</style>
--
Gitblit v1.9.3