合并.recalDialog

src/views/moneyManage/receiveDetail/receiveDetail.vue

@@ -23,14 +23,16 @@
             <el-text style="width: 4vw;">订单状态</el-text>
             <el-select v-model="searchData.status" placeholder="请选择订单状态" style="width: 10vw;" clearable>
               <el-option v-for="item in statusList" :key="item.name" :label="item.name"
-                                :value="item.value" /></el-select>
+                         :value="item.value"/>
+            </el-select>
           </div>
           <div v-if="!kefu" class="rowItem">
             <el-text style="width: 4vw;">付款币种</el-text>
             <el-select v-model="searchData.paymentCurrency" placeholder="请选择付款币种" style="width: 10vw;"
                        clearable>
               <el-option v-for="item in customOptions" :key="item" :label="item"
-                                :value="item" /></el-select>
+                         :value="item"/>
+            </el-select>
           </div>
           <div class="rowItem">
             <el-text style="width: 4vw;">支付方式</el-text>
@@ -225,19 +227,25 @@
                              v-if="activeTab != 'reject' && activeTab != 'done'">
               <template #default=scope>
                 <el-link v-if="kefu && scope.row.status == 4" style="color: #FA5A1E;"
-                                    @click="openConfirm('refund', scope.row)">退款</el-link>
+                         @click="openConfirm('refund', scope.row)">退款
+                </el-link>
                 <el-link v-else-if="kefu && scope.row.status == 1" style="color: #2741DE;">待填写手续费</el-link>
                 <el-link v-else-if="kefu && scope.row.status == 5" style="color: #2741DE;"
-                                    @click="openAddForm(scope.row)">编辑</el-link>
+                         @click="openAddForm(scope.row)">编辑
+                </el-link>
                 <el-link v-else-if="kefu && scope.row.status == 0" style="color: #FA5A1E;"
-                                    @click="openConfirm('recall', scope.row)">撤回</el-link>
+                         @click="openConfirm('recall', scope.row)">撤回
+                </el-link>
                 <el-link v-else-if="kefu && scope.row.status == 2" style="color: #FA5A1E;"
-                                    @click="openRejectReason(scope.row.rejectReason)">查看驳回理由</el-link>
+                         @click="openRejectReason(scope.row.rejectReason)">查看驳回理由
+                </el-link>
                 <el-link v-else-if="activeTab == 'wait' && !kefu" style="color: #2741DE;"
-                                    @click="openAuditForm(scope.row)">审核</el-link>
+                         @click="openAuditForm(scope.row)">审核
+                </el-link>
                 <el-link
                     v-else-if="activeTab == 'pass' && !kefu && !(scope.row.status == 6 || scope.row.status == 4)"
-                                    style="color: #2741DE;" @click="openEditForm(scope.row)">编辑</el-link>
+                    style="color: #2741DE;" @click="openEditForm(scope.row)">编辑
+                </el-link>
               </template>
             </el-table-column>
           </el-table>
@@ -593,10 +601,25 @@
             <el-text style="width:4vw;">产品名称</el-text>
             <el-input v-model="refundFormData.goodsName" style="width:10vw;" disabled/>
           </div>
-                    <div class="add-item">
+          <div v-show="!isRefundGold" class="add-item">
             <el-text style="width:4vw;">产品数量</el-text>
-                        <el-input v-model="refundFormData.goodNum" style="width:10vw;" disabled />
-                        &nbsp;个
+            <el-input style="padding-right: 10px; width:10.5vw;" v-model="refundFormData.goodNum"
+                      placeholder="请输入产品数量" disabled/>
+            <span style="color: #999999;">{{ productUnit }}</span>
+          </div>
+          <div v-show="isRefundGold" style="margin-bottom: 15px; ">
+            <div style=" display: flex; ">
+                        <span
+                            style="color: #999999; display: flex; white-space: nowrap;align-items: center;">永久金币：</span>
+              <el-input style="padding-right: 10px;  height: 30px; width: 110px; margin-bottom: 10px"
+                        v-model="refundFormData.permanentGold" disabled/>
+            </div>
+            <div style="padding-right: 5px; display: flex;">
+                        <span
+                            style="color: #999999; display: flex; white-space: nowrap;align-items: center;">免费金币：</span>
+              <el-input style="padding-right: 10px;  height: 30px; width: 110px;"
+                        v-model="refundFormData.freeGold" disabled/>
+            </div>
           </div>
           <div class="add-item">
             <el-text style="width:4vw;">付款币种</el-text>
@@ -673,6 +696,7 @@ import moment from 'moment'
 import {useAdminStore} from '@/store/index.js'
 import {hasMenuPermission} from '@/utils/menuTreePermission.js'
 import {isNode} from 'mathjs';
+
 const adminStore = useAdminStore();
 const {menuTree} = storeToRefs(adminStore);
 console.log('menutree', menuTree.value);
@@ -680,9 +704,7 @@ import _ from 'lodash'
 import {addFormRule, editFormRule} from './utils/recriveFormRules.js'
 //=====================   查询相关        =================================
 const tableData = ref([])
-const searchData = ref({
-
-})
+const searchData = ref({})
 const defaultTime = [
   new Date(2000, 1, 1, 0, 0, 0),
   new Date(2000, 2, 1, 23, 59, 59),
@@ -706,8 +728,7 @@ const getlist = async () => {
     if (getTime.value && getTime.value.length === 2) {
       searchData.value.startTime = moment(getTime.value[0]).format('YYYY-MM-DD HH:mm:ss')
       searchData.value.endTime = moment(getTime.value[1]).format('YYYY-MM-DD HH:mm:ss')
-        }
-        else {
+    } else {
       searchData.value.startTime = ''
       searchData.value.endTime = ''
     }
@@ -788,8 +809,7 @@ const navigateTo = async (tab) => {
   } else if (tab === 'done') {
     activeTab.value = 'done'
     await getlist()
-    }
-    else if (tab === 'reject') {
+  } else if (tab === 'reject') {
     activeTab.value = 'reject'
     await getlist()
   }
@@ -1100,9 +1120,7 @@ const previewImage = (imageUrl) => {
 
 
 //========= 客服新增 退款/撤回 相关 ===============
-const refundFormData = ref({
-
-})
+const refundFormData = ref({})
 const refundDialog = ref(false)
 const openRefundDialog = () => {
   refundDialog.value = true
@@ -1165,12 +1183,29 @@ const textContent = ref('')
 const recallDialog = ref(false)
 const refundConfirmDialog = ref(false)
 const RecallNum = ref('')
+const isRefundGold = ref(false)
+const ifRefundGold = () =>{
+  if (refundFormData.value.goodsName === '金币充值') {
+    isRefundGold.value = true
+    refundFormData.value.goodNum = 0
+  } else {
+    isRefundGold.value = false
+    if (selectItems.includes(refundFormData.value.goodsName)) {
+      productUnit.value = '年'
+    } else {
+      productUnit.value = '个'
+    }
+  }
+}
 const openConfirm = (val, row) => {
   console.log('打开弹窗', val, row);
   if (val == 'refund') {
     textContent.value = '将要对该订单退款!'
-        refundConfirmDialog.value = true
     refundFormData.value = {...row}
+    ifRefundGold()
+    console.log('ifRefundGold',)
+    refundConfirmDialog.value = true
+
   }
   if (val == 'recall') {
     textContent.value = '将要撤回该信息!'
@@ -1206,9 +1241,7 @@ const closeConfirmRefund = () => {
   textContent.value = ''
 }
 //==================  财务编辑相关     =========================
-const editFormData = ref({
-
-})
+const editFormData = ref({})
 
 const ifOnline = ref(false)
 const editFormisible = ref(false)
@@ -1261,9 +1294,7 @@ const submitEditForm = async () => {
   }
 }
 //==================  审核相关     =========================
-const auditFormData = ref({
-
-})
+const auditFormData = ref({})
 //财务通过审核请求
 const handelAudit = async () => {
   try {
@@ -1716,8 +1747,7 @@ onMounted(async function () {
   if (hasMenuPermission(menuTree.value, 77) && hasMenuPermission(menuTree.value, 78) && hasMenuPermission(menuTree.value, 79)) {
     superAdmin.value = true
     getlist()
-    }
-    else if (hasMenuPermission(menuTree.value, 77)) {
+  } else if (hasMenuPermission(menuTree.value, 77)) {
     checkKefu()
   } else if (hasMenuPermission(menuTree.value, 78)) {
     checkCaiwu()
@@ -1788,7 +1818,6 @@ onMounted(async function () {
     }
 
 
-
     .table {
       margin: 10px;
       border-radius: 20px;
@@ -1839,7 +1868,7 @@ onMounted(async function () {
     //撤回弹窗提示
     height: 392px;
     width: 700px;
-        background-image: url('@/assets/收款明细撤回背景.png');
+    background-image: url('/src/assets/收款明细撤回背景.png');
     position: fixed; // 固定定位，相对于浏览器窗口
     top: 50%; // 距离顶部50%
     left: 50%; // 距离左侧50%