样式调整

src/views/page-config/ConfigEidt.vue

@@ -1,7 +1,7 @@
 <template>
-  <el-card :bordered="false" class="proCard" style="position: relative">
-    <div style="position: relative"
-      ><div style="display: flex; position: relative">
+  <div style="position: relative">
+    <el-card :bordered="false" class="proCard" style="position: relative">
+      <div style="display: flex; position: relative">
         <img src="~@/assets/icons/back.png" alt="" @click="backPage" class="back-btn" />
         <el-select
           v-model="companySelet"
@@ -50,57 +50,57 @@
         <el-button type="info" plain class="btn-top-save" @click="saveConfig">保存为主页</el-button>
         <!-- <div>按钮</div> -->
       </div>
-      <div style="display: flex">
-        <div class="workshop-content">
-          <div class="workshop-title">车间列表</div>
-          <el-input
-            v-model="searchWorkshop"
-            class="w-50 m-2"
-            placeholder="搜索功能"
-            :prefix-icon="Search"
-            style="width: 255px; margin-top: 11px"
-          />
-          <ul
-            ><li
-              v-for="item in workshopList"
-              :key="item.id"
-              class="workshop-list"
-              :class="{ 'active-workshop': activeId === item.id }"
-              @click="configWorkshop(item)"
-              >{{ item.value }}</li
-            ></ul
-          >
-        </div>
-        <div>
-          <div class="upload" :class="{ 'avatar-show': imageUrl }">
-            <el-upload
-              class="avatar-uploader"
-              list-type="picture-card"
-              :auto-upload="false"
-              :on-change="onSelectfile"
-              :before-upload="beforeAvatarUpload"
-            >
-              <div>
-                <el-icon class="avatar-uploader-icon"><Plus /></el-icon>
-                <div class="uploader-text">上传照片</div>
-              </div>
-              <!-- <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon> -->
-            </el-upload>
-            <div class="upload-tip">只支持.jpg格式</div></div
+    </el-card>
+    <div style="display: flex">
+      <div class="workshop-content">
+        <div class="workshop-title">车间列表</div>
+        <el-input
+          v-model="searchWorkshop"
+          class="w-50 m-2"
+          placeholder="搜索功能"
+          :prefix-icon="Search"
+          style="width: 255px; margin-top: 11px"
+        />
+        <ul
+          ><li
+            v-for="item in workshopList"
+            :key="item.id"
+            class="workshop-list"
+            :class="{ 'active-workshop': activeId === item.id }"
+            @click="configWorkshop(item)"
+            >{{ item.value }}</li
+          ></ul
+        >
+      </div>
+      <div>
+        <div class="upload" :class="{ 'avatar-show': imageUrl }">
+          <el-upload
+            class="avatar-uploader"
+            list-type="picture-card"
+            :auto-upload="false"
+            :on-change="onSelectfile"
+            :before-upload="beforeAvatarUpload"
           >
+            <div>
+              <el-icon class="avatar-uploader-icon"><Plus /></el-icon>
+              <div class="uploader-text">上传照片</div>
+            </div>
+            <!-- <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon> -->
+          </el-upload>
+          <div class="upload-tip">只支持.jpg格式</div></div
+        >
 
-          <img v-if="imageUrl" :src="imageUrl" class="preview-image" />
-          <!-- <div>222</div> -->
-        </div></div
-      >
-      <ConfigDrawer
-        ref="configDrawer"
-        :title="configTitle"
-        @on-close="visibleDrawer = false"
-        class="drawer-position"
-      />
-    </div>
-  </el-card>
+        <img v-if="imageUrl" :src="imageUrl" class="preview-image" />
+        <!-- <div>222</div> -->
+      </div></div
+    >
+    <ConfigDrawer
+      ref="configDrawer"
+      :title="configTitle"
+      @on-close="visibleDrawer = false"
+      class="drawer-position"
+    />
+  </div>
 </template>
 <script lang="ts" setup>
   import { ref } from 'vue';
@@ -181,6 +181,10 @@
 </script>
 
 <style lang="scss" scoped>
+  body .proCard .el-card__body {
+    padding: 0px;
+  }
+
   .back-btn {
     width: 32px;
     height: 32px;
@@ -190,15 +194,15 @@
 
   .btn-top-refresh {
     position: absolute;
-    margin-top: 19px;
-    right: 130px;
+    // margin-top: 19px;
+    right: 137px;
     // left: 1437px;
   }
 
   .btn-top-save {
     position: absolute;
-    margin-top: 8px;
-    right: 46px;
+    // margin-top: 8px;
+    right: 15px;
   }
 
   .workshop-content {