|
|
@@ -90,7 +90,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
|
|
|
|
|
|
import { ref,onMounted,reactive } from 'vue'
|
|
|
import { Search,Download,Tools,Plus,Check,Close } from "@element-plus/icons-vue";
|
|
|
-let searchWord=ref('')
|
|
|
+let name=ref('')
|
|
|
let total=ref(0)
|
|
|
let pageNum=ref(1)
|
|
|
let dialogVisible=ref(false)
|
|
|
@@ -146,12 +146,18 @@ const searchClick=()=>{
|
|
|
}
|
|
|
const getTableData=()=>{
|
|
|
apisystemdzbcOrderlist({
|
|
|
+ name:name.value,
|
|
|
pageSize:10,
|
|
|
pageNum:pageNum.value
|
|
|
}).then(res=>{
|
|
|
if(res.code==200){
|
|
|
total.value=res.total
|
|
|
- tableData.value=res.rows
|
|
|
+ tableData.value=res.rows.map(item=>{
|
|
|
+ item.startInfo=JSON.parse(item.startInfo)
|
|
|
+ item.endInfo=JSON.parse(item.endInfo)
|
|
|
+ console.log(item)
|
|
|
+ return item
|
|
|
+ })
|
|
|
}
|
|
|
loading.value=false
|
|
|
|
|
|
@@ -199,17 +205,17 @@ onMounted(()=>{
|
|
|
<div class="common-search-box">
|
|
|
<div class="left-part">
|
|
|
<el-input
|
|
|
- v-model="searchWord"
|
|
|
+ v-model="name"
|
|
|
|
|
|
- placeholder="搜索订单..."
|
|
|
+ placeholder="订单名称"
|
|
|
style="width:260px"
|
|
|
>
|
|
|
|
|
|
- <template #append>
|
|
|
+ <!-- <template #append>
|
|
|
<el-button :icon="Search" />
|
|
|
- </template>
|
|
|
+ </template> -->
|
|
|
</el-input>
|
|
|
- <el-button style="margin-left:10px">筛选</el-button>
|
|
|
+ <el-button @click="searchClick" style="margin-left:10px">筛选</el-button>
|
|
|
</div>
|
|
|
<div class="right-part">
|
|
|
|
|
|
@@ -218,19 +224,17 @@ onMounted(()=>{
|
|
|
</div>
|
|
|
</div>
|
|
|
<el-table element-loading-text='加载中' header-row-class-name="reset-gray-head" :data="tableData" style="width: 100%" v-loading="loading">
|
|
|
- <el-table-column prop="id" label="订单编号">
|
|
|
+ <el-table-column prop="name" label="订单名称">
|
|
|
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="cfqy" label="订单日期" />
|
|
|
- <el-table-column prop="mdqy" label="路线">
|
|
|
-
|
|
|
+ <el-table-column prop="id" label="订单编号">
|
|
|
+
|
|
|
</el-table-column>
|
|
|
+
|
|
|
<el-table-column prop="role" label="发车时间">
|
|
|
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="role" label="乘客名称">
|
|
|
-
|
|
|
- </el-table-column>
|
|
|
+
|
|
|
|
|
|
<el-table-column prop="status" label="支付状态">
|
|
|
<template #default>
|
|
|
@@ -239,11 +243,21 @@ onMounted(()=>{
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="ypl" label="支付时间" />
|
|
|
- <el-table-column prop="ypl" label="座位号" />
|
|
|
- <el-table-column prop="ypl" label="车牌号" />
|
|
|
- <el-table-column prop="startInfo" label="出发站点" />
|
|
|
- <el-table-column prop="endInfo" label="目的站点" />
|
|
|
+
|
|
|
+ <el-table-column prop="startInfo" label="出发站点">
|
|
|
+ <template #default="scope">
|
|
|
+ <div>
|
|
|
+ {{ scope.row.startInfo.siteInfo.name }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="endInfo" label="目的站点">
|
|
|
+ <template #default="scope">
|
|
|
+ <div>
|
|
|
+ {{ scope.row.endInfo.siteInfo.name }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column fixed="right" label="操作" min-width="120">
|
|
|
<template #default="scope">
|
|
|
<el-button link type="primary" @click="addItem(scope.row)" size="small">
|