菜单

snowy-admin-web/src/views/gsc/check/detail.vue

@@ -0,0 +1,159 @@
+<template>
+	<a-modal
+		v-model:open="open"
+		title="旅客信息查看"
+		centered
+		width="90%"
+	>
+		<div class="goods-detail">
+      <div class="__cus-title_1">基本信息</div>
+      <a-form :model="formData">
+        <a-row>
+          <a-col :span="16">
+            <a-row :gutter="16">
+              <a-col :span="12">
+                <a-form-item label="姓名">
+                  <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="性别">
+                  <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
+                            :options="sexOptions" show-search allow-clear optionFilterProp="label"/>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="国籍">
+                  <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
+                            :options="cityOptions" show-search allow-clear optionFilterProp="label"/>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="年龄">
+                  <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="身份证号">
+                  <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+                </a-form-item>
+              </a-col>
+            </a-row>
+          </a-col>
+          <a-col :span="8">
+          </a-col>
+        </a-row>
+      </a-form>
+      <div class="__cus-title_1">携带物品信息</div>
+      <a-table
+        style="margin-top: 10px"
+        bordered
+        :dataSource="[
+          formData,
+        ]"
+        :columns="[
+          {title: '物品类别',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '物品细类',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '物品名称',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '物品产地',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '重量(千克)',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '品牌',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '规格型号',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '单价',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '币种',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '数量',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '数量单位',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '发票/许可证',dataIndex: 'action',key: 'action'},
+        ]"
+        :pagination="false"
+      >
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.dataIndex === 'action'">
+            <a-button type="link" primary size="small">查看</a-button>
+          </template>
+        </template>
+      </a-table>
+      <div class="__cus-title_1">乘坐交通工具信息</div>
+      <a-form :model="formData">
+        <a-row :gutter="16">
+          <a-col :span="8">
+            <a-form-item label="乘坐交通工具类型">
+              <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="出发时间">
+              <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="出发港口">
+              <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
+                        :options="departurePortOptions" show-search allow-clear optionFilterProp="label"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="到达港口">
+              <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
+                        :options="arrivingPortOptions" show-search allow-clear optionFilterProp="label"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="车次/航班号">
+              <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="座位号">
+              <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+		</div>
+		<template #footer></template>
+	</a-modal>
+</template>
+
+<script setup name="enterpriseDetail">
+import tool from '@/utils/tool'
+import {cloneDeep} from 'lodash-es'
+import qyOutWarehouseApi from "@/api/yqyc/qyOutWarehouseApi";
+// 抽屉状态
+const open = ref(false)
+const emit = defineEmits({successful: null})
+// 表单数据
+const formData = ref({})
+
+// 打开抽屉
+const onOpen = (record, view = false) => {
+	open.value = true
+	// if (record) {
+	// 	qyOutWarehouseApi.qyOutWarehousePage({warehouseNumber: record.warehouseNumber}).then(res => {
+	// 		formData.value = Object.assign({}, res)
+	// 	})
+	// }
+}
+// 关闭抽屉
+const onClose = () => {
+	// formRef.value?.resetFields()
+	formData.value = {}
+	open.value = false
+}
+const sexOptions = tool.dictList('lvke_sex')
+// const cityOptions = tool.dictList('lvke_city')
+const cityOptions = []
+const departurePortOptions = tool.dictList('lvke_departurePort')
+const arrivingPortOptions = tool.dictList('lvke_arrivingPort')
+// 抛出函数
+defineExpose({
+	onOpen
+})
+</script>
+<style lang="less" scoped>
+.goods-detail {
+	max-height: 800px;
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+</style>

snowy-admin-web/src/views/gsc/check/index_all.vue

@@ -0,0 +1,233 @@
+<template>
+  <a-card :bordered="false">
+    <a-form ref="searchFormRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
+      <a-row :gutter="24">
+        <a-col :span="6">
+          <a-form-item label="姓名">
+            <a-input v-model:value="searchFormState.name" placeholder="请输入姓名" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <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>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="身份证号">
+            <a-input v-model:value="searchFormState.name" placeholder="请输入身份证号" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="国籍">
+            <a-select v-model:value="searchFormState.accountType" placeholder="请选择国籍"
+                      :options="cityOptions" show-search allow-clear optionFilterProp="label"/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="居住地">
+            <a-input v-model:value="searchFormState.name" placeholder="请输入居住地" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="车次/航班号">
+            <a-input v-model:value="searchFormState.name" placeholder="请输入车次/航班号" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="航/车次(班)日期">
+            <a-range-picker v-model:value="searchFormState.warehouseTime" show-time allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="是否携带行李物品">
+            <a-select v-model:value="searchFormState.accountType" placeholder="请选择是否携带行李物品"
+                      :options="isNoOptions" show-search allow-clear optionFilterProp="label"/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="出发港口">
+            <a-select v-model:value="searchFormState.accountType" placeholder="请选择出发港口"
+                      :options="departurePortOptions" show-search allow-clear optionFilterProp="label"/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="到达港口">
+            <a-select v-model:value="searchFormState.accountType" placeholder="请选择到达港口"
+                      :options="arrivingPortOptions" 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 style="margin: 0 8px" @click="reset">重置</a-button>
+        </a-col>
+      </a-row>
+    </a-form>
+    <s-table
+      ref="tableRef"
+      :columns="columns"
+      :data="loadData"
+      bordered
+      :row-key="(record) => record.id"
+      :tool-config="toolConfig"
+      v-model:filterParam="filterParam"
+      :scroll="{ x: 2000 }"
+    >
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.dataIndex === 'sex'">
+          {{ $TOOL.dictTypeData('lvke_sex', record.sex) }}
+        </template>
+        <template v-if="column.dataIndex === 'action'">
+          <a-space>
+            <a @click="formRef.onOpen(record)">查看</a>
+          </a-space>
+        </template>
+      </template>
+    </s-table>
+  </a-card>
+  <Detail ref="formRef" @successful="onSearch()"/>
+</template>
+
+<script setup name="demo2">
+import tool from '@/utils/tool'
+import {cloneDeep} from 'lodash-es'
+import Detail from './detail.vue'
+import demo2Api from '@/api/biz/demo2Api'
+import downloadUtil from "@/utils/downloadUtil";
+
+const {proxy} = getCurrentInstance()
+const searchFormState = ref({})
+const searchFormStateReal = ref({}) // 点击搜索后备份的查询参数
+const searchFormRef = ref()
+const tableRef = ref()
+const filterParam = ref({})
+const formRef = ref()
+const toolConfig = {refresh: true, height: true, columnSetting: true, striped: false}
+const columns = [
+  {
+    title: '姓名',
+    dataIndex: 'name',
+  },
+  {
+    title: '性别',
+    dataIndex: 'age',
+  },
+  {
+    title: '身份证号',
+    dataIndex: 'sex',
+  },
+  {
+    title: '国籍',
+    dataIndex: 'remark',
+  },
+  {
+    title: '居住地',
+    dataIndex: 'p1',
+  },
+  {
+    title: '车次/航班号',
+    dataIndex: 'p2',
+  },
+  {
+    title: '航/车次(班)日期',
+    dataIndex: 'p3',
+  },
+  {
+    title: '是否携带行李物品',
+    dataIndex: 'p4',
+  },
+  {
+    title: '出发港口',
+    dataIndex: 'p5',
+  },
+  {
+    title: '到达港口',
+    dataIndex: 'p6',
+  },
+  {
+    title: '座位号',
+    dataIndex: 'p7',
+  },
+  {
+    title: '操作',
+    dataIndex: 'action',
+    align: 'center',
+    width: 100,
+    fixed: 'right',
+  }
+]
+const selectedRowKeys = ref([])
+// 列表选择配置
+const options = {
+  // columns数字类型字段加入 needTotal: true 可以勾选自动算账
+  alert: {
+    show: true,
+    clear: () => {
+      selectedRowKeys.value = ref([])
+    }
+  },
+  rowSelection: {
+    onChange: (selectedRowKey, selectedRows) => {
+      selectedRowKeys.value = selectedRowKey
+    }
+  }
+}
+const loadData = (parameter) => {
+  return demo2Api.demo2Page(Object.assign(parameter, searchFormStateReal.value)).then((data) => {
+    return data
+  })
+}
+// 搜索同时备份参数
+const onSearch = (parameter) => {
+  searchFormStateReal.value = cloneDeep(searchFormState.value)
+  tableRef.value.refresh(parameter)
+}
+// 重置
+const reset = () => {
+  searchFormRef.value.resetFields()
+  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 cityOptions = tool.dictList('lvke_city')
+const cityOptions = []
+const isNoOptions = tool.dictList('lvke_isNo')
+const departurePortOptions = tool.dictList('lvke_departurePort')
+const arrivingPortOptions = tool.dictList('lvke_arrivingPort')
+</script>

snowy-admin-web/src/views/gsc/pass-statistic/detail.vue

@@ -0,0 +1,159 @@
+<template>
+	<a-modal
+		v-model:open="open"
+		title="旅客信息查看"
+		centered
+		width="90%"
+	>
+		<div class="goods-detail">
+      <div class="__cus-title_1">基本信息</div>
+      <a-form :model="formData">
+        <a-row>
+          <a-col :span="16">
+            <a-row :gutter="16">
+              <a-col :span="12">
+                <a-form-item label="姓名">
+                  <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="性别">
+                  <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
+                            :options="sexOptions" show-search allow-clear optionFilterProp="label"/>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="国籍">
+                  <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
+                            :options="cityOptions" show-search allow-clear optionFilterProp="label"/>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="年龄">
+                  <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="身份证号">
+                  <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+                </a-form-item>
+              </a-col>
+            </a-row>
+          </a-col>
+          <a-col :span="8">
+          </a-col>
+        </a-row>
+      </a-form>
+      <div class="__cus-title_1">携带物品信息</div>
+      <a-table
+        style="margin-top: 10px"
+        bordered
+        :dataSource="[
+          formData,
+        ]"
+        :columns="[
+          {title: '物品类别',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '物品细类',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '物品名称',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '物品产地',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '重量(千克)',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '品牌',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '规格型号',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '单价',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '币种',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '数量',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '数量单位',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '发票/许可证',dataIndex: 'action',key: 'action'},
+        ]"
+        :pagination="false"
+      >
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.dataIndex === 'action'">
+            <a-button type="link" primary size="small">查看</a-button>
+          </template>
+        </template>
+      </a-table>
+      <div class="__cus-title_1">乘坐交通工具信息</div>
+      <a-form :model="formData">
+        <a-row :gutter="16">
+          <a-col :span="8">
+            <a-form-item label="乘坐交通工具类型">
+              <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="出发时间">
+              <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="出发港口">
+              <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
+                        :options="departurePortOptions" show-search allow-clear optionFilterProp="label"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="到达港口">
+              <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
+                        :options="arrivingPortOptions" show-search allow-clear optionFilterProp="label"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="车次/航班号">
+              <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="座位号">
+              <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+		</div>
+		<template #footer></template>
+	</a-modal>
+</template>
+
+<script setup name="enterpriseDetail">
+import tool from '@/utils/tool'
+import {cloneDeep} from 'lodash-es'
+import qyOutWarehouseApi from "@/api/yqyc/qyOutWarehouseApi";
+// 抽屉状态
+const open = ref(false)
+const emit = defineEmits({successful: null})
+// 表单数据
+const formData = ref({})
+
+// 打开抽屉
+const onOpen = (record, view = false) => {
+	open.value = true
+	// if (record) {
+	// 	qyOutWarehouseApi.qyOutWarehousePage({warehouseNumber: record.warehouseNumber}).then(res => {
+	// 		formData.value = Object.assign({}, res)
+	// 	})
+	// }
+}
+// 关闭抽屉
+const onClose = () => {
+	// formRef.value?.resetFields()
+	formData.value = {}
+	open.value = false
+}
+const sexOptions = tool.dictList('lvke_sex')
+// const cityOptions = tool.dictList('lvke_city')
+const cityOptions = []
+const departurePortOptions = tool.dictList('lvke_departurePort')
+const arrivingPortOptions = tool.dictList('lvke_arrivingPort')
+// 抛出函数
+defineExpose({
+	onOpen
+})
+</script>
+<style lang="less" scoped>
+.goods-detail {
+	max-height: 800px;
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+</style>

snowy-admin-web/src/views/gsc/pass-statistic/index.vue

@@ -0,0 +1,233 @@
+<template>
+  <a-card :bordered="false">
+    <a-form ref="searchFormRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
+      <a-row :gutter="24">
+        <a-col :span="6">
+          <a-form-item label="姓名">
+            <a-input v-model:value="searchFormState.name" placeholder="请输入姓名" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <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>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="身份证号">
+            <a-input v-model:value="searchFormState.name" placeholder="请输入身份证号" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="国籍">
+            <a-select v-model:value="searchFormState.accountType" placeholder="请选择国籍"
+                      :options="cityOptions" show-search allow-clear optionFilterProp="label"/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="居住地">
+            <a-input v-model:value="searchFormState.name" placeholder="请输入居住地" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="车次/航班号">
+            <a-input v-model:value="searchFormState.name" placeholder="请输入车次/航班号" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="航/车次(班)日期">
+            <a-range-picker v-model:value="searchFormState.warehouseTime" show-time allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="是否携带行李物品">
+            <a-select v-model:value="searchFormState.accountType" placeholder="请选择是否携带行李物品"
+                      :options="isNoOptions" show-search allow-clear optionFilterProp="label"/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="出发港口">
+            <a-select v-model:value="searchFormState.accountType" placeholder="请选择出发港口"
+                      :options="departurePortOptions" show-search allow-clear optionFilterProp="label"/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="到达港口">
+            <a-select v-model:value="searchFormState.accountType" placeholder="请选择到达港口"
+                      :options="arrivingPortOptions" 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 style="margin: 0 8px" @click="reset">重置</a-button>
+        </a-col>
+      </a-row>
+    </a-form>
+    <s-table
+      ref="tableRef"
+      :columns="columns"
+      :data="loadData"
+      bordered
+      :row-key="(record) => record.id"
+      :tool-config="toolConfig"
+      v-model:filterParam="filterParam"
+      :scroll="{ x: 2000 }"
+    >
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.dataIndex === 'sex'">
+          {{ $TOOL.dictTypeData('lvke_sex', record.sex) }}
+        </template>
+        <template v-if="column.dataIndex === 'action'">
+          <a-space>
+            <a @click="formRef.onOpen(record)">查看</a>
+          </a-space>
+        </template>
+      </template>
+    </s-table>
+  </a-card>
+  <Detail ref="formRef" @successful="onSearch()"/>
+</template>
+
+<script setup name="demo2">
+import tool from '@/utils/tool'
+import {cloneDeep} from 'lodash-es'
+import Detail from './detail.vue'
+import demo2Api from '@/api/biz/demo2Api'
+import downloadUtil from "@/utils/downloadUtil";
+
+const {proxy} = getCurrentInstance()
+const searchFormState = ref({})
+const searchFormStateReal = ref({}) // 点击搜索后备份的查询参数
+const searchFormRef = ref()
+const tableRef = ref()
+const filterParam = ref({})
+const formRef = ref()
+const toolConfig = {refresh: true, height: true, columnSetting: true, striped: false}
+const columns = [
+  {
+    title: '姓名',
+    dataIndex: 'name',
+  },
+  {
+    title: '性别',
+    dataIndex: 'age',
+  },
+  {
+    title: '身份证号',
+    dataIndex: 'sex',
+  },
+  {
+    title: '国籍',
+    dataIndex: 'remark',
+  },
+  {
+    title: '居住地',
+    dataIndex: 'p1',
+  },
+  {
+    title: '车次/航班号',
+    dataIndex: 'p2',
+  },
+  {
+    title: '航/车次(班)日期',
+    dataIndex: 'p3',
+  },
+  {
+    title: '是否携带行李物品',
+    dataIndex: 'p4',
+  },
+  {
+    title: '出发港口',
+    dataIndex: 'p5',
+  },
+  {
+    title: '到达港口',
+    dataIndex: 'p6',
+  },
+  {
+    title: '座位号',
+    dataIndex: 'p7',
+  },
+  {
+    title: '操作',
+    dataIndex: 'action',
+    align: 'center',
+    width: 100,
+    fixed: 'right',
+  }
+]
+const selectedRowKeys = ref([])
+// 列表选择配置
+const options = {
+  // columns数字类型字段加入 needTotal: true 可以勾选自动算账
+  alert: {
+    show: true,
+    clear: () => {
+      selectedRowKeys.value = ref([])
+    }
+  },
+  rowSelection: {
+    onChange: (selectedRowKey, selectedRows) => {
+      selectedRowKeys.value = selectedRowKey
+    }
+  }
+}
+const loadData = (parameter) => {
+  return demo2Api.demo2Page(Object.assign(parameter, searchFormStateReal.value)).then((data) => {
+    return data
+  })
+}
+// 搜索同时备份参数
+const onSearch = (parameter) => {
+  searchFormStateReal.value = cloneDeep(searchFormState.value)
+  tableRef.value.refresh(parameter)
+}
+// 重置
+const reset = () => {
+  searchFormRef.value.resetFields()
+  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 cityOptions = tool.dictList('lvke_city')
+const cityOptions = []
+const isNoOptions = tool.dictList('lvke_isNo')
+const departurePortOptions = tool.dictList('lvke_departurePort')
+const arrivingPortOptions = tool.dictList('lvke_arrivingPort')
+</script>

snowy-admin-web/src/views/gsc/pass/detail.vue

@@ -0,0 +1,159 @@
+<template>
+	<a-modal
+		v-model:open="open"
+		title="旅客信息查看"
+		centered
+		width="90%"
+	>
+		<div class="goods-detail">
+      <div class="__cus-title_1">基本信息</div>
+      <a-form :model="formData">
+        <a-row>
+          <a-col :span="16">
+            <a-row :gutter="16">
+              <a-col :span="12">
+                <a-form-item label="姓名">
+                  <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="性别">
+                  <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
+                            :options="sexOptions" show-search allow-clear optionFilterProp="label"/>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="国籍">
+                  <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
+                            :options="cityOptions" show-search allow-clear optionFilterProp="label"/>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="年龄">
+                  <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="身份证号">
+                  <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+                </a-form-item>
+              </a-col>
+            </a-row>
+          </a-col>
+          <a-col :span="8">
+          </a-col>
+        </a-row>
+      </a-form>
+      <div class="__cus-title_1">携带物品信息</div>
+      <a-table
+        style="margin-top: 10px"
+        bordered
+        :dataSource="[
+          formData,
+        ]"
+        :columns="[
+          {title: '物品类别',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '物品细类',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '物品名称',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '物品产地',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '重量(千克)',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '品牌',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '规格型号',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '单价',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '币种',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '数量',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '数量单位',dataIndex: 'wlbh',key: 'wlbh'},
+          {title: '发票/许可证',dataIndex: 'action',key: 'action'},
+        ]"
+        :pagination="false"
+      >
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.dataIndex === 'action'">
+            <a-button type="link" primary size="small">查看</a-button>
+          </template>
+        </template>
+      </a-table>
+      <div class="__cus-title_1">乘坐交通工具信息</div>
+      <a-form :model="formData">
+        <a-row :gutter="16">
+          <a-col :span="8">
+            <a-form-item label="乘坐交通工具类型">
+              <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="出发时间">
+              <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="出发港口">
+              <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
+                        :options="departurePortOptions" show-search allow-clear optionFilterProp="label"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="到达港口">
+              <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
+                        :options="arrivingPortOptions" show-search allow-clear optionFilterProp="label"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="车次/航班号">
+              <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="8">
+            <a-form-item label="座位号">
+              <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+		</div>
+		<template #footer></template>
+	</a-modal>
+</template>
+
+<script setup name="enterpriseDetail">
+import tool from '@/utils/tool'
+import {cloneDeep} from 'lodash-es'
+import qyOutWarehouseApi from "@/api/yqyc/qyOutWarehouseApi";
+// 抽屉状态
+const open = ref(false)
+const emit = defineEmits({successful: null})
+// 表单数据
+const formData = ref({})
+
+// 打开抽屉
+const onOpen = (record, view = false) => {
+	open.value = true
+	// if (record) {
+	// 	qyOutWarehouseApi.qyOutWarehousePage({warehouseNumber: record.warehouseNumber}).then(res => {
+	// 		formData.value = Object.assign({}, res)
+	// 	})
+	// }
+}
+// 关闭抽屉
+const onClose = () => {
+	// formRef.value?.resetFields()
+	formData.value = {}
+	open.value = false
+}
+const sexOptions = tool.dictList('lvke_sex')
+// const cityOptions = tool.dictList('lvke_city')
+const cityOptions = []
+const departurePortOptions = tool.dictList('lvke_departurePort')
+const arrivingPortOptions = tool.dictList('lvke_arrivingPort')
+// 抛出函数
+defineExpose({
+	onOpen
+})
+</script>
+<style lang="less" scoped>
+.goods-detail {
+	max-height: 800px;
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+</style>

snowy-admin-web/src/views/gsc/pass/index.vue

@@ -0,0 +1,233 @@
+<template>
+  <a-card :bordered="false">
+    <a-form ref="searchFormRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
+      <a-row :gutter="24">
+        <a-col :span="6">
+          <a-form-item label="姓名">
+            <a-input v-model:value="searchFormState.name" placeholder="请输入姓名" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <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>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="身份证号">
+            <a-input v-model:value="searchFormState.name" placeholder="请输入身份证号" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="国籍">
+            <a-select v-model:value="searchFormState.accountType" placeholder="请选择国籍"
+                      :options="cityOptions" show-search allow-clear optionFilterProp="label"/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="居住地">
+            <a-input v-model:value="searchFormState.name" placeholder="请输入居住地" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="车次/航班号">
+            <a-input v-model:value="searchFormState.name" placeholder="请输入车次/航班号" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="航/车次(班)日期">
+            <a-range-picker v-model:value="searchFormState.warehouseTime" show-time allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="是否携带行李物品">
+            <a-select v-model:value="searchFormState.accountType" placeholder="请选择是否携带行李物品"
+                      :options="isNoOptions" show-search allow-clear optionFilterProp="label"/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="出发港口">
+            <a-select v-model:value="searchFormState.accountType" placeholder="请选择出发港口"
+                      :options="departurePortOptions" show-search allow-clear optionFilterProp="label"/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="到达港口">
+            <a-select v-model:value="searchFormState.accountType" placeholder="请选择到达港口"
+                      :options="arrivingPortOptions" 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 style="margin: 0 8px" @click="reset">重置</a-button>
+        </a-col>
+      </a-row>
+    </a-form>
+    <s-table
+      ref="tableRef"
+      :columns="columns"
+      :data="loadData"
+      bordered
+      :row-key="(record) => record.id"
+      :tool-config="toolConfig"
+      v-model:filterParam="filterParam"
+      :scroll="{ x: 2000 }"
+    >
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.dataIndex === 'sex'">
+          {{ $TOOL.dictTypeData('lvke_sex', record.sex) }}
+        </template>
+        <template v-if="column.dataIndex === 'action'">
+          <a-space>
+            <a @click="formRef.onOpen(record)">查看</a>
+          </a-space>
+        </template>
+      </template>
+    </s-table>
+  </a-card>
+  <Detail ref="formRef" @successful="onSearch()"/>
+</template>
+
+<script setup name="demo2">
+import tool from '@/utils/tool'
+import {cloneDeep} from 'lodash-es'
+import Detail from './detail.vue'
+import demo2Api from '@/api/biz/demo2Api'
+import downloadUtil from "@/utils/downloadUtil";
+
+const {proxy} = getCurrentInstance()
+const searchFormState = ref({})
+const searchFormStateReal = ref({}) // 点击搜索后备份的查询参数
+const searchFormRef = ref()
+const tableRef = ref()
+const filterParam = ref({})
+const formRef = ref()
+const toolConfig = {refresh: true, height: true, columnSetting: true, striped: false}
+const columns = [
+  {
+    title: '姓名',
+    dataIndex: 'name',
+  },
+  {
+    title: '性别',
+    dataIndex: 'age',
+  },
+  {
+    title: '身份证号',
+    dataIndex: 'sex',
+  },
+  {
+    title: '国籍',
+    dataIndex: 'remark',
+  },
+  {
+    title: '居住地',
+    dataIndex: 'p1',
+  },
+  {
+    title: '车次/航班号',
+    dataIndex: 'p2',
+  },
+  {
+    title: '航/车次(班)日期',
+    dataIndex: 'p3',
+  },
+  {
+    title: '是否携带行李物品',
+    dataIndex: 'p4',
+  },
+  {
+    title: '出发港口',
+    dataIndex: 'p5',
+  },
+  {
+    title: '到达港口',
+    dataIndex: 'p6',
+  },
+  {
+    title: '座位号',
+    dataIndex: 'p7',
+  },
+  {
+    title: '操作',
+    dataIndex: 'action',
+    align: 'center',
+    width: 100,
+    fixed: 'right',
+  }
+]
+const selectedRowKeys = ref([])
+// 列表选择配置
+const options = {
+  // columns数字类型字段加入 needTotal: true 可以勾选自动算账
+  alert: {
+    show: true,
+    clear: () => {
+      selectedRowKeys.value = ref([])
+    }
+  },
+  rowSelection: {
+    onChange: (selectedRowKey, selectedRows) => {
+      selectedRowKeys.value = selectedRowKey
+    }
+  }
+}
+const loadData = (parameter) => {
+  return demo2Api.demo2Page(Object.assign(parameter, searchFormStateReal.value)).then((data) => {
+    return data
+  })
+}
+// 搜索同时备份参数
+const onSearch = (parameter) => {
+  searchFormStateReal.value = cloneDeep(searchFormState.value)
+  tableRef.value.refresh(parameter)
+}
+// 重置
+const reset = () => {
+  searchFormRef.value.resetFields()
+  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 cityOptions = tool.dictList('lvke_city')
+const cityOptions = []
+const isNoOptions = tool.dictList('lvke_isNo')
+const departurePortOptions = tool.dictList('lvke_departurePort')
+const arrivingPortOptions = tool.dictList('lvke_arrivingPort')
+</script>