1

src/views/everydayPage/bigScreen.vue

@@ -1556,38 +1556,34 @@ const handleClose = () => {
 
   .header {
     width: 100%;
-    height: 80px;
+    .vh(height, 80);
     display: flex;
-    justify-content: space-between; // 改为space-between，布局更均衡
+    justify-content: space-between;
     align-items: center;
     position: relative;
-    padding: 0 20px; // 增加左右内边距，避免内容贴边
+    padding: 0 20px;
 
-    // 左侧导航按钮容器
     .header-left {
       display: flex;
-      gap: 10px; // 用gap替代margin-right，布局更可控
 
       .nav-btn {
         margin-right: -32px;
-        width: 194px;
-        height: 54px;
+        .vw(width, 194);
+        .vh(height, 54);
         display: flex;
         align-items: center;
         justify-content: center;
         font-family: YouSheBiaoTiYuan;
-        font-size: 20px;
+        .font(20);
         cursor: pointer;
-        background-image: url("@/assets/images/leftDefault.png"); // 默认背景图
+        background-image: url("@/assets/images/leftDefault.png");
         background-repeat: no-repeat;
         background-position: center;
         background-size: 100% 100%;
-        transition: all 0.2s ease; // 增加过渡动画
 
-        // 激活态样式
         &.active {
-          font-size: 22px;
-          background-image: url("@/assets/images/activeLeft.png"); // 激活背景图
+          .font(22);
+          background-image: url("@/assets/images/activeLeft.png");
           background-repeat: no-repeat;
           background-position: center;
           background-size: 100% 100%;
@@ -1595,17 +1591,17 @@ const handleClose = () => {
       }
     }
 
-    // 中间标题容器（修正拼写错误：middile -> middle）
     .header-middle {
-      flex: 1; // 占满剩余空间，让标题居中
-      text-align: center; // 文字居中
+      flex: 1;
+      text-align: center;
       background-image: url("@/assets/images/header.png");
       background-size: 100% 100%;
-      height: 75px;
+      .vh(height, 75);
+      .vh(font-size, 38);
       display: flex;
       justify-content: center;
       align-items: center;
-      margin: 0 20px; // 增加左右间距
+      margin: 0 20px;
 
       span {
         background: linear-gradient(to bottom, #fff, #b4cff2);
@@ -1613,43 +1609,40 @@ const handleClose = () => {
         -webkit-text-fill-color: transparent;
         font-weight: 400;
         font-family: "YouSheBiaoTiHei";
-        font-size: 28px;
 
-        // 响应式适配
+        @media screen and (max-width: 2560px) {
+          .font(38);
+        }
         @media screen and (max-width: 1920px) {
-          font-size: 24px;
+          .font(28);
         }
         @media screen and (max-width: 1440px) {
-          font-size: 20px;
+          .font(24);
         }
       }
     }
 
-    // 右侧导航按钮容器
     .header-right {
       display: flex;
-      gap: 10px; // 用gap替代margin-left，布局更可控
 
       .nav-btn {
         margin-left: -32px;
-        width: 194px;
-        height: 54px;
+        .vw(width, 194);
+        .vh(height, 54);
         display: flex;
         align-items: center;
         justify-content: center;
         font-family: YouSheBiaoTiYuan;
-        font-size: 20px;
+        .font(20);
         cursor: pointer;
-        background-image: url("@/assets/images/rightDetault.png"); // 默认背景图
+        background-image: url("@/assets/images/rightDetault.png");
         background-repeat: no-repeat;
         background-position: center;
         background-size: 100% 100%;
-        transition: all 0.2s ease; // 增加过渡动画
 
-        // 激活态样式
         &.active {
-          font-size: 22px;
-          background-image: url("@/assets/images/activeRight.png"); // 激活背景图
+          .font(22);
+          background-image: url("@/assets/images/activeRight.png");
           background-repeat: no-repeat;
           background-position: center;
           background-size: 100% 100%;
@@ -1670,7 +1663,7 @@ const handleClose = () => {
         margin-right: 16px;
         color: white;
         font-weight: 700;
-        font-size: 14px;
+        .font(14);
         display: flex;
         align-items: center;
         gap: 6px;
@@ -1685,8 +1678,8 @@ const handleClose = () => {
     .vw(margin-top, 10);
     span {
       .font(14);
-      width: 110px;
-      height: 35px;
+      .vw(width, 110);
+      .vw(height, 35);
       display: flex;
       align-items: center;
       justify-content: center;
@@ -1747,26 +1740,26 @@ const handleClose = () => {
           background-image: url("@/assets/images/titleBgc.png");
           background-size: 100% 100%;
           background-repeat: no-repeat;
-          height: 36px;
-          width: 102px;
+          .vh(height, 36);
+          .vw(width, 102);
           text-align: center;
-          line-height: 36px;
+          .vh(line-height, 36);
 
           font-weight: 600;
-          font-size: 18px;
+          .font(18);
           text-align: center;
           vertical-align: middle;
-          margin-bottom: 30px;
+          .vh(margin-bottom, 30);
         }
         display: flex;
         position: absolute;
         left: 42vw;
-        top: 50px;
+        .vh(top, 50);
         .info-right-wrap {
           .vw(right, 44);
           .vw(width, 580);
           display: flex;
-          margin-right: 50px;
+          .vw(margin-right, 50);
           flex-direction: column;
           z-index: 777;
           .info-title {
@@ -2005,7 +1998,7 @@ const handleClose = () => {
   .data-info {
     display: block !important;
     .info-item {
-      margin-bottom: 28px;
+      .vh(margin-bottom, 28);
       margin-right: 0;
     }
   }

src/views/projectManage/addProject/components/LixiangBasicInfo.vue

@@ -6,7 +6,7 @@
         :model="formData"
         :rules="formRules"
         :validate-on-rule-change="false"
-        label-width="200px"
+        label-width="180px"
         :disabled="isPreview || Number(formData.projectLzType) >= 5"
       >
         <el-collapse v-model="activeCollapse">
@@ -322,45 +322,27 @@
                 </el-form-item>
               </el-col>
               <el-col :span="8">
-                <el-row :gutter="20">
-                  <el-col :span="12">
-                    <div class="col-title">投资指南分类</div>
+                <div class="col-title">投资指南分类</div>
 
-                    <el-form-item label="2+9布局分类" prop="bjfl">
-                      <CommonSelector
-                        v-model="formData.bjfl"
-                        dictName="layoutType"
-                        @change="changeJcTzznyjfl"
-                      />
-                    </el-form-item>
+                <el-form-item label="2+9布局分类" prop="bjfl">
+                  <CommonSelector
+                    v-model="formData.bjfl"
+                    dictName="layoutType"
+                    @change="changeJcTzznyjfl"
+                  />
+                </el-form-item>
 
-                    <el-form-item label="国民经济行业" prop="gmjjhy">
-                      <el-tree-select
-                        v-model="formData.gmjjhy"
-                        :data="gmjjhyList"
-                        node-key="id"
-                        :props="gmjjhyProps"
-                        placeholder="请选择"
-                        render-after-expand
-                        clearable
-                      />
-                    </el-form-item>
-                  </el-col>
-                  <!-- <el-col :span="12">
-                    <div class="col-title"></div>
-                    <el-form-item label="国民经济行业">
-                      <el-tree-select
-                        v-model="formData.gmjjhy"
-                        :data="gmjjhyList"
-                        node-key="id"
-                        :props="gmjjhyProps"
-                        placeholder="请选择"
-                        render-after-expand
-                        clearable
-                      />
-                    </el-form-item>
-                  </el-col> -->
-                </el-row>
+                <el-form-item label="国民经济行业" prop="gmjjhy">
+                  <el-tree-select
+                    v-model="formData.gmjjhy"
+                    :data="gmjjhyList"
+                    node-key="id"
+                    :props="gmjjhyProps"
+                    placeholder="请选择"
+                    render-after-expand
+                    clearable
+                  />
+                </el-form-item>
               </el-col>
             </el-row>
           </el-collapse-item>