Skip to content

X
xinrenli-admin
Commit c0609970 by zhangmengjie
Options

23.4.6

parent be7abaa4
Showing with 91 additions and 37 deletions
src/api/orderform/index.js
......@@ -8,4 +8,11 @@ export function listGET(query) {
params: query
})
}
// 订单列表导出
export function exportPOST(data) {
return request({
url: '/xinrenli/order/export',
method: 'post',
data: data
})
}
src/views/orderform/index.vue
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="94px">
<el-form-item label="联系人姓名" prop="dataName">
<el-input v-model="queryParams.dataName" placeholder="请输入联系人姓名" clearable />
<el-form-item label="联系人姓名" prop="linkman">
<el-input v-model="queryParams.linkman" placeholder="请输入联系人姓名" clearable />
</el-form-item>
<el-form-item label="联系电话" prop="tableName">
<el-input v-model="queryParams.tableName" placeholder="请输入联系电话" clearable />
<el-form-item label="联系电话" prop="phone">
<el-input v-model="queryParams.phone" placeholder="请输入联系电话" clearable />
</el-form-item>
<el-form-item label="维修时间" prop="tableComment">
<el-date-picker v-model="value1" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
<el-form-item label="维修时间" prop="repairTime">
<el-date-picker v-model="queryParams.repairTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item label="订单状态" prop="tableComment">
<el-select v-model="value" placeholder="请选择">
<el-form-item label="订单状态" prop="status">
<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>
</el-select>
......@@ -40,7 +40,7 @@
</el-table-column>
<el-table-column prop="actualAmount" label="沟通后金额(元)" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<el-input v-if="!scope.row.actualAmount" v-model="scope.row.dataName" placeholder="请输入联系人姓名" clearable />
<el-input v-if="!scope.row.actualAmount" v-model="scope.row.dataName" placeholder="请输入联系人姓名" clearable />
<div v-else>{{ scope.row.actualAmount }}</div>
</template>
</el-table-column>
......@@ -62,6 +62,9 @@
</template>
</el-table-column>
<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 prop="reasonsForRejection" label="驳回理由" :show-overflow-tooltip="true" align="center">
</el-table-column>
......@@ -69,10 +72,10 @@
</el-table-column>
<el-table-column label="操作" width="150">
<template slot-scope="scope">
<el-button @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 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 v-if="scope.row.status == 0 || scope.row.status == 5" @click="imageCaption(scope.row, '4')" type="text" size="small">生成支付订单</el-button>
<el-button v-if="scope.row.status == 0" type="text" size="small" @click="imageCaption(scope.row, '5')">驳回</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>
</template>
</el-table-column>
</el-table>
......@@ -91,35 +94,56 @@ import commodify from './components/modify'
import { listGET } from '@/api/orderform/index'
export default {
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() {
return {
value1: '',
dialogVisible: false,
dialogVi: false,
control: '0',
total: 5,
total: 0,
title: '修改订单',
queryParams: {
pageNum: 0,
pageSize: 10
},
options: [{
value: '选项1',
label: '黄金糕'
value: '0',
label: '已发布'
}, {
value: '选项2',
label: '双皮奶'
value: '1',
label: '已驳回'
}, {
value: '选项3',
label: '蚵仔煎'
value: '2',
label: '待支付'
}, {
value: '选项4',
label: '龙须面'
value: '3',
label: '已接单'
}, {
value: '选项5',
label: '北京烤鸭'
value: '4',
label: '已完成'
}, {
value: '5',
label: '退款中'
}, {
value: '6',
label: '已退款'
}],
value: '',
tableData: [],
// 日期范围
dateRange: "",
......@@ -129,7 +153,11 @@ export default {
pageSize: 10,
tableName: undefined,
tableComment: undefined,
dataName: ""
dataName: "",
status: "",
repairTime: '',
linkman: '',
phone: ''
},
// 预览参数
preview: {
......@@ -150,25 +178,43 @@ export default {
methods: {
// 列表接口
listth() {
listGET().then((res) => {
let params = {
...this.queryParams
}
listGET(params).then((res) => {
this.tableData = res.rows
this.total = res.total
})
},
// 搜索
handleQuery() {
this.listth()
},
// 重置
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() {
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() {
this.listth()
},
// 打开查看详情
imageCaption(sta, val) {
......
vue.config.js
......@@ -35,7 +35,8 @@ module.exports = {
proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy
[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,
pathRewrite: {
['^' + 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