<template>
  <el-dialog title="查看详情" :visible.sync="isVisible" class="send-main">
    <div class="invoice-item" v-if="oneRow.orderEInvoice && oneRow.invoiceStatus >= 3">
      <div class="flex-aic-jcb">
        <div class="invoice-item-text"><label>{{ oneRow.orderEInvoice.titleType == 1 ? "公司名称" : "个人名称" }}：{{ oneRow.orderEInvoice.titleName }}</label> </div>
        <div
          style="
          color: #0a84ff;
          font-size: 12px;
          background: #d9eafa;
          border-radius: 2px;
          padding: 2px 5px;
        ">
          {{ oneRow.orderEInvoice.type == 1 ? "普通发票" : "增值税专用发票" }}-{{
          oneRow.orderEInvoice.titleType == 1 ? "企业" : "个人" }}
        </div>
      </div>
      <div class="invoice-item-text" v-if="oneRow.orderEInvoice.titleType == 1 && oneRow.orderEInvoice.type == 2" ><label>地址：{{ oneRow.orderEInvoice.province }}{{ oneRow.orderEInvoice.city }}{{ oneRow.orderEInvoice.town}}{{ oneRow.orderEInvoice.address }}</label> </div>
      <div class="invoice-item-text" v-if="oneRow.orderEInvoice.titleType == 1 && oneRow.orderEInvoice.type == 2"> <label>电话：{{ oneRow.orderEInvoice.phone }}</label> </div>
      <div class="invoice-item-text" v-if="oneRow.orderEInvoice.titleType == 1 && oneRow.orderEInvoice.type == 2"> <label>开户行：{{ oneRow.orderEInvoice.openBank }}</label></div>
      <div class="invoice-item-text" v-if="oneRow.orderEInvoice.titleType == 1 && oneRow.orderEInvoice.type == 2"><label>账号：{{ oneRow.orderEInvoice.account }}</label></div>
      <div class="flex-aic-jcb">
        <span class="invoice-item-text" v-if="oneRow.orderEInvoice.titleType == 1"><label>税号：{{ oneRow.orderEInvoice.taxCode }}</label></span>
      </div>
      <el-form label-width="80px" style="margin-top: 20px;">
        <el-row>
          <el-form-item label="快递公司">
            <el-input style="width:300px" v-model="oneRow.orderEInvoice.trackingImg" placeholder="请输入快递公司" :maxlength="40" disabled></el-input>
          </el-form-item>
        </el-row>
        <el-row>
          <el-form-item label="快递单号">
            <el-input style="width:300px" v-model="oneRow.orderEInvoice.trackingNumber" placeholder="请输入快递单号" :maxlength="40" disabled></el-input>
          </el-form-item>
        </el-row>
      </el-form>
    </div>
    <div class="send-info" v-if="oneRow.shippingStatus == 2">
      <div class="flex-aic-jcb">
        <label>联系人：{{oneRow.receiveName}}</label>
        <label style="border:1px solid #409EFF;color: #409EFF;font-size: 12px;padding: 2px 6px;border-radius:4px;">个人信息</label>
      </div>
      <div style="margin: 10px 0;"><label>手机号：{{oneRow.receivePhone}}</label></div>
      <div><label>地址：{{oneRow.receiveAddress}}</label></div>
      <el-form label-width="80px" style="margin-top: 20px;">
        <el-row>
          <el-form-item label="快递公司">
            <el-input style="width:300px" v-model="oneRow.trackingImg" placeholder="请输入快递公司" :maxlength="40" disabled></el-input>
          </el-form-item>
        </el-row>
        <el-row>
          <el-form-item label="快递单号">
            <el-input style="width:300px" v-model="oneRow.trackingNumber" placeholder="请输入快递单号" :maxlength="40" disabled></el-input>
          </el-form-item>
        </el-row>
      </el-form>
    </div>
    <div
      class="flex-aic-jcb down-item"
      v-for="item in oldeliveryList"
    >
      <label style="font-size: 12px; color: #43425d">{{ item.name }}</label>
    </div>
  </el-dialog>
</template>
<script type="javascript">
  export default {
    props: ['oneRow'],
    name: 'orderSendDetail',
    data() {
      return {
        isVisible: false,
        oldeliveryList: [], // 待下载数据列表
      }
    },
    created() {
    },
    watch: {
      isVisible(newValue, oldValue) {
        if (!newValue) {
          this.$emit('detailEvent', false)
        }
      }
    },
    mounted() {
      this.oldeliveryList = this.oneRow.oldeliveryJson
        ? JSON.parse(this.oneRow.oldeliveryJson)
        : [];
      this.isVisible = true
    },
    methods: {

      /**
       * 弹框-取消
       * */
      cancel() {
        this.$emit('detailEvent', false)
      },
      sure: function() {
        this.$emit('detailEvent', false)
      }
    }
  }
</script>
<style lang="scss">
  .send-main{
    .send-info{
      border: 1px solid #eee;
      padding: 20px;
      margin-bottom: 20px;
      margin-top: 20px;
    }
    .invoice-item{
      padding: 20px;
      border: 1px solid #eee;
      .invoice-item-text{
        margin-top: 10px;
      }
    }
    .down-item {
      border: 1px solid #d1e2ff;
      background: #fafbfc;
      padding: 16px;
      margin-bottom: 12px;
    }
  }
</style>
