|
@@ -6,19 +6,19 @@
|
|
|
<a-row :gutter="48">
|
|
|
<a-col :span="8">
|
|
|
<a-form-item label="创建时间">
|
|
|
- <a-range-picker v-model="time" :placeholder="['开始时间','结束时间']" @change="onChange"/>
|
|
|
+ <a-range-picker v-model="time" :placeholder="['开始时间','结束时间']" @change="onChange" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="6">
|
|
|
<a-form-item label="网点名称">
|
|
|
<v-select v-model="searchForm.name" placeholder="请选择" allowClear style="width: 200px;"></v-select>
|
|
|
</a-form-item>
|
|
|
- </a-col>
|
|
|
+ </a-col>
|
|
|
<a-col :span="6">
|
|
|
<a-form-item label="单号">
|
|
|
- <a-input v-model.trim="searchForm.num" placeholder="请输入" allowClear style="width: 200px;"/>
|
|
|
+ <a-input v-model.trim="searchForm.num" placeholder="请输入" allowClear style="width: 200px;" />
|
|
|
</a-form-item>
|
|
|
- </a-col>
|
|
|
+ </a-col>
|
|
|
</a-row>
|
|
|
<a-row :gutter="48">
|
|
|
<a-col :span="8">
|
|
@@ -28,7 +28,7 @@
|
|
|
</a-col>
|
|
|
<a-col :span="6">
|
|
|
<a-form-item label="手机号码">
|
|
|
- <a-input v-model.trim="searchForm.num" placeholder="请输入" allowClear maxLength="11" style="width: 200px;"/>
|
|
|
+ <a-input v-model.trim="searchForm.num" placeholder="请输入" allowClear maxLength="11" style="width: 200px;" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="6">
|
|
@@ -39,8 +39,8 @@
|
|
|
<a-col :span="4">
|
|
|
<a-button style="margin-right: 10px;" type="primary" @click="$refs.table.refresh(true)">查询</a-button>
|
|
|
<a-button type="" @click="resetForm">重置</a-button>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
</a-form>
|
|
|
</div>
|
|
|
<!-- 合计 -->
|
|
@@ -48,13 +48,7 @@
|
|
|
<a-alert message="合计: 40单, 实收: 2000元" type="info" show-icon />
|
|
|
</div>
|
|
|
<!-- 列表 -->
|
|
|
- <s-table
|
|
|
- ref="table"
|
|
|
- size="default"
|
|
|
- :rowKey="(record) => record.id"
|
|
|
- :columns="columns"
|
|
|
- :data="loadData"
|
|
|
- bordered>
|
|
|
+ <s-table ref="table" size="default" :rowKey="(record) => record.id" :columns="columns" :data="loadData" bordered>
|
|
|
<!-- 状态 -->
|
|
|
<span slot="status" slot-scope="text, record">
|
|
|
<template></template>
|
|
@@ -69,21 +63,26 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import { STable, VSelect } from '@/components'
|
|
|
- export default{
|
|
|
- components: { STable, VSelect },
|
|
|
- data(){
|
|
|
- return{
|
|
|
+ import {
|
|
|
+ STable,
|
|
|
+ VSelect
|
|
|
+ } from '@/components'
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ STable,
|
|
|
+ VSelect
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
// 查询参数
|
|
|
searchForm: {
|
|
|
- beginDate:null,
|
|
|
- endDate:null,
|
|
|
+ beginDate: null,
|
|
|
+ endDate: null,
|
|
|
name: '',
|
|
|
num: ''
|
|
|
},
|
|
|
- time:null,
|
|
|
- columns:[
|
|
|
- {
|
|
|
+ time: null,
|
|
|
+ columns: [{
|
|
|
title: '创建时间',
|
|
|
dataIndex: 'createTime',
|
|
|
minWidth: '40',
|
|
@@ -94,42 +93,42 @@
|
|
|
dataIndex: 'createTime',
|
|
|
minWidth: '40',
|
|
|
align: 'center'
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
{
|
|
|
title: '网点名称',
|
|
|
dataIndex: 'createTime',
|
|
|
minWidth: '40',
|
|
|
align: 'center'
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
{
|
|
|
title: '服务项目',
|
|
|
dataIndex: 'createTime',
|
|
|
minWidth: '40',
|
|
|
align: 'center'
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
{
|
|
|
title: '手机号码',
|
|
|
dataIndex: 'createTime',
|
|
|
minWidth: '40',
|
|
|
align: 'center'
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
{
|
|
|
title: '应收(¥)',
|
|
|
dataIndex: 'createTime',
|
|
|
minWidth: '40',
|
|
|
align: 'center'
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
{
|
|
|
title: '实收(¥)',
|
|
|
dataIndex: 'createTime',
|
|
|
minWidth: '40',
|
|
|
align: 'center'
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
{
|
|
|
title: '优惠(¥)',
|
|
@@ -142,15 +141,19 @@
|
|
|
dataIndex: 'status',
|
|
|
minWidth: '40',
|
|
|
align: 'center',
|
|
|
- scopedSlots: { customRender: 'status' }
|
|
|
+ scopedSlots: {
|
|
|
+ customRender: 'status'
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
title: '操作',
|
|
|
dataIndex: 'action',
|
|
|
minWidth: '40',
|
|
|
align: 'center',
|
|
|
- scopedSlots: { customRender: 'action' }
|
|
|
-
|
|
|
+ scopedSlots: {
|
|
|
+ customRender: 'action'
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
],
|
|
|
// 加载数据方法 必须为 Promise 对象
|
|
@@ -169,56 +172,65 @@
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- methods:{
|
|
|
+ methods: {
|
|
|
// 创建时间change
|
|
|
- onChange (dates, dateStrings) {
|
|
|
+ onChange(dates, dateStrings) {
|
|
|
if ((dates, dateStrings)) {
|
|
|
this.searchForm.beginDate = dateStrings[0]
|
|
|
- this.searchForm.endDate = dateStrings[1]
|
|
|
- }
|
|
|
+ this.searchForm.endDate = dateStrings[1]
|
|
|
+ }
|
|
|
console.log(this.searchForm.beginDate, this.searchForm.endDate)
|
|
|
},
|
|
|
// 查看详情--跳转到对应的详情页
|
|
|
- seeDetail(row){
|
|
|
- this.$router.push({ name: 'OrderDetail', query: { id: row.id } })
|
|
|
+ seeDetail(row) {
|
|
|
+ this.$router.push({
|
|
|
+ name: 'OrderDetail',
|
|
|
+ query: {
|
|
|
+ id: row.id
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
// 退款
|
|
|
refund(row) {
|
|
|
- const _this = this
|
|
|
- this.$confirm({
|
|
|
- title: '警告',
|
|
|
- content: '确认退款后 款项将通过原渠道退回 且不可撤回,确认退款?',
|
|
|
- okText: '确定',
|
|
|
- cancelText: '取消',
|
|
|
- // onOk() {
|
|
|
- // deleteItem({
|
|
|
- // id: row.id
|
|
|
- // }).then(res => {
|
|
|
- // if (res.status == 200) {
|
|
|
- // _this.$message.success('退款成功')
|
|
|
- // _this.$refs.table.refresh()
|
|
|
- // }
|
|
|
- // })
|
|
|
- // }
|
|
|
- })
|
|
|
+ const _this = this
|
|
|
+ this.$confirm({
|
|
|
+ title: '警告',
|
|
|
+ content: '确认退款后 款项将通过原渠道退回 且不可撤回,确认退款?',
|
|
|
+ okText: '确定',
|
|
|
+ cancelText: '取消',
|
|
|
+ // onOk() {
|
|
|
+ // deleteItem({
|
|
|
+ // id: row.id
|
|
|
+ // }).then(res => {
|
|
|
+ // if (res.status == 200) {
|
|
|
+ // _this.$message.success('退款成功')
|
|
|
+ // _this.$refs.table.refresh()
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ })
|
|
|
},
|
|
|
// 重置
|
|
|
- resetForm(){
|
|
|
+ resetForm() {
|
|
|
this.$refs.searchForm.resetFields()
|
|
|
+ this.$refs.table.refresh()
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
- .orderCenter-searchForm ,.addButton{
|
|
|
+ .orderCenter-searchForm,
|
|
|
+ .addButton {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
- .orderCenter-searchForm .ant-form-inline .ant-form-item{
|
|
|
+
|
|
|
+ .orderCenter-searchForm .ant-form-inline .ant-form-item {
|
|
|
margin-bottom: 15px;
|
|
|
}
|
|
|
- .total{
|
|
|
- margin-bottom:15px;
|
|
|
+
|
|
|
+ .total {
|
|
|
+ margin-bottom: 15px;
|
|
|
}
|
|
|
</style>
|