From 4a24c7fdeeb3c4979608dd9af80855ce66b8c58d Mon Sep 17 00:00:00 2001
From: wente <329538422@qq.com>
Date: 星期三, 22 十一月 2023 16:35:09 +0800
Subject: [PATCH] 项目表
---
web/src/views/modules/project/Environ-AddOrUpdate.vue | 35 +++++++++++++++++------------------
1 files changed, 17 insertions(+), 18 deletions(-)
diff --git a/web/src/views/modules/project/Environ-AddOrUpdate.vue b/web/src/views/modules/project/Environ-AddOrUpdate.vue
index 457c8bf..5ce1f80 100644
--- a/web/src/views/modules/project/Environ-AddOrUpdate.vue
+++ b/web/src/views/modules/project/Environ-AddOrUpdate.vue
@@ -1,6 +1,6 @@
<template>
<zt-dialog ref="dialog" column="2" @confirm="formSubmit" append-to-body title="娴嬭瘯鐜寤虹珛纭琛�">
- <el-form :model="dataForm" style="padding: 0" :inline="true" ref="dataForm" :disabled="dataForm.disabled" label-width="130px" class="confirmFormAuto">
+ <el-form :model="dataForm" style="padding-top: 0" :inline="true" ref="dataForm" :disabled="dataForm.disabled" label-width="130px" class="confirmFormAuto">
<div class="DConfirmForm">
<el-form-item label-width="60px" label="缂栧彿:" style="width:100%;margin-bottom: 0">
<span>{{dataForm.environ.code}}</span>
@@ -26,7 +26,7 @@
<div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)">
<div style="padding: 5px">杞欢璧勬簮锛�</div>
<div class="table-container">
- <el-table ref="tableSoftwareList" class="el-software el-margin-top-bot" height="150" border :data="dataForm.softwareResourcesList"
+ <el-table ref="tableSoftwareList" class="el-software el-margin-top-bot" border :data="dataForm.softwareResourcesList"
stripe>
<el-table-column prop="no" align="center" width="80" label="搴忓彿">
<template slot-scope="scope">
@@ -61,7 +61,7 @@
</div>
<div style="padding: 5px">纭欢璧勬簮锛�</div>
<div class="table-container">
- <el-table ref="tableHardwareList" class="el-software el-margin-top-bot" height="150" border :data="dataForm.hardwareResourcesList"
+ <el-table ref="tableHardwareList" class="el-software el-margin-top-bot" border :data="dataForm.hardwareResourcesList"
stripe>
<el-table-column prop="no" align="center" width="80" label="搴忓彿">
<template slot-scope="scope">
@@ -111,8 +111,8 @@
<config-uploader busi-type="test_environt_diagram" model-name="dataForm" :dataForm="dataForm"
@getImageUrl="getImageUrl"
v-model="dataForm.files"/>
- <div v-if="image.url">
- <el-image :src="image.url"></el-image>
+ <div v-if="dataForm.url">
+ <el-image :src="dataForm.url"></el-image>
</div>
</div>
</div>
@@ -123,7 +123,7 @@
</div>
<div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)">
<div class="table-container">
- <el-table ref="tableEnvironeList" class="el-software el-margin-top-bot" height="150" border :data="dataForm.environAnalysisList"
+ <el-table ref="tableEnvironeList" class="el-software el-margin-top-bot" border :data="dataForm.environAnalysisList"
stripe>
<el-table-column prop="no" align="center" width="80" label="搴忓彿">
<template slot-scope="scope">
@@ -214,13 +214,9 @@
export default {
data() {
return {
- image: {
- url:'',
- width:'',
- height:1,
- },
dataForm: {
id: '',
+ url:'',
environ:{
code: '1',
hardSoftwareRes: '',
@@ -327,11 +323,6 @@
.DFormWidth {
width: 120px;
}
-
-.DAlign {
- text-align: center;
-}
-
.DConfirmForm {
/*border-left: 1px solid;*/
width: 100%;
@@ -386,7 +377,9 @@
.table-container {
position: relative;
}
-
+.table-container:hover .icon-container {
+ opacity: 1; /* 榧犳爣鎮仠鏃舵樉绀哄浘鏍� */
+}
.icon-container {
z-index: 1;
position: absolute;
@@ -396,10 +389,16 @@
height: 30px;
text-align: center;
line-height: 30px;
- transform: translateX(-50%);
+ transform: translate3d(-50%, 0, -20px);
border: 1px solid #EBEEF5;
background-color: #fafafa;
box-shadow: 0 3px 6px 0 rgba(72, 119, 232, 0.14);
border-radius: 2px;
+ transition: transform 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease;
+ opacity: 0;
+}
+.icon-container:hover{
+ transform: translate3d(-50%, 0, 0);
+ box-shadow: 0 10px 10px 0 rgba(72, 119, 232, 0.34)
}
</style>
--
Gitblit v1.9.1