|
@@ -2,7 +2,7 @@
|
|
|
<a-card :bordered="false">
|
|
|
<!-- 搜索条件 -->
|
|
|
<div class="orderCenter-searchForm">
|
|
|
- <a-form layout="inline">
|
|
|
+ <a-form layout="inline" ref="searchForm">
|
|
|
<a-row :gutter="48">
|
|
|
<a-col :span="8">
|
|
|
<a-form-item label="创建时间">
|
|
@@ -18,16 +18,12 @@
|
|
|
<a-form-item label="单号">
|
|
|
<a-input v-model.trim="searchForm.num" placeholder="请输入" allowClear style="width: 200px;"/>
|
|
|
</a-form-item>
|
|
|
- </a-col>
|
|
|
- <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-col>
|
|
|
</a-row>
|
|
|
<a-row :gutter="48">
|
|
|
<a-col :span="8">
|
|
|
<a-form-item label="服务项目">
|
|
|
- <v-select v-model="searchForm.name" placeholder="请选择" allowClear style="width: 200px;"></v-select>
|
|
|
+ <v-select v-model="searchForm.name" placeholder="请选择" allowClear style="width: 200px;" @change="onChange"></v-select>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="6">
|
|
@@ -40,6 +36,10 @@
|
|
|
<v-select v-model="searchForm.name" placeholder="请选择" allowClear style="width: 200px;"></v-select>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
+ <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-form>
|
|
|
</div>
|
|
@@ -49,7 +49,7 @@
|
|
|
</div>
|
|
|
<!-- 列表 -->
|
|
|
<s-table
|
|
|
- ref="tableData"
|
|
|
+ ref="table"
|
|
|
size="default"
|
|
|
:rowKey="(record) => record.id"
|
|
|
:columns="columns"
|
|
@@ -61,8 +61,8 @@
|
|
|
</span>
|
|
|
<!-- 操作 -->
|
|
|
<span slot="action" slot-scope="text, record">
|
|
|
- <a-button type="primary">查看</a-button>
|
|
|
- <a-button type="danger">退款</a-button>
|
|
|
+ <a-button type="primary" @click="seeDetail(record)">查看</a-button>
|
|
|
+ <a-button type="danger" @click="refund(record)">退款</a-button>
|
|
|
</span>
|
|
|
</s-table>
|
|
|
</a-card>
|
|
@@ -76,6 +76,8 @@
|
|
|
return{
|
|
|
// 查询参数
|
|
|
searchForm: {
|
|
|
+ beginDate:null,
|
|
|
+ endDate:null,
|
|
|
name: '',
|
|
|
num: ''
|
|
|
},
|
|
@@ -84,70 +86,68 @@
|
|
|
{
|
|
|
title: '创建时间',
|
|
|
dataIndex: 'createTime',
|
|
|
- width: '40',
|
|
|
+ minWidth: '40',
|
|
|
align: 'center'
|
|
|
-
|
|
|
},
|
|
|
{
|
|
|
title: '单号',
|
|
|
dataIndex: 'createTime',
|
|
|
- width: '40',
|
|
|
+ minWidth: '40',
|
|
|
align: 'center'
|
|
|
|
|
|
},
|
|
|
{
|
|
|
title: '网点名称',
|
|
|
dataIndex: 'createTime',
|
|
|
- width: '40',
|
|
|
+ minWidth: '40',
|
|
|
align: 'center'
|
|
|
|
|
|
},
|
|
|
{
|
|
|
title: '服务项目',
|
|
|
dataIndex: 'createTime',
|
|
|
- width: '40',
|
|
|
+ minWidth: '40',
|
|
|
align: 'center'
|
|
|
|
|
|
},
|
|
|
{
|
|
|
title: '手机号码',
|
|
|
dataIndex: 'createTime',
|
|
|
- width: '40',
|
|
|
+ minWidth: '40',
|
|
|
align: 'center'
|
|
|
|
|
|
},
|
|
|
{
|
|
|
title: '应收(¥)',
|
|
|
dataIndex: 'createTime',
|
|
|
- width: '40',
|
|
|
+ minWidth: '40',
|
|
|
align: 'center'
|
|
|
|
|
|
},
|
|
|
{
|
|
|
title: '实收(¥)',
|
|
|
dataIndex: 'createTime',
|
|
|
- width: '40',
|
|
|
+ minWidth: '40',
|
|
|
align: 'center'
|
|
|
|
|
|
},
|
|
|
{
|
|
|
title: '优惠(¥)',
|
|
|
dataIndex: 'createTime',
|
|
|
- width: '40',
|
|
|
+ minWidth: '40',
|
|
|
align: 'center'
|
|
|
},
|
|
|
{
|
|
|
title: '状态',
|
|
|
dataIndex: 'status',
|
|
|
- width: '40',
|
|
|
+ minWidth: '40',
|
|
|
align: 'center',
|
|
|
scopedSlots: { customRender: 'status' }
|
|
|
-
|
|
|
},
|
|
|
{
|
|
|
title: '操作',
|
|
|
dataIndex: 'action',
|
|
|
- width: '40',
|
|
|
+ minWidth: '40',
|
|
|
align: 'center',
|
|
|
scopedSlots: { customRender: 'action' }
|
|
|
|
|
@@ -168,7 +168,46 @@
|
|
|
// })
|
|
|
}
|
|
|
}
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ // 创建时间change
|
|
|
+ onChange (dates, dateStrings) {
|
|
|
+ if ((dates, dateStrings)) {
|
|
|
+ this.searchForm.beginDate = dateStrings[0]
|
|
|
+ this.searchForm.endDate = dateStrings[1]
|
|
|
+ }
|
|
|
+ console.log(this.searchForm.beginDate, this.searchForm.endDate)
|
|
|
+ },
|
|
|
+ // 查看详情--跳转到对应的详情页
|
|
|
+ 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()
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 重置
|
|
|
+ resetForm(){
|
|
|
+ this.$refs.searchForm.resetFields()
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
</script>
|
|
|
|