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>
@@ -198,7 +212,7 @@
   <el-dialog v-model="dialogFormVisible" title="填写结算金额" width="500">
     <el-form :model="actualPay_form">
       <el-form-item label="金额(元)" label-width="100">
-        <el-input v-model.number="actualPay_form.actualPay" autocomplete="off"  />
+        <el-input v-model.number="actualPay_form.actualPay" autocomplete="off" />
       </el-form-item>
     </el-form>
     <template #footer>
@@ -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

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