| | |
| | | </div>
|
| | | <div class="box_text2">Container No.</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.container" placeholder="请输入"></el-input>
|
| | | <el-input :disabled="type != 'add'" v-model="form.container" placeholder="请输入"></el-input>
|
| | | </div>
|
| | | </el-form-item>
|
| | |
|
| | |
| | | </div>
|
| | | <div class="box_text2">BOL No.</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.bol" placeholder="请输入"></el-input>
|
| | | <el-input :disabled="type != 'add'" v-model="form.bol" placeholder="请输入"></el-input>
|
| | | </div>
|
| | | </el-form-item>
|
| | |
|
| | |
| | | </div>
|
| | | <div class="box_text2">Container Type</div>
|
| | | </div>
|
| | | <el-select :disabled="type == 'detail'" v-model="form.cargoType" clearable placeholder="请选择"
|
| | | <el-select :disabled="type != 'add'" v-model="form.cargoType" clearable placeholder="请选择"
|
| | | prop="type">
|
| | | <el-option :label="item.label" :value="item.value" v-for="item in options"
|
| | | :key="item.value"></el-option>
|
| | |
| | | </div>
|
| | | <div class="box_text2">Carrier</div>
|
| | | </div>
|
| | | <el-select :disabled="type == 'detail'" v-model="form.carrier" clearable placeholder="请选择">
|
| | | <el-select :disabled="type != 'add'" v-model="form.carrier" clearable placeholder="请选择">
|
| | | <el-option :label="item.label" :value="item.value" v-for="item in optionsSc"
|
| | | :key="item.value"></el-option>
|
| | | </el-select>
|
| | |
| | | </div>
|
| | | <div class="box_text2">Vessel Name and Voyage</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.vesselAndVoyage" placeholder="请输入"></el-input>
|
| | | <el-input :disabled="type != 'add'" v-model="form.vesselAndVoyage" placeholder="请输入"></el-input>
|
| | | </div>
|
| | | </el-form-item>
|
| | | <el-form-item label="" class="label3" prop="pickupLocation" label-width="0px">
|
| | |
| | | </div>
|
| | | <div class="box_text2">Pickup Location</div>
|
| | | </div>
|
| | | <el-select :disabled="type == 'detail'" v-model="form.pickupLocation" clearable placeholder="请选择">
|
| | | <el-select :disabled="type != 'add'" v-model="form.pickupLocation" clearable placeholder="请选择">
|
| | | <el-option :label="item.label" :value="item.value" v-for="item in optionsPL"
|
| | | :key="item.value"></el-option>
|
| | | </el-select>
|
| | |
| | | </div>
|
| | | <div class="box_text2">ETA</div>
|
| | | </div>
|
| | | <el-date-picker :disabled="type == 'detail'" type="datetime" suffix-icon="el-icon-date"
|
| | | <el-date-picker :disabled="type != 'add'" type="datetime" suffix-icon="el-icon-date"
|
| | | placeholder="选择日期" v-model="form.ETA" style="width: 100%">
|
| | | <div></div>
|
| | | </el-date-picker>
|
| | |
| | | <div class="box_text1">SOC:</div>
|
| | | </div>
|
| | | </div>
|
| | | <el-radio-group :disabled="type == 'detail'" text-color="#014099" fill="#014099" v-model="form.SOC">
|
| | | <el-radio-group :disabled="type != 'add'" text-color="#014099" fill="#014099" v-model="form.SOC">
|
| | | <el-radio label="是">是 (Y)</el-radio>
|
| | | <el-radio label="否">否 (N)</el-radio>
|
| | | </el-radio-group>
|
| | |
| | | </div>
|
| | | </div>
|
| | |
|
| | | <el-radio-group :disabled="type == 'detail'" text-color="#014099" fill="#014099" v-model="form.DG">
|
| | | <el-radio-group :disabled="type != 'add'" text-color="#014099" fill="#014099" v-model="form.DG">
|
| | | <el-radio label="是">是 (Y)</el-radio>
|
| | | <el-radio label="否">否 (N)</el-radio>
|
| | | </el-radio-group>
|
| | |
| | | </div>
|
| | | <div class="box_text1 mr-14">Overweight</div>
|
| | | </div>
|
| | | <el-radio-group :disabled="type == 'detail'" text-color="#014099" fill="#014099"
|
| | | <el-radio-group :disabled="type != 'add'" text-color="#014099" fill="#014099"
|
| | | v-model="form.overweight">
|
| | | <el-radio label="是">是 (Y)</el-radio>
|
| | | <el-radio label="否">否 (N)</el-radio>
|
| | |
| | | </div>
|
| | | <div class="box_text1">Exam/inspection</div>
|
| | | </div>
|
| | | <el-radio-group :disabled="type == 'detail'" text-color="#014099" fill="#014099"
|
| | | <el-radio-group :disabled="type != 'add'" text-color="#014099" fill="#014099"
|
| | | v-model="form.customsInspection">
|
| | | <el-radio label="是">是 (Y)</el-radio>
|
| | | <el-radio label="否">否 (N)</el-radio>
|
| | |
| | | <div class="box_text1">DROP/LIVE:</div>
|
| | | </div>
|
| | | </div>
|
| | | <el-radio-group :disabled="type == 'detail'" text-color="#014099" fill="#014099"
|
| | | <el-radio-group :disabled="type != 'add'" text-color="#014099" fill="#014099"
|
| | | v-model="form.dropOrLive">
|
| | | <el-radio label="Drop"></el-radio>
|
| | | <el-radio label="Live"></el-radio>
|
| | |
| | | </div>
|
| | | <div class="box_text2">Customer Ref. No.</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.clientOrder" placeholder="请输入"></el-input>
|
| | | <el-input :disabled="type != 'add'" v-model="form.clientOrder" placeholder="请输入"></el-input>
|
| | | </div>
|
| | | </el-form-item>
|
| | |
|
| | |
| | | </div>
|
| | | <div class="box_text2">Commodity</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.product" placeholder="请输入"></el-input>
|
| | | <el-input :disabled="type != 'add'" v-model="form.product" placeholder="请输入"></el-input>
|
| | | </div>
|
| | | </el-form-item>
|
| | |
|
| | |
| | | </div>
|
| | | <div class="box_text2">QTY</div>
|
| | | </div>
|
| | | <el-input :disabled="type == 'detail'" v-model="form.QTY" placeholder="请输入"
|
| | | <el-input :disabled="type != 'add'" v-model="form.QTY" placeholder="请输入"
|
| | | onkeypress="return event.charCode >= 48 && event.charCode <= 57">
|
| | | </el-input>
|
| | | </div>
|
| | |
| | | </div>
|
| | | <div class="box_text2">packages</div>
|
| | | </div>
|
| | | <el-select :disabled="type == 'detail'" v-model="form.QTYUnit" clearable placeholder="请选择">
|
| | | <el-select :disabled="type != 'add'" v-model="form.QTYUnit" clearable placeholder="请选择">
|
| | | <el-option :label="item.label" :value="item.value" v-for="item in optionsUs"
|
| | | :key="item.value"></el-option>
|
| | | </el-select>
|
| | |
| | | </div>
|
| | | <div class="box_text2">Gr. Wt</div>
|
| | | </div>
|
| | | <el-input type="number" :disabled="type == 'detail'" v-model="form.weight" @input="onInput"
|
| | | <el-input type="number" :disabled="type != 'add'" v-model="form.weight" @input="onInput"
|
| | | placeholder="请输入">
|
| | | <div style="line-height: 50px;" slot="prefix-icon">KG</div>
|
| | | </el-input>
|
| | |
| | | </div>
|
| | | <div class="box_text2">Volume</div>
|
| | | </div>
|
| | | <el-input type="number" :disabled="type == 'detail'" v-model="form.volume" placeholder="请输入">
|
| | | <el-input type="number" :disabled="type != 'add'" v-model="form.volume" placeholder="请输入">
|
| | | <div style="line-height: 50px;" slot="suffix">CMB</div>
|
| | | </el-input>
|
| | | </div>
|
| | |
| | | </div>
|
| | | <div class="box_text3">Other Contact Information</div>
|
| | | </div>
|
| | | <quill-editor :disabled="type == 'detail'" class="editor" v-model="form.specialRequest"
|
| | | <quill-editor :disabled="type != 'add'" class="editor" v-model="form.specialRequest"
|
| | | ref="myQuillEditor" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)"
|
| | | @change="onEditorChange($event)">
|
| | | </quill-editor>
|
| | |
| | | </div>
|
| | | <div class="box_text3">Remarks</div>
|
| | | </div>
|
| | | <quill-editor :disabled="type == 'detail'" class="editor" v-model="form.remark" ref="myQuillEditor"
|
| | | <quill-editor :disabled="type != 'add'" class="editor" v-model="form.remark" ref="myQuillEditor"
|
| | | :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)"
|
| | | @change="onEditorChange($event)">
|
| | | </quill-editor>
|
| | |
| | | </div>
|
| | | <div class="box_text3">Save</div>
|
| | | </div>
|
| | | <el-radio v-model="isSave" :label="true">是 (Y)</el-radio>
|
| | | <el-radio v-model="isSave" :label="false">否 (N)</el-radio>
|
| | | <el-radio v-model="isSave" :disabled="type != 'add'" :label="true">是 (Y)</el-radio>
|
| | | <el-radio v-model="isSave" :disabled="type != 'add'" :label="false">否 (N)</el-radio>
|
| | | </div>
|
| | |
|
| | |
|