申请列表完善

src/api/returnApply.js

@@ -6,3 +6,11 @@ export function fetchList(params) {
  params:params
  })
 }
+
+export function deleteApply(params) {
+ return request({
+ url:'/returnApply/delete',
+ method:'post',
+ params:params
+ })
+}

src/views/oms/apply/index.vue

@@ -21,10 +21,10 @@
  <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" style="width: 203px" placeholder="服务单号"></el-input>
+ <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>
+ <el-select v-model="listQuery.status" placeholder="全部" clearable class="input-width">
  <el-option v-for="item in statusOptions"
  :key="item.value"
  :label="item.label"
@@ -34,17 +34,19 @@
  </el-form-item>
  <el-form-item label="申请时间：">
  <el-date-picker
+ class="input-width"
  v-model="listQuery.createTime"
  value-format="yyyy-MM-dd"
  type="date"
  placeholder="请选择时间">
  </el-date-picker>
  </el-form-item>
  <el-form-item label="操作人员：">
- <el-input v-model="listQuery.handleMan" style="width: 203px" placeholder="全部"></el-input>
+ <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"
  v-model="listQuery.handleTime"
  value-format="yyyy-MM-dd"
  type="date"
@@ -75,7 +77,7 @@
  <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.productRealPrice*scope.row.productCount}}</template>
+ <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>
@@ -87,16 +89,48 @@
  <template slot-scope="scope">
  <el-button
  size="mini"
- @click="handleViewOrder(scope.$index, scope.row)">查看详情</el-button>
+ @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="批量操作">
+ <el-option
+ v-for="item in operateOptions"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ <el-button
+ style="margin-left: 20px"
+ class="search-button"
+ @click="handleBatchOperate()"
+ type="primary"
+ size="small">
+ 确定
+ </el-button>
+ </div>
+ <div class="pagination-container">
+ <el-pagination
+ background
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ layout="total, sizes,prev, pager, next,jumper"
+ :current-page.sync="listQuery.pageNum"
+ :page-size="listQuery.pageSize"
+ :page-sizes="[5,10,15]"
+ :total="total">
+ </el-pagination>
+ </div>
  </div>
 </template>
 <script>
  import {formatDate} from '@/utils/date';
- import {fetchList} from '@/api/returnApply';
+ import {fetchList,deleteApply} from '@/api/returnApply';
  const defaultListQuery = {
  pageNum: 1,
  pageSize: 10,
@@ -134,7 +168,14 @@
  list:null,
  total:null,
  listLoading:false,
- multipleSelection:[]
+ multipleSelection:[],
+ operateType:1,
+ operateOptions: [
+ {
+ label: "批量删除",
+ value: 1
+ }
+ ],
  }
  },
  created(){
@@ -154,12 +195,64 @@
  return defaultStatusOptions[i].label;
  }
  }
- }
+ },
+ 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(){},
+ handleBatchOperate(){
+ if(this.multipleSelection==null||this.multipleSelection.length<1){
+ this.$message({
+ message: '请选择要操作的申请',
+ type: 'warning',
+ duration: 1000
+ });
+ return;
+ }
+ if(this.operateType===1){
+ //批量删除
+ this.$confirm('是否要进行删除操作?', '提示', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning'
+ }).then(() => {
+ let params = new URLSearchParams();
+ let ids=[];
+ for(let i=0;i<this.multipleSelection.length;i++){
+ ids.push(this.multipleSelection[i].id);
+ }
+ params.append("ids",ids);
+ deleteApply(params).then(response=>{
+ this.getList();
+ this.$message({
+ type: 'success',
+ message: '删除成功!'
+ });
+ });
+ })
+ }
+ },
+ handleSizeChange(val){
+ this.listQuery.pageNum = 1;
+ this.listQuery.pageSize = val;
+ this.getList();
+ },
+ handleCurrentChange(val){
+ this.listQuery.pageNum = val;
+ this.getList();
+ },
  getList(){
  this.listLoading=true;
  fetchList(this.listQuery).then(response => {
@@ -171,6 +264,10 @@
  }
  }
 </script>
-<style></style>
+<style scoped>
+ .input-width {
+ width: 203px;
+ }
+</style>
 
 

src/views/oms/order/index.vue

@@ -21,21 +21,22 @@
  <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.orderSn" style="width: 203px" placeholder="订单编号"></el-input>
+ <el-input v-model="listQuery.orderSn" class="input-width" placeholder="订单编号"></el-input>
  </el-form-item>
  <el-form-item label="收货人：">
- <el-input v-model="listQuery.receiverKeyword" style="width: 203px" placeholder="收货人姓名/手机号码"></el-input>
+ <el-input v-model="listQuery.receiverKeyword" class="input-width" placeholder="收货人姓名/手机号码"></el-input>
  </el-form-item>
  <el-form-item label="提交时间：">
  <el-date-picker
+ class="input-width"
  v-model="listQuery.createTime"
  value-format="yyyy-MM-dd"
  type="date"
- placeholder="选择开始时间">
+ placeholder="请选择时间">
  </el-date-picker>
  </el-form-item>
  <el-form-item label="订单状态：">
- <el-select v-model="listQuery.status" placeholder="全部" clearable>
+ <el-select v-model="listQuery.status" class="input-width" placeholder="全部" clearable>
  <el-option v-for="item in statusOptions"
  :key="item.value"
  :label="item.label"
@@ -44,7 +45,7 @@
  </el-select>
  </el-form-item>
  <el-form-item label="订单分类：">
- <el-select v-model="listQuery.orderType" placeholder="全部" clearable>
+ <el-select v-model="listQuery.orderType" class="input-width" placeholder="全部" clearable>
  <el-option v-for="item in orderTypeOptions"
  :key="item.value"
  :label="item.label"
@@ -53,7 +54,7 @@
  </el-select>
  </el-form-item>
  <el-form-item label="订单来源：">
- <el-select v-model="listQuery.sourceType" placeholder="全部" clearable>
+ <el-select v-model="listQuery.sourceType" class="input-width" placeholder="全部" clearable>
  <el-option v-for="item in sourceTypeOptions"
  :key="item.value"
  :label="item.label"
@@ -446,6 +447,10 @@
  }
  }
 </script>
-<style></style>
+<style scroped>
+ .input-width {
+ width: 203px;
+ }
+</style>