11.8 退款申请新增

src/api/biz/outchargeorder/index.ts

@@ -153,4 +153,9 @@ export const OutChargeOrderApi = {
   changeoutstatusOrder: async (data: OutChargeOrderVO) => {
     return await request.post({ url: `/cloud/out-charge-order/changeStatus`, data })
   },
+
+  // 退款
+  createRefundOrder: async (data: OutChargeOrderVO) => {
+    return await request.post({ url: `/cloud/refund-order/create`, data })
+  },
 }

src/views/system/offStationCharging/chargingOrder/index.vue

@@ -43,8 +43,8 @@
           clearable
           @keyup.enter="handleQuery"
           class="!w-240px"
-        />
+        /> </el-form-item
-      </el-form-item><el-form-item label="司机" prop="nickName">
+      ><el-form-item label="司机" prop="nickName">
         <el-input
           v-model="queryParams.nickName"
           placeholder="请输入司机"
@@ -54,7 +54,6 @@
         />
       </el-form-item>
       <el-form-item label="车牌号" prop="vehicleNo">
-       
         <el-input
           v-model="queryParams.vehicleNo"
           placeholder="请输入车牌号"
@@ -177,9 +176,24 @@
           </el-button>
           <el-button link type="danger" @click="handleDelete(scope.row.id)"> 删除 </el-button>
           <el-button link type="primary" @click="open_drawer(scope.row)"> 详情 </el-button>
+          <el-button
+            link
+            type="danger"
+            @click="handle_refund(scope.row)"
+            v-if="scope.row.orderStatus == 5"
+          >
+            申请退款
+          </el-button>
 
           <!-- <el-button link type="primary" @click="handle_Offline(scope.row) " > 线下结算 </el-button> -->
-          <el-button link type="primary" @click="handle_Offline(scope.row) " v-if="scope.row.orderStatus == 6"> 线下结算 </el-button>
+          <el-button
+            link
+            type="primary"
+            @click="handle_Offline(scope.row)"
+            v-if="scope.row.orderStatus == 6"
+          >
+            线下结算
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -287,7 +301,7 @@ const queryParams = reactive({
   dateId: undefined,
   timeId: undefined,
   vehicleNo: undefined,
-  nickName:undefined,
+  nickName: undefined
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
@@ -389,6 +403,23 @@ const handleDelete = async (id: number) => {
   } catch {}
 }
 
+const handle_refund = async (row: any) => {
+  let params = {
+    orderNo: row.chargeOrder,
+    refundPrice: row.totalFee,
+    type: 2
+  }
+  // console.log(params, 'params')
+  try {
+    await message.confirm('确定退款吗？', '提示')
+
+    await OutChargeOrderApi.createRefundOrder(params)
+    message.success('创建退款成功')
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 导出按钮操作 */
 const handleExport = async () => {
   try {

src/views/system/orderManagement/refundOrder/checkRefundOrder.vue

@@ -18,10 +18,9 @@
           </el-radio>
         </el-radio-group>
       </el-form-item>
-          <el-form-item label="审核备注" prop="applyReason">
+      <el-form-item label="审核备注" prop="auditReason">
-          <el-input v-model="formData.applyReason" placeholder="请输入审核备注" type="textarea" />
+        <el-input v-model="formData.auditReason" placeholder="请输入审核备注" type="textarea" />
       </el-form-item>
-  
     </el-form>
     <template #footer>
       <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
@@ -44,8 +43,8 @@
 const formType = ref('') // 表单的类型：create - 新增；update - 修改
 const formData = reactive({
   id: undefined,
-    applyReason: '',
+  auditReason: '',
-    status:undefined,
+  status: undefined
 })
 const formRules = reactive({
   // stationNo: [{ required: true, message: '换电站编码不能为空', trigger: 'blur' }],
@@ -56,8 +55,6 @@
 const open = async (id?: number) => {
   formData.id = id
   dialogVisible.value = true
-
-
 }
 defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 
@@ -83,12 +80,15 @@
     formLoading.value = false
   }
 }
-  watch(()=>dialogVisible.value,(newValue)=>{
+watch(
+  () => dialogVisible.value,
+  (newValue) => {
     if (!newValue) {
-	formData.applyReason=''
+      formData.auditReason = ''
     }
-},{
+  },
+  {
     deep: true
-})
+  }
-
+)
 </script>