Jelajahi Sumber

调整出口布局

Qukatie 6 bulan lalu
induk
melakukan
ab01c50191

+ 191 - 181
src/views/iosBasicData/SeafreightExportF/bills/assembly/EntrustmentLnformation.vue

@@ -129,6 +129,43 @@
                         </div>
                     </el-row>
                     <el-row>
+                        <div>
+                            <el-form-item label="国外代理" prop="foreignAgencyCnName">
+                                <span slot="label">
+                                    <span style="color: #1e9fff">国外代理</span>
+                                </span>
+                                <div>
+                                    <el-col :span="16">
+                                        <search-query :datalist="foreignAgencyData"
+                                            :selectValue="assemblyForm.foreignAgencyCnName" :filterable="true"
+                                            :clearable="true" :remote="true" :addIf="true" :tableIf="false"
+                                            :disabled="detailData.seeDisabled" :joinData="true"
+                                            :forParameter="{ key: 'id', short: 'code', label: 'cnName', value: 'cnName' }"
+                                            placeholder="请选择国外代理" @addJump="addJump('foreignAgency')"
+                                            @remoteMethod="remoteMethod($event, 'foreignAgency')"
+                                            @corpChange="corpChange($event, 'foreignAgency')"
+                                            @corpFocus="remoteMethod($event, 'foreignAgency')">
+                                        </search-query>
+                                    </el-col>
+                                    <el-col :span="8">
+                                        <el-input type="age" style="width: 100%;" v-model="assemblyForm.foreignCntyName"
+                                            size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
+                                            placeholder="国外代理国家代码"></el-input>
+                                    </el-col>
+                                </div>
+                            </el-form-item>
+                            <el-form-item prop="foreignAgencyDetails">
+                                <div style="margin-top: 4px">
+                                    <el-input type="textarea" style="width: 100%;"
+                                        v-model="assemblyForm.foreignAgencyDetails" size="small" autocomplete="off"
+                                        :disabled="detailData.seeDisabled" :rows="textareaNumber" clearable
+                                        placeholder="请输入国外代理提单描述"
+                                        @change="textareaBlur('foreignAgencyDetails')"></el-input>
+                                </div>
+                            </el-form-item>
+
+                        </div>
+
                         <!-- <el-form-item label="收货地" prop="placeReceiptName">
                             <span slot="label">
                                 <el-popover placement="right" width="400" trigger="hover"
@@ -160,134 +197,7 @@
                                 </el-col>
                             </el-row>
                         </el-form-item> -->
-                        <el-form-item label="装货港" prop="polCnName">
-                            <span slot="label">
-                                <el-popover placement="right" width="400" trigger="hover"
-                                    @show="delShow(assemblyForm.polId, 1)">
-                                    <avue-crud :data="delData" :option="delOption" :table-loading="loading"></avue-crud>
-                                    <span style="color:rgb(76, 158, 68);text-decoration: underline;"
-                                        slot="reference">装货港</span>
-                                </el-popover>
-                            </span>
-                            <el-row>
-                                <el-col :span="24">
-                                    <search-query :datalist="polData" :selectValue="assemblyForm.polEnName"
-                                        :filterable="true" :clearable="true" :remote="true" :joinData="true"
-                                        :disabled="detailData.seeDisabled || generateBillsfalse || (assemblyForm.billType == 'MH' && assemblyForm.masterBillNo > 0) || assemblyForm.preContainersList.filter(item => item.containerNumberStatus == '已选择').length > 0"
-                                        :buttonIf="false" placeholder="请选择装货港"
-                                        :forParameter="{ key: 'id', short: 'enName', label: 'code', value: 'enName' }"
-                                        @remoteMethod="remoteMethod($event, 'pol')"
-                                        @corpChange="corpChange($event, 'pol')"
-                                        @corpFocus="remoteMethod($event, 'pol')">
-                                    </search-query>
-                                </el-col>
-                                <el-col :span="24">
-                                    <span style="padding-left: 0px"></span>
-                                    <el-input type="age" style="width: 100%;" v-model="assemblyForm.polNamePrint"
-                                        size="small" autocomplete="off"
-                                        :disabled="detailData.seeDisabled || generateBillsfalse || (assemblyForm.billType == 'MH' && assemblyForm.masterBillNo > 0) || assemblyForm.preContainersList.filter(item => item.containerNumberStatus == '已选择').length > 0"
-                                        clearable placeholder="装货港" @change="textareaBlur('polNamePrint')"></el-input>
-                                </el-col>
-                            </el-row>
-                        </el-form-item>
-                        <el-form-item label="卸货港" prop="podCnName">
-                            <span slot="label">
-                                <el-popover placement="right" width="400" trigger="hover"
-                                    @show="delShow(assemblyForm.podId, 1)">
-                                    <avue-crud :data="delData" :option="delOption" :table-loading="loading"></avue-crud>
-                                    <!-- <el-button slot="reference">click 激活</el-button> -->
-                                    <span style="color:rgb(76, 158, 68);text-decoration: underline;"
-                                        slot="reference">卸货港</span>
-                                </el-popover>
-                                <!-- <span style="color: #1e9fff">卸货港</span> -->
-                            </span>
-                            <el-row>
-                                <el-col :span="24">
-                                    <search-query :datalist="podData" :selectValue="assemblyForm.podEnName"
-                                        :filterable="true" :clearable="true" :remote="true" :joinData="true"
-                                        :disabled="detailData.seeDisabled || (assemblyForm.billType == 'MH' && assemblyForm.masterBillNo > 0) || assemblyForm.preContainersList.filter(item => item.containerNumberStatus == '已选择').length > 0"
-                                        :buttonIf="false" placeholder="请选择卸货港"
-                                        :forParameter="{ key: 'id', short: 'enName', label: 'code', value: 'enName' }"
-                                        @remoteMethod="remoteMethod($event, 'pod')"
-                                        @corpChange="corpChange($event, 'pod')"
-                                        @corpFocus="remoteMethod($event, 'pod')">
-                                    </search-query>
-                                </el-col>
-                                <el-col :span="24">
-                                    <span style="padding-left: 0px"></span>
-                                    <el-input type="age" style="width: 100%;" v-model="assemblyForm.podNamePrint"
-                                        size="small" autocomplete="off"
-                                        :disabled="detailData.seeDisabled || (assemblyForm.billType == 'MH' && assemblyForm.masterBillNo > 0) || assemblyForm.preContainersList.filter(item => item.containerNumberStatus == '已选择').length > 0"
-                                        clearable placeholder="卸货港" @change="textareaBlur('podNamePrint')"></el-input>
-                                </el-col>
-                            </el-row>
-                        </el-form-item>
-                        <el-form-item label="目的地" prop="destinationName">
-                            <span slot="label">
-                                <el-popover placement="right" width="400" trigger="hover"
-                                    @show="delShow(assemblyForm.destinationId, 1)">
-                                    <avue-crud :data="delData" :option="delOption" :table-loading="loading"></avue-crud>
-                                    <!-- <el-button slot="reference">click 激活</el-button> -->
-                                    <span style="color:rgb(76, 158, 68);text-decoration: underline;"
-                                        slot="reference">目的地</span>
-                                </el-popover>
-                                <!-- <span style="color: #1e9fff">目的地</span> -->
-                            </span>
-                            <el-row>
-                                <el-col :span="24">
-                                    <search-query :datalist="destinationData"
-                                        :selectValue="assemblyForm.destinationName" :filterable="true" :clearable="true"
-                                        :remote="true" :joinData="true"
-                                        :disabled="detailData.seeDisabled || generateBillsfalse || (assemblyForm.billType == 'MH' && assemblyForm.masterBillNo > 0)"
-                                        :buttonIf="false" placeholder="请选择目的地"
-                                        :forParameter="{ key: 'id', short: 'enName', label: 'code', value: 'enName' }"
-                                        @remoteMethod="remoteMethod($event, 'destination')"
-                                        @corpChange="corpChange($event, 'destination')"
-                                        @corpFocus="remoteMethod($event, 'destination')">
-                                    </search-query>
-                                </el-col>
-                                <el-col :span="24">
-                                    <span style="padding-left: 0px"></span>
-                                    <el-input type="age" style="width: 100%;"
-                                        v-model="assemblyForm.destinationNamePrint" size="small" autocomplete="off"
-                                        :disabled="detailData.seeDisabled || generateBillsfalse || (assemblyForm.billType == 'MH' && assemblyForm.masterBillNo > 0)"
-                                        clearable placeholder="目的地"
-                                        @change="textareaBlur('destinationNamePrint')"></el-input>
-                                </el-col>
-                            </el-row>
-                        </el-form-item>
-                        <el-form-item label="交货地" prop="placeDeliveryName">
-                            <span slot="label">
-                                <el-popover placement="right" width="400" trigger="hover"
-                                    @show="delShow(assemblyForm.placeDeliveryId, 1)">
-                                    <avue-crud :data="delData" :option="delOption" :table-loading="loading"></avue-crud>
-                                    <!-- <el-button slot="reference">click 激活</el-button> -->
-                                    <span style="color:rgb(76, 158, 68);text-decoration: underline;"
-                                        slot="reference">交货地</span>
-                                </el-popover>
-                                <!-- <span style="color: #1e9fff">交货地</span> -->
-                            </span>
-                            <el-row>
-                                <el-col :span="24">
-                                    <search-query :datalist="placeDeliveryData" :joinData="true"
-                                        :selectValue="assemblyForm.placeDeliveryName" :filterable="true"
-                                        :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
-                                        :buttonIf="false" placeholder="请选择交货地"
-                                        :forParameter="{ key: 'id', short: 'enName', label: 'code', value: 'enName' }"
-                                        @remoteMethod="remoteMethod($event, 'placeDelivery')"
-                                        @corpChange="corpChange($event, 'placeDelivery')"
-                                        @corpFocus="remoteMethod($event, 'placeDelivery')">
-                                    </search-query>
-                                </el-col>
-                                <el-col :span="24">
-                                    <span style="padding-left: 0px"></span>
-                                    <el-input type="age" style="width: 100%;"
-                                        v-model="assemblyForm.placeDeliveryNamePrint" size="small" autocomplete="off"
-                                        :disabled="detailData.seeDisabled" clearable placeholder="交货地"
-                                        @change="textareaBlur('placeDeliveryNamePrint')"></el-input>
-                                </el-col>
-                            </el-row>
-                        </el-form-item>
+
                         <!-- <el-form-item label="中转港" prop="potEnName">
                             <span slot="label">
                                 <el-popover placement="right" width="400" trigger="hover"
@@ -348,7 +258,7 @@
                                     </el-col>
                                 </el-form-item>
                             </div>
-<!--                            <div>
+                            <!--                            <div>
                                 <el-input type="age" style="width: 100%;" v-model="assemblyForm.commodityEnName"
                                     size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
                                     placeholder="商品名称"></el-input>
@@ -382,51 +292,141 @@
                                     clearable placeholder="请输入提单上货物描述"
                                     @change="textareaBlur('commodityDescr')"></el-input>
                             </div>
-                            <div>
-                                <el-form-item label="国外代理" prop="foreignAgencyCnName" label-width="60px">
-                                    <span slot="label">
-                                        <span style="color: #1e9fff">国外代理</span>
-                                    </span>
-                                    <div>
-                                        <el-col :span="16">
-                                            <search-query :datalist="foreignAgencyData"
-                                                :selectValue="assemblyForm.foreignAgencyCnName" :filterable="true"
-                                                :clearable="true" :remote="true" :addIf="true" :tableIf="false"
-                                                :disabled="detailData.seeDisabled" :joinData="true"
-                                                :forParameter="{ key: 'id', short: 'code', label: 'cnName', value: 'cnName' }"
-                                                placeholder="请选择国外代理" @addJump="addJump('foreignAgency')"
-                                                @remoteMethod="remoteMethod($event, 'foreignAgency')"
-                                                @corpChange="corpChange($event, 'foreignAgency')"
-                                                @corpFocus="remoteMethod($event, 'foreignAgency')">
-                                            </search-query>
-                                        </el-col>
-                                        <el-col :span="8">
-                                            <el-input type="age" style="width: 100%;"
-                                                v-model="assemblyForm.foreignCntyName" size="small" autocomplete="off"
-                                                :disabled="detailData.seeDisabled" clearable
-                                                placeholder="国外代理国家代码"></el-input>
-                                        </el-col>
-                                    </div>
-                                </el-form-item>
-                                <div style="margin-top: 4px">
-                                    <el-input type="textarea" style="width: 100%;"
-                                        v-model="assemblyForm.foreignAgencyDetails" size="small" autocomplete="off"
-                                        :disabled="detailData.seeDisabled" :rows="textareaNumber" clearable
-                                        placeholder="请输入国外代理提单描述"
-                                        @change="textareaBlur('foreignAgencyDetails')"></el-input>
-                                </div>
-                            </div>
-                            <div style="margin-top: 4px">
-                                <el-form-item label="订舱备注" prop="cyRemarks" label-width="60px">
-                                    <span slot="label">
-                                        <span style="color: #1e9fff">订舱备注</span>
-                                    </span>
-                                    <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.cyRemarks"
-                                        size="small" autocomplete="off"
-                                        :disabled="detailData.seeDisabled || generateBillsfalse" rows="4" clearable
-                                        placeholder="请输入场站备注" @change="textareaBlur('cyRemarks')"></el-input>
-                                </el-form-item>
-                            </div>
+                            <el-form-item label="装货港" prop="polCnName" label-width="60px">
+                                <span slot="label">
+                                    <el-popover placement="right" width="400" trigger="hover"
+                                        @show="delShow(assemblyForm.polId, 1)">
+                                        <avue-crud :data="delData" :option="delOption"
+                                            :table-loading="loading"></avue-crud>
+                                        <span style="color:rgb(76, 158, 68);text-decoration: underline;"
+                                            slot="reference">装货港</span>
+                                    </el-popover>
+                                </span>
+                                <el-row>
+                                    <el-col :span="24">
+                                        <search-query :datalist="polData" :selectValue="assemblyForm.polEnName"
+                                            :filterable="true" :clearable="true" :remote="true" :joinData="true"
+                                            :disabled="detailData.seeDisabled || generateBillsfalse || (assemblyForm.billType == 'MH' && assemblyForm.masterBillNo > 0) || assemblyForm.preContainersList.filter(item => item.containerNumberStatus == '已选择').length > 0"
+                                            :buttonIf="false" placeholder="请选择装货港"
+                                            :forParameter="{ key: 'id', short: 'enName', label: 'code', value: 'enName' }"
+                                            @remoteMethod="remoteMethod($event, 'pol')"
+                                            @corpChange="corpChange($event, 'pol')"
+                                            @corpFocus="remoteMethod($event, 'pol')">
+                                        </search-query>
+                                    </el-col>
+                                    <el-col :span="24">
+                                        <span style="padding-left: 0px"></span>
+                                        <el-input type="age" style="width: 100%;" v-model="assemblyForm.polNamePrint"
+                                            size="small" autocomplete="off"
+                                            :disabled="detailData.seeDisabled || generateBillsfalse || (assemblyForm.billType == 'MH' && assemblyForm.masterBillNo > 0) || assemblyForm.preContainersList.filter(item => item.containerNumberStatus == '已选择').length > 0"
+                                            clearable placeholder="装货港"
+                                            @change="textareaBlur('polNamePrint')"></el-input>
+                                    </el-col>
+                                </el-row>
+                            </el-form-item>
+                            <el-form-item label="卸货港" prop="podCnName" label-width="60px">
+                                <span slot="label">
+                                    <el-popover placement="right" width="400" trigger="hover"
+                                        @show="delShow(assemblyForm.podId, 1)">
+                                        <avue-crud :data="delData" :option="delOption"
+                                            :table-loading="loading"></avue-crud>
+                                        <!-- <el-button slot="reference">click 激活</el-button> -->
+                                        <span style="color:rgb(76, 158, 68);text-decoration: underline;"
+                                            slot="reference">卸货港</span>
+                                    </el-popover>
+                                    <!-- <span style="color: #1e9fff">卸货港</span> -->
+                                </span>
+                                <el-row>
+                                    <el-col :span="24">
+                                        <search-query :datalist="podData" :selectValue="assemblyForm.podEnName"
+                                            :filterable="true" :clearable="true" :remote="true" :joinData="true"
+                                            :disabled="detailData.seeDisabled || (assemblyForm.billType == 'MH' && assemblyForm.masterBillNo > 0) || assemblyForm.preContainersList.filter(item => item.containerNumberStatus == '已选择').length > 0"
+                                            :buttonIf="false" placeholder="请选择卸货港"
+                                            :forParameter="{ key: 'id', short: 'enName', label: 'code', value: 'enName' }"
+                                            @remoteMethod="remoteMethod($event, 'pod')"
+                                            @corpChange="corpChange($event, 'pod')"
+                                            @corpFocus="remoteMethod($event, 'pod')">
+                                        </search-query>
+                                    </el-col>
+                                    <el-col :span="24">
+                                        <span style="padding-left: 0px"></span>
+                                        <el-input type="age" style="width: 100%;" v-model="assemblyForm.podNamePrint"
+                                            size="small" autocomplete="off"
+                                            :disabled="detailData.seeDisabled || (assemblyForm.billType == 'MH' && assemblyForm.masterBillNo > 0) || assemblyForm.preContainersList.filter(item => item.containerNumberStatus == '已选择').length > 0"
+                                            clearable placeholder="卸货港"
+                                            @change="textareaBlur('podNamePrint')"></el-input>
+                                    </el-col>
+                                </el-row>
+                            </el-form-item>
+                            <el-form-item label="目的地" prop="destinationName" label-width="60px">
+                                <span slot="label">
+                                    <el-popover placement="right" width="400" trigger="hover"
+                                        @show="delShow(assemblyForm.destinationId, 1)">
+                                        <avue-crud :data="delData" :option="delOption"
+                                            :table-loading="loading"></avue-crud>
+                                        <!-- <el-button slot="reference">click 激活</el-button> -->
+                                        <span style="color:rgb(76, 158, 68);text-decoration: underline;"
+                                            slot="reference">目的地</span>
+                                    </el-popover>
+                                    <!-- <span style="color: #1e9fff">目的地</span> -->
+                                </span>
+                                <el-row>
+                                    <el-col :span="24">
+                                        <search-query :datalist="destinationData"
+                                            :selectValue="assemblyForm.destinationName" :filterable="true"
+                                            :clearable="true" :remote="true" :joinData="true"
+                                            :disabled="detailData.seeDisabled || generateBillsfalse || (assemblyForm.billType == 'MH' && assemblyForm.masterBillNo > 0)"
+                                            :buttonIf="false" placeholder="请选择目的地"
+                                            :forParameter="{ key: 'id', short: 'enName', label: 'code', value: 'enName' }"
+                                            @remoteMethod="remoteMethod($event, 'destination')"
+                                            @corpChange="corpChange($event, 'destination')"
+                                            @corpFocus="remoteMethod($event, 'destination')">
+                                        </search-query>
+                                    </el-col>
+                                    <el-col :span="24">
+                                        <span style="padding-left: 0px"></span>
+                                        <el-input type="age" style="width: 100%;"
+                                            v-model="assemblyForm.destinationNamePrint" size="small" autocomplete="off"
+                                            :disabled="detailData.seeDisabled || generateBillsfalse || (assemblyForm.billType == 'MH' && assemblyForm.masterBillNo > 0)"
+                                            clearable placeholder="目的地"
+                                            @change="textareaBlur('destinationNamePrint')"></el-input>
+                                    </el-col>
+                                </el-row>
+                            </el-form-item>
+                            <el-form-item label="交货地" prop="placeDeliveryName" label-width="60px">
+                                <span slot="label">
+                                    <el-popover placement="right" width="400" trigger="hover"
+                                        @show="delShow(assemblyForm.placeDeliveryId, 1)">
+                                        <avue-crud :data="delData" :option="delOption"
+                                            :table-loading="loading"></avue-crud>
+                                        <!-- <el-button slot="reference">click 激活</el-button> -->
+                                        <span style="color:rgb(76, 158, 68);text-decoration: underline;"
+                                            slot="reference">交货地</span>
+                                    </el-popover>
+                                    <!-- <span style="color: #1e9fff">交货地</span> -->
+                                </span>
+                                <el-row>
+                                    <el-col :span="24">
+                                        <search-query :datalist="placeDeliveryData" :joinData="true"
+                                            :selectValue="assemblyForm.placeDeliveryName" :filterable="true"
+                                            :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
+                                            :buttonIf="false" placeholder="请选择交货地"
+                                            :forParameter="{ key: 'id', short: 'enName', label: 'code', value: 'enName' }"
+                                            @remoteMethod="remoteMethod($event, 'placeDelivery')"
+                                            @corpChange="corpChange($event, 'placeDelivery')"
+                                            @corpFocus="remoteMethod($event, 'placeDelivery')">
+                                        </search-query>
+                                    </el-col>
+                                    <el-col :span="24">
+                                        <span style="padding-left: 0px"></span>
+                                        <el-input type="age" style="width: 100%;"
+                                            v-model="assemblyForm.placeDeliveryNamePrint" size="small"
+                                            autocomplete="off" :disabled="detailData.seeDisabled" clearable
+                                            placeholder="交货地"
+                                            @change="textareaBlur('placeDeliveryNamePrint')"></el-input>
+                                    </el-col>
+                                </el-row>
+                            </el-form-item>
                         </el-row>
                     </el-col>
                     <el-col :span="12">
@@ -567,10 +567,10 @@
                                         </el-popover>
                                         <!-- <span style="color: #1e9fff">包装</span> -->
                                     </span>
-                                    <search-query ref="packingUnit" :datalist="packingUnitData" style="margin-right: -10px;"
-                                        :selectValue="assemblyForm.packingUnit" :filterable="true" :clearable="true"
-                                        :remote="true" :disabled="detailData.seeDisabled"
-                                        :buttonIf="false" placeholder="请选择包装"
+                                    <search-query ref="packingUnit" :datalist="packingUnitData"
+                                        style="margin-right: -10px;" :selectValue="assemblyForm.packingUnit"
+                                        :filterable="true" :clearable="true" :remote="true"
+                                        :disabled="detailData.seeDisabled" :buttonIf="false" placeholder="请选择包装"
                                         :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
                                         @remoteMethod="remoteMethod($event, 'packingUnit')"
                                         @corpChange="corpChange($event, 'packingUnit')"
@@ -724,6 +724,17 @@
                                 </el-form-item>
                             </el-col>
                         </div>
+                        <div style="margin-top: 4px">
+                            <el-form-item label="订舱备注" prop="cyRemarks">
+                                <span slot="label">
+                                    <span style="color: #1e9fff">订舱备注</span>
+                                </span>
+                                <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.cyRemarks"
+                                    size="small" autocomplete="off"
+                                    :disabled="detailData.seeDisabled || generateBillsfalse" rows="3" clearable
+                                    placeholder="请输入场站备注" @change="textareaBlur('cyRemarks')"></el-input>
+                            </el-form-item>
+                        </div>
                         <div>
                             <el-col>
                                 <el-form-item label="SI备注" prop="siRemarks" label-width="80px">
@@ -731,11 +742,10 @@
                                         <span style="color: #1e9fff">SI备注</span>
                                     </span>
                                     <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.siRemarks"
-                                        size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="5"
+                                        size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="3"
                                         clearable placeholder="请输入SI备注" @change="textareaBlur('siRemarks')"></el-input>
                                 </el-form-item>
                             </el-col>
-
                         </div>
                     </el-col>
                 </el-col>
@@ -797,7 +807,7 @@
                     </el-form-item>
                 </el-col>
             </el-row>
-<!--            <el-row>
+            <!--            <el-row>
                 <el-col :span="6">
                     <el-form-item label="POD场站" prop="podCyCnName">
                         <span slot="label">