|
|
|
|
@ -23,6 +23,7 @@
|
|
|
|
|
<el-table-column prop="id_number" label="身份证" width="160" />
|
|
|
|
|
<el-table-column prop="phone" label="电话" />
|
|
|
|
|
<el-table-column prop="order_number" label="订单号" />
|
|
|
|
|
<el-table-column prop="title" label="订单名称" />
|
|
|
|
|
<el-table-column prop="type" label="类型">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<span v-if="scope.row.type==1" style="color: #409EFF;">个检</span>
|
|
|
|
|
@ -39,10 +40,16 @@
|
|
|
|
|
<span v-if="scope.row.status==5" style="color: #F56C6C;">已退款</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="check_status" label="到检状态">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<span v-if="scope.row.check_status==1" style="color: #ffb682;">待检</span>
|
|
|
|
|
<span v-if="scope.row.check_status==2" style="color: #9dd978;">已到检</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="created_at" label="创建时间" width="180" />
|
|
|
|
|
<el-table-column label="操作" width="100">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-button type="primary" :icon="Edit" circle />
|
|
|
|
|
<el-button type="primary" @click="EditFunc(scope.row)" :icon="Edit" circle />
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
@ -51,6 +58,64 @@
|
|
|
|
|
:page-sizes="[15, 50, 100, 200]" layout="total,sizes, prev, pager, next" :total="total"
|
|
|
|
|
@size-change="PageSizeChange" @current-change="PageCurrentChange" />
|
|
|
|
|
</div>
|
|
|
|
|
<el-dialog v-model="dialogVisible" title="订单详情">
|
|
|
|
|
<div class="chuansuokuang" v-loading="loading">
|
|
|
|
|
<el-form v-if="Info" :model="Info" label-width="100" style="max-width: 600px">
|
|
|
|
|
<el-form-item label="姓名:">
|
|
|
|
|
{{Info.name}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="电话:">
|
|
|
|
|
{{Info.phone}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="身份证:">
|
|
|
|
|
{{Info.id_number}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="订单名称:">
|
|
|
|
|
{{Info.title}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="类型:">
|
|
|
|
|
<span v-if="Info.type==1">个检</span><span v-if="Info.type==2">团检</span>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="实付金额:">
|
|
|
|
|
{{Info.true_price}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="使用积分:">
|
|
|
|
|
{{Info.jifen}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="预存款抵扣:">
|
|
|
|
|
{{Info.yucunkuan}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="订单状态:">
|
|
|
|
|
<span v-if="Info.status==1" style="color: #409EFF;">待支付</span>
|
|
|
|
|
<span v-if="Info.status==2" style="color: #E6A23C;">已预约</span>
|
|
|
|
|
<span v-if="Info.status==3" style="color: #909399;">交易关闭</span>
|
|
|
|
|
<span v-if="Info.status==4" style="color: #67C23A;">已完成</span>
|
|
|
|
|
<span v-if="Info.status==5" style="color: #F56C6C;">已退款</span>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="到检状态:">
|
|
|
|
|
<span v-if="Info.status==1" style="color: #ffb682;">待检</span>
|
|
|
|
|
<span v-if="Info.status==2" style="color: #9dd978;">已到检</span>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item v-if="Info.pay_time" label="支付时间:">
|
|
|
|
|
{{Info.pay_time}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item v-if="Info.appointment_date" label="预约时间:">
|
|
|
|
|
{{Info.appointment_date}} {{Info.appointment_time}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="备注:">
|
|
|
|
|
<el-input v-model="Info.note" :rows="3" type="textarea" placeholder="备注信息" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
<template #footer>
|
|
|
|
|
<span class="dialog-footer">
|
|
|
|
|
<el-button @click="dialogVisible = false">取消</el-button>
|
|
|
|
|
<el-button type="primary" @click="Save()">
|
|
|
|
|
确定
|
|
|
|
|
</el-button>
|
|
|
|
|
</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
@ -63,7 +128,9 @@
|
|
|
|
|
ElMessage
|
|
|
|
|
} from 'element-plus'
|
|
|
|
|
import {
|
|
|
|
|
OrderGetList
|
|
|
|
|
OrderGetList,
|
|
|
|
|
OrderGetDetail,
|
|
|
|
|
OrderSave
|
|
|
|
|
} from '@/api/api.js'
|
|
|
|
|
import {
|
|
|
|
|
Edit
|
|
|
|
|
@ -100,6 +167,38 @@ import {
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
let dialogVisible = ref(false);
|
|
|
|
|
let Info = ref(null);
|
|
|
|
|
const EditFunc = (row) => {
|
|
|
|
|
dialogVisible.value = true
|
|
|
|
|
GetDetailFunc(row.id)
|
|
|
|
|
}
|
|
|
|
|
const GetDetailFunc = (id) => {
|
|
|
|
|
loading.value = true
|
|
|
|
|
OrderGetDetail({
|
|
|
|
|
id: id
|
|
|
|
|
}).then(res => {
|
|
|
|
|
loading.value = false
|
|
|
|
|
Info.value = res.data.info
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
const Save = () => {
|
|
|
|
|
loading.value = true
|
|
|
|
|
OrderSave({
|
|
|
|
|
info: Info.value
|
|
|
|
|
}).then(res => {
|
|
|
|
|
loading.value = false
|
|
|
|
|
if(res.status){
|
|
|
|
|
ElMessage({
|
|
|
|
|
message: '保存成功',
|
|
|
|
|
type: 'success',
|
|
|
|
|
})
|
|
|
|
|
dialogVisible.value = false
|
|
|
|
|
}else{
|
|
|
|
|
ElMessage.error(res.msg)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
GetList()
|
|
|
|
|
})
|
|
|
|
|
|
