Skip to content

X
xinrenli-admin
Commit c0609970 by zhangmengjie
Options

23.4.6

parent be7abaa4
Showing with 89 additions and 35 deletions
src/api/orderform/index.js
...@@ -8,4 +8,11 @@ export function listGET(query) { ...@@ -8,4 +8,11 @@ export function listGET(query) {
params: query params: query
}) })
} }
// 订单列表导出
export function exportPOST(data) {
return request({
url: '/xinrenli/order/export',
method: 'post',
data: data
})
}
src/views/orderform/index.vue
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="94px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="94px">
<el-form-item label="联系人姓名" prop="dataName"> <el-form-item label="联系人姓名" prop="linkman">
<el-input v-model="queryParams.dataName" placeholder="请输入联系人姓名" clearable /> <el-input v-model="queryParams.linkman" placeholder="请输入联系人姓名" clearable />
</el-form-item> </el-form-item>
<el-form-item label="联系电话" prop="tableName"> <el-form-item label="联系电话" prop="phone">
<el-input v-model="queryParams.tableName" placeholder="请输入联系电话" clearable /> <el-input v-model="queryParams.phone" placeholder="请输入联系电话" clearable />
</el-form-item> </el-form-item>
<el-form-item label="维修时间" prop="tableComment"> <el-form-item label="维修时间" prop="repairTime">
<el-date-picker v-model="value1" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"> <el-date-picker v-model="queryParams.repairTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="订单状态" prop="tableComment"> <el-form-item label="订单状态" prop="status">
<el-select v-model="value" placeholder="请选择"> <el-select v-model="queryParams.status" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
...@@ -62,6 +62,9 @@ ...@@ -62,6 +62,9 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="status" label="订单状态" :show-overflow-tooltip="true" align="center"> <el-table-column prop="status" label="订单状态" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<div>{{scope.row.status | filtersList }}</div>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="reasonsForRejection" label="驳回理由" :show-overflow-tooltip="true" align="center"> <el-table-column prop="reasonsForRejection" label="驳回理由" :show-overflow-tooltip="true" align="center">
</el-table-column> </el-table-column>
...@@ -69,9 +72,9 @@ ...@@ -69,9 +72,9 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" width="150"> <el-table-column label="操作" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="imageCaption(scope.row, '4')" type="text" size="small">生成支付订单</el-button> <el-button v-if="scope.row.status == 0 || scope.row.status == 5" @click="imageCaption(scope.row, '4')" type="text" size="small">生成支付订单</el-button>
<el-button type="text" size="small" @click="imageCaption(scope.row, '5')">驳回</el-button> <el-button v-if="scope.row.status == 0" type="text" size="small" @click="imageCaption(scope.row, '5')">驳回</el-button>
<el-button type="text" size="small" @click="modify(scope.row, '1')">修改</el-button> <el-button v-if="scope.row.status == 0 || scope.row.status == 2" type="text" size="small" @click="modify(scope.row, '1')">修改</el-button>
<el-button type="text" size="small" @click="modify(scope.row, '2')">详情</el-button> <el-button type="text" size="small" @click="modify(scope.row, '2')">详情</el-button>
</template> </template>
</el-table-column> </el-table-column>
...@@ -91,35 +94,56 @@ import commodify from './components/modify' ...@@ -91,35 +94,56 @@ import commodify from './components/modify'
import { listGET } from '@/api/orderform/index' import { listGET } from '@/api/orderform/index'
export default { export default {
name: "orderform", name: "orderform",
filters: {
filtersList(val) {
switch (val) {
case 0:
return '已发布'
case 1:
return '已驳回'
case 2:
return '待支付'
case 3:
return '已接单'
case 4:
return '已完成'
case 5:
return '退款中'
case 6:
return '已退款'
}
}
},
data() { data() {
return { return {
value1: '', value1: '',
dialogVisible: false, dialogVisible: false,
dialogVi: false, dialogVi: false,
control: '0', control: '0',
total: 5, total: 0,
title: '修改订单', title: '修改订单',
queryParams: {
pageNum: 0,
pageSize: 10
},
options: [{ options: [{
value: '选项1', value: '0',
label: '黄金糕' label: '已发布'
}, {
value: '1',
label: '已驳回'
}, {
value: '2',
label: '待支付'
}, { }, {
value: '选项2', value: '3',
label: '双皮奶' label: '已接单'
}, { }, {
value: '选项3', value: '4',
label: '蚵仔煎' label: '已完成'
}, { }, {
value: '选项4', value: '5',
label: '龙须面' label: '退款中'
}, { }, {
value: '选项5', value: '6',
label: '北京烤鸭' label: '已退款'
}], }],
value: '',
tableData: [], tableData: [],
// 日期范围 // 日期范围
dateRange: "", dateRange: "",
...@@ -129,7 +153,11 @@ export default { ...@@ -129,7 +153,11 @@ export default {
pageSize: 10, pageSize: 10,
tableName: undefined, tableName: undefined,
tableComment: undefined, tableComment: undefined,
dataName: "" dataName: "",
status: "",
repairTime: '',
linkman: '',
phone: ''
}, },
// 预览参数 // 预览参数
preview: { preview: {
...@@ -150,25 +178,43 @@ export default { ...@@ -150,25 +178,43 @@ export default {
methods: { methods: {
// 列表接口 // 列表接口
listth() { listth() {
listGET().then((res) => { let params = {
...this.queryParams
}
listGET(params).then((res) => {
this.tableData = res.rows this.tableData = res.rows
this.total = res.total
}) })
}, },
// 搜索 // 搜索
handleQuery() { handleQuery() {
this.listth()
}, },
// 重置 // 重置
resetQuery() { resetQuery() {
this.queryParams.phone = ''
this.queryParams.repairTime = ''
this.queryParams.status = ''
this.queryParams.dataName = ''
this.queryParams.linkman = ''
this.queryParams.pageNum = 1
this.queryParams.pageSize = 10
this.listth()
}, },
// 导出订单 // 导出订单
handleGenTable() { handleGenTable() {
const tableNames = 'db_Inviter'
let params = {
...this.queryParams
}
this.download('/xinrenli/order/export', {
...this.queryParams
}, `role_${new Date().getTime()}.xlsx`)
// this.$download.zip("/xinrenli/order/export?", params, "ruoyi.zip");
}, },
// 页码切换 // 页码切换
getList() { getList() {
this.listth()
}, },
// 打开查看详情 // 打开查看详情
imageCaption(sta, val) { imageCaption(sta, val) {
......
vue.config.js
...@@ -35,7 +35,8 @@ module.exports = { ...@@ -35,7 +35,8 @@ module.exports = {
proxy: { proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy // detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: { [process.env.VUE_APP_BASE_API]: {
target: `http://xinrenli.nyinhong.com/api`, // target: `http://xinrenli.nyinhong.com/api`,
target: `http://192.168.0.175:7001`,
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '' ['^' + process.env.VUE_APP_BASE_API]: ''
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment