From 685d3ec7f1ecc2ca40f4b5dd2293a8acf6039270 Mon Sep 17 00:00:00 2001
From: dwj <2793858211@qq.com>
Date: Tue, 17 Dec 2024 12:36:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B3=A8=E9=87=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/oms/apply/index.vue | 50 ++++++++++++++++++++++++++++++++---
 1 file changed, 46 insertions(+), 4 deletions(-)

diff --git a/src/views/oms/apply/index.vue b/src/views/oms/apply/index.vue
index b4ec938..33a8143 100644
--- a/src/views/oms/apply/index.vue
+++ b/src/views/oms/apply/index.vue
@@ -1,9 +1,13 @@
-<template> 
+<template>
+  <!-- 应用容器 -->
   <div class="app-container">
+    <!-- 筛选搜索区域 -->
     <el-card class="filter-container" shadow="never">
       <div>
+        <!-- 搜索图标和文本 -->
         <i class="el-icon-search"></i>
         <span>筛选搜索</span>
+        <!-- 查询搜索按钮 -->
         <el-button
           style="float:right"
           type="primary"
@@ -11,6 +15,7 @@
           size="small">
           查询搜索
         </el-button>
+        <!-- 重置按钮 -->
         <el-button
           style="float:right;margin-right: 15px"
           @click="handleResetSearch()"
@@ -18,11 +23,14 @@
           重置
         </el-button>
       </div>
+      <!-- 表单区域，用于输入筛选条件 -->
       <div style="margin-top: 15px">
         <el-form :inline="true" :model="listQuery" size="small" label-width="140px">
+          <!-- 输入搜索项 -->
           <el-form-item label="输入搜索：">
             <el-input v-model="listQuery.id" class="input-width" placeholder="服务单号"></el-input>
           </el-form-item>
+          <!-- 处理状态下拉选择 -->
           <el-form-item label="处理状态：">
             <el-select v-model="listQuery.status" placeholder="全部" clearable class="input-width">
               <el-option v-for="item in statusOptions"
@@ -32,6 +40,7 @@
               </el-option>
             </el-select>
           </el-form-item>
+          <!-- 申请时间选择 -->
           <el-form-item label="申请时间：">
             <el-date-picker
               class="input-width"
@@ -41,9 +50,11 @@
               placeholder="请选择时间">
             </el-date-picker>
           </el-form-item>
+          <!-- 操作人员输入 -->
           <el-form-item label="操作人员：">
             <el-input v-model="listQuery.handleMan" class="input-width" placeholder="全部"></el-input>
           </el-form-item>
+          <!-- 处理时间选择 -->
           <el-form-item label="处理时间：">
             <el-date-picker
               class="input-width"
@@ -56,45 +67,58 @@
         </el-form>
       </div>
     </el-card>
+    <!-- 数据列表操作区域 -->
     <el-card class="operate-container" shadow="never">
       <i class="el-icon-tickets"></i>
       <span>数据列表</span>
     </el-card>
+    <!-- 表格容器 -->
     <div class="table-container">
+      <!-- 表格，展示数据列表 -->
       <el-table ref="returnApplyTable"
                 :data="list"
                 style="width: 100%;"
                 @selection-change="handleSelectionChange"
                 v-loading="listLoading" border>
+        <!-- 选择列 -->
         <el-table-column type="selection" width="60" align="center"></el-table-column>
+        <!-- 服务单号列 -->
         <el-table-column label="服务单号" width="180" align="center">
           <template slot-scope="scope">{{scope.row.id}}</template>
         </el-table-column>
+        <!-- 申请时间列 -->
         <el-table-column label="申请时间" width="180" align="center">
           <template slot-scope="scope">{{scope.row.createTime | formatTime}}</template>
         </el-table-column>
+        <!-- 用户账号列 -->
         <el-table-column label="用户账号" align="center">
           <template slot-scope="scope">{{scope.row.memberUsername}}</template>
         </el-table-column>
+        <!-- 退款金额列 -->
         <el-table-column label="退款金额" width="180" align="center">
           <template slot-scope="scope">￥{{scope.row | formatReturnAmount}}</template>
         </el-table-column>
+        <!-- 申请状态列 -->
         <el-table-column label="申请状态" width="180" align="center">
           <template slot-scope="scope">{{scope.row.status | formatStatus}}</template>
         </el-table-column>
+        <!-- 处理时间列 -->
         <el-table-column label="处理时间" width="180" align="center">
           <template slot-scope="scope">{{scope.row.handleTime | formatTime}}</template>
         </el-table-column>
+        <!-- 操作列 -->
         <el-table-column label="操作" width="180" align="center">
           <template slot-scope="scope">
             <el-button
-            size="mini"
-            @click="handleViewDetail(scope.$index, scope.row)">查看详情</el-button>
+              size="mini"
+              @click="handleViewDetail(scope.$index, scope.row)">查看详情</el-button>
           </template>
         </el-table-column>
       </el-table>
     </div>
+    <!-- 批量操作容器 -->
     <div class="batch-operate-container">
+      <!-- 批量操作下拉选择 -->
       <el-select
         size="small"
         v-model="operateType" placeholder="批量操作">
@@ -105,6 +129,7 @@
           :value="item.value">
         </el-option>
       </el-select>
+      <!-- 批量操作按钮 -->
       <el-button
         style="margin-left: 20px"
         class="search-button"
@@ -114,6 +139,7 @@
         确定
       </el-button>
     </div>
+    <!-- 分页容器 -->
     <div class="pagination-container">
       <el-pagination
         background
@@ -128,9 +154,14 @@
     </div>
   </div>
 </template>
+
 <script>
+  // 导入日期格式化工具
   import {formatDate} from '@/utils/date';
+  // 导入API接口
   import {fetchList,deleteApply} from '@/api/returnApply';
+
+  // 默认的列表查询条件
   const defaultListQuery = {
     pageNum: 1,
     pageSize: 10,
@@ -141,6 +172,7 @@
     handleMan: null,
     handleTime: null
   };
+  // 处理状态选项
   const defaultStatusOptions=[
     {
       label: '待处理',
@@ -159,6 +191,7 @@
       value: 3
     }
   ];
+
   export default {
     name:'returnApplyList',
     data() {
@@ -179,9 +212,11 @@
       }
     },
     created(){
+      // 组件创建时获取列表
       this.getList();
     },
     filters:{
+      // 时间格式化过滤器
       formatTime(time) {
         if(time==null||time===''){
           return 'N/A';
@@ -189,6 +224,7 @@
         let date = new Date(time);
         return formatDate(date, 'yyyy-MM-dd hh:mm:ss')
       },
+      // 状态格式化过滤器
       formatStatus(status){
         for(let i=0;i<defaultStatusOptions.length;i++){
           if(status===defaultStatusOptions[i].value){
@@ -196,24 +232,30 @@
           }
         }
       },
+      // 退款金额格式化过滤器
       formatReturnAmount(row){
         return row.productRealPrice*row.productCount;
       }
     },
     methods:{
+      // 处理表格选择变化
       handleSelectionChange(val){
         this.multipleSelection = val;
       },
+      // 重置搜索
       handleResetSearch() {
         this.listQuery = Object.assign({}, defaultListQuery);
       },
+      // 搜索列表
       handleSearchList() {
         this.listQuery.pageNum = 1;
         this.getList();
       },
+      // 查看详情
       handleViewDetail(index,row){
         this.$router.push({path:'/oms/returnApplyDetail',query:{id:row.id}})
       },
+      // 批量操作
       handleBatchOperate(){
         if(this.multipleSelection==null||this.multipleSelection.length<1){
           this.$message({
@@ -224,7 +266,7 @@
           return;
         }
         if(this.operateType===1){
-          //批量删除
+          // 批量删除
           this.$confirm('是否要进行删除操作?', '提示', {
             confirmButtonText: '确定',
             cancelButtonText: '取消',