|
@@ -65,10 +65,15 @@
|
|
</span>
|
|
</span>
|
|
<!-- 操作 -->
|
|
<!-- 操作 -->
|
|
<span slot="action" slot-scope="text, record">
|
|
<span slot="action" slot-scope="text, record">
|
|
- <a-button type="primary" @click="seeDetail(record)">查看</a-button>
|
|
|
|
- <a-button type="danger" @click="refund(record)">退款</a-button>
|
|
|
|
|
|
+ <a-button type="primary" @click="openDetailsModal=true">查看</a-button>
|
|
|
|
+ <!-- 本期暂不做 -->
|
|
|
|
+ <!-- <a-button type="danger" @click="refund(record)">退款</a-button> -->
|
|
</span>
|
|
</span>
|
|
</s-table>
|
|
</s-table>
|
|
|
|
+ <!-- 查看详情弹窗 -->
|
|
|
|
+ <order-detail-modal
|
|
|
|
+ :openModal="openDetailsModal"
|
|
|
|
+ @close="openDetailsModal=false"/>
|
|
</a-card>
|
|
</a-card>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -76,11 +81,14 @@
|
|
import { STable, VSelect } from '@/components'
|
|
import { STable, VSelect } from '@/components'
|
|
import getDate from '../../libs/getDate.js'
|
|
import getDate from '../../libs/getDate.js'
|
|
import { orderCenterList, itemList, storeList } from '../../api/order.js'
|
|
import { orderCenterList, itemList, storeList } from '../../api/order.js'
|
|
|
|
+ import OrderDetailModal from './OrderDetailModal.vue'
|
|
import moment from 'moment'
|
|
import moment from 'moment'
|
|
export default {
|
|
export default {
|
|
|
|
+ name:'OrderCenter',
|
|
components: {
|
|
components: {
|
|
STable,
|
|
STable,
|
|
- VSelect
|
|
|
|
|
|
+ VSelect,
|
|
|
|
+ OrderDetailModal
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
@@ -101,6 +109,7 @@
|
|
incomeHJ:'2000',
|
|
incomeHJ:'2000',
|
|
itemOptionData:[], // 服务项目数据
|
|
itemOptionData:[], // 服务项目数据
|
|
storeOptionData:[], // 网点名称数据
|
|
storeOptionData:[], // 网点名称数据
|
|
|
|
+ openDetailsModal:false, // 查看详情弹窗 默认关闭
|
|
time: [
|
|
time: [
|
|
moment(getDate.getToday().starttime, this.dateFormat),
|
|
moment(getDate.getToday().starttime, this.dateFormat),
|
|
moment(getDate.getToday().endtime, this.dateFormat)
|
|
moment(getDate.getToday().endtime, this.dateFormat)
|
|
@@ -231,30 +240,30 @@
|
|
// 合计
|
|
// 合计
|
|
getTotal(){},
|
|
getTotal(){},
|
|
// 查看详情--跳转到对应的详情页
|
|
// 查看详情--跳转到对应的详情页
|
|
- seeDetail(record) {
|
|
|
|
- this.$router.push({name: 'OrderDetail',query: {id: record.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()
|
|
|
|
- // }
|
|
|
|
- // })
|
|
|
|
- // }
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
|
|
+ // seeDetail(record) {
|
|
|
|
+ // this.$router.push({name: 'OrderDetail',query: {id: record.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() {
|
|
resetForm() {
|
|
this.searchForm.beginDate = getDate.getToday().starttime
|
|
this.searchForm.beginDate = getDate.getToday().starttime
|
|
@@ -283,17 +292,15 @@
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
<style lang="less">
|
|
<style lang="less">
|
|
- .orderCenter-searchForm,
|
|
|
|
- .addButton {
|
|
|
|
- margin-bottom: 0;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .orderCenter-searchForm .ant-form-inline .ant-form-item {
|
|
|
|
- margin-bottom: 15px;
|
|
|
|
|
|
+ .orderCenter-searchForm{
|
|
|
|
+ // 搜索框的下间距
|
|
|
|
+ .ant-form-item{
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+ // 合计
|
|
.total {
|
|
.total {
|
|
- margin-bottom: 24px;
|
|
|
|
|
|
+ margin:15px 0 25px;
|
|
width:100%;
|
|
width:100%;
|
|
background-color: #e6f7ff;
|
|
background-color: #e6f7ff;
|
|
border: 1px solid #91d5ff;
|
|
border: 1px solid #91d5ff;
|
|
@@ -304,4 +311,5 @@
|
|
margin-right: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
</style>
|
|
</style>
|