这是查询用户信息的样式修改

vue/gold-system/src/views/consume/addConsume.vue

@@ -334,17 +334,15 @@ function calculateCoins() {
   </el-form>
 
   <!-- 客户信息栏 -->
-  <el-card style="width: 700px; float: right" class="customer-info">
+  <el-card style="width: 1200px; float: right" class="customer-info">
     <el-form
       :model="user"
       label-width="auto"
-      style="max-width: 600px"
+      style="max-width: 1000px"
       label-position="left"
     >
-      <el-text size="large" style="margin-left: 20px; font-weight: bold"
-        >客户信息</el-text
-      >
-      <el-row style="margin-top: 20px; display: flex">
+      <el-text size="large" style="margin-left: 20px">客户信息</el-text>
+      <el-row style="margin-top: 20px">
         <el-col :span="10">
           <el-form-item label="姓名:">
             <p>{{ user.name }}</p>
@@ -361,7 +359,7 @@ function calculateCoins() {
           </el-form-item>
         </el-col>
         <el-col :span="14">
-          <el-form-item label="当前金币总数">
+          <el-form-item label="当前金币总数" style="width: 500px">
             <span style="color: #2fa1ff; margin-right: 5px" v-if="user.buyJb">{{
               user.buyJb + user.free6 + user.free12 + user.coreJb
             }}</span>

vue/gold-system/src/views/recharge/addRecharge.vue

@@ -466,60 +466,59 @@ const closeBatchRechargeVisible = function () {
 // 批量充值初始化
 const batchInit = function () {
   openBatchRechargeVisible();
-}
-// 
+};
+//
 const addLine = function () {
   batchData.value.unshift({
     line: ++i.value,
     showInput: true,
   });
-}
-// 
+};
+//
 const handleSelectionChangebatch = function (val) {
   console.log("val===", val);
   batchDelObj.value = val;
-}
-// 
+};
+//
 const batchDel = function () {
-  ElMessageBox.confirm(
-    '确认批量删除吗？',
-    '批量删除',
-    {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning',
-    }
-  )
+  ElMessageBox.confirm("确认批量删除吗？", "批量删除", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+  })
     .then(() => {
       console.log("batchDel===", batchDelObj.value);
-      batchData.value = batchData.value.filter(itemA => { return !batchDelObj.value.some(itemB => itemB.line == itemA.line) })
+      batchData.value = batchData.value.filter((itemA) => {
+        return !batchDelObj.value.some((itemB) => itemB.line == itemA.line);
+      });
       console.log("batchData===", batchData.value);
       ElMessage({
-        type: 'success',
-        message: '操作成功',
-      })
+        type: "success",
+        message: "操作成功",
+      });
     })
     .catch(() => {
       ElMessage({
-        type: 'info',
-        message: '操作撤销',
-      })
-    })
-
-}
-// 
+        type: "info",
+        message: "操作撤销",
+      });
+    });
+};
+//
 const del = function (row) {
   console.log("row===", row);
   delObj.value.line = row.line;
-}
+};
 const delConfirm = function () {
-  batchData.value = batchData.value.filter(item => item.line != delObj.value.line)
+  batchData.value = batchData.value.filter(
+    (item) => item.line != delObj.value.line
+  );
   console.log("batchData===", batchData.value);
-}
-// 
+};
+//
 const reset = function (row) {
   resetObj.value.line = row.line;
-}
+};
 const resetConfirm = function () {
   for (let i = 0; i < batchData.value.length; i++) {
     if (batchData.value[i].line == resetObj.value.line) {
@@ -529,36 +528,30 @@ const resetConfirm = function () {
       break;
     }
   }
-}
-// 
+};
+//
 const cancelBatch = function () {
-  ElMessageBox.confirm(
-    '确认取消吗？此操作将不会保存任何数据。',
-    '确认取消',
-    {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning',
-    }
-  )
+  ElMessageBox.confirm("确认取消吗？此操作将不会保存任何数据。", "确认取消", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+  })
     .then(() => {
-      batchData.value = [
-        { line: 1, showInput: true }
-      ];
+      batchData.value = [{ line: 1, showInput: true }];
       closeBatchRechargeVisible();
       ElMessage({
-        type: 'success',
-        message: '操作成功',
-      })
+        type: "success",
+        message: "操作成功",
+      });
     })
     .catch(() => {
       ElMessage({
-        type: 'info',
-        message: '操作撤销',
-      })
-    })
-}
-// 
+        type: "info",
+        message: "操作撤销",
+      });
+    });
+};
+//
 const calculatedRowFreeGold = function (row) {
   console.log("row===", row);
   let ratio = 0;
@@ -578,9 +571,9 @@ const calculatedRowFreeGold = function (row) {
         batchData.value[i].freeGold = Math.ceil(paidGold / ratio);
       }
       break;
-    };
+    }
   }
-}
+};
 
 const calculatedRowRechargeGold = computed(() => {
   if (!addRecharge.value.rateId == 0) {
@@ -597,13 +590,13 @@ const calculatedRowRechargeGold = computed(() => {
 watch(calculatedRowRechargeGold, (newVal) => {
   addRecharge.value.rechargeGold = Number(newVal);
 });
-// 
+//
 const batchAdd = function () {
   console.log("batchData===", batchData.value);
   if (batchData.value.length == 0) {
     ElMessage({
-      type: 'error',
-      message: '至少需要输入一条数据！',
+      type: "error",
+      message: "至少需要输入一条数据！",
     });
     return;
   }
@@ -611,15 +604,23 @@ const batchAdd = function () {
     batchData.value[i].adminId = adminData.value.adminId;
     batchData.value[i].area = adminData.value.area;
     batchData.value[i].rechargeWay = "客服充值";
-    if (batchData.value[i].jwcode == "" || batchData.value[i].jwcode == null
-      || batchData.value[i].activityId == "" || batchData.value[i].activityId == null
-      || batchData.value[i].paidGold == "" || batchData.value[i].paidGold == null
-      || batchData.value[i].rechargeGold == "" || batchData.value[i].rechargeGold == null
-      || batchData.value[i].payWay == "" || batchData.value[i].payWay == null
-      || batchData.value[i].rechargeTime == "" || batchData.value[i].rechargeTime == null) {
+    if (
+      batchData.value[i].jwcode == "" ||
+      batchData.value[i].jwcode == null ||
+      batchData.value[i].activityId == "" ||
+      batchData.value[i].activityId == null ||
+      batchData.value[i].paidGold == "" ||
+      batchData.value[i].paidGold == null ||
+      batchData.value[i].rechargeGold == "" ||
+      batchData.value[i].rechargeGold == null ||
+      batchData.value[i].payWay == "" ||
+      batchData.value[i].payWay == null ||
+      batchData.value[i].rechargeTime == "" ||
+      batchData.value[i].rechargeTime == null
+    ) {
       ElMessage({
-        type: 'error',
-        message: '信息不能为空！请检查输入内容！',
+        type: "error",
+        message: "信息不能为空！请检查输入内容！",
       });
       return;
     }
@@ -627,29 +628,49 @@ const batchAdd = function () {
   console.log("batchData===", batchData.value);
 
   ElMessage({
-    type: 'success',
-    message: '添加成功！',
-  })
+    type: "success",
+    message: "添加成功！",
+  });
 
   closeBatchRechargeVisible();
-
-}
+};
 </script>
 
 <template>
-  <div style="display: flex;">
-    <div style="margin-right: 20px;">新增充值</div>
+  <div style="display: flex">
+    <div style="margin-right: 20px">新增充值</div>
     <el-button type="primary" plain @click="batchInit()">批量充值</el-button>
   </div>
 
-  <el-form :model="addRecharge" ref="Ref" :rules="rules" label-width="auto" style="max-width: 600px" class="add-form">
+  <el-form
+    :model="addRecharge"
+    ref="Ref"
+    :rules="rules"
+    label-width="auto"
+    style="max-width: 600px"
+    class="add-form"
+  >
     <el-form-item prop="jwcode" label="精网号">
       <el-input v-model="addRecharge.jwcode" style="width: 220px" />
-      <el-button type="primary" @click="getUser(addRecharge.jwcode)" style="margin-left: 20px">查询</el-button>
+      <el-button
+        type="primary"
+        @click="getUser(addRecharge.jwcode)"
+        style="margin-left: 20px"
+        >查询</el-button
+      >
     </el-form-item>
     <el-form-item prop="activityId" label="活动名称">
-      <el-select v-model="addRecharge.activityId" placeholder="请选择" style="width: 300px">
-        <el-option v-for="item in activity" :key="item.value" :label="item.activityName" :value="item.activityId" />
+      <el-select
+        v-model="addRecharge.activityId"
+        placeholder="请选择"
+        style="width: 300px"
+      >
+        <el-option
+          v-for="item in activity"
+          :key="item.value"
+          :label="item.activityName"
+          :value="item.activityId"
+        />
       </el-select>
     </el-form-item>
     <el-form-item prop="paidGold" label="充值金币">
@@ -660,25 +681,64 @@ const batchAdd = function () {
       <p>个</p>
     </el-form-item>
     <el-form-item prop="rechargeGold" label="充值金额">
-      <el-select prop="rechargeGold" v-model="addRecharge.rateId" placeholder="货币名称"
-        style="width: 95px; margin-right: 5px">
-        <el-option v-for="item in currency" :key="item.value" :label="item.currency" :value="item.exchangeRate" />
+      <el-select
+        prop="rechargeGold"
+        v-model="addRecharge.rateId"
+        placeholder="货币名称"
+        style="width: 95px; margin-right: 5px"
+      >
+        <el-option
+          v-for="item in currency"
+          :key="item.value"
+          :label="item.currency"
+          :value="item.exchangeRate"
+        />
       </el-select>
-      <el-input disabled v-model="addRecharge.rechargeGold" style="width: 200px" />
+      <el-input
+        disabled
+        v-model="addRecharge.rechargeGold"
+        style="width: 200px"
+      />
     </el-form-item>
     <el-form-item prop="payWay" label="收款方式">
-      <el-select v-model="addRecharge.payWay" placeholder="请选择" style="width: 300px">
-        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+      <el-select
+        v-model="addRecharge.payWay"
+        placeholder="请选择"
+        style="width: 300px"
+      >
+        <el-option
+          v-for="item in options"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        />
       </el-select>
     </el-form-item>
     <el-form-item prop="rechargeTime" label="交款时间">
-      <el-date-picker v-model="addRecharge.rechargeTime" type="date" style="width: 300px" />
+      <el-date-picker
+        v-model="addRecharge.rechargeTime"
+        type="date"
+        style="width: 300px"
+      />
     </el-form-item>
-    <el-form-item prop="rechargeVoucher" label="交款凭证" style="margin-bottom: 5px">
-      <el-upload class="avatar-uploader" :show-file-list="false" :on-success="handleAvatarSuccess"
-        :before-upload="beforeAvatarUpload">
+    <el-form-item
+      prop="rechargeVoucher"
+      label="交款凭证"
+      style="margin-bottom: 5px"
+    >
+      <el-upload
+        class="avatar-uploader"
+        :show-file-list="false"
+        :on-success="handleAvatarSuccess"
+        :before-upload="beforeAvatarUpload"
+        style="width: 100px; height: 115px"
+      >
         <img v-if="imageUrl" :src="imageUrl" class="avatar" />
-        <el-icon v-else class="avatar-uploader-icon">
+        <el-icon
+          v-else
+          class="avatar-uploader-icon"
+          style="width: 100px; height: 100px"
+        >
           <Plus />
         </el-icon>
       </el-upload>
@@ -687,22 +747,40 @@ const batchAdd = function () {
       </p>
     </el-form-item>
     <el-form-item prop="remark" label="备注">
-      <el-input v-model="addRecharge.remark" style="width: 300px" :rows="2" maxlength="100" show-word-limit
-        type="textarea" />
+      <el-input
+        v-model="addRecharge.remark"
+        style="width: 300px"
+        :rows="2"
+        maxlength="100"
+        show-word-limit
+        type="textarea"
+      />
     </el-form-item>
     <el-form-item prop="submitter" label="提交人">
-      <el-input style="width: 300px" :value="adminData.name" disabled placeholder="提交人姓名" />
+      <el-input
+        style="width: 300px"
+        :value="adminData.name"
+        disabled
+        placeholder="提交人姓名"
+      />
     </el-form-item>
-    <el-button @click="deleteRecharge" style="margin-left: 280px">重置</el-button>
+    <el-button @click="deleteRecharge" style="margin-left: 280px"
+      >重置</el-button
+    >
     <el-button type="primary" @click="addBefore"> 提交 </el-button>
   </el-form>
 
   <!-- 客户信息栏 -->
-  <el-card style="width: 700px; float: right" class="customer-info">
-    <el-form :model="user" label-width="auto" style="max-width: 600px" label-position="left">
+  <el-card style="width: 1200px; float: right" class="customer-info">
+    <el-form
+      :model="user"
+      label-width="auto"
+      style="max-width: 1000px"
+      label-position="left"
+    >
       <el-text size="large" style="margin-left: 20px">客户信息</el-text>
       <el-row style="margin-top: 20px">
-        <el-col :span="12">
+        <el-col :span="10">
           <el-form-item label="姓名:">
             <p>{{ user.name }}</p>
           </el-form-item>
@@ -718,7 +796,7 @@ const batchAdd = function () {
           </el-form-item>
         </el-col>
         <el-col :span="14">
-          <el-form-item label="当前金币总数">
+          <el-form-item label="当前金币总数" style="width: 500px">
             <span style="color: #2fa1ff; margin-right: 5px" v-if="user.buyJb">{{
               user.buyJb + user.free6 + user.free12 + user.coreJb
             }}</span>
@@ -769,14 +847,32 @@ const batchAdd = function () {
     </el-form>
   </el-card>
 
-  <el-dialog v-model="batchRechargeVisible" title="批量充值" width="1800px" style="height: 700px;">
+  <el-dialog
+    v-model="batchRechargeVisible"
+    title="批量充值"
+    width="1800px"
+    style="height: 700px"
+  >
     <el-row style="margin-bottom: 10px">
-      <el-button type="primary" @click="addLine()" style="margin-right: auto">新增一行</el-button>
-      <el-button type="danger" plain @click="batchDel()" style="margin-right: 10px; width: 130px;">批量删除</el-button>
+      <el-button type="primary" @click="addLine()" style="margin-right: auto"
+        >新增一行</el-button
+      >
+      <el-button
+        type="danger"
+        plain
+        @click="batchDel()"
+        style="margin-right: 10px; width: 130px"
+        >批量删除</el-button
+      >
     </el-row>
     <el-row>
-      <el-table :data="batchData" border max-height="540px" style="height: 540px;"
-        @selection-change="handleSelectionChangebatch">
+      <el-table
+        :data="batchData"
+        border
+        max-height="540px"
+        style="height: 540px"
+        @selection-change="handleSelectionChangebatch"
+      >
         <el-table-column type="selection" width="50px" />
         <el-table-column property="index" label="序号" width="55px">
           <template #default="scope">
@@ -785,15 +881,31 @@ const batchAdd = function () {
         </el-table-column>
         <el-table-column property="jwcode" label="精网号" width="150px">
           <template #default="scope">
-            <input type="number" v-if="scope.row.showInput" v-model="scope.row.jwcode" style="width: 110px;" />
+            <input
+              type="number"
+              v-if="scope.row.showInput"
+              v-model="scope.row.jwcode"
+              style="width: 110px"
+            />
             <span v-else>{{ scope.row.jwcode }}</span>
           </template>
         </el-table-column>
         <el-table-column property="activityName" label="活动名称" width="150px">
           <template #default="scope">
-            <el-select v-if="scope.row.showInput" filterable clearable v-model="scope.row.activityId"
-              placeholder="请选择活动名称" @change="calculatedRowFreeGold(scope.row)">
-              <el-option v-for="item in activity" :key="item.value" :label="item.activityName" :value="item.activityId">
+            <el-select
+              v-if="scope.row.showInput"
+              filterable
+              clearable
+              v-model="scope.row.activityId"
+              placeholder="请选择活动名称"
+              @change="calculatedRowFreeGold(scope.row)"
+            >
+              <el-option
+                v-for="item in activity"
+                :key="item.value"
+                :label="item.activityName"
+                :value="item.activityId"
+              >
               </el-option>
             </el-select>
             <span v-else>{{ scope.row.activityName }}</span>
@@ -801,7 +913,11 @@ const batchAdd = function () {
         </el-table-column>
         <el-table-column property="paidGold" label="充值金币" width="110px">
           <template #default="scope">
-            <input v-if="scope.row.showInput" v-model="scope.row.paidGold" style="width: 70px;" />
+            <input
+              v-if="scope.row.showInput"
+              v-model="scope.row.paidGold"
+              style="width: 70px"
+            />
             <span v-else>{{ scope.row.paidGold }}</span>
           </template>
         </el-table-column>
@@ -812,8 +928,19 @@ const batchAdd = function () {
         </el-table-column>
         <el-table-column property="rechargeGold" label="充值金额">
           <template #default="scope">
-            <el-select v-if="scope.row.showInput" filterable clearable v-model="scope.row.rateId" placeholder="请选择币种">
-              <el-option v-for="item in currency" :key="item.value" :label="item.currency" :value="item.exchangeRate">
+            <el-select
+              v-if="scope.row.showInput"
+              filterable
+              clearable
+              v-model="scope.row.rateId"
+              placeholder="请选择币种"
+            >
+              <el-option
+                v-for="item in currency"
+                :key="item.value"
+                :label="item.currency"
+                :value="item.exchangeRate"
+              >
               </el-option>
             </el-select>
             <span v-else>{{ scope.row.rateId }}</span>
@@ -826,8 +953,19 @@ const batchAdd = function () {
         </el-table-column>
         <el-table-column property="payWay" label="收款方式" width="130px">
           <template #default="scope">
-            <el-select v-if="scope.row.showInput" filterable clearable v-model="scope.row.payWay" placeholder="请选择收款方式">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+            <el-select
+              v-if="scope.row.showInput"
+              filterable
+              clearable
+              v-model="scope.row.payWay"
+              placeholder="请选择收款方式"
+            >
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
               </el-option>
             </el-select>
             <span v-else>{{ scope.row.payWay }}</span>
@@ -835,10 +973,17 @@ const batchAdd = function () {
         </el-table-column>
         <el-table-column property="rechargeTime" label="交款时间" width="150px">
           <template #default="scope">
-            <el-date-picker v-if="scope.row.showInput" type="date" v-model="scope.row.rechargeTime"
-              style="width: 120px;" placeholder="请选择交款时间">
+            <el-date-picker
+              v-if="scope.row.showInput"
+              type="date"
+              v-model="scope.row.rechargeTime"
+              style="width: 120px"
+              placeholder="请选择交款时间"
+            >
             </el-date-picker>
-            <span v-else>{{ moment(scope.row.rechargeTime).format("YYYY-MM-DD HH:mm:ss") }}</span>
+            <span v-else>{{
+              moment(scope.row.rechargeTime).format("YYYY-MM-DD HH:mm:ss")
+            }}</span>
           </template>
         </el-table-column>
         <el-table-column property="rechargeVoucher" label="充值凭证">
@@ -854,18 +999,31 @@ const batchAdd = function () {
         </el-table-column>
         <el-table-column property="remark" label="备注" width="130px">
           <template #default="scope">
-            <textarea v-if="scope.row.showInput" v-model="scope.row.remark" style="max-width: 90px;" rows="1"
-              cols="12"></textarea>
+            <textarea
+              v-if="scope.row.showInput"
+              v-model="scope.row.remark"
+              style="max-width: 90px"
+              rows="1"
+              cols="12"
+            ></textarea>
             <span v-else>{{ scope.row.remark }}</span>
           </template>
         </el-table-column>
         <el-table-column property="submitter" label="提交人">
           <el-input :value="adminData.name" disabled />
         </el-table-column>
-        <el-table-column fixed="right" prop="operation" label="操作" width="150px">
+        <el-table-column
+          fixed="right"
+          prop="operation"
+          label="操作"
+          width="150px"
+        >
           <template #default="scope">
-            <div style="display: flex;">
-              <el-popconfirm title="确定将此条信息删除吗？" @confirm="delConfirm">
+            <div style="display: flex">
+              <el-popconfirm
+                title="确定将此条信息删除吗？"
+                @confirm="delConfirm"
+              >
                 <template #reference>
                   <el-button type="danger" text @click="del(scope.row)">
                     删除
@@ -878,7 +1036,10 @@ const batchAdd = function () {
                   </el-button>
                 </template>
               </el-popconfirm>
-              <el-popconfirm title="确定将此条信息重置吗？" @confirm="resetConfirm">
+              <el-popconfirm
+                title="确定将此条信息重置吗？"
+                @confirm="resetConfirm"
+              >
                 <template #reference>
                   <el-button type="primary" text @click="reset(scope.row)">
                     重置
@@ -891,10 +1052,8 @@ const batchAdd = function () {
                   </el-button>
                 </template>
               </el-popconfirm>
-
             </div>
           </template>
-
         </el-table-column>
       </el-table>
     </el-row>
@@ -905,7 +1064,6 @@ const batchAdd = function () {
       </div>
     </el-row>
   </el-dialog>
-
 </template>
 
 <style scoped>

vue/gold-system/src/views/refund/addRefund.vue

@@ -378,13 +378,16 @@ const handleSelectionChange = (value) => {
     <el-button type="primary" @click="addBefore"> 提交 </el-button>
   </el-form>
 
-  <!-- 客户信息栏 -->
-  <el-card style="width: 700px; float: right" class="customer-info">
-    <el-form :model="user" label-width="auto" style="max-width: 600px" label-position="left">
-      <el-text size="large" style="margin-left: 20px; font-weight: bold"
-        >客户信息</el-text
-      >
-      <el-row style="margin-top: 20px; display: flex">
+   <!-- 客户信息栏 -->
+   <el-card style="width: 1200px; float: right" class="customer-info">
+    <el-form
+      :model="user"
+      label-width="auto"
+      style="max-width: 1000px"
+      label-position="left"
+    >
+      <el-text size="large" style="margin-left: 20px">客户信息</el-text>
+      <el-row style="margin-top: 20px">
         <el-col :span="10">
           <el-form-item label="姓名:">
             <p>{{ user.name }}</p>
@@ -401,7 +404,7 @@ const handleSelectionChange = (value) => {
           </el-form-item>
         </el-col>
         <el-col :span="14">
-          <el-form-item label="当前金币总数">
+          <el-form-item label="当前金币总数" style="width: 500px">
             <span style="color: #2fa1ff; margin-right: 5px" v-if="user.buyJb">{{
               user.buyJb + user.free6 + user.free12 + user.coreJb
             }}</span>