|
|
|
|
@ -1165,191 +1165,165 @@
|
|
|
|
|
</template>
|
|
|
|
|
</a-modal>
|
|
|
|
|
<a-modal
|
|
|
|
|
width="1100px"
|
|
|
|
|
width="820px"
|
|
|
|
|
:maskClosable="false"
|
|
|
|
|
v-model="editingModalVisible"
|
|
|
|
|
title="批量编辑"
|
|
|
|
|
@ok="editingHandleOk"
|
|
|
|
|
@cancel="editingHandleCancel"
|
|
|
|
|
>
|
|
|
|
|
@cancel="editingHandleCancel">
|
|
|
|
|
<div class="trace-box">
|
|
|
|
|
<div style="margin-bottom:10px;font-weight:bold;padding-left:48px">
|
|
|
|
|
<a-icon type="info-circle" theme="filled" style="font-size:15px;color: orange;;margin-right:10px" />
|
|
|
|
|
批量修改默认只处理输入框已填写的内容，需要修改为空值，请选择选中”置空“</div>
|
|
|
|
|
<a-form :form="editingForm">
|
|
|
|
|
<a-checkbox-group v-model="checkedList" >
|
|
|
|
|
<a-row :gutter="26">
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="船名"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
>
|
|
|
|
|
<a-select
|
|
|
|
|
placeholder="请选择船名"
|
|
|
|
|
v-decorator="['vessel']"
|
|
|
|
|
show-search
|
|
|
|
|
@focus="vesselSearch"
|
|
|
|
|
@search="vesselSearch"
|
|
|
|
|
style="width: 82%;margin-right: 10px"
|
|
|
|
|
@blur="vesselBlur"
|
|
|
|
|
:default-active-first-option="false"
|
|
|
|
|
:show-arrow="false"
|
|
|
|
|
:filter-option="false"
|
|
|
|
|
:not-found-content="null"
|
|
|
|
|
>
|
|
|
|
|
<a-select-option v-for="item in vesselData" :key="item.vessel" :value="item.vessel">
|
|
|
|
|
{{ item.vessel }}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
<a-checkbox value="vessel" style="margin-right: 5px" @change="handleEmpty($event,'vessel')" />置空
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="开船日期"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
prop="etd"
|
|
|
|
|
>
|
|
|
|
|
<a-date-picker
|
|
|
|
|
v-decorator="['etd']"
|
|
|
|
|
style="width: 82%;margin-right: 10px"
|
|
|
|
|
placeholder="请选择开船日期"
|
|
|
|
|
valueFormat="YYYY-MM-DD"
|
|
|
|
|
/>
|
|
|
|
|
<!-- <a-checkbox value="etd" style="margin-right: 5px" @change="handleEmpty('etd')"/>置空 -->
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="内部航次"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
>
|
|
|
|
|
<a-input v-decorator="['voynoinner']" style="width: 82%;margin-right: 10px" />
|
|
|
|
|
<a-checkbox value="voynoinner" style="margin-right: 5px" @change="handleEmpty($event,'voynoinner')"/>置空
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-row :gutter="26">
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="船名"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<a-select
|
|
|
|
|
placeholder="请选择船名"
|
|
|
|
|
v-decorator="['vessel']"
|
|
|
|
|
show-search
|
|
|
|
|
@focus="vesselSearch"
|
|
|
|
|
@search="vesselSearch"
|
|
|
|
|
@blur="vesselBlur"
|
|
|
|
|
:default-active-first-option="false"
|
|
|
|
|
:show-arrow="false"
|
|
|
|
|
:filter-option="false"
|
|
|
|
|
:not-found-content="null">
|
|
|
|
|
<a-select-option v-for="item in vesselData" :key="item.vessel" :value="item.vessel">
|
|
|
|
|
{{ item.vessel }}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="开船日期"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<a-date-picker
|
|
|
|
|
v-decorator="['etd', { rules: [{ required: true, message: '请选择开船日期！' }] }]"
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
placeholder="请选择开船日期"
|
|
|
|
|
valueFormat="YYYY-MM-DD" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="内部航次"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<a-input v-decorator="['voynoinner']" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="海关航次"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
>
|
|
|
|
|
<a-input style="width: 82%;margin-right: 10px" v-decorator="['voyno']" />
|
|
|
|
|
<a-checkbox value="voyno" style="margin-right: 5px" @change="handleEmpty($event,'voyno')"/>置空
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="卸货港"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
>
|
|
|
|
|
<a-select
|
|
|
|
|
placeholder="请选择卸货港"
|
|
|
|
|
v-decorator="['portDischarge']"
|
|
|
|
|
show-search
|
|
|
|
|
@focus="portDischargeSearch"
|
|
|
|
|
@search="portDischargeSearch"
|
|
|
|
|
@change="portDischargeChange"
|
|
|
|
|
:default-active-first-option="false"
|
|
|
|
|
style="width: 82%;margin-right: 10px"
|
|
|
|
|
:show-arrow="false"
|
|
|
|
|
:filter-option="false"
|
|
|
|
|
:not-found-content="null"
|
|
|
|
|
>
|
|
|
|
|
<a-select-option v-for="item in portDischargeData" :key="item.code" :value="item.enName">
|
|
|
|
|
{{ item.enName }}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
<a-checkbox value="portDischarge" style="margin-right: 5px" @change="handleEmpty($event,'portDischarge')"/>置空
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="卸货代码"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
>
|
|
|
|
|
<a-input style="width: 82%;margin-right: 10px" v-decorator="['portDischargeId']" />
|
|
|
|
|
<a-checkbox value="portDischargeId" style="margin-right: 5px" @change="handleEmpty($event,'portDischargeId')"/>置空
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="目的港"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
>
|
|
|
|
|
<a-select
|
|
|
|
|
placeholder="请选择目的港"
|
|
|
|
|
v-decorator="['destination']"
|
|
|
|
|
show-search
|
|
|
|
|
@focus="destinationSearch"
|
|
|
|
|
@search="destinationSearch"
|
|
|
|
|
@change="destinationChange"
|
|
|
|
|
:default-active-first-option="false"
|
|
|
|
|
:show-arrow="false"
|
|
|
|
|
:filter-option="false"
|
|
|
|
|
style="width: 82%;margin-right: 10px"
|
|
|
|
|
:not-found-content="null"
|
|
|
|
|
>
|
|
|
|
|
<a-select-option v-for="item in destinationData" :key="item.code" :value="item.enName">
|
|
|
|
|
{{ item.enName }}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
<a-checkbox value="destination" style="margin-right: 5px" @change="handleEmpty($event,'destination')"/>置空
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="目的代码"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
>
|
|
|
|
|
<a-input style="width: 82%;margin-right: 10px" v-decorator="['destinationid']" />
|
|
|
|
|
<a-checkbox value="destinationid" style="margin-right: 5px" @change="handleEmpty($event,'destinationid')"/>置空
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="截港时间"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
>
|
|
|
|
|
<a-date-picker
|
|
|
|
|
show-time
|
|
|
|
|
v-decorator="['closingdate']"
|
|
|
|
|
style="width: 82%;margin-right: 10px"
|
|
|
|
|
placeholder="请选择截港时间"
|
|
|
|
|
valueFormat="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
format="YYYY-MM-DD HH"
|
|
|
|
|
/>
|
|
|
|
|
<a-checkbox value="closingdate" style="margin-right: 5px" @change="handleEmpty($event,'closingdate')"/>置空
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="截单时间"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
>
|
|
|
|
|
<a-date-picker
|
|
|
|
|
show-time
|
|
|
|
|
v-decorator="['closedocdate']"
|
|
|
|
|
style="width: 82%;margin-right: 10px"
|
|
|
|
|
placeholder="请选择截单时间"
|
|
|
|
|
valueFormat="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
format="YYYY-MM-DD HH"
|
|
|
|
|
/>
|
|
|
|
|
<a-checkbox value="closedocdate" style="margin-right: 5px" @change="handleEmpty($event,'closedocdate')"/>置空
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</a-checkbox-group>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="海关航次"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<a-input v-decorator="['voyno']" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="卸货港"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<a-select
|
|
|
|
|
placeholder="请选择卸货港"
|
|
|
|
|
v-decorator="['portDischarge']"
|
|
|
|
|
show-search
|
|
|
|
|
@focus="portDischargeSearch"
|
|
|
|
|
@search="portDischargeSearch"
|
|
|
|
|
@change="portDischargeChange"
|
|
|
|
|
:default-active-first-option="false"
|
|
|
|
|
:show-arrow="false"
|
|
|
|
|
:filter-option="false"
|
|
|
|
|
:not-found-content="null">
|
|
|
|
|
<a-select-option v-for="item in portDischargeData" :key="item.code" :value="item.enName">
|
|
|
|
|
{{ item.enName }}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="卸货代码"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<a-input v-decorator="['portDischargeId']" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="目的港"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<a-select
|
|
|
|
|
placeholder="请选择目的港"
|
|
|
|
|
v-decorator="['destination']"
|
|
|
|
|
show-search
|
|
|
|
|
@focus="destinationSearch"
|
|
|
|
|
@search="destinationSearch"
|
|
|
|
|
@change="destinationChange"
|
|
|
|
|
:default-active-first-option="false"
|
|
|
|
|
:show-arrow="false"
|
|
|
|
|
:filter-option="false"
|
|
|
|
|
:not-found-content="null">
|
|
|
|
|
<a-select-option v-for="item in destinationData" :key="item.code" :value="item.enName">
|
|
|
|
|
{{ item.enName }}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="目的代码"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<a-input v-decorator="['destinationid']" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="截港时间"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<a-date-picker
|
|
|
|
|
show-time
|
|
|
|
|
v-decorator="['closingdate']"
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
placeholder="请选择截港时间"
|
|
|
|
|
valueFormat="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
format="YYYY-MM-DD HH" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12" class="book-model-box">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="截单时间"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 18 } }"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<a-date-picker
|
|
|
|
|
show-time
|
|
|
|
|
v-decorator="['closedocdate']"
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
placeholder="请选择截单时间"
|
|
|
|
|
valueFormat="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
format="YYYY-MM-DD HH" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</a-form>
|
|
|
|
|
</div>
|
|
|
|
|
</a-modal>
|
|
|
|
|
|
