yos_web/src/HDrpManagement/logistics/modules/defaultInfo.vue

<template>
  <div>
    <el-descriptions class="normal-margin" :column="2"  border labelClassName="my-label" contentClassName="my-content">
      <div slot="title" class="my-label__title">{{$t(`收货信息`)}}</div>
      <el-descriptions-item :label="$t(`收货人`)">{{ mainData.name?$t(mainData.name):"--" }}</el-descriptions-item>
      <el-descriptions-item :label="$t('联系电话')">{{ mainData.phonenumber?$t(mainData.phonenumber):"--" }}</el-descriptions-item>
      <el-descriptions-item :label="$t('地址')">{{`${mainData.province}${mainData.city}${mainData.county}${mainData.address}`}}</el-descriptions-item>
      <el-descriptions-item :label="$t(`收货时间`)">{{mainData.receivedate?$t(mainData.receivedate):"--"}}</el-descriptions-item>
      <el-descriptions-item v-if="siteid == 'YOSTEST1' || siteid == 'HY'" :label="$t(`检验报告数量`)">{{ mainData.count_jybg?mainData.count_jybg:mainData.count_jybg == 0?'0':"--" }}</el-descriptions-item>
      <el-descriptions-item v-if="siteid == 'YOSTEST1' || siteid == 'HY'" :label="$t(`质保书数量`)">{{ mainData.count_zbs?mainData.count_zbs:mainData.count_zbs == 0?'0':"--" }}</el-descriptions-item>
      <el-descriptions-item v-if="siteid == 'YOSTEST1' || siteid == 'HY'" :label="$t(`合格证数量`)">{{ mainData.count_hgz?mainData.count_hgz:mainData.count_hgz == 0?'0':"--" }}</el-descriptions-item>
    </el-descriptions>
    <el-descriptions  border :column="2" labelClassName="my-label" contentClassName="my-content">
      <div slot="title" class="my-label__title">{{$t(`物流信息`)}}</div>
      <el-descriptions-item :label="$t(`快递公司`)">{{ mainData.logiscompname?$t(mainData.logiscompname):"--" }}</el-descriptions-item>
      <el-descriptions-item :label="$t(`快递单号`)">{{ mainData.logisticno?$t(mainData.logisticno):"--" }}</el-descriptions-item>
      <el-descriptions-item :style="style(mainData.status)" :label="$t(`运费状态`)">
        {{ $t(mainData.paytype) }}
      </el-descriptions-item>
      <el-descriptions-item :label="$t(`运费`)">{{ mainData.freightamount?$t(mainData.freightamount):"--" }}</el-descriptions-item>
      <el-descriptions-item :label="$t('备注')">{{ mainData.remarks?$t(mainData.kd100remarksid):"--" }}</el-descriptions-item>
    </el-descriptions>
    <el-descriptions  border :column="2" labelClassName="my-label" contentClassName="my-content">
      <div slot="title" class="my-label__title">{{$t('系统信息')}}</div>
      <el-descriptions-item :label="$t('创建人')">{{ mainData.createby?$t(mainData.createby):"--" }}</el-descriptions-item>
      <el-descriptions-item :label="$t('创建时间')">{{ mainData.createdate?$t(mainData.createdate):"--" }}</el-descriptions-item>
      <el-descriptions-item :label="$t(`审核人`)">{{ mainData.checkby?$t(mainData.checkby):"--" }}</el-descriptions-item>
      <el-descriptions-item :label="$t(`审核时间`)">{{ mainData.checkdate?$t(mainData.checkdate):"--" }}</el-descriptions-item>
      <el-descriptions-item :label="$t(`收货人`)">{{ mainData.name?$t(mainData.name):"--" }}</el-descriptions-item>
      <el-descriptions-item :label="$t(`收货时间`)">{{ mainData.receivedate?$t(mainData.receivedate):"--" }}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
export default {
  props:["mainData"],
  data(){
    return {
      colorStyle:{
        color:''
      },
      siteid:JSON.parse(sessionStorage.getItem('active_account')).siteid
    }
  },
  mounted() {
   /* if (this.mainData){
      this.style(this.mainData.status)
    }*/

  },
  methods:{
    style(val) {
      let style = {}
      console.log(val,'执行了')
      switch (val) {
        case '新建':
          style = {color:'#3874F6'}
          break;
        case '审核':
          style = {color:'#e6a23c'}
          break;
        case '收货':
          style = {color:'#67C23A'}
          break;
        default:
          break;
      }
      this.colorStyle.color = style.color
      return style

    }
  }
}
</script>

<style scoped>

</style>