From c24c6a892bbbe8064f970ec1e36fd4b58d93681c Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Fri, 24 Mar 2023 11:34:19 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-2721=20style=EF=BC=9A=20project=20topology?=
 =?UTF-8?q?=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/project/meta2dProps.scss           | 10 ++++
 .../project/meta2d/meta2dSelectImage.vue      | 49 +++++++++----------
 2 files changed, 34 insertions(+), 25 deletions(-)

diff --git a/nezha-fronted/src/assets/css/components/common/project/meta2dProps.scss b/nezha-fronted/src/assets/css/components/common/project/meta2dProps.scss
index 3b5627421..e68fda429 100644
--- a/nezha-fronted/src/assets/css/components/common/project/meta2dProps.scss
+++ b/nezha-fronted/src/assets/css/components/common/project/meta2dProps.scss
@@ -336,6 +336,16 @@
     margin-right: 5px;
   }
 }
+.nz-select-img-dialog {
+  .upload-pic-row {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0 20px;
+    .el-autocomplete{
+      width: 100%;
+    }
+  }
+}
 .nz-new-dialog{
   .el-dialog__header{
     padding: 16px 20px;
diff --git a/nezha-fronted/src/components/common/project/meta2d/meta2dSelectImage.vue b/nezha-fronted/src/components/common/project/meta2d/meta2dSelectImage.vue
index 0fd431713..7c4f59ad5 100644
--- a/nezha-fronted/src/components/common/project/meta2d/meta2dSelectImage.vue
+++ b/nezha-fronted/src/components/common/project/meta2d/meta2dSelectImage.vue
@@ -70,34 +70,14 @@
     <el-dialog
       :title="title"
       :visible.sync="uploadPicShow"
-      width="auto"
+      custom-class="nz-select-img-dialog nz-new-dialog"
+      width="452px"
       :append-to-body="true"
       :modal-append-to-body="false"
       @close="uploadPicShow = false"
       destroy-on-close>
-      <el-row class="upload-pic-row">
-        <el-col :span="4" class="upload-pic-label">{{ $t('overall.name') }}</el-col>
-        <el-col :span="20">
-          <el-input maxlength="64" show-word-limit v-model="uploadPic.name" size="small"  :placeholder="$t('project.topology.placeholderImg')"></el-input>
-        </el-col>
-      </el-row>
-      <el-row class="upload-pic-row">
-        <el-col :span="4" class="upload-pic-label">{{ $t('overall.folder') }}</el-col>
-        <el-col :span="20">
-          <el-autocomplete
-            popper-class="right-box-select-top right-public-box-dropdown-top"
-            :maxlength="64" show-word-limit
-            class="inline-input"
-            v-model="uploadPic.unit"
-            :fetch-suggestions="querySearch"
-            size="small"
-          ></el-autocomplete>
-        </el-col>
-      </el-row>
-
-      <el-row class="upload-pic-row">
-        <el-col :span="4" class="upload-pic-label"> </el-col>
-        <el-col :span="20">
+      <el-row class="upload-pic-row" style="margin-top: 20px;margin-bottom: 20px;">
+        <el-col :span="24">
           <div class="upload-body">
             <el-upload
               drag
@@ -116,7 +96,26 @@
           </div>
         </el-col>
       </el-row>
-      <div class="upload-pic-row" style="text-align: center">
+      <el-row class="upload-pic-row">
+        <el-col :span="4" class="upload-pic-label" style="text-align: left">{{ $t('overall.name') }}</el-col>
+        <el-col :span="20">
+          <el-input maxlength="64" show-word-limit v-model="uploadPic.name" size="small"  :placeholder="$t('project.topology.placeholderImg')"></el-input>
+        </el-col>
+      </el-row>
+      <el-row class="upload-pic-row" style="margin-bottom: 30px">
+        <el-col :span="4" class="upload-pic-label" style="text-align: left">{{ $t('overall.folder') }}</el-col>
+        <el-col :span="20">
+          <el-autocomplete
+            popper-class="right-box-select-top right-public-box-dropdown-top"
+            :maxlength="64" show-word-limit
+            class="inline-input"
+            v-model="uploadPic.unit"
+            :fetch-suggestions="querySearch"
+            size="small"
+          ></el-autocomplete>
+        </el-col>
+      </el-row>
+      <div slot="footer" class="upload-pic-row" style="text-align: right;margin-bottom: 0;width: 100%">
             <span>
                <button class="nz-btn nz-btn-size-normal nz-btn-style-light" style="margin-right: 20px" @click="uploadPicShow=false">
              {{$t('project.topology.exit')}}