From 32692d947c77c9a58c54958150d982bd5a37b239 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?home=E5=AD=99?= <1162067978@qq.com>
Date: Mon, 28 Jul 2025 14:27:05 +0800
Subject: [PATCH] 07/28

---
 src/assets/css/main.css               | 11 +++++++----
 src/assets/css/main.scss              | 15 +++++++++------
 src/views/officialWebsite/banner.vue  | 16 ++++++++--------
 src/views/officialWebsite/case.vue    | 18 +++++++++---------
 src/views/officialWebsite/detail.vue  | 22 +++++++++++-----------
 src/views/officialWebsite/new.vue     | 16 ++++++++--------
 src/views/officialWebsite/product.vue | 26 +++++++++++++-------------
 7 files changed, 65 insertions(+), 59 deletions(-)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 40802646..a71de57a 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -3438,6 +3438,10 @@ textarea {
   margin-bottom: 10px;
 }
 
+.manage-textarea.h-180 textarea {
+  height: 180px;
+}
+
 .manage-textarea textarea {
   width: 100%;
   padding: 10px;
@@ -3650,9 +3654,10 @@ textarea {
 .vrcode-model.manage-model .manage-img {
   width: 380px;
   position: relative;
+  height: 260px;
   background: rgba(0, 132, 255, 0.15);
   border: 2px solid rgba(0, 132, 255, 0.35);
-  min-height: 200px;
+  max-height: 260px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3661,9 +3666,7 @@ textarea {
 
 .vrcode-model.manage-model .manage-img img {
   width: 360px;
-  height: auto;
-  min-height: 200px;
-  max-height: 360px;
+  height: 240px;
 }
 
 .vrcode-model.manage-model .manage-img .upload-img {
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index a6b37904..7efeca93 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -3661,7 +3661,11 @@ textarea {
         color: #FFFFFF;
         margin-bottom: 10px;
     }
-
+    &.h-180{
+        textarea{
+            height: 180px;
+        }
+    }
     textarea {
         width: 100%;
         padding: 10px;
@@ -3881,19 +3885,18 @@ textarea {
         .manage-img {
             width: 380px;
             position: relative;
-            // height: 290px;
+            height: 260px;
             background: rgba(0, 132, 255, 0.15);
             border: 2px solid rgba(0, 132, 255, 0.35);
-            min-height: 200px;
+          
+            max-height: 260px;
             display: flex;
             align-items: center;
             justify-content: center;
 
             img {
                 width: 360px;
-                height: auto;
-                min-height: 200px;
-                max-height: 360px;
+                height: 240px;
             }
 
             .upload-img {
diff --git a/src/views/officialWebsite/banner.vue b/src/views/officialWebsite/banner.vue
index 14a33480..7f676257 100644
--- a/src/views/officialWebsite/banner.vue
+++ b/src/views/officialWebsite/banner.vue
@@ -47,7 +47,7 @@
       title="提示"
       top="10vh"
       :visible.sync="addModel"
-      width="700px"
+      width="900px"
       class="vrcode-model manage-model"
       :append-to-body="true"
     >
@@ -56,7 +56,7 @@
       </div>
       <div class="vrcode-content" v-if="nowData">
         <div class="manage-left">
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">轮播图名字</div>
             <input
               type="text"
@@ -64,7 +64,7 @@
               placeholder="请输入轮播图名字"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">轮播图文字字号大小</div>
             <input
               type="text"
@@ -72,7 +72,7 @@
               placeholder="请输入轮播图文字字号大小"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">轮播图英文名字</div>
             <input
               type="text"
@@ -80,7 +80,7 @@
               placeholder="请输入轮播图英文名字"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">轮播图英文文字字号大小</div>
             <input
               type="text"
@@ -88,7 +88,7 @@
               placeholder="请输入轮播图英文文字字号大小"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">轮播图间隔时间(毫秒)</div>
             <input
               type="number"
@@ -96,7 +96,7 @@
               placeholder="请输入轮播图间隔时间(默认3000毫秒)"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">{{$t('text.sortOrder')}}</div>
             <input
               type="number"
@@ -106,7 +106,7 @@
           </div>
         </div>
         <div class="manage-right">
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">轮播图图片(图片大小不能超过2MB)</div>
           </div>
           <div class="manage-img" v-loading="loading">
diff --git a/src/views/officialWebsite/case.vue b/src/views/officialWebsite/case.vue
index ac839cb7..7df41b98 100644
--- a/src/views/officialWebsite/case.vue
+++ b/src/views/officialWebsite/case.vue
@@ -47,7 +47,7 @@
       title="提示"
       top="5vh"
       :visible.sync="addModel"
-      width="1000px"
+      width="1300px"
       class="vrcode-model manage-model"
       :append-to-body="true"
     >
@@ -56,7 +56,7 @@
       </div>
       <div class="vrcode-content grid-3" v-if="nowData">
         <div class="manage-left">
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">案例名字</div>
             <input
               type="text"
@@ -64,7 +64,7 @@
               placeholder="请输入案例名字"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">案例英文名字</div>
             <input
               type="text"
@@ -73,7 +73,7 @@
             />
           </div>
         
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">{{$t('text.sortOrder')}}</div>
             <input
               type="number"
@@ -81,7 +81,7 @@
               :placeholder="$t('placeholder.sortOrderPlaceholder')"
             />
           </div>
-             <div class="manage-input">
+             <div class="manage-input w-350">
             <div class="input-title">案例小标题</div>
             <input
               type="text"
@@ -89,7 +89,7 @@
               placeholder="请输入产品详情小标题"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">案例小标题英文</div>
             <input
               type="text"
@@ -99,17 +99,17 @@
           </div>
         </div>
       <div class="manage-left">
-          <div class="manage-textarea">
+          <div class="manage-textarea h-180">
                <div class="input-title">案例中文特点(以回车键换行)</div>
                <textarea v-model="nowData.detailedIntroductionText" name="" id="" cols="30" rows="10"></textarea>
           </div>
-            <div class="manage-textarea">
+            <div class="manage-textarea h-180">
                <div class="input-title">案例英文特点(以回车键换行)</div>
                <textarea v-model="nowData.detailedIntroductionEnText" name="" id="" cols="30" rows="10"></textarea>
           </div>
       </div>
         <div class="manage-right">
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">案例图片(图片大小不能超过2MB)</div>
           </div>
           <div class="manage-img" v-loading="loading">
diff --git a/src/views/officialWebsite/detail.vue b/src/views/officialWebsite/detail.vue
index ab0c4650..72526da5 100644
--- a/src/views/officialWebsite/detail.vue
+++ b/src/views/officialWebsite/detail.vue
@@ -47,7 +47,7 @@
       title="提示"
       top="5vh"
       :visible.sync="addModel"
-      width="700px"
+      width="900px"
       class="vrcode-model manage-model"
       :append-to-body="true"
     >
@@ -56,7 +56,7 @@
       </div>
       <div class="vrcode-content " v-if="nowData">
         <div class="manage-left">
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">公司名称</div>
             <input
               type="text"
@@ -64,7 +64,7 @@
               placeholder="请输入公司名称"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">公司英文名称</div>
             <input
               type="text"
@@ -73,24 +73,21 @@
             />
           </div>
         
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">{{$t('text.sortOrder')}}</div>
             <input
               type="number"
               v-model="nowData.detailedIntroductionSort"
               :placeholder="$t('placeholder.sortOrderPlaceholder')"
             />
-             <div class="manage-textarea">
+             <div class="manage-textarea h-180" style="margin-top:40px">
                <div class="input-title">公司中文简介(以回车键换行)</div>
                <textarea v-model="nowData.detailedIntroductionText" name="" id="" cols="30" rows="10"></textarea>
           </div>
-            <div class="manage-textarea">
-               <div class="input-title">公司英文简介(以回车键换行)</div>
-               <textarea v-model="nowData.detailedIntroductionEnText" name="" id="" cols="30" rows="10"></textarea>
-          </div>
+       
  </div></div>
         <div class="manage-right">
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">公司图片(图片大小不能超过2MB)</div>
           </div>
           <div class="manage-img" v-loading="loading">
@@ -117,7 +114,10 @@
               @change="handleImageChange($event, 0)"
             />
           </div>
-      
+               <div class="manage-textarea h-180">
+               <div class="input-title">公司英文简介(以回车键换行)</div>
+               <textarea v-model="nowData.detailedIntroductionEnText" name="" id="" cols="30" rows="10"></textarea>
+          </div>
           
         </div>
       </div>
diff --git a/src/views/officialWebsite/new.vue b/src/views/officialWebsite/new.vue
index 92474f37..a0661c9a 100644
--- a/src/views/officialWebsite/new.vue
+++ b/src/views/officialWebsite/new.vue
@@ -55,7 +55,7 @@
       title="提示"
       top="10vh"
       :visible.sync="addModel"
-      width="700px"
+      width="900px"
       class="vrcode-model manage-model"
       :append-to-body="true"
     >
@@ -65,7 +65,7 @@
 
       <div class="vrcode-content" v-if="nowData">
         <div class="manage-left">
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">新闻标题</div>
             <input
               type="text"
@@ -73,7 +73,7 @@
               placeholder="请输入新闻标题"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">新闻英文标题</div>
             <input
               type="text"
@@ -81,7 +81,7 @@
               placeholder="请输入新闻英文标题"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">{{$t('text.sortOrder')}}</div>
             <input
               type="number"
@@ -90,7 +90,7 @@
             />
           </div>
 
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">新闻日期选择</div>
             <el-date-picker
               v-model="nowData.newsTime"
@@ -99,7 +99,7 @@
             >
             </el-date-picker>
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">新闻内容编写</div>
             <div></div>
             <input
@@ -109,7 +109,7 @@
               placeholder="点击进行编写内容"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">新闻英文内容编写</div>
             <input
               @click="openNewsModel(1)"
@@ -121,7 +121,7 @@
         </div>
 
         <div class="manage-right">
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">新闻展示图片(图片大小不能超过2MB)</div>
           </div>
           <div class="manage-img" v-loading="loading">
diff --git a/src/views/officialWebsite/product.vue b/src/views/officialWebsite/product.vue
index 78f760ad..bac454bc 100644
--- a/src/views/officialWebsite/product.vue
+++ b/src/views/officialWebsite/product.vue
@@ -91,7 +91,7 @@
       title="提示"
       top="10vh"
       :visible.sync="addModel1"
-      width="700px"
+      width="900px"
       class="vrcode-model manage-model"
       :append-to-body="true"
     >
@@ -100,7 +100,7 @@
       </div>
       <div class="vrcode-content" v-if="nowData1">
         <div class="manage-left">
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">产品列表名字</div>
             <input
               type="text"
@@ -108,7 +108,7 @@
               placeholder="请输入产品列表名字"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">产品列表英文名字</div>
             <input
               type="text"
@@ -117,7 +117,7 @@
             />
           </div>
 
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">{{$t('text.sortOrder')}}</div>
             <input
               type="number"
@@ -128,7 +128,7 @@
         
       </div>
       <div class="manage-right">
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">产品列表图片(图片大小不能超过2MB)</div>
           </div>
           <div class="manage-img" v-loading="loading">
@@ -172,7 +172,7 @@
       title="提示"
       top="10vh"
       :visible.sync="addModel"
-      width="1050px"
+      width="1350px"
       class="vrcode-model manage-model"
       :append-to-body="true"
     >
@@ -181,7 +181,7 @@
       </div>
       <div class="vrcode-content grid-3" v-if="nowData">
         <div class="manage-left">
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">所属产品列表</div>
            <el-select v-model="nowData.productId" placeholder="请选择">
     <el-option
@@ -192,7 +192,7 @@
     </el-option>
   </el-select>
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">产品名称</div>
             <input
               type="text"
@@ -200,7 +200,7 @@
               placeholder="请输入产品名称"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">产品英文名称</div>
             <input
               type="text"
@@ -209,7 +209,7 @@
             />
           </div>
 
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">{{$t('text.sortOrder')}}</div>
             <input
               type="number"
@@ -217,7 +217,7 @@
               :placeholder="$t('placeholder.sortOrderPlaceholder')"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">产品详情小标题</div>
             <input
               type="text"
@@ -225,7 +225,7 @@
               placeholder="请输入产品详情小标题"
             />
           </div>
-          <div class="manage-input">
+          <div class="manage-input w-350">
             <div class="input-title">产品详情小标题英文</div>
             <input
               type="text"
@@ -279,7 +279,7 @@
           
         </div>
         <div class="manage-right">
-            <div class="manage-input">
+            <div class="manage-input w-350">
             <div class="input-title">产品详情图片(图片大小不能超过2MB)</div>
           </div>
           <div class="manage-img" v-loading="loading">
-- 
2.47.2