Merge branch 'milestone-20250815-金币优化' of http://39.101.133.168:8807/huangqizhen/gold-vue into lihuilin/feature-20250815155204-金币优化

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>
 
           <!-- 第一行：姓名 + 历史金币 -->
@@ -761,9 +762,9 @@ onMounted(() => {
           </el-row>
 
           <!-- 第三行：首次充值日期 + 充值次数 -->
-        <el-row >
+          <el-row>
             <el-col :span="9">
-            <el-form-item label="首次充值日期">
+              <el-form-item label="首次充值日期" >
                 <p v-if="user.firstRecharge">
                   {{ moment(user.firstRecharge).format('YYYY-MM-DD HH:mm:ss') }}
                 </p>
@@ -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">
@@ -794,32 +797,32 @@ onMounted(() => {
         <!-- 用户信息 -->
         <div>
           <div class="field-label">用户信息</div>
-          <el-input :model-value="user.jwcode + (user.name ? '【' + user.name + '】' : '')" disabled/>
+          <el-input :model-value="user.jwcode + (user.name ? '【' + user.name + '】' : '')" disabled />
         </div>
         <!-- 活动名称 -->
         <div class="field">
           <div class="field-label">活动名称</div>
-          <el-input v-model="recharge.activity" disabled/>
+          <el-input v-model="recharge.activity" disabled />
         </div>
         <!-- 金币信息（同一行左右排列） -->
         <el-row :gutter="20" class="coins-row">
           <el-col :span="12">
             <div class="field">
               <div class="field-label">永久金币</div>
-              <el-input v-model="recharge.permanentGold" disabled/>
+              <el-input v-model="recharge.permanentGold" disabled />
             </div>
           </el-col>
           <el-col :span="12">
             <div class="field">
               <div class="field-label">免费金币</div>
-              <el-input v-model="recharge.freeGold" disabled/>
+              <el-input v-model="recharge.freeGold" disabled />
             </div>
           </el-col>
         </el-row>
 
         <div class="field">
           <div class="field-label">备注</div>
-          <el-input v-model="recharge.remark" disabled/>
+          <el-input v-model="recharge.remark" disabled />
         </div>
 
 
@@ -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;