合并.recalDialog

src/views/moneyManage/receiveDetail/receiveDetail.vue

@@ -16,26 +16,28 @@
           <div class="rowItem">
             <el-text style="width: 4vw;">所属地区</el-text>
             <el-select v-model="searchData.market" placeholder="请选择所属地区" style="width:10vw;" clearable>
-                            <el-option v-for="item in marketList" :key="item" :label="item" :value="item" />
+              <el-option v-for="item in marketList" :key="item" :label="item" :value="item"/>
             </el-select>
           </div>
           <div v-if="kefu" class="rowItem">
             <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>
             <el-select v-model="searchData.payType" placeholder="请选择支付方式" style="width: 10vw;" clearable>
-                            <el-option v-for="item in paytypeList" :key="item" :label="item" :value="item" />
+              <el-option v-for="item in paytypeList" :key="item" :label="item" :value="item"/>
             </el-select>
           </div>
         </div>
@@ -43,20 +45,20 @@
           <div class="rowItem">
             <el-text style="width: 4vw;">活动名称</el-text>
             <el-select v-model="searchData.activity" placeholdert="请选择活动方式" style="width: 10vw;" clearable>
-                            <el-option v-for="item in activityList" :key="item" :label="item" :value="item" />
+              <el-option v-for="item in activityList" :key="item" :label="item" :value="item"/>
             </el-select>
           </div>
           <div class="rowItem">
             <el-text style="width: 4vw;">产品名称</el-text>
             <el-cascader v-model="searchData.goodsName" :options="productList" style="width: 10vw;"
-                            clearable />
+                         clearable/>
           </div>
           <div class="rowItem" style="width: 30vw">
             <el-text style="width: 4vw; margin-left: 0.5vw;">付款时间</el-text>
             <el-date-picker v-model="getTime" type="datetimerange" range-separator="至"
                             start-placeholder="起始时间" end-placeholder="结束时间" style="width: 22vw; "
                             @change="handleDatePickerChange" :default-time="defaultTime"
-                            :disabled-date="disabledDate" />
+                            :disabled-date="disabledDate"/>
           </div>
           <div v-if="!superAdmin" class="buttons">
             <el-button type="primary" @click="search">查询</el-button>
@@ -121,11 +123,11 @@
                 <span>{{ scope.$index + 1 + (pageInfo.pageNum - 1) * pageInfo.pageSize }}</span>
               </template>
             </el-table-column>
-                        <el-table-column fixed="left" prop="jwcode" label="Homily ID" width="110px" />
-                        <el-table-column fixed="left" prop="name" label="姓名" width="110px" />
-                        <el-table-column prop="marketName" label="所属地区" width="80px" />
-                        <el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip />
-                        <el-table-column prop="goodsName" label="产品名称" width="120px" />
+            <el-table-column fixed="left" prop="jwcode" label="Homily ID" width="110px"/>
+            <el-table-column fixed="left" prop="name" label="姓名" width="110px"/>
+            <el-table-column prop="marketName" label="所属地区" width="80px"/>
+            <el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip/>
+            <el-table-column prop="goodsName" label="产品名称" width="120px"/>
             <el-table-column prop="goodNum" label="产品数量" width="130px">
               <template #default="scope">
                 <span v-if="scope.row.goodsName == '金币充值'">{{ scope.row.permanentGold }}</span>
@@ -156,7 +158,7 @@
             </el-table-column>
             <el-table-column prop="payType" label="支付方式" width="130px">
             </el-table-column>
-                        <el-table-column prop="payTime" label="付款时间" width="180px" />
+            <el-table-column prop="payTime" label="付款时间" width="180px"/>
             <el-table-column prop="voucher" label="转账凭证" width="110px">
               <template #default="scope">
                 <div v-if="scope.row.voucher"
@@ -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>
@@ -285,24 +293,24 @@
       <el-form class="addForm" ref="addFormRef" :rules="addFormRule" :model="addFormData" label-width="4vw"
                label-position="left">
         <el-form-item label="精网号" required prop="jwcode">
-                    <el-input v-model="addFormData.jwcode" placeholder="请输入精网号" @blur="jwcodeSeachMarket" />
+          <el-input v-model="addFormData.jwcode" placeholder="请输入精网号" @blur="jwcodeSeachMarket"/>
         </el-form-item>
         <el-form-item label="客户姓名" required prop="name">
-                    <el-input disabled="true" v-model="addFormData.name" placeholder="请输入客户姓名" />
+          <el-input disabled="true" v-model="addFormData.name" placeholder="请输入客户姓名"/>
         </el-form-item>
         <el-form-item label="所属地区" required prop="market">
           <el-input disabled="true" v-model="addFormData.market" :value="addFormData.marketName"
-                        placeholder="请输入所属地区" />
+                    placeholder="请输入所属地区"/>
         </el-form-item>
         <el-form-item label="活动名称" required prop="activity">
-                    <el-input v-model="addFormData.activity" placeholder="请输入活动名称" />
+          <el-input v-model="addFormData.activity" placeholder="请输入活动名称"/>
         </el-form-item>
         <el-form-item label="产品名称" required @change="ifGold" prop="goodsName">
           <ProductSelect ref="productSelectRef" v-model="addFormData.goodsName"></ProductSelect>
         </el-form-item>
         <el-form-item v-show="!isGold" label="产品数量" required prop="goodNum">
           <div style="padding-right: 50px; display: flex;">
-                        <el-input style="padding-right: 10px;" v-model="addFormData.goodNum" placeholder="请输入产品数量" />
+            <el-input style="padding-right: 10px;" v-model="addFormData.goodNum" placeholder="请输入产品数量"/>
             <span style="color: #999999;">{{ productUnit }}</span>
           </div>
         </el-form-item>
@@ -311,21 +319,21 @@
                         <span
                             style="color: #999999; display: flex; white-space: nowrap;align-items: center;">永久金币：</span>
             <el-input style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
-                            v-model="addFormData.permanentGold" />
+                      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 style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
-                            v-model="addFormData.freeGold" />
+                      v-model="addFormData.freeGold"/>
           </div>
         </div>
         <el-form-item label="付款币种" required prop="paymentCurrency">
           <CurrencySelect v-model="addFormData.paymentCurrency" :items="customOptions" placeholder="请选择付款币种"
-                        @change="handleCurrencyChange" />
+                          @change="handleCurrencyChange"/>
         </el-form-item>
         <el-form-item label="付款金额" required prop="paymentAmount">
-                    <el-input v-model="addFormData.paymentAmount" placeholder="请输入付款金额" />
+          <el-input v-model="addFormData.paymentAmount" placeholder="请输入付款金额"/>
         </el-form-item>
         <el-form-item label="支付方式" required prop="payType">
           <CurrencySelect v-model="addFormData.payType" :items="paytypeOptions" placeholder="请选择支付方式"
@@ -339,7 +347,7 @@
         </el-form-item>
         <el-form-item label="付款时间" required prop="payTime">
           <el-date-picker type="datetime" placement="right" v-model="addFormData.payTime"
-                        placeholder="请选择付款时间" />
+                          placeholder="请选择付款时间"/>
         </el-form-item>
         <el-form-item label="转账凭证" required prop="voucher">
           <div class="pic">
@@ -347,16 +355,16 @@
                        :auto-upload="false" :before-upload="beforeUpload" :on-error="handelImgErr"
                        :on-change="handleImageChange" :http-request="customUpload">
               <img v-if="addFormData.voucher" :src="addFormData.voucher" class="avatar"
-                                style="height: 100%; width: 100%;  object-fit: cover;" />
+                   style="height: 100%; width: 100%;  object-fit: cover;"/>
               <el-icon v-else class="avatar-uploader-icon">
-                                <Plus />
+                <Plus/>
               </el-icon>
             </el-upload>
           </div>
         </el-form-item>
         <el-form-item label="备注" required prop="remark">
           <el-input v-model="addFormData.remark" type="textarea" :rows="4" placeholder="请输入备注" maxlength="100"
-                        show-word-limit />
+                    show-word-limit/>
         </el-form-item>
       </el-form>
       <template #footer>
@@ -373,37 +381,37 @@
     <el-dialog class="adddialog" v-model="auditFormisible" width="20vw" :before-close="closeAuditForm">
       <el-form class="addForm" label-width="4vw" label-position="left">
         <el-form-item label="精网号">
-                    <el-input disabled="true" v-model="auditFormData.jwcode" placeholder="请输入驳回理由" />
+          <el-input disabled="true" v-model="auditFormData.jwcode" placeholder="请输入驳回理由"/>
         </el-form-item>
         <el-form-item label="客户姓名">
-                    <el-input disabled="true" v-model="auditFormData.name" placeholder="请输入客户姓名" />
+          <el-input disabled="true" v-model="auditFormData.name" placeholder="请输入客户姓名"/>
         </el-form-item>
         <el-form-item label="所属地区">
-                    <el-input disabled="true" v-model="auditFormData.market" />
+          <el-input disabled="true" v-model="auditFormData.market"/>
         </el-form-item>
         <el-form-item label="活动名称">
-                    <el-input disabled="true" v-model="auditFormData.activity" placeholder="请输入活动名称" />
+          <el-input disabled="true" v-model="auditFormData.activity" placeholder="请输入活动名称"/>
         </el-form-item>
         <el-form-item label="产品名称">
-                    <el-select disabled="true" v-model="auditFormData.goodsName" />
+          <el-select disabled="true" v-model="auditFormData.goodsName"/>
         </el-form-item>
         <el-form-item label="付款币种">
           <el-select disabled="true" v-model="auditFormData.paymentCurrency" placeholder="请选择付款币种"
-                        @change="handleCurrencyChange" />
+                     @change="handleCurrencyChange"/>
         </el-form-item>
         <el-form-item label="付款金额">
-                    <el-input disabled="true" v-model="auditFormData.paymentAmount" placeholder="请输入付款金额" />
+          <el-input disabled="true" v-model="auditFormData.paymentAmount" placeholder="请输入付款金额"/>
         </el-form-item>
         <el-form-item label="支付方式">
           <el-select disabled="true" v-model="auditFormData.payType" :items="paytypeOptions"
-                        placeholder="请选择支付方式" />
+                     placeholder="请选择支付方式"/>
         </el-form-item>
         <el-form-item label="到账地区">
-                    <el-select disabled="true" v-model="auditFormData.receivedMarket" placeholder="到账地区" />
+          <el-select disabled="true" v-model="auditFormData.receivedMarket" placeholder="到账地区"/>
         </el-form-item>
         <el-form-item label="付款时间">
           <el-date-picker disabled="true" type="datetime" v-model="auditFormData.payTime"
-                        placeholder="请选择付款时间" />
+                          placeholder="请选择付款时间"/>
         </el-form-item>
         <el-form-item label="转账凭证">
           <div class="pic">
@@ -411,9 +419,9 @@
                        :auto-upload="false" :before-upload="beforeUpload" :on-error="handelImgErr"
                        :on-change="handleImageChange" :http-request="customUpload">
               <img v-if="auditFormData.voucher" :src="auditFormData.voucher" class="avatar"
-                                style="height: 100%; width: 100%;  object-fit: cover;" />
+                   style="height: 100%; width: 100%;  object-fit: cover;"/>
               <el-icon v-else class="avatar-uploader-icon">
-                                <Plus />
+                <Plus/>
               </el-icon>
             </el-upload>
             <el-text class="picText">
@@ -423,11 +431,11 @@
         </el-form-item>
         <el-form-item label="备注">
           <el-input disabled="true" v-model="auditFormData.remark" type="textarea" :rows="3"
-                        placeholder="请输入备注" maxlength="100" show-word-limit />
+                    placeholder="请输入备注" maxlength="100" show-word-limit/>
         </el-form-item>
         <el-form-item label="驳回理由" v-if="ifReject" required>
           <el-input v-model="auditFormData.rejectReason" type="textarea" :rows="3" placeholder="请输入驳回理由"
-                        maxlength="100" show-word-limit />
+                    maxlength="100" show-word-limit/>
         </el-form-item>
       </el-form>
       <template #footer>
@@ -452,16 +460,16 @@
         <div class="left">
           <el-form class="editForm" label-width="4.5vw" label-position="left">
             <el-form-item label="精网号">
-                            <el-input disabled="true" v-model="editFormData.jwcode" placeholder="请输入驳回理由" />
+              <el-input disabled="true" v-model="editFormData.jwcode" placeholder="请输入驳回理由"/>
             </el-form-item>
             <el-form-item label="客户姓名">
-                            <el-input disabled="true" v-model="editFormData.name" placeholder="请输入客户姓名" />
+              <el-input disabled="true" v-model="editFormData.name" placeholder="请输入客户姓名"/>
             </el-form-item>
             <el-form-item label="所属地区">
-                            <el-input disabled="true" v-model="editFormData.marketName" placeholder="请输入所属地区" />
+              <el-input disabled="true" v-model="editFormData.marketName" placeholder="请输入所属地区"/>
             </el-form-item>
             <el-form-item label="活动名称">
-                            <el-input disabled="true" v-model="editFormData.activity" placeholder="请输入活动名称" />
+              <el-input disabled="true" v-model="editFormData.activity" placeholder="请输入活动名称"/>
             </el-form-item>
             <el-form-item label="产品名称">
               <el-select disabled="true" v-model="editFormData.goodsName" placeholder="请选择产品名称"
@@ -470,7 +478,7 @@
             <el-form-item v-show="!isEditGold" label="产品数量">
               <div style="padding-right: 50px; display: flex;">
                 <el-input disabled="true" style="padding-right: 10px;" v-model="editFormData.goodNum"
-                                    placeholder="请输入产品数量" />
+                          placeholder="请输入产品数量"/>
                 <span style="color: #999999;">个</span>
               </div>
             </el-form-item>
@@ -480,23 +488,23 @@
                                     style="color: #999999; display: flex; white-space: nowrap;align-items: center;">永久金币：</span>
                 <el-input disabled="true"
                           style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
-                                    v-model="editFormData.permanentGold" />
+                          v-model="editFormData.permanentGold"/>
               </div>
               <div style="padding-right: 5px; display: flex;">
                                 <span
                                     style="color: #999999; display: flex; white-space: nowrap;align-items: center;">免费金币：</span>
                 <el-input disabled="true"
                           style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
-                                    v-model="editFormData.freeGold" />
+                          v-model="editFormData.freeGold"/>
               </div>
             </div>
             <el-form-item label="付款币种">
               <CurrencySelect :disabled="!ifOnline" v-model="editFormData.paymentCurrency"
-                                :items="customOptions" placeholder="请选择付款币种" />
+                              :items="customOptions" placeholder="请选择付款币种"/>
             </el-form-item>
             <el-form-item label="付款金额">
               <el-input :disabled="!ifOnline" v-model="editFormData.paymentAmount"
-                                placeholder="请输入付款金额" />
+                        placeholder="请输入付款金额"/>
             </el-form-item>
             <el-form-item label="支付方式">
               <el-select disabled="true" v-model="editFormData.payType" placeholder="请选择支付方式"
@@ -508,7 +516,7 @@
             </el-form-item>
             <el-form-item label="付款时间">
               <el-date-picker disabled="true" type="datetime" v-model="editFormData.payTime"
-                                placeholder="请选择付款时间" />
+                              placeholder="请选择付款时间"/>
             </el-form-item>
             <el-form-item label="转账凭证">
               <div class="pic">
@@ -517,9 +525,9 @@
                            :on-error="handelImgErr" :on-change="handleImageChange"
                            :http-request="customUpload">
                   <img v-if="editFormData.voucher" :src="editFormData.voucher" class="avatar"
-                                        style="height: 100%; width: 100%;  object-fit: cover;" />
+                       style="height: 100%; width: 100%;  object-fit: cover;"/>
                   <el-icon v-else class="avatar-uploader-icon">
-                                        <Plus />
+                    <Plus/>
                   </el-icon>
                 </el-upload>
                 <el-text class="picText">
@@ -529,7 +537,7 @@
             </el-form-item>
             <el-form-item label="备注">
               <el-input disabled="true" v-model="editFormData.remark" type="textarea" :rows="4"
-                                placeholder="请输入驳回理由" maxlength="100" show-word-limit />
+                        placeholder="请输入驳回理由" maxlength="100" show-word-limit/>
             </el-form-item>
           </el-form>
         </div>
@@ -538,19 +546,19 @@
                    label-width="4.5vw" label-position="left">
             <el-form-item label="到账货币">
               <CurrencySelect v-model="editFormData.receivedCurrency" :items="customOptions"
-                                placeholder="请选择到账货币" />
+                              placeholder="请选择到账货币"/>
             </el-form-item>
             <el-form-item label="到账金额" prop="receivedAmount">
-                            <el-input v-model="editFormData.receivedAmount" placeholder="请输入到账金额" />
+              <el-input v-model="editFormData.receivedAmount" placeholder="请输入到账金额"/>
             </el-form-item>
             <el-form-item label="手续费" prop="handlingCharge">
-                            <el-input v-model="editFormData.handlingCharge" placeholder="请输入手续费" />
+              <el-input v-model="editFormData.handlingCharge" placeholder="请输入手续费"/>
             </el-form-item>
             <!-- <el-form-item label="银行流水订单号">
                 <el-input v-model="editFormData.jwcode" placeholder="请输入银行流水订单号" />
             </el-form-item> -->
             <el-form-item label="到账时间">
-                            <el-date-picker type="datetime" v-model="editFormData.receivedTime" placeholder="请输入到账时间" />
+              <el-date-picker type="datetime" v-model="editFormData.receivedTime" placeholder="请输入到账时间"/>
             </el-form-item>
           </el-form>
           <span class="editBtns">
@@ -575,44 +583,59 @@
         <div class="left">
           <div class="add-item">
             <el-text style="width:4vw;">精网号</el-text>
-                        <el-input v-model="refundFormData.jwcode" style="width:10vw;" disabled />
+            <el-input v-model="refundFormData.jwcode" style="width:10vw;" disabled/>
           </div>
           <div class="add-item">
             <el-text style="width:4vw;">客户姓名</el-text>
-                        <el-input v-model="refundFormData.name" style="width:10vw;" disabled />
+            <el-input v-model="refundFormData.name" style="width:10vw;" disabled/>
           </div>
           <div class="add-item">
             <el-text style="width:4vw;">所属地区</el-text>
-                        <el-input v-model="refundFormData.marketName" style="width:10vw;" disabled />
+            <el-input v-model="refundFormData.marketName" style="width:10vw;" disabled/>
           </div>
           <div class="add-item">
             <el-text style="width:4vw;">活动名称</el-text>
-                        <el-input v-model="refundFormData.activity" style="width:10vw;" disabled />
+            <el-input v-model="refundFormData.activity" style="width:10vw;" disabled/>
           </div>
           <div class="add-item">
             <el-text style="width:4vw;">产品名称</el-text>
-                        <el-input v-model="refundFormData.goodsName" style="width:10vw;" disabled />
+            <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>
-                        <el-input v-model="refundFormData.paymentCurrency" style="width:10vw;" disabled />
+            <el-input v-model="refundFormData.paymentCurrency" style="width:10vw;" disabled/>
           </div>
           <div class="add-item">
             <el-text style="width:4vw;">付款金额</el-text>
-                        <el-input v-model="refundFormData.paymentAmount" style="width:10vw;" disabled />
+            <el-input v-model="refundFormData.paymentAmount" style="width:10vw;" disabled/>
           </div>
           <div class="add-item">
             <el-text style="width:4vw;">支付方式</el-text>
-                        <el-input v-model="refundFormData.payType" style="width:10vw;" disabled />
+            <el-input v-model="refundFormData.payType" style="width:10vw;" disabled/>
           </div>
           <div class="add-item">
             <el-text style="width:4vw;">付款时间</el-text>
-                        <el-date-picker v-model="refundFormData.payTime" type="datetime" style="width:10vw;" disabled />
+            <el-date-picker v-model="refundFormData.payTime" type="datetime" style="width:10vw;" disabled/>
           </div>
           <div class="add-item">
             <el-text style="width:4vw;" size="small">转账凭证</el-text>
@@ -623,7 +646,7 @@
                   <img v-if="refundFormData.voucher" :src="refundFormData.voucher"
                        style="width: 100%; height: 100%; object-fit: cover;">
                   <el-icon v-else>
-                                        <Plus />
+                    <Plus/>
                   </el-icon>
                 </template>
               </el-upload>
@@ -632,7 +655,7 @@
           <div class="add-item">
             <el-text style="width:4vw;">备注</el-text>
             <el-input v-model="refundFormData.remark" style="width:10vw;" :rows="3" type="textarea"
-                            maxLength="100" disabled show-word-limit />
+                      maxLength="100" disabled show-word-limit/>
           </div>
         </div>
         <div class="right">
@@ -646,7 +669,7 @@
           <div class="add-item">
             <el-text style="width:4vw;">退款理由</el-text>
             <el-input v-model="refundFormData.refundReason" style="width:10vw;" :rows="5" maxlength="150"
-                            show-word-limit type="textarea" />
+                      show-word-limit type="textarea"/>
           </div>
           <div>ps:请在退款理由表明用户的退款需求。</div>
           <div style="display:flex;justify-content: center;margin-top: 5vh;">
@@ -659,30 +682,29 @@
   </div>
 </template>
 <script setup>
-import { ref, watch, computed, onMounted } from 'vue';
-import { storeToRefs } from 'pinia';
-import { ElMessage, ElMessageBox } from 'element-plus'
+import {ref, watch, computed, onMounted} from 'vue';
+import {storeToRefs} from 'pinia';
+import {ElMessage, ElMessageBox} from 'element-plus'
 import API from '@/util/http.js'
-import { color } from 'echarts';
-import { template } from 'lodash';
+import {color} from 'echarts';
+import {template} from 'lodash';
 import CurrencySelect from '@/components/MoneyManage/CurrencySelect.vue'
 import ProductSelect from '@/components/MoneyManage/ProductSelect.vue'
-import { Search } from '@element-plus/icons-vue';
+import {Search} from '@element-plus/icons-vue';
 import request from '@/util/http.js'
 import moment from 'moment'
-import { useAdminStore } from '@/store/index.js'
-import { hasMenuPermission } from '@/utils/menuTreePermission.js'
-import { isNode } from 'mathjs';
+import {useAdminStore} from '@/store/index.js'
+import {hasMenuPermission} from '@/utils/menuTreePermission.js'
+import {isNode} from 'mathjs';
+
 const adminStore = useAdminStore();
-const { menuTree } = storeToRefs(adminStore);
+const {menuTree} = storeToRefs(adminStore);
 console.log('menutree', menuTree.value);
 import _ from 'lodash'
-import { addFormRule, editFormRule } from './utils/recriveFormRules.js'
+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()
   }
@@ -918,7 +938,7 @@ const openAddForm = (row) => {
   if (row.jwcode) {
     console.log('编辑回显数据', row);
     addOrEdit.value = 2
-        addFormData.value = { ...row };
+    addFormData.value = {...row};
     jwcodeSeachMarket()
     ifGold()
     addFormisible.value = true
@@ -969,7 +989,7 @@ const handleAddForm = async () => {
     }
     console.log('返回参数：', result);
   } catch (error) {
-        console.log('出啥错了？',error);
+    console.log('出啥错了？', error);
     ElMessage.error('请完善表单信息后提交');
   }
 }
@@ -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 = '将要对该订单退款!'
+    refundFormData.value = {...row}
+    ifRefundGold()
+    console.log('ifRefundGold',)
     refundConfirmDialog.value = true
-        refundFormData.value = { ...row }
+
   }
   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%
@@ -2161,7 +2190,7 @@ onMounted(async function () {
 :deep(.el-table__header-wrapper),
 :deep(.el-table__body-wrapper),
 :deep(.el-table__cell),
-/* 表格 */
+  /* 表格 */
 :deep(.el-table__body td) {
   background-color: #F3FAFE !important;
 }