|
@@ -2,53 +2,26 @@
|
|
|
<div class="data-query">
|
|
|
<div class="data-query-header">
|
|
|
<div class="manageTitle">{{ title }}</div>
|
|
|
- <el-form
|
|
|
- ref="formRef"
|
|
|
- :model="formData"
|
|
|
- class="data-query-form"
|
|
|
- :rules="rules"
|
|
|
- @submit.native.prevent
|
|
|
- >
|
|
|
+ <el-form ref="formRef" :model="formData" class="data-query-form" :rules="rules" @submit.native.prevent>
|
|
|
<div v-if="name === 'freight'" class="form-left">
|
|
|
<el-form-item prop="startDate">
|
|
|
- <el-date-picker
|
|
|
- v-model="formData.startDate"
|
|
|
- format="YYYY-MM-DD"
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
- size="default"
|
|
|
- type="date"
|
|
|
- placeholder="开始日期"
|
|
|
- :prefix-icon="datePreTitle('开始')"
|
|
|
- :clearable="false"
|
|
|
- class="pre-text"
|
|
|
- />
|
|
|
+ <el-date-picker v-model="formData.startDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD" size="default" type="date" placeholder="开始日期" :prefix-icon="datePreTitle('开始')" :clearable="false" class="pre-text" />
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="endDate">
|
|
|
- <el-date-picker
|
|
|
- v-model="formData.endDate"
|
|
|
- format="YYYY-MM-DD"
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
- :disabled-date="disabledEndDate"
|
|
|
- size="default"
|
|
|
- type="date"
|
|
|
- placeholder="结束日期"
|
|
|
- :prefix-icon="datePreTitle('结束')"
|
|
|
- :clearable="false"
|
|
|
- class="pre-text"
|
|
|
- />
|
|
|
+ <el-date-picker v-model="formData.endDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD" :disabled-date="disabledEndDate" size="default" type="date" placeholder="结束日期" :prefix-icon="datePreTitle('结束')" :clearable="false" class="pre-text" />
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div v-if="name === 'waybill'" class="form-left">
|
|
|
+ <el-form-item>
|
|
|
+ <el-date-picker v-model="formData.startDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD" size="default" type="date" placeholder="开始日期" :prefix-icon="datePreTitle('开始')" :clearable="false" class="pre-text" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-date-picker v-model="formData.endDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD" :disabled-date="disabledEndDate" size="default" type="date" placeholder="结束日期" :prefix-icon="datePreTitle('结束')" :clearable="false" class="pre-text" />
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div v-if="name === 'flight'" class="form-left">
|
|
|
<el-form-item prop="flightDate" style="width: 148px">
|
|
|
- <el-date-picker
|
|
|
- v-model="formData.flightDate"
|
|
|
- format="YYYY-MM-DD"
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
- size="default"
|
|
|
- type="date"
|
|
|
- placeholder="请选择航班日期"
|
|
|
- :clearable="false"
|
|
|
- />
|
|
|
+ <el-date-picker v-model="formData.flightDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD" size="default" type="date" placeholder="请选择航班日期" :clearable="false" />
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="inOrOut" style="width: 108px">
|
|
|
<el-select v-model="formData.inOrOut" size="default">
|
|
@@ -57,141 +30,53 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="flightType" style="width: 108px">
|
|
|
- <el-select
|
|
|
- v-model="formData.flightType"
|
|
|
- size="default"
|
|
|
- placeholder="航班类型"
|
|
|
- clearable
|
|
|
- >
|
|
|
+ <el-select v-model="formData.flightType" size="default" placeholder="航班类型" clearable>
|
|
|
<el-option :value="0" label="货机" />
|
|
|
<el-option :value="1" label="客机" />
|
|
|
<el-option :value="2" label="其他" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="sAirport" style="width: 108px">
|
|
|
- <el-select
|
|
|
- v-model="formData.sAirport"
|
|
|
- :disabled="formData.inOrOut === 'out'"
|
|
|
- size="default"
|
|
|
- placeholder="始发站"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="{ value, label } in airportOptions"
|
|
|
- :key="value"
|
|
|
- :value="value"
|
|
|
- :label="label"
|
|
|
- />
|
|
|
+ <el-select v-model="formData.sAirport" :disabled="formData.inOrOut === 'out'" size="default" placeholder="始发站" filterable clearable>
|
|
|
+ <el-option v-for="{ value, label } in airportOptions" :key="value" :value="value" :label="label" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="eAirport" style="width: 108px">
|
|
|
- <el-select
|
|
|
- v-model="formData.eAirport"
|
|
|
- :disabled="formData.inOrOut === 'in'"
|
|
|
- size="default"
|
|
|
- placeholder="目的站"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="{ value, label } in airportOptions"
|
|
|
- :key="value"
|
|
|
- :value="value"
|
|
|
- :label="label"
|
|
|
- />
|
|
|
+ <el-select v-model="formData.eAirport" :disabled="formData.inOrOut === 'in'" size="default" placeholder="目的站" filterable clearable>
|
|
|
+ <el-option v-for="{ value, label } in airportOptions" :key="value" :value="value" :label="label" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="planeType" style="width: 108px">
|
|
|
- <el-select
|
|
|
- v-model="formData.planeType"
|
|
|
- size="default"
|
|
|
- placeholder="属性"
|
|
|
- clearable
|
|
|
- >
|
|
|
+ <el-select v-model="formData.planeType" size="default" placeholder="属性" clearable>
|
|
|
<el-option value="DOM" label="国内" />
|
|
|
<el-option value="INT" label="国际" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="sFlightDate" style="width: 148px">
|
|
|
- <el-date-picker
|
|
|
- v-model="formData.sFlightDate"
|
|
|
- format="YYYY-MM-DD"
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
- size="default"
|
|
|
- type="date"
|
|
|
- placeholder="请选择实飞时间"
|
|
|
- />
|
|
|
+ <el-date-picker v-model="formData.sFlightDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD" size="default" type="date" placeholder="请选择实飞时间" />
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div class="form-right">
|
|
|
- <el-form-item
|
|
|
- v-if="name === 'flight'"
|
|
|
- prop="company"
|
|
|
- style="width: 180px"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- v-model.trim="formData.company"
|
|
|
- size="default"
|
|
|
- placeholder="请输入航司进行搜索"
|
|
|
- :prefix-icon="Search"
|
|
|
- clearable
|
|
|
- @keyup.enter.prevent="dataQuery"
|
|
|
- />
|
|
|
+ <el-form-item v-if="name === 'flight'" prop="company" style="width: 180px">
|
|
|
+ <el-input v-model.trim="formData.company" size="default" placeholder="请输入航司进行搜索" :prefix-icon="Search" clearable @keyup.enter.prevent="dataQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="flightNO" style="width: 180px">
|
|
|
+ <el-input v-model.trim="formData.flightNO" size="default" placeholder="请输入航班号" clearable />
|
|
|
</el-form-item>
|
|
|
- <el-form-item
|
|
|
- prop="keyWords"
|
|
|
- :style="name === 'flight' ? { width: '190px' } : {}"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- v-model.trim="formData.keyWords"
|
|
|
- size="default"
|
|
|
- :placeholder="keyWordsPlaceHolder"
|
|
|
- :prefix-icon="Search"
|
|
|
- clearable
|
|
|
- @keyup.enter.prevent="dataQuery"
|
|
|
- />
|
|
|
+ <el-form-item prop="keyWords" :style="name === 'flight' ? { width: '190px' } : {}">
|
|
|
+ <el-input v-model.trim="formData.keyWords" size="default" :placeholder="keyWordsPlaceHolder" :prefix-icon="Search" clearable @keyup.enter.prevent="dataQuery" />
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-form>
|
|
|
- <el-button size="default" color="#ac014d" @click="dataQuery"
|
|
|
- >搜索</el-button
|
|
|
- >
|
|
|
+ <el-button size="default" color="#ac014d" @click="dataQuery">搜索</el-button>
|
|
|
<el-button size="default" plain @click="resetForm">重置</el-button>
|
|
|
- <ColumnSet
|
|
|
- :table-columns="tableColumns"
|
|
|
- @checked-submit="columnChecked"
|
|
|
- />
|
|
|
+ <ColumnSet :table-columns="tableColumns" @checked-submit="columnChecked" />
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-loading="loading"
|
|
|
- element-loading-text="拼命加载中"
|
|
|
- element-loading-background="rgba(0, 0, 0, 0.8)"
|
|
|
- class="data-query-table"
|
|
|
- >
|
|
|
- <SimpleTable
|
|
|
- :header-cell-style="() => ({ background: '#F9FAFC' })"
|
|
|
- ref="tableRef"
|
|
|
- :data="
|
|
|
+ <div v-loading="loading" element-loading-text="拼命加载中" element-loading-background="rgba(0, 0, 0, 0.8)" class="data-query-table">
|
|
|
+ <SimpleTable :header-cell-style="() => ({ background: '#F9FAFC' })" ref="tableRef" :data="
|
|
|
tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)
|
|
|
- "
|
|
|
- :columns="tableColumns"
|
|
|
- :cell-class-name="cellClass"
|
|
|
- :column-props="{ formatter }"
|
|
|
- height="calc(100vh - 220px)"
|
|
|
- custom-sequence
|
|
|
- @cell-click="cellClickHandler"
|
|
|
- />
|
|
|
- <el-pagination
|
|
|
- v-if="tableData.length > 0"
|
|
|
- background
|
|
|
- layout="total, prev, pager, next, jumper"
|
|
|
- :total="tableData.length"
|
|
|
- :page-size="pageSize"
|
|
|
- style="position: absolute; right: 19px; bottom: 10px"
|
|
|
- @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- >
|
|
|
+ " :columns="tableColumns" :cell-class-name="cellClass" :column-props="{ formatter }" height="calc(100vh - 220px)" custom-sequence @cell-click="cellClickHandler" />
|
|
|
+ <el-pagination v-if="tableData.length > 0" background layout="total, prev, pager, next, jumper" :total="tableData.length" :page-size="pageSize" style="position: absolute; right: 19px; bottom: 10px" @size-change="handleSizeChange" @current-change="handleCurrentChange">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -233,6 +118,7 @@ const formData = reactive({
|
|
|
startDate: today,
|
|
|
endDate: today,
|
|
|
keyWords: '',
|
|
|
+ flightNO:''
|
|
|
})
|
|
|
watchEffect(() => {
|
|
|
if (formData.inOrOut === 'in') {
|