查看驳回

src/views/moneyManage/receiveDetail/receiveService.vue

@@ -212,13 +212,15 @@
                     <div style=" display: flex; ">
                         <span
                             style="color: #999999; display: flex; white-space: nowrap;align-items: center;">永久金币：</span>
-                        <el-input placeholder="0" style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                        <el-input placeholder="0"
+                            style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
                             v-model="addFormData.permanentGold" />
                     </div>
                     <div style="padding-right: 5px; display: flex;">
                         <span
                             style="color: #999999; display: flex; white-space: nowrap;align-items: center;">免费金币：</span>
-                        <el-input placeholder="0" style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                        <el-input placeholder="0"
+                            style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
                             v-model="addFormData.freeGold" />
                     </div>
                 </div>
@@ -386,6 +388,16 @@
                 </div>
             </div>
         </el-dialog>
+
+        <!-- 查看驳回理由 -->
+        <el-dialog title="驳回理由" v-model="rejectReasonVisible" width="50%" top="30vh" style="min-width: 200px; max-width: 500px;" :before-close="closeRejectForm">
+            <div class="reject-reason-box">
+                {{ rejectReason }}
+            </div>
+            <div class="rejectBtn">
+                <el-button type="primary" @click="closeRejectForm">确定</el-button>
+            </div>
+        </el-dialog>
     </div>
 </template>
 
@@ -441,6 +453,16 @@ const reset = () => {
     getlist()
 }
 
+const rejectReasonVisible = ref(false)
+const rejectReason = ref('')
+const closeRejectForm = () => {
+    rejectReasonVisible.value = false
+}
+const openRejectReason = (reason) => {
+    rejectReason.value = reason
+    rejectReasonVisible.value = true
+}
+
 // 时间选择器变更（原代码声明未实现，保留空函数避免报错）
 const handleDatePickerChange = () => { }
 // 日期禁用（原代码声明未实现，保留空函数避免报错）
@@ -613,11 +635,11 @@ const closeAddForm = () => {
 }
 const testGold = () => {
     // 转换为数字（处理字符串类型的数字）
-    
-    if(addFormData.value.permanentGold == null){
+
+    if (addFormData.value.permanentGold == null) {
         addFormData.value.permanentGold = 0
     }
-    if(addFormData.value.freeGold == null){
+    if (addFormData.value.freeGold == null) {
         addFormData.value.freeGold = 0
     }
     const permanentGold = Number(addFormData.value.permanentGold);
@@ -676,7 +698,7 @@ const handleAddForm = async () => {
 const handleEditForm = async () => {
     try {
         await addFormRef.value.validate();
-         if (!testGold().valid) {
+        if (!testGold().valid) {
             ElMessage.error(testGold().message);
             return;
         }
@@ -905,13 +927,6 @@ const submitRefund = async () => {
     }
 }
 
-// 查看驳回理由
-const openRejectReason = (reason) => {
-    ElMessageBox.alert(reason, '驳回理由', {
-        confirmButtonText: '确认',
-        customClass: 'reject-reason-box',
-    })
-}
 
 // ===================== 初始化与节流 =====================
 // 节流处理（防止重复提交）
@@ -1218,14 +1233,14 @@ onMounted(async () => {
     background-color: #E5EBFE !important;
 }
 
-// 驳回理由弹窗样式
 .reject-reason-box {
-    --el-message-box-height: 500px;
+    width: 80%;
+    padding: 20px;
 }
 
-.reject-reason-box .el-message-box__content {
-    max-height: 350px;
-    overflow-y: auto;
-    white-space: pre-wrap;
+.rejectBtn {
+    margin-top: 20px;
+    display: flex;
+    justify-content: flex-end;
 }
 </style>