From 2748e2d70970fc577e8621aad44a498ba8b7ef2c Mon Sep 17 00:00:00 2001 From: jinlin <jinlin> Date: 星期四, 23 十一月 2023 09:38:36 +0800 Subject: [PATCH] Changes --- web/src/views/modules/project/Environ-AddOrUpdate.vue | 29 ++++++++++++++--------------- 1 files changed, 14 insertions(+), 15 deletions(-) diff --git a/web/src/views/modules/project/Environ-AddOrUpdate.vue b/web/src/views/modules/project/Environ-AddOrUpdate.vue index de85a90..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> @@ -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> @@ -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