tiaoshi

董国庆

2025-01-09 7dc20423c2ed7392a8b3a8f656d8007b8e5c2c82

tiaoshi

 src/component/detailInfo.vue

@@ -8,14 +8,14 @@
            <div class="box-cardes">
                <div class="flex">
                    <div class="table-box">
                        <el-table :data="tableData" style="width: 100%" border>
                            <el-table-column prop="orderld" label="序号" align="center">
                        <el-table :data="info.otherFreeList" style="width: 100%" border>
                            <el-table-column type="index" label="序号" width="200" align="center">
                            </el-table-column>
                            <el-table-column prop="container" label="费用名称" align="center">
                            <el-table-column prop="name" label="费用名称" min-width="100" align="center">
                            </el-table-column>
                            <el-table-column prop="bol" label="费用金额" align="center">
                            <el-table-column prop="free" label="费用金额" min-width="100" align="center">
                            </el-table-column>
                            <el-table-column prop="post" label="备注" align="center">
                            <el-table-column prop="mark" label="备注" min-width="100" align="center">
                            </el-table-column>
                        </el-table>

@@ -40,7 +40,7 @@
                    <div class="box33">
                        <div class="box_text1">备注：</div>
                    </div>
                    <el-input type="textarea" v-model="form.poundWeight" placeholder="请输入不超过200字备注">
                    <el-input type="textarea" disabled v-model="info.remark" placeholder="请输入不超过200字备注">
                    </el-input>
                </div>
            </div>
@@ -52,9 +52,9 @@
<script>
export default {
    props: {
        id: {
            type: Number,
            default: () => 0
        info: {
            type: Object,
            default: () => {}
        }
    },


 src/component/detailInfoTop.vue

@@ -1,114 +1,114 @@
<template>
    <div class="contanier1">
        <el-form ref="form" :model="form" label-width="80px">
        <el-form ref="form" :model="info" label-width="80px">
            <div class="box-cardes1 bgWhite">
                <div class="flex">
                    <el-form-item label="" class="label1" prop="clientOrder" label-width="0">
                    <el-form-item label="" class="label1" prop="baseFee" label-width="0">
                        <div class="flex a-center">
                            <div class="box9 ">
                                <div class="box_text1">基础运费：</div>
                            </div>
                            <el-input v-model="form.clientOrder" placeholder="请输入">
                            <el-input disabled v-model="info.baseFee" placeholder="请输入">
                                <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
                            </el-input>
                        </div>
                    </el-form-item>

                    <el-form-item label="" class="label2" prop="product" label-width="0px">
                    <el-form-item label="" class="label2" prop="chassisFee" label-width="0px">
                        <div class="flex a-center">
                            <div class="box1">
                                <div class="box_text1">Chassis：</div>
                            </div>
                            <el-input v-model="form.clientOrder" placeholder="请输入">
                            <el-input disabled v-model="info.chassisFee" placeholder="请输入">
                                <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
                            </el-input>
                        </div>
                    </el-form-item>

                    <el-form-item label="" class="label3" prop="QTY" label-width="0px">
                    <el-form-item label="" class="label3" prop="chassisSplitFee" label-width="0px">
                        <div class="flex a-center">
                            <div class="box3">
                                <div class="box_text1">Chassis Split：</div>
                            </div>
                            <el-input v-model="form.clientOrder" placeholder="请输入">
                            <el-input disabled v-model="info.chassisSplitFee" placeholder="请输入">
                                <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
                            </el-input>
                        </div>
                    </el-form-item>
                    <el-form-item label="" class="label4" prop="QTYUnit" label-width="0">
                    <el-form-item label="" class="label4" prop="socFee" label-width="0">
                        <div class="flex a-center">
                            <div class="box2">
                                <div class="box_text1">SOC Fee：</div>
                            </div>
                            <el-input v-model="form.clientOrder" placeholder="请输入">
                            <el-input disabled v-model="info.socFee" placeholder="请输入">
                                <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
                            </el-input>
                        </div>
                    </el-form-item>
                </div>
                <div class="flex">
                    <el-form-item label="" class="label1" prop="weight" label-width="0px">
                    <el-form-item label="" class="label1" prop="prePullFee" label-width="0px">
                        <div class="flex a-center">
                            <div class="box9">
                                <div class="box_text1">PrePull：</div>
                            </div>
                            <el-input v-model="form.clientOrder" placeholder="请输入">
                            <el-input disabled v-model="info.prePullFee" placeholder="请输入">
                                <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
                            </el-input>
                        </div>
                    </el-form-item>

                    <el-form-item label="" class="label2" prop="poundWeight" label-width="0px">
                    <el-form-item label="" class="label2" prop="dockFee" label-width="0px">
                        <div class="flex a-center">
                            <div class="box1">
                                <div class="box_text1">码头小费：</div>
                            </div>
                            <el-input v-model="form.poundWeight" placeholder="请输入">
                            <el-input disabled v-model="info.dockFee" placeholder="请输入">
                                <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
                            </el-input>
                        </div>
                    </el-form-item>

                    <el-form-item label="" class="label3" prop="volume" label-width="0px">
                    <el-form-item label="" class="label3" prop="owFee" label-width="0px">
                        <div class="flex a-center">
                            <div class="box3">
                                <div class="box_text1">OW fee：</div>
                            </div>
                            <el-input v-model="form.volume" placeholder="请输入">
                            <el-input disabled v-model="info.owFee" placeholder="请输入">
                                <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
                            </el-input>
                        </div>
                    </el-form-item>

                    <el-form-item label="" class="label4" prop="QTYUnit" label-width="0">
                    <el-form-item label="" class="label4" prop="waitFee" label-width="0">
                        <div class="flex a-center">
                            <div class="box2">
                                <div class="box_text1">待时费：</div>
                            </div>
                            <el-input v-model="form.clientOrder" placeholder="请输入">
                            <el-input disabled v-model="info.waitFee" placeholder="请输入">
                                <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
                            </el-input>
                        </div>
                    </el-form-item>
                </div>
                <div class="flex">
                    <el-form-item label="" class="label1" prop="weight" label-width="0px">
                    <el-form-item label="" class="label1" prop="storageFee" label-width="0px">
                        <div class="flex a-center">
                            <div class="box9">
                                <div class="box_text1">Storage：</div>
                            </div>
                            <el-input v-model="form.clientOrder" placeholder="请输入">
                            <el-input disabled v-model="info.storageFee" placeholder="请输入">
                                <div style="line-height: 50px;padding-right: 14px;" slot="suffix">$</div>
                            </el-input>
                        </div>
                    </el-form-item>

                    <el-form-item label="" class="label2" prop="poundWeight" label-width="0px">
                    <el-form-item label="" class="label2" prop="storageFreeDay" label-width="0px">
                        <div class="flex a-center">
                            <div class="box1">
                                <div class="box_text1">Storage 免费时长：</div>
                            </div>
                            <el-input v-model="form.poundWeight" placeholder="请输入">
                            <el-input disabled v-model="info.storageFreeDay" placeholder="请输入">
                                <div style="line-height: 50px;padding-right: 14px;" slot="suffix">小时</div>
                            </el-input>
                        </div>

 src/view/addOrder.vue

@@ -202,7 +202,7 @@
            </div>
          </div>
          <div v-else>
            <DetailInfoTop />
            <DetailInfoTop :info="detailInfo" />
          </div>
        </div>

@@ -507,7 +507,7 @@
        </el-card>
      </div>
      <!-- 详情的table -->
      <DetailInfo v-else />
      <DetailInfo v-else :info="detailInfo" />

      <div class="btn">
        <div class="btn_close" @click="$router.go(-1)">关闭</div>
@@ -541,6 +541,7 @@
      type: 'add',
      activeTab: 1,
      show: false,
      detailInfo:{},
      form: {
        container: "", //集装箱号
        bol: "", //提单号
@@ -735,6 +736,7 @@
        orderId: this.orderId
      }).then(resp => {
        this.form = resp.data
        this.detailInfo=resp.data
        this.form.DOFileUrl = resp.data.DOFileUrl ? resp.data.DOFileUrl : ''
        this.form.PUFileUrl = resp.data.PUFileUrl ? resp.data.PUFileUrl : ''
        this.form.PODFileUrl = resp.data.PODFileUrl ? resp.data.PODFileUrl : ''