emis-frontend/src/views/emis/emisWaybill/waybillDetailReadOnly.vue

<template>
  <div class="" >
    <el-descriptions :title="$t('发货信息')" size="mini"  :column="4">
            <el-descriptions-item label="运单号">{{ form.billCode }}</el-descriptions-item>
            <el-descriptions-item label="寄件网点">{{ form.sendSiteName }}</el-descriptions-item>
            <el-descriptions-item label="所属线路">{{ form.transLineTypeName }}</el-descriptions-item>
            <!-- <el-descriptions-item label="产品类型">{{ form.productTypeName }}({{ form.timeType }})</el-descriptions-item> -->
            <el-descriptions-item label="寄件日期">{{ parseTime(form.sendDate, '{y}-{m}-{d}') }}</el-descriptions-item>
            <el-descriptions-item label="订单号">{{ form.orderSn }}</el-descriptions-item>
            <el-descriptions-item label="目的网点">{{ form.dispatchUnderlingSiteName }}</el-descriptions-item>
            <el-descriptions-item label="产品类型">{{ form.productTypeName }}</el-descriptions-item>
            <el-descriptions-item label="预计达到日期">{{ parseTime(form.estimateDate, '{y}-{m}-{d}') }}</el-descriptions-item>
            <el-descriptions-item label="进仓单号">{{ form.warehouseInNo }}</el-descriptions-item>
            <el-descriptions-item label="目的地">{{ form.destinationName }}</el-descriptions-item>
            <el-descriptions-item label="时效">{{ form.timeType }}</el-descriptions-item>
            <el-descriptions-item label="签收日期">{{ parseTime(form.signDate, '{y}-{m}-{d}') }}</el-descriptions-item>
            <el-descriptions-item label="取件方式">
              <dict-tag :options="dict.type.emis_qujian_fangshi" :value="form.pickupMethod"/>
            </el-descriptions-item>
            <el-descriptions-item label="清关方式">
              <dict-tag :options="dict.type.emis_customs_clear" :value="form.customsClear"/>
            </el-descriptions-item>
            <el-descriptions-item label="报关方式">
              <dict-tag :options="dict.type.emis_declare_mode" :value="form.customsEclaration"/>
            </el-descriptions-item>
            <el-descriptions-item label="派送方式">
              <dict-tag :options="dict.type.emis_tab_dispatch_mode" :value="form.dispatchMethod"/>
            </el-descriptions-item>
            <el-descriptions-item label="合同号"  :span="4">{{ form.custOrderId }}</el-descriptions-item>

    </el-descriptions>

    <el-descriptions :title="$t('收寄件信息')"  size="mini" :column="4"  style="margin-top:10px">
            <el-descriptions-item label="寄件人">{{ form.sender.name }}</el-descriptions-item>
            <el-descriptions-item label="寄件电话">{{ form.sender.phone }}</el-descriptions-item>
            <el-descriptions-item label="寄件公司">{{ form.sender.company }}</el-descriptions-item>
            <el-descriptions-item label="客户名称">{{ form.customerName }}</el-descriptions-item>
            <!-- <el-descriptions-item label="寄件人国家">{{ form.sendCountry }}</el-descriptions-item> -->
            <!-- <el-descriptions-item label="寄件省">{{ form.sendProvince }}</el-descriptions-item> -->
            <!-- <el-descriptions-item label="寄件市">{{ form.sendCity }}</el-descriptions-item> -->
            <!-- <el-descriptions-item label="寄件区">{{ form.sendCounty }}</el-descriptions-item> -->
            <!-- <el-descriptions-item label="寄件县">{{ form.sendTown }}</el-descriptions-item> -->
            <el-descriptions-item label="寄件地址"  :span="4">{{ form.sender.address }}</el-descriptions-item>

            <el-descriptions-item label="收件人" :span="1">{{ form.reciever.name }}</el-descriptions-item>
            <el-descriptions-item label="收件电话" :span="1">{{ form.reciever.phone }}</el-descriptions-item>
            <el-descriptions-item label="收件公司" :span="1">{{ form.reciever.company }}</el-descriptions-item>
            <!-- <el-descriptions-item label="收件客户">{{  }}</el-descriptions-item> -->
            <el-descriptions-item label="收件地址"  :span="4">{{ form.reciever.address }}</el-descriptions-item>

  </el-descriptions>

  <el-descriptions :title="$t('货物收费信息')"  :column="4" style="margin-top:10px">
            <!-- <el-descriptions-item label="总重量">{{ form.totalWeight }}</el-descriptions-item> -->

            <el-descriptions-item label="件数">{{ form.parcelQty }}件</el-descriptions-item>
            <el-descriptions-item label="体积">{{ form.totalVolume }}(m³)</el-descriptions-item>
            <el-descriptions-item label="支付方式">
              <dict-tag :options="dict.type.emis_payment_type" :value="form.paymentType"/>
            </el-descriptions-item>
            <el-descriptions-item label="运费">{{ form.freight }}</el-descriptions-item>
            <el-descriptions-item label="实际重量">{{ form.billWeight }}(kg)</el-descriptions-item>
            <el-descriptions-item label="体积重量">{{ form.volumeWeight }}(kg)</el-descriptions-item>
            <!-- <el-descriptions-item label="费用币种">{{ form.currency }}</el-descriptions-item> -->
            <el-descriptions-item label="结算重量">{{ form.settlementWeight }}(kg)</el-descriptions-item>
            <el-descriptions-item label="货物名称">{{ form.goodsInfo }}</el-descriptions-item>
            <el-descriptions-item label="回款联系人">{{ form.payee }}</el-descriptions-item>
            <el-descriptions-item label="取件员/操作员">{{ form.takePieceEmployeeName }}/{{ form.operateEmployeeName }}</el-descriptions-item>

            <el-descriptions-item label="包装类型">
              <dict-tag v-if="form.packType&&form.packType!=''" :options="dict.type.emis_tab_packing_type" :value="form.packType.split(',')"/>
            </el-descriptions-item>

            <el-descriptions-item label="销售联系人">{{ form.salesmen }}</el-descriptions-item>
            <el-descriptions-item label="录单员">{{ form.registerManName }}</el-descriptions-item>
            <el-descriptions-item label="收款人备注">{{ form.feeRemark }}</el-descriptions-item>
            <el-descriptions-item label="录单备注">{{ form.remark }}</el-descriptions-item>



            <!-- <el-descriptions-item label="实际支付方式">{{ form.realPaymentType }}</el-descriptions-item> -->
            <!-- <el-descriptions-item label="实收运费">{{ form.realFee }}</el-descriptions-item> -->
            <!-- <el-descriptions-item label="是否特殊报价">{{ form.blSpecialQuote }}</el-descriptions-item> -->
            <!-- <el-descriptions-item label="是否超长">{{ form.blOverLong }}</el-descriptions-item> -->
            <!-- <el-descriptions-item label="是否出账">{{ form.blBill }}</el-descriptions-item> -->

<!--
            <el-descriptions-item label="收货人国家">{{ form.receiveCountry }}</el-descriptions-item>
            <el-descriptions-item label="省">{{ form.receiveProvince }}</el-descriptions-item>
            <el-descriptions-item label="市">{{ form.receiveCity }}</el-descriptions-item>
            <el-descriptions-item label="区">{{ form.receiveCounty }}</el-descriptions-item>
            <el-descriptions-item label="县">{{ form.receiveTown }}</el-descriptions-item> -->

            <!-- <el-descriptions-item label="子单号,逗号隔开">{{ form.billCodeSub }}</el-descriptions-item> -->
            <!-- <el-descriptions-item label="订单状态">{{ form.orderStatus }}</el-descriptions-item> -->
            <!-- <el-descriptions-item label="运单状态">{{ form.waybillStatus }}</el-descriptions-item>
            <el-descriptions-item label="订单类型">{{ form.orderType }}</el-descriptions-item>
            <el-descriptions-item label="下单时间">{{ form.orderDate }}</el-descriptions-item>
            <el-descriptions-item label="客户ID">{{ form.userId }}</el-descriptions-item>
            <el-descriptions-item label="客户编号2502021">{{ form.customerCode }}</el-descriptions-item>
            <el-descriptions-item label="客户客户名称">{{ form.customerName }}</el-descriptions-item>
            <el-descriptions-item label="wx">{{ form.openId }}</el-descriptions-item>

            <el-descriptions-item label="邮编">{{ form.receivePostcode }}</el-descriptions-item>
            <el-descriptions-item label="寄件人省市区名称，逗号分隔">{{ form.receivePcd }}</el-descriptions-item>

            <el-descriptions-item label="寄件邮编">{{ form.sendPostcode }}</el-descriptions-item>
            <el-descriptions-item label="发件人省市区名称，逗号分隔">{{ form.sendPcd }}</el-descriptions-item>
            <el-descriptions-item label="支付方式">{{ form.paymentType }}</el-descriptions-item>
            <el-descriptions-item label="计费方式">{{ form.calcFeeType }}</el-descriptions-item>
            <el-descriptions-item label="支付月结编号">{{ form.custNo }}</el-descriptions-item>
            <el-descriptions-item label="月结客户的名称">{{ form.custName }}</el-descriptions-item>

            <el-descriptions-item label="计泡比例">{{ form.meterType }}</el-descriptions-item>
            <el-descriptions-item label="取重方式">{{ form.carryType }}</el-descriptions-item>
            <el-descriptions-item label="清关方式">{{ form.customsClear }}</el-descriptions-item>
            <el-descriptions-item label="报关方式">{{ form.customsEclaration }}</el-descriptions-item>
            <el-descriptions-item label="预计到达时间">{{ form.estimateDate }}</el-descriptions-item>
            <el-descriptions-item label="包装类型">{{ form.packType }}</el-descriptions-item>
            <el-descriptions-item label="派件方式:1-派送">{{ form.dispatchMethod }}</el-descriptions-item>
            <el-descriptions-item label="取件方式:1-上门取件">{{ form.pickupMethod }}</el-descriptions-item>
            <el-descriptions-item label="预计上门取件开始时间">{{ form.pickStartDate }}</el-descriptions-item>
            <el-descriptions-item label="预计上门取件结束时间">{{ form.pickFinishDate }}</el-descriptions-item>
            <el-descriptions-item label="取货失败原因">{{ form.pickFailReason }}</el-descriptions-item>
            <el-descriptions-item label="入仓代码">{{ form.intoWarehouseCode }}</el-descriptions-item>
            <el-descriptions-item label="入仓名称">{{ form.intoWarehouseName }}</el-descriptions-item>
            <el-descriptions-item label="入仓地址">{{ form.intoWarehouseAddress }}</el-descriptions-item>
            <el-descriptions-item label="入仓联系人">{{ form.intoWarehouseContact }}</el-descriptions-item>
            <el-descriptions-item label="入仓联系人电话">{{ form.intoWarehousePhone }}</el-descriptions-item>
            <el-descriptions-item label="入仓预报单号">{{ form.intoWarehouseBillCode }}</el-descriptions-item>
            <el-descriptions-item label="实际进仓单关联">{{ form.warehouseInNo }}</el-descriptions-item>
            <el-descriptions-item label="客户发货开始时间">{{ form.customerDeliveryBeginTime }}</el-descriptions-item>
            <el-descriptions-item label="客户发货截止时间">{{ form.customerDeliveryEndTime }}</el-descriptions-item>
            <el-descriptions-item label="货物大类">{{ form.goodsType }}</el-descriptions-item>
            <el-descriptions-item label="货物描述">{{ form.goodsInfo }}</el-descriptions-item>
            <el-descriptions-item label="货物图片，逗号隔开">{{ form.goodsPics }}</el-descriptions-item>
            <el-descriptions-item label="预入仓代垫运费">{{ form.blPrepareInFreight }}</el-descriptions-item>
            <el-descriptions-item label="预入仓代垫运费">{{ form.prepareInEstFee }}</el-descriptions-item>
            <el-descriptions-item label="预入仓实际运费">{{ form.prepareInRealFee }}</el-descriptions-item>
            <el-descriptions-item label="预入仓快递公司">{{ form.prepareInExpress }}</el-descriptions-item>
            <el-descriptions-item label="预入仓快递单号">{{ form.prepareInBillCode }}</el-descriptions-item>
            <el-descriptions-item label="预入仓自定义标识">{{ form.prepareInRemark }}</el-descriptions-item>
            <el-descriptions-item label="预入仓供应商">{{ form.prepareInSupplier }}</el-descriptions-item>
            <el-descriptions-item label="总重量">{{ form.totalWeight }}</el-descriptions-item>
            <el-descriptions-item label="总体积">{{ form.totalVolume }}</el-descriptions-item>
            <el-descriptions-item label="件数">{{ form.parcelQty }}</el-descriptions-item>
            <el-descriptions-item label="实际重量">{{ form.billWeight }}</el-descriptions-item>
            <el-descriptions-item label="体积重量">{{ form.volumeWeight }}</el-descriptions-item>
            <el-descriptions-item label="费用币种">{{ form.currency }}</el-descriptions-item>
            <el-descriptions-item label="结算重量">{{ form.settlementWeight }}</el-descriptions-item>
            <el-descriptions-item label="扫描重量">{{ form.scanWeight }}</el-descriptions-item>
            <el-descriptions-item label="计费重量">{{ form.feeWeight }}</el-descriptions-item>
            <el-descriptions-item label="运费">{{ form.freight }}</el-descriptions-item>
            <el-descriptions-item label="实际支付方式">{{ form.realPaymentType }}</el-descriptions-item>
            <el-descriptions-item label="实收运费">{{ form.realFee }}</el-descriptions-item>
            <el-descriptions-item label="是否特殊报价">{{ form.blSpecialQuote }}</el-descriptions-item>
            <el-descriptions-item label="是否超长">{{ form.blOverLong }}</el-descriptions-item>
            <el-descriptions-item label="是否出账">{{ form.blBill }}</el-descriptions-item>
            <el-descriptions-item label="账单备注">{{ form.blBillText }}</el-descriptions-item>
            <el-descriptions-item label="是否超重">{{ form.blOverWeight }}</el-descriptions-item>
            <el-descriptions-item label="超重重量">{{ form.overWeightNumber }}</el-descriptions-item>
            <el-descriptions-item label="费用备注">{{ form.feeRemaker }}</el-descriptions-item>
            <el-descriptions-item label="三段码">{{ form.thirdCode }}</el-descriptions-item>
            <el-descriptions-item label="实际货值">{{ form.realValue }}</el-descriptions-item>
            <el-descriptions-item label="是否投保">{{ form.blInsure }}</el-descriptions-item>
            <el-descriptions-item label="投保货值">{{ form.insureValue }}</el-descriptions-item>
            <el-descriptions-item label="投保货值币种">{{ form.insureValueCurrency }}</el-descriptions-item>
            <el-descriptions-item label="保费币种">{{ form.insureFeeCurrency }}</el-descriptions-item>
            <el-descriptions-item label="保费">{{ form.insureFee }}</el-descriptions-item>
            <el-descriptions-item label="保险备注">{{ form.insureRemark }}</el-descriptions-item>
            <el-descriptions-item label="保险站点代码">{{ form.insureSiteCode }}</el-descriptions-item>
            <el-descriptions-item label="投保日期">{{ form.insureDate }}</el-descriptions-item>
            <el-descriptions-item label="是否打印">{{ form.blPrint }}</el-descriptions-item>
            <el-descriptions-item label="打印人编号">{{ form.printManCode }}</el-descriptions-item>
            <el-descriptions-item label="打印站点">{{ form.printSite }}</el-descriptions-item>
            <el-descriptions-item label="打印时间">{{ form.printDate }}</el-descriptions-item>
            <el-descriptions-item label="打印次数">{{ form.printCount }}</el-descriptions-item>
            <el-descriptions-item label="是否同行转单">{{ form.blDispFd }}</el-descriptions-item>
            <el-descriptions-item label="转单快递代码">{{ form.transferCode }}</el-descriptions-item>
            <el-descriptions-item label="转单单号">{{ form.transferBillcode }}</el-descriptions-item>
            <el-descriptions-item label="转单时间">{{ form.dispFdDate }}</el-descriptions-item>
            <el-descriptions-item label="转单原因">{{ form.dispFdReason }}</el-descriptions-item>
            <el-descriptions-item label="当前网点编号">{{ form.currentSiteCode }}</el-descriptions-item>
            <el-descriptions-item label="下一网点编号">{{ form.nextSiteCode }}</el-descriptions-item>
            <el-descriptions-item label="上一网点点号">{{ form.lastSiteCode }}</el-descriptions-item>
            <el-descriptions-item label="登记站点代码">{{ form.registerSiteCode }}</el-descriptions-item>
            <el-descriptions-item label="登记时间">{{ form.registerDate }}</el-descriptions-item>
            <el-descriptions-item label="登记人编号">{{ form.registerManCode }}</el-descriptions-item>
            <el-descriptions-item label="取件员代码">{{ form.takePieceEmployeeCode }}</el-descriptions-item>
            <el-descriptions-item label="发件网点代码">{{ form.sendSiteCode }}</el-descriptions-item>
            <el-descriptions-item label="发件财务中心代码">{{ form.sendCenterCode }}</el-descriptions-item>
            <el-descriptions-item label="发货时间">{{ form.sendDate }}</el-descriptions-item>
            <el-descriptions-item label="派件人代码">{{ form.dispatchManCode }}</el-descriptions-item>
            <el-descriptions-item label="派件时间">{{ form.dispatchDate }}</el-descriptions-item>
            <el-descriptions-item label="派件网点代码">{{ form.dispatchSiteCode }}</el-descriptions-item>
            <el-descriptions-item label="生成账单时间">{{ form.produceBillDate }}</el-descriptions-item>
            <el-descriptions-item label="生成账单站点代码">{{ form.produceBillSiteCode }}</el-descriptions-item>
            <el-descriptions-item label="生成账单人代码">{{ form.produceBillManCode }}</el-descriptions-item>
            <el-descriptions-item label="目的省">{{ form.destinationProvince }}</el-descriptions-item>
            <el-descriptions-item label="目的城市">{{ form.destinationCity }}</el-descriptions-item>
            <el-descriptions-item label="目的国家">{{ form.destinationCounty }}</el-descriptions-item>
            <el-descriptions-item label="目的地网点代码">{{ form.dispatchUnderlingSiteCode }}</el-descriptions-item>
            <el-descriptions-item label="目的地财务中心代码">{{ form.destinationCenterCode }}</el-descriptions-item>
            <el-descriptions-item label="业务人代码">{{ form.marketManCode }}</el-descriptions-item>

            <el-descriptions-item label="操作员代码">{{ form.operateEmployeeCode }}</el-descriptions-item>
            <el-descriptions-item label="是否问题件">{{ form.blIsQuestion }}</el-descriptions-item>
            <el-descriptions-item label="问题件类型">{{ form.problemType }}</el-descriptions-item>
            <el-descriptions-item label="问题件原因">{{ form.problemCause }}</el-descriptions-item>
            <el-descriptions-item label="问题件延期天数">{{ form.problemDelayDays }}</el-descriptions-item>
            <el-descriptions-item label="是否给寄件人发短信">{{ form.blMessage }}</el-descriptions-item>
            <el-descriptions-item label="是否给收件人发短信">{{ form.blAcceptMessage }}</el-descriptions-item>
            <el-descriptions-item label="是否生成子单">{{ form.blGenSubbill }}</el-descriptions-item>
            <el-descriptions-item label="签收状态">{{ form.blSign }}</el-descriptions-item>
            <el-descriptions-item label="签收人(客户)">{{ form.signMan }}</el-descriptions-item>
            <el-descriptions-item label="签收员代码">{{ form.signManCode }}</el-descriptions-item>
            <el-descriptions-item label="签收站点代码">{{ form.signSiteCode }}</el-descriptions-item>
            <el-descriptions-item label="sign_date">{{ form.signDate }}</el-descriptions-item>
            <el-descriptions-item label="揽收图片备注">{{ form.billPicSendRmk }}</el-descriptions-item>
            <el-descriptions-item label="签收底单图片">{{ form.billPicDispatchRmk }}</el-descriptions-item>
            <el-descriptions-item label="时区偏差">{{ form.timezoneOffset }}</el-descriptions-item>
            <el-descriptions-item label="付款状态">{{ form.paymentStatus }}</el-descriptions-item>
            <el-descriptions-item label="付款时间">{{ form.paymentDate }}</el-descriptions-item>
            <el-descriptions-item label="付款备注">{{ form.paymentRemark }}</el-descriptions-item>
            <el-descriptions-item label="订单备注">{{ form.orderRemark }}</el-descriptions-item>
            <el-descriptions-item label="数据来源">{{ form.dataFrom }}</el-descriptions-item>
            <el-descriptions-item label="是否敏感物">{{ form.blSpecialGoods }}</el-descriptions-item>
            <el-descriptions-item label="录单备注">{{ form.remark }}</el-descriptions-item>
            <el-descriptions-item label="删除标志（0代表存在">{{ form.delFlag }}</el-descriptions-item>
            <el-descriptions-item label="创建者">{{ form.createBy }}</el-descriptions-item>
            <el-descriptions-item label="创建时间">{{ form.createTime }}</el-descriptions-item>
            <el-descriptions-item label="更新者">{{ form.updateBy }}</el-descriptions-item>
            <el-descriptions-item label="更新时间">{{ form.updateTime }}</el-descriptions-item>
            <el-descriptions-item label="创建网点">{{ form.createSite }}</el-descriptions-item>
            <el-descriptions-item label="更新网点">{{ form.updateSite }}</el-descriptions-item> -->

    </el-descriptions>

</div>
</template>

<script>
import { getWaybillDetail} from "@/api/emis/emisWaybill";
import { parseTime } from "@/utils/custom";


export default {
  name: "WaybillDetailReadOnly",
  // name: "WaybillModify",
  props: {
      billCode: {
        type: String,
        required: true
      },
    },
components: {

},
dicts: ['emis_qujian_fangshi','emis_declare_mode','emis_customs_clear',
        'emis_tab_packing_type','emis_tab_dispatch_mode','emis_payment_type',
        'emis_calc_fee_type','emis_print_type'],
data() {
  return {
    activeNames:['1','2','3','4'],
    form:{
      id:null,
      reciever: {
          country: null,
          name: null,
          phone:null,
          province: null,
          city: null,
          district: null,
          town: null,
          address: null,
          postCode: null,
          email: null,
          company: null,
      },
      sender: {
          country: null,
          name: null,
          phone:null,
          province: null,
          city: null,
          district: null,
          town: null,
          address: null,
          postCode: null,
          email: null,
          company: null,
      },
      feeItems: [],
      cargoList: [],
      attachmentList: [],
      printTypeCheckList:[],
      billCode: null,
      orderDate:  null,
      openId: null,
      customerCode: null,
      paymentType: null,
      calcFeeType: '1',
      custNo:  null,
      productTypeSelArr: null,
      transLine:  null,
      productType: null,
      customsClear: null,
      customsEclaration: null,
      packType: null,
      dispatchMethod: "1",
      pickupMethod: null,
      pickStartDate: null,
      pickFinishDate: null,
      intoWarehouseCode: null,
      intoWarehouseName: null,
      intoWarehouseAddress: null,
      intoWarehouseContact: null,
      intoWarehousePhone:  null,
      intoWarehouseBillCode: null,
      customerDeliveryBeginTime: null,
      goodsType:null,
      goodsInfo: null,
      length:null,
      width:null,
      height:null,
      totalWeight: null,
      totalVolume: null,
      parcelQty: null,
      billWeight: null,
      volumeWeight: null,
      settlementWeight: null,
      feeWeight: null,
      freight: null,
      blOverLong: null,
      blOverWeight: null,
      overWeightNumber: null,
      feeRemark: null,
      realValue: null,
      takePieceEmployeeCode: null,
      sendSiteCode: null,
      sendSiteName: null,
      destinationCountry:  null,
      destinationCode:  null,
      dispatchUnderlingSiteCode: null,
      destinationCenterCode: null,
      marketManCode: null,
      payee: null,
      salesmen: null,
      operateEmployeeCode: null,
      blMessage: null,
      blAcceptMessage: null,
      meterType:null,
      blGenSubbill:null,
      billCodeSub:null,
      blSpecialQuote:null,
      blSensitive:null,
      lockFlag:null,
      lockReason:null,
  },
    // 遮罩层
    loading: true,
    // 表单校验
    rules: {

    }
  };
},
computed: {
},
 watch: {
  billCode(newVal){
    this.initData();
  }
},

created() {
  this.initData();
},
methods: {
    openCollapse(index){

    },
    initData() {
        console.log("====billCode=1=>",this.billCode)
        if(this.billCode && this.billCode!=undefined) {
          this.loading = true;
          getWaybillDetail(this.billCode).then(response => {
            this.form = response.data;
            console.log("====response.data=1=>",response.data)
            this.loading = false;
          });
        }

    }
  }
};
</script>

<style lang="scss">

.el-descriptions-item__content{
  font-weight:bold;
  color: #000;
}

.el-form-item__label {
    color: #000;
}

.el-input-group__append {
    padding: 0 4px;
}

.el-row{
      display:flex;
      flex-wrap: wrap;
      // padding-right: 10px;
 }

.el-form-item__label {
  font-size: 12px!important;
}


 .platform-auto-complete {
  .el-autocomplete-suggestion__wrap {
    padding: 5px 0;
    ul li {
      pointer-events: none; // 阻止可点击事件
      .default {
        text-align: center;
        color: #999;
      }
      &:hover {
        background-color: #fff;
      }
    }
  }
}

.el-collapse {
    border-top: none!important;
    border-bottom: none!important;
}

.el-table .el-table__cell:first-child .cell {
  padding: 0px;
}

.el-table .cell {
    padding: 0px;
}

.cargoList{
  .el-input__inner {
      height: 28px;
      line-height: 28px;
      border: none;
      background: #ffffcd;
      font-size: 10px;
      padding: 0px;
      text-align: center;
  }
}

  .el-collapse-item__content {
      padding-bottom: 0px;
  }
  .el-collapse-item__header{
    pointer-events: none;
  }

  .el-collapse-item__arrow {
    pointer-events: auto;
  }

</style>