| | |
| | | <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> |
| | |
| | | }) |
| | | }, |
| | | getImageUrl(url){ |
| | | this.image.url = url |
| | | console.log(this.image.url,' this.image.url') |
| | | this.dataForm.url = url |
| | | console.log(this.dataForm.url,' this.dataForm.url') |
| | | }, |
| | | // 表单提交 |
| | | async formSubmit() { |
| | |
| | | .DFormWidth { |
| | | width: 120px; |
| | | } |
| | | |
| | | .DAlign { |
| | | text-align: center; |
| | | } |
| | | |
| | | .DConfirmForm { |
| | | /*border-left: 1px solid;*/ |
| | | width: 100%; |
| | |
| | | margin-top: 0 !important; |
| | | margin-bottom: 10px !important; |
| | | } |
| | | .table-container { |
| | | position: relative; |
| | | } |
| | | .table-container:hover .icon-container { |
| | | opacity: 1; /* 鼠标悬停时显示图标 */ |
| | | } |
| | | .icon-container { |
| | | z-index: 1; |
| | | position: absolute; |
| | | bottom: -20px; |
| | | left: 50%; |
| | | width: 40px; |
| | | height: 30px; |
| | | text-align: center; |
| | | line-height: 30px; |
| | | 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> |