From 1d92d1ba80928578b54a9baba13e9c2cdd12d9e9 Mon Sep 17 00:00:00 2001 From: jinlin <jinlin> Date: 星期三, 22 十一月 2023 14:20:53 +0800 Subject: [PATCH] Changes --- web/src/views/modules/project/Environ-AddOrUpdate.vue | 28 ++++++++++++++++------------ 1 files changed, 16 insertions(+), 12 deletions(-) diff --git a/web/src/views/modules/project/Environ-AddOrUpdate.vue b/web/src/views/modules/project/Environ-AddOrUpdate.vue index 457c8bf..7c6c14c 100644 --- a/web/src/views/modules/project/Environ-AddOrUpdate.vue +++ b/web/src/views/modules/project/Environ-AddOrUpdate.vue @@ -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: '', @@ -386,7 +382,9 @@ .table-container { position: relative; } - +.table-container:hover .icon-container { + opacity: 1; /* 榧犳爣鎮仠鏃舵樉绀哄浘鏍� */ +} .icon-container { z-index: 1; position: absolute; @@ -396,10 +394,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