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="请输入车牌号"
@@ -95,10 +94,10 @@
         </template>
       </el-table-column>
 
-      <el-table-column label="充电订单号" align="center" prop="chargeOrder" width="120"/>
+      <el-table-column label="充电订单号" align="center" prop="chargeOrder" width="120" />
 
       <el-table-column label="充电机编号" align="center" prop="epm" width="120" />
-      <el-table-column label="枪号" align="center" prop="chargerGunNo" width="120" >
+      <el-table-column label="枪号" align="center" prop="chargerGunNo" width="120">
         <template #default="scope">
           <dict-tag :type="DICT_TYPE.GUN_LIST" :value="scope.row.chargerGunNo" />
         </template>
@@ -126,14 +125,14 @@
       <!-- <el-table-column label="开始SOE" align="center" prop="startSoe" width="120" /> -->
       <!-- <el-table-column label="结束SOE" align="center" prop="endSoe" width="120" /> -->
       <el-table-column label="充电电量" align="center" prop="chargingCapacity" />
-      <el-table-column label="充电时长(min)" align="center" prop="chargingTime" width="120"/>
+      <el-table-column label="充电时长(min)" align="center" prop="chargingTime" width="120" />
       <!-- <el-table-column label="车架号" align="center" prop="vin" /> -->
       <el-table-column label="订单状态" align="center" prop="orderStatus" width="120">
         <template #default="scope">
           <dict-tag :type="DICT_TYPE.ORDERSTATUS" :value="scope.row.orderStatus" />
         </template>
       </el-table-column>
-      <el-table-column label="总费用" align="center" prop="totalFee" >
+      <el-table-column label="总费用" align="center" prop="totalFee">
         <template #default="scope">
           {{ scope.row.totalFee / 100 }}
         </template>
@@ -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>
@@ -286,8 +300,8 @@ const queryParams = reactive({
   priceId: undefined,
   dateId: undefined,
   timeId: undefined,
-  vehicleNo: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

@@ -10,7 +10,7 @@
       <el-form-item label="退款状态" prop="status">
         <el-radio-group v-model="formData.status">
           <el-radio
-			      v-for="dict in getIntDictOptions(DICT_TYPE.REFUND_STATUS_two )"
+            v-for="dict in getIntDictOptions(DICT_TYPE.REFUND_STATUS_two)"
             :key="dict.value"
             :label="dict.value"
           >
@@ -18,62 +18,59 @@
           </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>
       <el-button @click="dialogVisible = false">取 消</el-button>
     </template>
   </Dialog>
-  </template>
+</template>
-  <script setup lang="ts">
+<script setup lang="ts">
-  import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
+import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
-  import { RefundOrderApi, RefundOrderVO } from '@/api/system/orderManagement/refundOrder'
+import { RefundOrderApi, RefundOrderVO } from '@/api/system/orderManagement/refundOrder'
-  /** 退款订单 表单 */
+/** 退款订单 表单 */
-  defineOptions({ name: 'RefundOrderForm' })
+defineOptions({ name: 'RefundOrderForm' })
 
-  const { t } = useI18n() // 国际化
+const { t } = useI18n() // 国际化
-  const message = useMessage() // 消息弹窗
+const message = useMessage() // 消息弹窗
 
-  const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogVisible = ref(false) // 弹窗的是否展示
-  const dialogTitle = ref('') // 弹窗的标题
+const dialogTitle = ref('') // 弹窗的标题
-  const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
-  const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
-  const formData = reactive({
+const formData = reactive({
   id: undefined,
-    applyReason: '',
+  auditReason: '',
-    status:undefined,
+  status: undefined
-  })
+})
-  const formRules = reactive({
+const formRules = reactive({
   // stationNo: [{ required: true, message: '换电站编码不能为空', trigger: 'blur' }],
-  })
+})
-  const formRef = ref() // 表单 Ref
+const formRef = ref() // 表单 Ref
 
-  /** 打开弹窗 */
+/** 打开弹窗 */
-  const open = async (id?: number) => {
+const open = async (id?: number) => {
   formData.id = id
   dialogVisible.value = true
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 
-
+/** 提交表单 */
-  }
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
-  defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+const submitForm = async () => {
-  
-  /** 提交表单 */
-  const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
-  const submitForm = async () => {
   // 校验表单
   await formRef.value.validate()
   // 提交请求
   formLoading.value = true
   try {
     const data = await RefundOrderApi.checkRefundOrder(formData)
-      if(data){
+    if (data) {
       dialogVisible.value = false
       message.success('成功')
-			}else{
+    } else {
       message.error('失败')
     }
     dialogVisible.value = false
@@ -82,13 +79,16 @@
   } finally {
     formLoading.value = false
   }
-  }
-  watch(()=>dialogVisible.value,(newValue)=>{
-if(!newValue){
-	formData.applyReason=''
 }
-},{
+watch(
-	deep:true
+  () => dialogVisible.value,
-})
+  (newValue) => {
-
+    if (!newValue) {
-  </script>
+      formData.auditReason = ''
+    }
+  },
+  {
+    deep: true
+  }
+)
+</script>