From 05700b21d4ade0c03c29637ebb1215aefc1ad588 Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Tue, 19 Aug 2025 14:18:22 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=A1=A8=E5=8D=95=E7=B1=BB?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=8F=90=E7=A4=BA=E6=97=B6=E6=92=91=E5=BC=80?=
 =?UTF-8?q?=E9=AB=98=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/site/sitesem.svg               |  2 +-
 src/components/GuipInput.vue              | 25 ++++++++++++++++--
 src/components/GuipSelect.vue             | 27 ++++++++++++++++++--
 src/components/SliderMenu.vue             |  2 +-
 src/components/Tooltip.vue                | 42 +++++++++++++++++++++----------
 src/components/site/addSiteStep/step2.vue | 23 +++++++++++++----
 6 files changed, 97 insertions(+), 24 deletions(-)

diff --git a/src/assets/site/sitesem.svg b/src/assets/site/sitesem.svg
index 1c1b9b1..0352de3 100644
--- a/src/assets/site/sitesem.svg
+++ b/src/assets/site/sitesem.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_827_046896"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_827_046896)"><g><g><g><g><path d="M11.329695765686036,14.874Q12.452475765686035,15.2827,13.535365765686034,14.7777Q14.618285765686036,14.2727,15.026945765686035,13.1499Q15.435605765686034,12.0272,14.930655765686035,10.94425L10.720725765686035,1.916034Q10.215735765686034,0.833132,9.092955765686035,0.424473Q7.970155765686036,0.01580999999999999,6.8872707656860355,0.520778Q5.804382765686035,1.0257423,5.395719765686035,2.14853Q4.987048765686035,3.27133,5.492038765686035,4.35422L9.701955765686035,13.3824Q10.206895765686035,14.4653,11.329695765686036,14.874ZM13.617405765686035,12.6369Q13.421245765686034,13.1758,12.901435765686035,13.4182Q12.381655765686034,13.6606,11.842725765686035,13.4645Q11.303795765686036,13.2683,11.061415765686036,12.7485L6.851485765686035,3.72026Q6.609099765686035,3.2005,6.805256765686035,2.6615599999999997Q7.001415765686035,2.12262,7.521205765686036,1.880236Q8.040985765686035,1.637855,8.579925765686035,1.834012Q9.118875765686035,2.03017,9.361265765686035,2.54996L13.571185765686035,11.5782Q13.813565765686036,12.098,13.617405765686035,12.6369Z" fill-rule="evenodd" fill="#006AFF" fill-opacity="1"/></g><g><path d="M6.75468860124588,2.6296176144485472Q6.82495860124588,2.4789256144485474,6.82495860124588,2.3126546144485474Q6.82495860124588,2.2387861144485472,6.8105486012458805,2.1663366144485474Q6.79613860124588,2.093887614448547,6.76786860124588,2.0256416144485474Q6.73959860124588,1.9573966144485473,6.69855860124588,1.8959766144485473Q6.65751860124588,1.8345576144485474,6.6052886012458805,1.7823246144485474Q6.55305860124588,1.7300916144485474,6.49163860124588,1.6890526144485474Q6.43021860124588,1.6480136144485473,6.36196860124588,1.6197446144485474Q6.29371860124588,1.5914766144485473,6.2212786012458805,1.5770656144485473Q6.14882860124588,1.5626546144485474,6.07495860124588,1.5626546144485474Q5.96787860124588,1.5626546144485474,5.86508860124588,1.5926176144485473Q5.7622886012458805,1.6225796144485474,5.67197860124588,1.6801116144485473Q5.58167860124588,1.7376426144485473,5.51107860124588,1.8181456144485475Q5.44047860124588,1.8986486144485473,5.39522860124588,1.9956916144485475L1.2224726012458802,10.944204614448548Q0.7175096012458801,12.027094614448547,1.12617160124588,13.149854614448547Q1.5348296012458802,14.272654614448548,2.61771960124588,14.777654614448547Q3.70064860124588,15.282654614448548,4.82342860124588,14.873954614448547Q5.9461986012458805,14.465254614448547,6.45117860124588,13.382354614448547L8.55612860124588,8.868274614448548Q8.62639860124588,8.717584614448548,8.62639860124588,8.551314614448547Q8.62638860124588,8.477444614448547,8.61197860124588,8.404994614448547Q8.59756860124588,8.332544614448548,8.56929860124588,8.264294614448549Q8.54103860124588,8.196054614448547,8.499998601245881,8.134634614448547Q8.458958601245879,8.073214614448547,8.406718601245881,8.020984614448547Q8.35448860124588,7.968744614448547,8.293068601245881,7.9277046144485475Q8.23164860124588,7.886674614448547,8.16340860124588,7.858404614448547Q8.095158601245881,7.830134614448547,8.022708601245881,7.8157246144485475Q7.9502586012458805,7.801314614448548,7.87639860124588,7.801314614448548Q7.76931860124588,7.801314614448548,7.66651860124588,7.831274614448548Q7.56372860124588,7.861234614448548,7.47341860124588,7.9187646144485475Q7.38310860124588,7.976304614448547,7.31250860124588,8.056804614448549Q7.24191860124588,8.137304614448547,7.19665860124588,8.234354614448549L7.19627860124588,8.235164614448546L5.09172860124588,12.748454614448548Q4.84932860124588,13.268254614448548,4.31038860124588,13.464454614448547Q3.77145860124588,13.660554614448547,3.25166860124588,13.418154614448547Q2.73186860124588,13.175854614448548,2.53571060124588,12.636854614448547Q2.33955360124588,12.097914614448547,2.58193460124588,11.578134614448548L6.7544986012458805,2.6300296144485475L6.75468860124588,2.6296176144485472L6.75468860124588,2.6296176144485472Z" fill-rule="evenodd" fill="#006AFF" fill-opacity="1"/></g><g transform="matrix(0.9063078165054321,0.4226182699203491,-0.4226182699203491,0.9063078165054321,4.204187918687239,-0.3115227723028511)"><ellipse cx="4.939301252365112" cy="11.460785627365112" rx="2.1346137523651123" ry="2.1346137523651123" fill-opacity="0" stroke-opacity="1" stroke="#006AFF" fill="none" stroke-width="1.5"/></g></g></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_827_067306"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_827_067306)"><g><g><path d="M3.1863623,2.1863623Q1.25,4.1227243,1.25,6.861136Q1.25,9.5995464,3.1863621,11.535909Q5.122725,13.472273,7.861136,13.472273Q10.5995455,13.472273,12.535909,11.535909Q14.472273,9.5995445,14.472273,6.8611331Q14.472273,4.122725,12.535909,2.186362Q10.5995445,0.25,7.8611331,0.25Q5.1227243,0.25,3.1863623,2.1863623ZM4.2470224000000005,10.4752493Q2.75,8.9782262,2.75,6.861136Q2.75,4.7440448,4.2470224000000005,3.2470224Q5.7440448,1.75,7.8611331,1.75Q9.9782248,1.75,11.4752483,3.2470226Q12.972272,4.7440455,12.972272,6.8611331Q12.972272,8.9782243,11.4752493,10.4752483Q9.9782257,11.972272,7.861136,11.972272Q5.7440453,11.972272,4.2470224000000005,10.4752493Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M6.495410982203979,3.2834983810559084Q5.86570425320398,3.549837411055908,5.3805270822039795,4.035014271055908Q5.275037762203979,4.140503471055908,5.217947362203979,4.278331871055908Q5.1608569622039795,4.416160221055908,5.1608569622039795,4.565344571055908Q5.1608569622039795,4.6392130810559085,5.17526805220398,4.711662291055908Q5.1896790822039796,4.784111401055908,5.217947362203979,4.852357001055909Q5.246215642203979,4.920602601055908,5.2872548122039795,4.982022001055908Q5.32829398220398,5.043441501055908,5.38052690220398,5.095674501055909Q5.432759882203979,5.147907501055908,5.49417934220398,5.188946701055908Q5.55559879220398,5.229985701055908,5.623844442203979,5.2582541010559085Q5.692090082203979,5.286522401055908,5.76453924220398,5.300933401055908Q5.83698841920398,5.315344501055908,5.9108569622039795,5.315344601055909Q6.060041172203979,5.315344501055908,6.197869422203979,5.258254201055908Q6.335697652203979,5.201163801055908,6.441186902203979,5.0956748010559085Q6.719484512203979,4.817377201055908,7.079730862203979,4.665008421055909Q7.45211036220398,4.507507741055909,7.861166862203979,4.507507741055909Q8.27024886220398,4.507507741055909,8.642636562203979,4.665009801055908Q9.00288296220398,4.817376701055908,9.281181362203979,5.0956748010559085Q9.38667036220398,5.201163801055908,9.52449846220398,5.2582541010559085Q9.66232686220398,5.315344501055908,9.811511262203979,5.315344601055909Q9.88537956220398,5.315344501055908,9.95782876220398,5.300933401055908Q10.030277962203979,5.286522401055908,10.09852336220398,5.2582541010559085Q10.16676876220398,5.229985801055908,10.228188262203979,5.188946701055908Q10.289607762203978,5.147907501055908,10.341840962203978,5.095674601055908Q10.39407376220398,5.043441501055908,10.435112762203978,4.982022001055908Q10.476151662203979,4.920602601055908,10.50442006220398,4.852357001055909Q10.532688362203979,4.784111401055908,10.547099862203979,4.711662291055908Q10.56151076220398,4.6392130810559085,10.561511262203979,4.565344571055908Q10.561511262203979,4.416160281055908,10.50442096220398,4.2783319310559085Q10.44733026220398,4.140503641055908,10.34184146220398,4.035014421055908Q9.85666156220398,3.5498346110559083,9.22694996220398,3.2834970010559084Q8.57441906220398,3.0075078610559083,7.861166862203979,3.0075078610559083Q7.147936662203979,3.0075078610559083,6.495410982203979,3.2834983810559084Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M11.544478000727539,11.604829190249024Q11.43898886072754,11.499339940249023,11.381898520727539,11.361511650249023Q11.324808180727539,11.223683390249024,11.324808120727539,11.074499130249023Q11.324808120727539,11.000630587249024,11.339219210727538,10.928181410249023Q11.353630240727538,10.855732250249023,11.381898520727539,10.787486610249024Q11.41016680072754,10.719240960249023,11.451205970727539,10.657821510249024Q11.492245140727539,10.596402050249024,11.544478060727538,10.544169070249023Q11.59671104072754,10.491936150249023,11.65813050072754,10.450896980249023Q11.719549950727538,10.409857810249024,11.78779560072754,10.381589530249023Q11.856041240727539,10.353321250249023,11.928490400727538,10.338910220249023Q12.00093957772754,10.324499130249023,12.074808120727539,10.324499130249023Q12.223992390727538,10.324499130249023,12.36182070072754,10.381589470249024Q12.49964899072754,10.438679870249024,12.60513824072754,10.544169070249023L15.530637520727538,13.469668630249023Q15.636126720727539,13.575157930249024,15.69321702072754,13.712986230249022Q15.75030732072754,13.850814630249022,15.75030732072754,13.999998830249023Q15.75030712072754,14.073867330249023,15.735896120727539,14.146316330249023Q15.721484920727539,14.218765230249023,15.693216520727539,14.287011130249024Q15.664948420727539,14.355256830249024,15.623909220727539,14.416676330249024Q15.582870020727539,14.478095730249024,15.530637220727538,14.530328730249023Q15.478404320727538,14.582561530249023,15.416984820727539,14.623600930249022Q15.355565120727539,14.664639930249024,15.287319420727538,14.692908330249024Q15.21907382072754,14.721176630249023,15.146624820727538,14.735587630249023Q15.07417582072754,14.749998530249023,15.00030732072754,14.749998830249023Q14.85112312072754,14.749998830249023,14.71329472072754,14.692908530249024Q14.575466420727539,14.635818230249024,14.469977120727538,14.530329030249023L11.544478000727539,11.604829190249024Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/components/GuipInput.vue b/src/components/GuipInput.vue
index 2983dff..eed7f1a 100644
--- a/src/components/GuipInput.vue
+++ b/src/components/GuipInput.vue
@@ -1,7 +1,8 @@
 <template>
-  <el-form-item :style="{ ...styleObject }" :required="required"
+  <el-form-item :style="{ ...styleObject, display: 'flex', flexDirection: 'column' }" :required="required"
     :class="[{ 'column': column }, { 'w510': addClass == 'w510' }, { 'w388': addClass == 'w388' }, 'form-item']" :label="label"
-    :prop="prop" :rules="rules">
+    :prop="prop" :rules="rules" class="custom-form-item">
+    <div class="input-wrapper">  <!-- 添加包裹层 -->
     <p v-if="desc" class="desc_right">{{ desc }}</p>
     <el-input :type="type" v-bind="$attrs" :placeholder="placeholder1" :disabled="disabled" :maxlength="maxlength1"
       :style="{ width: width, height: height }" :value="inputValue" :minLength="minLength1" :show-word-limit="showWordLimit"
@@ -29,6 +30,7 @@
     </el-input>
     <!-- 单位 -->
     <span class="unit" v-if="unit">{{ unit }}</span>
+  </div>
   </el-form-item>
 
 </template>
@@ -147,4 +149,23 @@ export default {
   pointer-events: none;
   /* 防止单位文本影响输入框的点击事件 */
 }
+.custom-form-item {
+  ::v-deep .el-form-item__content {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .input-wrapper {
+    position: relative;
+    width: 100%;
+  }
+
+  ::v-deep .el-form-item__error {
+    position: relative;
+    margin-top: 4px;
+    padding-top: 0;
+    line-height: 1;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/components/GuipSelect.vue b/src/components/GuipSelect.vue
index e43a309..c8387f6 100644
--- a/src/components/GuipSelect.vue
+++ b/src/components/GuipSelect.vue
@@ -1,7 +1,7 @@
 <template>
   <el-form-item :style="{ ...style, height: height, ...styleObject }" :required="required"
     :class="[{ 'column': column }, { 'w510': addClass == 'w510' }, { 'w388': addClass == 'w388' }, 'form-item']"
-    :label="label" :prop="prop" :rules="rules">
+    :label="label" :prop="prop" :rules="rules" class="custom-form-item">
     <p v-if="desc" class="desc_right">{{ desc }}</p>
     <el-select :style="{ width: width }" :placeholder="placeholder1" @change="handleChange" v-model="selectedValue"
       v-bind="$attrs">
@@ -141,4 +141,27 @@ export default {
     }
   }
 }
-</script>
\ No newline at end of file
+</script>
+<style scoped lang="scss">
+.custom-form-item {
+  ::v-deep .el-form-item__content {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    min-height: auto;  /* 允许高度自由扩展 */
+  }
+
+  ::v-deep .el-form-item__error {
+    position: relative;  /* 改为相对定位 */
+    margin-top: 4px;    /* 与输入框保持间距 */
+    padding-top: 0;
+    line-height: 1;
+    white-space: normal; /* 允许错误信息换行 */
+  }
+
+  /* 确保 Select 组件宽度填满父容器 */
+  .el-select {
+    width: 100%;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/SliderMenu.vue b/src/components/SliderMenu.vue
index 5f8c607..95a2933 100644
--- a/src/components/SliderMenu.vue
+++ b/src/components/SliderMenu.vue
@@ -24,7 +24,7 @@
                 activeColor="#006AFF" :isActive="item.index == currentMenuItem && currentMenuItem['index'].substring(0,1) && isCollapse" />
               <span class="title_text" >{{ item.title }}</span>
             </template>
-            <el-menu-item style="padding: 0 22px 0 32px;" v-for="subItem in item.children" :key="subItem.index"
+            <el-menu-item style="padding: 0 22px 0 20px;" v-for="subItem in item.children" :key="subItem.index"
               :index="subItem.index" @click="handleSelect(subItem.index, [item.index, subItem.index], subItem)">
               {{ subItem.title }}
             </el-menu-item>
diff --git a/src/components/Tooltip.vue b/src/components/Tooltip.vue
index edeb8e8..cc7807b 100644
--- a/src/components/Tooltip.vue
+++ b/src/components/Tooltip.vue
@@ -1,7 +1,8 @@
 <template>
     <transition name="fade">
         <div v-if="visible" :class="['position-message', type, position]" id="qq" :style="positionStyle">
-            <i :class="iconClass"></i>
+            <!-- <i :class="iconClass"></i>/ -->
+            <img :src="defaultImages[type]" class="message-image" />
             <span>{{ message }}</span>
         </div>
     </transition>
@@ -30,7 +31,13 @@ export default {
     data() {
         return {
             visible: false,
-            positionStyle: {}
+            positionStyle: {},
+            defaultImages:{
+                success: require('@/assets/message_Success.png'),
+                info: require('@/assets/message_Warning.png'),
+                warning: require('@/assets/message_Warning.png'),
+                error: require('@/assets/message_error.png')
+            }
         }
     },
     computed: {
@@ -93,40 +100,49 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .position-message {
     position: absolute;
     min-width: 100px;
-    padding: 8px 12px;
+    padding: 14px 21px;
     border-radius: 4px;
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     z-index: 9999;
     display: flex;
     align-items: center;
-    background: red;
+    background: #FFFFFF;
+    box-sizing: border-box;
+    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.16);
+    span{
+        letter-spacing: 0.08em;
+        color: #626573;
+    }
+}
+.message-image {
+  width: 18px;
+  height: 18px;
+  margin-right: 10px;
 }
-
 .position-message i {
     margin-right: 6px;
     font-size: 16px;
 }
 
 .position-message.info {
-    background-color: #f4f4f5;
+    /* background-color: #f4f4f5;
     color: #909399;
-    border: 1px solid #e9e9eb;
+    border: 1px solid #e9e9eb; */
 }
 
 .position-message.success {
-    background-color: #f0f9eb;
+    /* background-color: #f0f9eb;
     color: #67c23a;
-    border: 1px solid #e1f3d8;
+    border: 1px solid #e1f3d8; */
 }
 
 .position-message.error {
-    background-color: #fef0f0;
+    /* background-color: #fef0f0;
     color: #f56c6c;
-    border: 1px solid #fde2e2;
+    border: 1px solid #fde2e2; */
 }
 
 .fade-enter-active,
diff --git a/src/components/site/addSiteStep/step2.vue b/src/components/site/addSiteStep/step2.vue
index b3105e1..89725e2 100644
--- a/src/components/site/addSiteStep/step2.vue
+++ b/src/components/site/addSiteStep/step2.vue
@@ -76,7 +76,7 @@
                                         <template #trigger>
                                             <span v-if="selectWxpay && (selectWxpay.short_name || selectWxpay.account)">{{ selectWxpay.short_name }} {{ selectWxpay.account }}</span>
                                             <span v-else-if="wxpayList.length === 0">暂无收款账号，稍后配置</span>
-                                            <span v-else>未绑定微信收款</span>
+                                            <span class="trigger_placeholder" v-else>未绑定微信收款</span>
                                         </template>
 
                                         <!-- 自定义下拉选项 -->
@@ -121,7 +121,7 @@
                                         <template #trigger>
                                             <span v-if="selectAlipay && (selectAlipay.short_name || selectAlipay.account)">{{ selectAlipay.short_name }} {{ selectAlipay.account }}</span>
                                             <span v-else-if="alipayList.length === 0">暂无收款账号，稍后配置</span>
-                                            <span v-else>未绑定支付宝收款</span>
+                                            <span class="trigger_placeholder" v-else>未绑定支付宝收款</span>
                                         </template>
 
                                         <template #normal>
@@ -289,7 +289,7 @@
         </div>
         <div class="register-btns">
             <GuipButton type="system" :btnstyle="{ width: '144px', height: '46px' }" @click="jumpStep">跳过</GuipButton>
-            <GuipButton type="primary" :btnstyle="{ width: '144px', height: '46px' }" @click="nextStep">下一步</GuipButton>
+            <GuipButton ref="nextStepRef" type="primary" :btnstyle="{ width: '144px', height: '46px' }" @click="nextStep">下一步</GuipButton>
         </div>
     </div>
 </template>
@@ -602,7 +602,13 @@ export default {
               if(this.bindPddId) data.pay_config = { 11: this.bindPddId }
           }
           if(Object.keys(data.pay_config).length === 0) {
-              this.$Message.error('请绑定收款方式');
+            //   this.$Message.error('请绑定收款方式');
+            this.$positionMessage({
+                type: 'error',
+                message: '请绑定收款方式',
+                target: this.$refs['nextStepRef'], // 可以是DOM元素或选择器
+                position: 'top'
+            })
               return false
           }
 
@@ -649,7 +655,14 @@ export default {
     }
   }
 }
-
+.trigger_placeholder{
+    font-family: Microsoft YaHei UI;
+    color: #8A9099;
+    font-size: 14px;
+    font-weight: normal;
+    line-height: normal;
+    letter-spacing: 0.08em;
+}
 .register-btns {
   position: fixed;
   left: 0;