增加确认收货弹出框

src/views/agent/payoff.vue

@@ -71,7 +71,7 @@
                             <template slot-scope="scope">
                                 <div class="flex gap8">
                                     <div :class="payoffStatusClass(scope.row.status)">{{scope.row.status}}</div>
-                                    <GuipToolTip placement="top" v-if="scope.row.status == '异常'" :manual="false" effect="light">
+                                    <GuipToolTip placement="top" v-if="scope.row.status == '异常' && scope.row.remark" :manual="false" effect="light">
                                         <img style="width: 16px;height: 16px;" src="@/assets/site/more_setIcon.png" alt="">
                                         <template #content>
                                             <div class="flex toolFilled">
@@ -90,7 +90,7 @@
                 <el-form>
                     <PromptText text="每天凌晨出具前一天已完成的订单账单" :type="1" class="mb32"/>
                     <GuipTable :tableData="tableList" :key="tableKey" ref="multipleTable" autoColumn="true" :loading="tableLoading" style="flex:1">
-                        <el-table-column prop="short_name" label="账号"></el-table-column>
+                        <el-table-column prop="short_name" label="站点"></el-table-column>
                         <el-table-column prop="bill_date" label="账单日期"></el-table-column>
                         <el-table-column prop="pay_type" label="支付类型">
                             <template slot-scope="scope">
@@ -107,7 +107,7 @@
                         </el-table-column>
                         <el-table-column prop="money" label="操作">
                             <template slot-scope="scope">
-                                <GuipButton type="text" @click="handleShowInfo(scope.row.id,scope.row.uid,scope.row.pay_type)">查看核算账单</GuipButton>
+                                <GuipButton type="text" @click="handleShowInfo(scope.row.id,scope.row.uid,scope.row.pay_type)">查看</GuipButton>
                             </template>
                         </el-table-column>
                     </GuipTable>

src/views/agent/recharge.vue

@@ -173,6 +173,19 @@
                 <div class="table-grid-cell">{{refund_detail.refund_recv_account}}</div>
             </div>
         </GuipDialog>
+        <GuipDialog :dialogVisible="dialogVisible1" confirmText="确认收货" width="457px" title="确认收货" :show-close-button="true" :show-cancel-button="false" @confirm="handleHideInfo()" @close="handleHideInfo()">
+            <p class="paySuccessText">
+                充值暂未成功<br/>
+                请到淘宝确认收货后，再点击下面的已确认收货按钮
+            </p>
+        </GuipDialog>
+        <GuipDialog :dialogVisible="dialogVisible2" width="457px" title="订单号已使用" :show-close-button="true" :showFooterButton="false" @close="handleHideInfo()">
+            <p>若充值未到账，可能是未成功确认收货。</p>
+            <div class="flex mt12" style="color:#006AFF">
+                <p>前往充值列表查看</p>
+                <img src="@/assets/input_ex_ic_high.svg" alt="">
+            </div>
+        </GuipDialog>
     </div>
 </template>
 <script>
@@ -233,7 +246,9 @@ export default {
                 'width': '88px',
                 'height': '33px',
                 'font-size': '12px',
-            }
+            },
+            dialogVisible1: false,
+            dialogVisible2: false,
         }
     },
     mounted() {
@@ -394,7 +409,9 @@ export default {
             }
         },
         handleHideInfo(){
-            this.dialogVisible = false
+            this.dialogVisible = false;
+            this.dialogVisible1 = false;
+            this.dialogVisible2 = false;
         }
     }
 }
@@ -404,6 +421,13 @@ export default {
  ::v-deep .el-tabs__active-bar {
   display: block !important;
 }
+.paySuccessText{
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: 0.08em;
+    color: #1E2226;
+    margin-top: 20px;
+}
 .recharge-wrap{
   ::v-deep .el-tabs__header{
     margin: 0;