角色重置问题以及退款样式优化

src/views/permissions/rolePermission.vue

@@ -106,8 +106,6 @@ const searchRole = function () {
 const reset = function () {
   admin.value = {}
   role.value.name = ''
-
-  get()
   getRoleList()
 }
 const RoleArea = ref([])

src/views/refund/gold/addCoinRefund.vue

@@ -479,8 +479,9 @@ 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="form-style">
+          style="max-width: 750px" class="add-form">
           <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">查询
@@ -492,22 +493,9 @@ 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>
 
@@ -525,8 +513,7 @@ 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>
 
@@ -540,8 +527,7 @@ 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>
@@ -562,10 +548,12 @@ 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="max-width: 800px" label-position="left">
+          <el-form :model="user" label-width="auto" style="min-width: 800px" label-position="left">
             <el-text size="large" style="margin-left: 20px">客户信息</el-text>
 
             <!-- 第一行：姓名 + 历史金币 -->
@@ -633,33 +621,46 @@ onMounted(async function () {
           </el-form>
         </el-card>
       </div>
+
+    </div>
   </div>
 
 </template>
 
 <style scoped>
-
 p {
   margin: 0px;
 }
 
 .userAndForm {
-  width: 90%;
+  width: 100%;
+  height: 100%;
   display: flex;
   align-items: center;
 
+  .left {
+    width: 35%;
+    display: flex;
+
+    .add-form {
+      width: 100%;
+      margin-top: 50px;
+    }
   }
 
-.beautiful {
+  .right {
     flex: 1;
-  float: right;
-  margin-left: 150px;
-}
+    margin-left: 20px;
+    display: flex;
 
-.form-style {
-  margin-top: 50px;
-  max-width: 50%;
-  float: left;
+    .beautiful {
+      width: 90%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: 0 10px;
+    }
+  }
 }
 
 .el-form-item {
@@ -668,7 +669,6 @@ p {
 </style>
 
 <style>
-
 /* 上传图片的格式 */
 .avatar-uploader .avatar {
   width: 50px;
@@ -701,7 +701,4 @@ p {
 .form-style2 {
   max-width: 60%;
 }
-
-
 </style>
-