fix refund'style

src/views/refund/gold/addCoinRefund.vue

@@ -479,9 +479,8 @@ onMounted(async function () {
 <template>
   <div>
     <div class="userAndForm">
-      <div class="left">
       <el-form :model="addRefund" ref="Ref" :rules="rules" label-width="auto" label-position="right"
-          style="max-width: 750px" class="add-form">
+               style="max-width: 750px" class="form-style">
         <el-form-item prop="jwcode" label="精网号">
           <el-input v-model="addRefund.jwcode" style="width: 220px" @change="getGoods(addRefund.jwcode)"/>
           <el-button type="primary" @click="getUser(addRefund.jwcode)" style="margin-left: 20px">查询
@@ -493,9 +492,22 @@ onMounted(async function () {
           </el-select>
         </el-form-item>
         <el-form-item prop="orderCode" label="订单号">
-            <el-select v-model="addRefund.orderCode" placeholder="请选择订单号" style="width: 220px;" clearable filterable
-              :filter-method="handleFilter" @change="handleOrderChange">
-              <el-option v-for="(item, index) in orderCodes" :key="index" :label="item.label" :value="item.value" />
+          <el-select
+              v-model="addRefund.orderCode"
+              placeholder="请选择订单号"
+              style="width: 220px;"
+              clearable
+              filterable
+              :filter-method="handleFilter"
+              @change="handleOrderChange"
+
+          >
+            <el-option
+                v-for="(item, index) in orderCodes"
+                :key="index"
+                :label="item.label"
+                :value="item.value"
+            />
           </el-select>
         </el-form-item>
 
@@ -513,7 +525,8 @@ onMounted(async function () {
 
         <el-form-item prop="permanentGold" label="永久金币">
           <el-input v-model="addRefund.permanentGold" style="width: 220px"
-              :disabled="addRe.typeR === '0' ? true : false" @input="handlePermanentGoldInput($event)" type="number">
+                    :disabled="addRe.typeR === '0' ? true : false" @input="handlePermanentGoldInput($event)"
+                    type="number">
           </el-input>&nbsp;&nbsp;个
         </el-form-item>
 
@@ -527,7 +540,8 @@ onMounted(async function () {
         <div>
           <el-form-item prop="taskGold" label="任务金币">
             <el-input v-model="addRefund.taskGold" style="float: left; width: 220px"
-                :disabled="addRe.typeR === '0' ? true : false" @input="handleTaskGoldInput($event)" type="number" />
+                      :disabled="addRe.typeR === '0' ? true : false" @input="handleTaskGoldInput($event)"
+                      type="number"/>
             &nbsp;&nbsp;个
           </el-form-item>
         </div>
@@ -548,12 +562,10 @@ onMounted(async function () {
         <el-button type="success" @click="cancel()" style="margin-left: 200px">重置</el-button>
         <el-button type="primary" :disabled="addDisabled" @click="addBefore"> 提交</el-button>
       </el-form>
-      </div>
 
-      <div class="right">
       <!-- 客户信息栏 -->
       <el-card v-if="user.jwcode" style="max-width: 800px" class="beautiful">
-          <el-form :model="user" label-width="auto" style="min-width: 800px" label-position="left">
+        <el-form :model="user" label-width="auto" style="max-width: 800px" label-position="left">
           <el-text size="large" style="margin-left: 20px">客户信息</el-text>
 
           <!-- 第一行：姓名 + 历史金币 -->
@@ -621,20 +633,18 @@ onMounted(async function () {
         </el-form>
       </el-card>
     </div>
-
-    </div>
   </div>
 
 </template>
 
-<style scoped lang="scss">
+<style scoped>
+
 p {
   margin: 0px;
 }
 
 .userAndForm {
   width: 1150px;
-  height: 100%;
   display: flex;
   align-items: center;
 
@@ -656,3 +666,42 @@ p {
   margin-left: 50px;
 }
 </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;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  transition: var(--el-transition-duration-fast);
+}
+
+.avatar-uploader .el-upload:hover {
+  border-color: var(--el-color-primary);
+}
+
+.el-icon.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 50px;
+  height: 50px;
+  text-align: center;
+}
+
+
+.form-style2 {
+  max-width: 60%;
+}
+
+
+</style>
+