|
@@ -1,6 +1,6 @@
|
|
<template>
|
|
<template>
|
|
<a-card :bordered="false">
|
|
<a-card :bordered="false">
|
|
- <a-form ref="searchref_detail" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
|
|
|
|
|
|
+ <a-form ref="searchFormRef" :model="searchFormState" class="ant-advanced-search-form">
|
|
<a-row :gutter="24">
|
|
<a-row :gutter="24">
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
<a-form-item label="姓名">
|
|
<a-form-item label="姓名">
|
|
@@ -8,56 +8,56 @@
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
|
|
+ <a-form-item label="性别">
|
|
|
|
+ <a-select v-model:value="searchFormState.gender" placeholder="请选择性别"
|
|
|
|
+ :options="sexOptions" show-search allow-clear optionFilterProp="label"/>
|
|
|
|
+ </a-form-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col :span="6">
|
|
<a-form-item label="身份证号">
|
|
<a-form-item label="身份证号">
|
|
- <a-input v-model:value="searchFormState.name" placeholder="请输入身份证号" allow-clear/>
|
|
|
|
|
|
+ <a-input v-model:value="searchFormState.idNo" placeholder="请输入身份证号" allow-clear/>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
<a-form-item label="国籍">
|
|
<a-form-item label="国籍">
|
|
- <a-select v-model:value="searchFormState.accountType" placeholder="请选择国籍"
|
|
|
|
|
|
+ <a-select v-model:value="searchFormState.nationality" placeholder="请选择国籍"
|
|
:options="cityOptions" show-search allow-clear optionFilterProp="label"/>
|
|
:options="cityOptions" show-search allow-clear optionFilterProp="label"/>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
<a-form-item label="居住地">
|
|
<a-form-item label="居住地">
|
|
- <a-input v-model:value="searchFormState.name" placeholder="请输入居住地" allow-clear/>
|
|
|
|
|
|
+ <a-input v-model:value="searchFormState.address" placeholder="请输入居住地" allow-clear/>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
- <a-form-item label="性别">
|
|
|
|
- <a-select v-model:value="searchFormState.accountType" placeholder="请选择性别"
|
|
|
|
- :options="sexOptions" show-search allow-clear optionFilterProp="label"/>
|
|
|
|
|
|
+ <a-form-item label="车次/航班号">
|
|
|
|
+ <a-input v-model:value="searchFormState.travelNo" placeholder="请输入车次/航班号" allow-clear/>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
- <a-form-item label="车次/航班号">
|
|
|
|
- <a-input v-model:value="searchFormState.name" placeholder="请输入车次/航班号" allow-clear/>
|
|
|
|
|
|
+ <a-form-item label="航/车次(班)日期">
|
|
|
|
+ <a-range-picker v-model:value="searchFormState.travelTime" show-time allow-clear/>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
- <a-form-item label="航/车次(班)日期">
|
|
|
|
- <a-range-picker v-model:value="searchFormState.warehouseTime" show-time allow-clear/>
|
|
|
|
|
|
+ <a-form-item label="是否携带行李物品">
|
|
|
|
+ <a-select v-model:value="searchFormState.baggage" placeholder="请选择是否携带行李物品"
|
|
|
|
+ :options="isNoOptions" show-search allow-clear optionFilterProp="label"/>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
<a-form-item label="出发港口">
|
|
<a-form-item label="出发港口">
|
|
- <a-select v-model:value="searchFormState.accountType" placeholder="请选择出发港口"
|
|
|
|
|
|
+ <a-select v-model:value="searchFormState.fromPort" placeholder="请选择出发港口"
|
|
:options="departurePortOptions" show-search allow-clear optionFilterProp="label"/>
|
|
:options="departurePortOptions" show-search allow-clear optionFilterProp="label"/>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
<a-form-item label="到达港口">
|
|
<a-form-item label="到达港口">
|
|
- <a-select v-model:value="searchFormState.accountType" placeholder="请选择到达港口"
|
|
|
|
|
|
+ <a-select v-model:value="searchFormState.toPort" placeholder="请选择到达港口"
|
|
:options="arrivingPortOptions" show-search allow-clear optionFilterProp="label"/>
|
|
:options="arrivingPortOptions" show-search allow-clear optionFilterProp="label"/>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
- <a-form-item label="查验状态">
|
|
|
|
- <a-select v-model:value="searchFormState.accountType" placeholder="请选择查验状态"
|
|
|
|
- :options="checkStatusOptions" show-search allow-clear optionFilterProp="label"/>
|
|
|
|
- </a-form-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :span="6">
|
|
|
|
<a-button type="primary" @click="onSearch()">查询</a-button>
|
|
<a-button type="primary" @click="onSearch()">查询</a-button>
|
|
<a-button style="margin: 0 8px" @click="reset">重置</a-button>
|
|
<a-button style="margin: 0 8px" @click="reset">重置</a-button>
|
|
</a-col>
|
|
</a-col>
|
|
@@ -74,11 +74,20 @@
|
|
:scroll="{ x: 2000 }"
|
|
:scroll="{ x: 2000 }"
|
|
>
|
|
>
|
|
<template #bodyCell="{ column, record }">
|
|
<template #bodyCell="{ column, record }">
|
|
- <template v-if="column.dataIndex === 'sex'">
|
|
|
|
- {{ $TOOL.dictTypeData('lvke_sex', record.sex) }}
|
|
|
|
|
|
+ <template v-if="column.dataIndex === 'gender'">
|
|
|
|
+ {{ $TOOL.dictTypeData('lvke_sex', record.gender) }}
|
|
|
|
+ </template>
|
|
|
|
+ <template v-if="column.dataIndex === 'nationality'">
|
|
|
|
+ {{ $TOOL.dictTypeData('lvke_city', record.nationality) }}
|
|
|
|
+ </template>
|
|
|
|
+ <template v-if="column.dataIndex === 'baggage'">
|
|
|
|
+ {{ $TOOL.dictTypeData('lvke_isNo', record.baggage) }}
|
|
|
|
+ </template>
|
|
|
|
+ <template v-if="column.dataIndex === 'fromPort'">
|
|
|
|
+ {{ $TOOL.dictTypeData('lvke_departurePort', record.fromPort) }}
|
|
</template>
|
|
</template>
|
|
- <template v-if="column.dataIndex === 'cyzl'">
|
|
|
|
- <a @click="ref_method.onOpen(record)">查看查验指令</a>
|
|
|
|
|
|
+ <template v-if="column.dataIndex === 'toPort'">
|
|
|
|
+ {{ $TOOL.dictTypeData('lvke_arrivingPort', record.toPort) }}
|
|
</template>
|
|
</template>
|
|
<template v-if="column.dataIndex === 'action'">
|
|
<template v-if="column.dataIndex === 'action'">
|
|
<a-space>
|
|
<a-space>
|
|
@@ -89,25 +98,21 @@
|
|
</s-table>
|
|
</s-table>
|
|
</a-card>
|
|
</a-card>
|
|
<Detail ref="ref_detail"/>
|
|
<Detail ref="ref_detail"/>
|
|
- <Method ref="ref_method"/>
|
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup name="demo2">
|
|
<script setup name="demo2">
|
|
import tool from '@/utils/tool'
|
|
import tool from '@/utils/tool'
|
|
import {cloneDeep} from 'lodash-es'
|
|
import {cloneDeep} from 'lodash-es'
|
|
import Detail from './detail.vue'
|
|
import Detail from './detail.vue'
|
|
-import Method from './method.vue'
|
|
|
|
-import demo2Api from '@/api/biz/demo2Api'
|
|
|
|
-import downloadUtil from "@/utils/downloadUtil";
|
|
|
|
|
|
+import basicApi from '@/api/gsc/basic'
|
|
|
|
|
|
const {proxy} = getCurrentInstance()
|
|
const {proxy} = getCurrentInstance()
|
|
const searchFormState = ref({})
|
|
const searchFormState = ref({})
|
|
const searchFormStateReal = ref({}) // 点击搜索后备份的查询参数
|
|
const searchFormStateReal = ref({}) // 点击搜索后备份的查询参数
|
|
-const searchref_detail = ref()
|
|
|
|
|
|
+const searchFormRef = ref()
|
|
const tableRef = ref()
|
|
const tableRef = ref()
|
|
const filterParam = ref({})
|
|
const filterParam = ref({})
|
|
const ref_detail = ref()
|
|
const ref_detail = ref()
|
|
-const ref_method = ref()
|
|
|
|
const toolConfig = {refresh: true, height: true, columnSetting: true, striped: false}
|
|
const toolConfig = {refresh: true, height: true, columnSetting: true, striped: false}
|
|
const columns = [
|
|
const columns = [
|
|
{
|
|
{
|
|
@@ -116,47 +121,43 @@ const columns = [
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '性别',
|
|
title: '性别',
|
|
- dataIndex: 'age',
|
|
|
|
|
|
+ dataIndex: 'gender',
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '身份证号',
|
|
title: '身份证号',
|
|
- dataIndex: 'sex',
|
|
|
|
|
|
+ dataIndex: 'idNo',
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '国籍',
|
|
title: '国籍',
|
|
- dataIndex: 'remark',
|
|
|
|
|
|
+ dataIndex: 'nationality',
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '居住地',
|
|
title: '居住地',
|
|
- dataIndex: 'p1',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title: '年龄',
|
|
|
|
- dataIndex: 'p1',
|
|
|
|
|
|
+ dataIndex: 'address',
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '车次/航班号',
|
|
title: '车次/航班号',
|
|
- dataIndex: 'p2',
|
|
|
|
|
|
+ dataIndex: 'travelNo',
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '航/车次(班)日期',
|
|
title: '航/车次(班)日期',
|
|
- dataIndex: 'p3',
|
|
|
|
|
|
+ dataIndex: 'travelTime',
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '出发港口',
|
|
|
|
- dataIndex: 'p5',
|
|
|
|
|
|
+ title: '是否携带行李物品',
|
|
|
|
+ dataIndex: 'baggage',
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '到达港口',
|
|
|
|
- dataIndex: 'p6',
|
|
|
|
|
|
+ title: '出发港口',
|
|
|
|
+ dataIndex: 'fromPort',
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '查验指令',
|
|
|
|
- dataIndex: 'cyzl',
|
|
|
|
|
|
+ title: '到达港口',
|
|
|
|
+ dataIndex: 'toPort',
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '查验状态',
|
|
|
|
- dataIndex: 'p7',
|
|
|
|
|
|
+ title: '座位号',
|
|
|
|
+ dataIndex: 'seatNo',
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '操作',
|
|
title: '操作',
|
|
@@ -183,7 +184,12 @@ const options = {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
const loadData = (parameter) => {
|
|
const loadData = (parameter) => {
|
|
- return demo2Api.demo2Page(Object.assign(parameter, searchFormStateReal.value)).then((data) => {
|
|
|
|
|
|
+ if (searchFormStateReal.value.travelTime?.length > 0) {
|
|
|
|
+ searchFormStateReal.value.travelTimeStart = proxy.$util.YMDHms(searchFormStateReal.value.travelTime[0])
|
|
|
|
+ searchFormStateReal.value.travelTimeEnd = proxy.$util.YMDHms(searchFormStateReal.value.travelTime[1])
|
|
|
|
+ delete searchFormStateReal.value.travelTime
|
|
|
|
+ }
|
|
|
|
+ return basicApi.passengerInfoPage(Object.assign(parameter, searchFormStateReal.value)).then((data) => {
|
|
return data
|
|
return data
|
|
})
|
|
})
|
|
}
|
|
}
|
|
@@ -194,50 +200,12 @@ const onSearch = (parameter) => {
|
|
}
|
|
}
|
|
// 重置
|
|
// 重置
|
|
const reset = () => {
|
|
const reset = () => {
|
|
- searchref_detail.value.resetFields()
|
|
|
|
|
|
+ searchFormRef.value.resetFields()
|
|
onSearch(true)
|
|
onSearch(true)
|
|
}
|
|
}
|
|
-// 删除
|
|
|
|
-const deleteDemo2 = (record) => {
|
|
|
|
- let params = [
|
|
|
|
- {
|
|
|
|
- id: record.id
|
|
|
|
- }
|
|
|
|
- ]
|
|
|
|
- demo2Api.demo2Delete(params).then(() => {
|
|
|
|
- tableRef.value.refresh(true)
|
|
|
|
- })
|
|
|
|
-}
|
|
|
|
-// 批量删除
|
|
|
|
-const deleteBatchDemo2 = (params) => {
|
|
|
|
- demo2Api.demo2Delete(params).then(() => {
|
|
|
|
- tableRef.value.clearRefreshSelected()
|
|
|
|
- })
|
|
|
|
-}
|
|
|
|
-// 批量导出
|
|
|
|
-const onExport = () => {
|
|
|
|
- const params = {
|
|
|
|
- ...filterParam.value
|
|
|
|
- }
|
|
|
|
- if (selectedRowKeys.value.length > 0) {
|
|
|
|
- params.ids = selectedRowKeys.value
|
|
|
|
- } else {
|
|
|
|
- Object.entries(searchFormStateReal.value).forEach(([key, value]) => {
|
|
|
|
- console.log(key)
|
|
|
|
- if (proxy.$util.isValue(value)) {
|
|
|
|
- params[key] = value
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- demo2Api.demo2Export(params).then((res) => {
|
|
|
|
- downloadUtil.resultDownload(res)
|
|
|
|
- tableRef.value.clearSelected()
|
|
|
|
- })
|
|
|
|
-}
|
|
|
|
const sexOptions = tool.dictList('lvke_sex')
|
|
const sexOptions = tool.dictList('lvke_sex')
|
|
-// const cityOptions = tool.dictList('lvke_city')
|
|
|
|
-const cityOptions = []
|
|
|
|
|
|
+const cityOptions = tool.dictList('lvke_city')
|
|
|
|
+const isNoOptions = tool.dictList('lvke_isNo')
|
|
const departurePortOptions = tool.dictList('lvke_departurePort')
|
|
const departurePortOptions = tool.dictList('lvke_departurePort')
|
|
const arrivingPortOptions = tool.dictList('lvke_arrivingPort')
|
|
const arrivingPortOptions = tool.dictList('lvke_arrivingPort')
|
|
-const checkStatusOptions = tool.dictList('lvke_checkStatus')
|
|
|
|
</script>
|
|
</script>
|