From 48c9269f2066059ea2141965183d93eba3324729 Mon Sep 17 00:00:00 2001
From: miaojiale <1123971748@qq.com>
Date: Thu, 1 Dec 2022 15:31:45 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../screening/components/ConfigForms.vue      | 31 ++++++++++++++++++-
 src/views/screening/components/FormTab.vue    | 17 +++++-----
 2 files changed, 40 insertions(+), 8 deletions(-)

diff --git a/src/views/screening/components/ConfigForms.vue b/src/views/screening/components/ConfigForms.vue
index 82b5b88..1689c2c 100644
--- a/src/views/screening/components/ConfigForms.vue
+++ b/src/views/screening/components/ConfigForms.vue
@@ -1,9 +1,10 @@
 <template>
-  <div>
+  <div id="publicContent">
     <el-tabs
       v-model="activeName"
       type="card"
       style="margin-top: 10px"
+      class="publicTab"
       v-loading="fromLoading"
       v-if="formTabs && formTabs.length > 0"
       @tab-click="handleTabClick"
@@ -60,3 +61,31 @@ export default {
   },
 }
 </script>
+
+<style lang="scss" scoped>
+#publicContent {
+  padding: 32px 24px;
+}
+.publicTab {
+  width: calc(100% - 200px);
+}
+::v-deep {
+  .el-tabs--card > .el-tabs__header {
+    border-bottom: none;
+  }
+  .el-tabs--card > .el-tabs__header .el-tabs__nav {
+    border: none;
+  }
+  .el-tabs--card > .el-tabs__header .el-tabs__item {
+    min-width: 116px;
+    text-align: center;
+    background: #f0f1fa;
+    font-size: 14px;
+    border: none;
+  }
+  .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
+    background: #4e68ff;
+    color: #fff;
+  }
+}
+</style>
diff --git a/src/views/screening/components/FormTab.vue b/src/views/screening/components/FormTab.vue
index 29f6283..387dc29 100644
--- a/src/views/screening/components/FormTab.vue
+++ b/src/views/screening/components/FormTab.vue
@@ -34,11 +34,13 @@
             ></template
           >
 
-          <span class="label"> 仅显示重要字段 ：</span>
-          <span class="value">
-            <el-switch v-model="isShowImprotant" @change="imFieldChange">
-            </el-switch>
-          </span>
+          <div class="label">
+            <!-- 仅显示重要字段 ： -->
+          </div>
+          <div class="value">
+            <!-- <el-switch v-model="isShowImprotant" @change="imFieldChange">
+            </el-switch> -->
+          </div>
         </el-row>
         <div
           class="my-form"
@@ -94,7 +96,7 @@ export default {
     return {
       btnType: "",
       isShowImprotant: false,
-      asideShow: true,
+      asideShow: false,
       widgetFormPreview: {},
       formData: {
         formEdit: {},
@@ -313,7 +315,8 @@ export default {
     z-index: 9;
   }
   .header {
-    box-shadow: 0 1px 4px rgb(0 21 41 / 8%);
+    height: 20px;
+    // box-shadow: 0 1px 4px rgb(0 21 41 / 8%);
     padding-right: 20px;
     position: relative;
     font-size: 15px;
-- 
2.22.0