表单

src/views/screening/components/ConfigForms.vue

 <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>

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;