| | |
| | | <!-- card-one -->
|
| | | <el-card class="">
|
| | | <div slot="header" class="clearfix">
|
| | | <span class="clearfix_text">添加订单</span>
|
| | | <span class="clearfix_text">添加订单 | Add orders</span>
|
| | | <img class="clearfix_img" src="@/assets/addOrder/img2x.png" @click="$router.go(-1)" alt="" />
|
| | | </div>
|
| | | <div class="box-cards">
|
| | |
| | | <div class="red">*</div>
|
| | | <div class="box_text1">集装箱号:</div>
|
| | | </div>
|
| | | <div class="box_text2">Contain#</div>
|
| | | <div class="box_text2">Container No.</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.container" placeholder="请输入"></el-input>
|
| | | </div>
|
| | |
| | | <div class="red">*</div>
|
| | | <div class="box_text1">提单号:</div>
|
| | | </div>
|
| | | <div class="box_text2">BOLI#</div>
|
| | | <div class="box_text2">BOL No.</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.bol" placeholder="请输入"></el-input>
|
| | | </div>
|
| | |
| | | <div class="red">*</div>
|
| | | <div class="box_text1">货柜类型:</div>
|
| | | </div>
|
| | | <div class="box_text2">Cargo Type</div>
|
| | | <div class="box_text2">Container Type</div>
|
| | | </div>
|
| | | <el-select :disabled="type == 'detail'" v-model="form.cargoType" clearable placeholder="请选择"
|
| | | prop="type">
|
| | |
| | | <div class="red">*</div>
|
| | | <div class="box_text1">航名航次:</div>
|
| | | </div>
|
| | | <div class="box_text2">Vessel & Voyage</div>
|
| | | <div class="box_text2">Vessel Name and Voyage</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.vesselAndVoyage" placeholder="请输入"></el-input>
|
| | | </div>
|
| | |
| | | <div class="red">*</div>
|
| | | <div class="box_text1">是否超重:</div>
|
| | | </div>
|
| | | <div class="box_text1 mr-14">Over Weight</div>
|
| | | <div class="box_text1 mr-14">Overweight</div>
|
| | | </div>
|
| | | <el-radio-group :disabled="type == 'detail'" text-color="#014099" fill="#014099"
|
| | | v-model="form.overweight">
|
| | |
| | | <div class="red">*</div>
|
| | | <div class="box_text1">是否查验:</div>
|
| | | </div>
|
| | | <div class="box_text1">Customs Inspection</div>
|
| | | <div class="box_text1">Exam/inspection</div>
|
| | | </div>
|
| | | <el-radio-group :disabled="type == 'detail'" text-color="#014099" fill="#014099"
|
| | | v-model="form.customsInspection">
|
| | |
| | |
|
| | | <div class="bg" v-if="activeTab == 1">
|
| | | <span>如果是OT/FR等特种柜型,请提供具体包装明细</span>
|
| | | <span>Pls supply detailed packing list for an OT or FR conainer</span>
|
| | | <span>Please send detailed packing list for OT, FR or other special containers</span>
|
| | | </div>
|
| | | </el-card>
|
| | | <div v-if="activeTab == 1">
|
| | |
| | | <!-- <div class="red">*</div> -->
|
| | | <div class="box_text1">客户单号:</div>
|
| | | </div>
|
| | | <div class="box_text2">Clinet Order#</div>
|
| | | <div class="box_text2">Customer Ref. No.</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.clientOrder" placeholder="请输入"></el-input>
|
| | | </div>
|
| | |
| | | <div class="red">*</div>
|
| | | <div class="box_text1">品名:</div>
|
| | | </div>
|
| | | <div class="box_text2">Product</div>
|
| | | <div class="box_text2">Commodity</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.product" placeholder="请输入"></el-input>
|
| | | </div>
|
| | |
| | | <div class="red">*</div>
|
| | | <div class="box_text1">单位选择:</div>
|
| | | </div>
|
| | | <div class="box_text2">QTY Unit</div>
|
| | | <div class="box_text2">packages</div>
|
| | | </div>
|
| | | <el-select :disabled="type == 'detail'" v-model="form.QTYUnit" clearable placeholder="请选择">
|
| | | <el-option :label="item.label" :value="item.value" v-for="item in optionsUs"
|
| | |
| | | <div class="red">*</div>
|
| | | <div class="box_text1">重量:</div>
|
| | | </div>
|
| | | <div class="box_text2">Weight</div>
|
| | | <div class="box_text2">Gr. Wt</div>
|
| | | </div>
|
| | | <el-input type="number" :disabled="type == 'detail'" v-model="form.weight" @input="onInput"
|
| | | placeholder="请输入">
|
| | |
| | | <!-- <div class="red">*</div> -->
|
| | | <div class="box_text1">≈重量(磅):</div>
|
| | | </div>
|
| | | <div class="box_text2">≈Pound weight</div>
|
| | | <div class="box_text2">≈Weight (LBs)</div>
|
| | | </div>
|
| | | <el-input disabled v-model="form.poundWeight" placeholder="请输入">
|
| | | <div style="line-height: 50px;" slot="suffix">LBS</div>
|
| | |
| | | <div class="red">*</div>
|
| | | <div class="box_text1">体积:</div>
|
| | | </div>
|
| | | <div class="box_text2">Voume</div>
|
| | | <div class="box_text2">Volume</div>
|
| | | </div>
|
| | | <el-input type="number" :disabled="type == 'detail'" v-model="form.volume" placeholder="请输入">
|
| | | <div style="line-height: 50px;" slot="suffix">CMB</div>
|
| | |
| | | <!-- card-three -->
|
| | | <el-card class="box-card mt-13">
|
| | | <div slot="header" class="clearfix">
|
| | | <span class="clearfix_text">收件人信息 | Consignee</span>
|
| | | <span class="clearfix_text">收件人信息 | Consignee Information</span>
|
| | | <div class="clearfix_btn" @click="addShow">
|
| | | <img class="clearfix_btn_img" src="@/assets/addOrder/img5@2x.png" alt="" />
|
| | | <span>选择已添加信息</span>
|
| | |
| | | <!-- <div class="red">*</div> -->
|
| | | <div class="box_text1">收件人:</div>
|
| | | </div>
|
| | | <div class="box_text2">Contact</div>
|
| | | <div class="box_text2">Consignee</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.contact" placeholder="请输入"></el-input>
|
| | | <el-input :disabled="type != 'add'" v-model="form.contact" placeholder="请输入"></el-input>
|
| | | </div>
|
| | | </el-form-item>
|
| | |
|
| | |
| | | <div class="red">*</div>
|
| | | <div class="box_text1">收件人公司:</div>
|
| | | </div>
|
| | | <div class="box_text2">Consignee-Company</div>
|
| | | <div class="box_text2">Company Name</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.consigneeCompany" placeholder="请输入"></el-input>
|
| | | <el-input :disabled="type != 'add'" v-model="form.consigneeCompany" placeholder="请输入"></el-input>
|
| | | </div>
|
| | | </el-form-item>
|
| | |
|
| | |
| | | <div class="red">*</div>
|
| | | <div class="box_text1">目的地邮编:</div>
|
| | | </div>
|
| | | <div class="box_text2">Post</div>
|
| | | <div class="box_text2">Postal Code</div>
|
| | | </div>
|
| | |
|
| | | <el-input :disabled="type == 'detail'" v-model="form.post" placeholder="请输入"></el-input>
|
| | | <el-input :disabled="type != 'add'" v-model="form.post" placeholder="请输入"></el-input>
|
| | |
|
| | | </div>
|
| | | </el-form-item>
|
| | |
| | | </div>
|
| | | <div class="box_text2">Address</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.address" placeholder="请输入"></el-input>
|
| | | <el-input :disabled="type != 'add'" v-model="form.address" placeholder="请输入"></el-input>
|
| | | </div>
|
| | | </el-form-item>
|
| | | </div>
|
| | |
| | | </div>
|
| | | <div class="box_text2">Tel</div>
|
| | | </div>
|
| | | <el-input type="number" :disabled="type == 'detail'" v-model="form.tel"
|
| | | <el-input type="number" :disabled="type != 'add'" v-model="form.tel"
|
| | | placeholder="请输入"></el-input>
|
| | |
|
| | | </div>
|
| | |
| | | </div>
|
| | | <div class="box_text2">Email</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.email" placeholder="请输入"></el-input>
|
| | | <el-input :disabled="type != 'add'" v-model="form.email" placeholder="请输入"></el-input>
|
| | | </div>
|
| | | </el-form-item>
|
| | | <div class="tip flex">
|
| | |
| | | <!-- <div class="red">*</div> -->
|
| | | <div class="box_text1">其他联系方式:</div>
|
| | | </div>
|
| | | <div class="box_text3">Other Information</div>
|
| | | <div class="box_text3">Other Contact Information</div>
|
| | | </div>
|
| | | <quill-editor :disabled="type == 'detail'" class="editor" v-model="form.specialRequest"
|
| | | ref="myQuillEditor" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)"
|
| | |
| | | <div class="flex">
|
| | | <div class="box_text1">备注:</div>
|
| | | </div>
|
| | | <div class="box_text3">Remark</div>
|
| | | <div class="box_text3">Remarks</div>
|
| | | </div>
|
| | | <quill-editor :disabled="type == 'detail'" class="editor" v-model="form.remark" ref="myQuillEditor"
|
| | | :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)"
|
| | |
| | | <div class="flex">
|
| | | <div class="box_text1">保存信息:</div>
|
| | | </div>
|
| | | <div class="box_text3">Save Information</div>
|
| | | <div class="box_text3">Save</div>
|
| | | </div>
|
| | | <el-radio v-model="isSave" :label="true">是</el-radio>
|
| | | <el-radio v-model="isSave" :label="false">否</el-radio>
|
| | |
| | | </el-card>
|
| | | <el-card v-if="type == 'detail'" class="box-card mt-13">
|
| | | <div slot="header" class="clearfix">
|
| | | <span class="clearfix_text">货柜动态</span>
|
| | | <span class="clearfix_text">货柜动态 | Container Status</span>
|
| | | </div>
|
| | | <div class="box-cardes">
|
| | | <div class="flex">
|
| | |
| | | <!-- <div class="red">*</div> -->
|
| | | <div class="box_text1">车架号:</div>
|
| | | </div>
|
| | | <div class="box_text2">Frame number</div>
|
| | | <div class="box_text2">Chassis No.</div>
|
| | | </div>
|
| | | <el-input v-model="form.frameNumber" readonly></el-input>
|
| | | </div>
|
| | |
| | | <div class="flex">
|
| | | <div class="box_text1">最晚免费日期:</div>
|
| | | </div>
|
| | | <div class="box_text2">LFD</div>
|
| | | <div class="box_text2">Last Free Date</div>
|
| | | </div>
|
| | | <el-input v-model="form.LFD" readonly></el-input>
|
| | | </div>
|
| | |
| | | <div class="flex">
|
| | | <div class="box_text1">实际送货日期:</div>
|
| | | </div>
|
| | | <div class="box_text2"></div>
|
| | | <div class="box_text2">Actual Delivery Date</div>
|
| | | </div>
|
| | | <el-input v-model="form.actualSchedule" readonly></el-input>
|
| | |
|
| | |
| | | <div class="flex">
|
| | | <div class="box_text1">送柜日期:</div>
|
| | | </div>
|
| | | <div class="box_text2">Delivery Date</div>
|
| | | <div class="box_text2">Delivered Date</div>
|
| | | </div>
|
| | | <el-input v-model="form.deliveryDate" readonly></el-input>
|
| | |
|
| | |
| | | <div class="flex">
|
| | | <div class="box_text1">报空日期:</div>
|
| | | </div>
|
| | | <div class="box_text2">Empty Report Date</div>
|
| | | <div class="box_text2">Empty Reporte Date</div>
|
| | | </div>
|
| | | <el-input v-model="form.emptyReportDate" readonly></el-input>
|
| | | </div>
|
| | |
| | | </el-card>
|
| | | <el-card class="box-card mt-13">
|
| | | <div slot="header" class="clearfix">
|
| | | <span class="clearfix_text">附件</span>
|
| | | <span class="clearfix_text">附件 | Attachment</span>
|
| | | </div>
|
| | | <div class="box-carde">
|
| | | <div class="flex">
|
| | |
| | | }
|
| | |
|
| | | .box {
|
| | | width: 90px;
|
| | | width: 120px;
|
| | | display: flex;
|
| | | flex-direction: column;
|
| | | line-height: 23px !important;
|