Merge branch 'youhua/chongzhi' into milestone-20250815-金币优化

src/views/recharge/gold/addCoinRecharge.vue

@@ -659,6 +659,7 @@ onMounted(() => {
 
 <template>
   <div>
+    <div class="userAndForm">
       <el-form :model="recharge" ref="Ref" :rules="rules" label-width="auto" label-position="right"
         style="max-width: 600px" class="add-form">
         <el-form-item prop="jwcode" label="精网号">
@@ -718,8 +719,8 @@ onMounted(() => {
       </el-form>
 
       <!-- 客户信息栏 -->
-    <el-card v-if="user.jwcode"  style="width: 800px" class="beautiful">
-      <el-form :model="user" label-width="auto" style="max-width: 1000px" label-position="left">
+      <el-card v-if="user.jwcode" style="max-width: 800px" class="beautiful">
+        <el-form :model="user" label-width="auto" style="max-width: 800px" label-position="left">
           <el-text size="large" style="margin-left: 20px">客户信息</el-text>
 
           <!-- 第一行：姓名 + 历史金币 -->
@@ -786,6 +787,8 @@ onMounted(() => {
           </el-row>
         </el-form>
       </el-card>
+    </div>
+
 
     <el-dialog v-model="FirstRechargeDialogVisible" title="操作确认" :before-close="FirstRechargeDialogVisiblehandleClose"
       :close-on-click-modal="false" width="400px">
@@ -899,6 +902,12 @@ onMounted(() => {
 </template>
 
 <style scoped>
+.userAndForm {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+
 p {
   margin: 0px;
 }
@@ -919,10 +928,9 @@ p {
 }
 
 .beautiful {
-  width: 700px;
+  flex: 1;
   float: right;
-  margin-right: 300px;
-  margin-top: 150px;
+  margin-left: 150px;
 }
 
 .field-label {
@@ -942,15 +950,13 @@ p {
   justify-content: center;
   gap: 12px;
 }
-</style>
-
-<style>
 /* 上传图片的格式 */
 .avatar-uploader .avatar {
   width: 50px;
   height: 50px;
   display: block;
 }
+
 .avatar-uploader .el-upload {
   border: 1px dashed var(--el-border-color);
   border-radius: 6px;