<template>
  <!-- <div class="headinfo"> -->

  <!-- <FloatingBox> -->
  <div>
    <span slot="title">报账及付款金额</span>

    <Form
      ref="basicInfoForm"
      :model="basicInfo"
      :label-width="120"
    >
      <Form-item label="归属公司:">
        <Input
          v-model="basicInfo.ouName"
          placeholder=""
          disabled
        ></Input>
      </Form-item>

      <Form-item label="备注:">
        <Input
          v-model="basicInfo.remark"
          placeholder=""
          disabled
        ></Input>
      </Form-item>

      <Form-item label="附件张数:">
        <Input
          v-model="basicInfo.attachNum"
          placeholder=""
          disabled
        ></Input>
      </Form-item>

      <Form-item label="申请付款总额:">
        <InputMoney
          v-model="basicInfo.applyPayAmount"
          placeholder=""
          disabled
        ></InputMoney>
      </Form-item>

      <Form-item label="拒付金额:">
        <InputMoney
          v-model="basicInfo.rejectAmount"
          placeholder=""
          disabled
        ></InputMoney>
      </Form-item>

      <Form-item label="未准备金额:">
        <InputMoney
          v-model="basicInfo.unpreparedAmount"
          placeholder=""
          disabled
        ></InputMoney>
      </Form-item>

      <Form-item label="已准备金额:">
        <InputMoney
          v-model="basicInfo.preparedAmount"
          placeholder=""
          disabled
        ></InputMoney>
      </Form-item>

      <Form-item label="实际付款总额:">
        <InputMoney
          v-model="basicInfo.payAmount"
          placeholder=""
          disabled
        ></InputMoney>
      </Form-item>

      <Form-item label="未传送ERP金额:">
        <InputMoney
          v-model="basicInfo.undoPayVoucherAmount"
          placeholder=""
          disabled
        ></InputMoney>
      </Form-item>
    </Form>
  </div>
  <!-- </div> -->
</template>
<script>
import { mapState } from 'vuex';
import InputMoney from './InputMoney';
export default {
  components: { InputMoney },
  props: {
    urlParams: {
      type: Object,
      default() {
        return {};
      }
    },
    // basicInfo: {
    //   type: Object,
    //   default() {
    //     return {};
    //   }
    // },
    showIsDaiBao: {
      type: Boolean,
      default() {
        return false;
      }
    },
    setBasicInfo: {
      type: Function,
      default() {
        return () => {};
      }
    },
    setBasicInfoForm: {
      type: Function,
      default() {
        return () => {};
      }
    }
  },
  data() {
    return {};
  },
  computed: {
    ...mapState({
      yesNo: state => state.yesNo,
      yesNoMap: state => state.yesNoMap,
      basicInfo: state => state.createPaymentPreparation.basicInfo
    })
  },
  watch: {},
  created: function() {
    // 起草阶段需要调用GetBasicInfo接口查询，其他情况不用
    if (!this.urlParams.taskId) {
      this.init();
    }
  },
  beforeMount: function() {},
  mounted: function() {
    // this.setBasicInfoForm(this.$refs.basicInfoForm);
  },
  beforeDestroy: function() {},
  destroyed: function() {},
  methods: {
    init() {
      const self = this;
    },
    getApplicantList() {
      new this.$pageModal(GetApplicantList, {}, data => {});
    },
    addBasicInfo() {}
  },
  directives: {}
};
</script>
<style lang="less">
// .headinfo{

//   .vali-column .ivu-form-item-error-tip {
//     position: absolute !important;
//   }
//   .ivu-table-body,
//   .ivu-table,
//   .vali-column .{
//     overflow: visible;
//   }
//   .ivu-input {
//     font-size: 15px;
//   }
//   .ivu-form .ivu-form-item-label {
//     font-size: 14px;
//   }
//   .ivu-select-small.ivu-select-single .ivu-select-selection {
//     height: 34px;
//   }
//   .ivu-select-item {
//     font-size: 15px !important;
//   }
//   .ivu-select-item .ivu-select-item-selected {
//     font-size: 15px !important;
//   }
//   .ivu-select-placeholder {
//     font-size: 15px !important;
//   }
//   .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
//     display: block;
//     // height: 1px;
//     // line-height: -2px;
//     font-size: 15px;
//     overflow: hidden;
//     text-overflow: ellipsis;
//     white-space: nowrap;
//     padding-left: 8px;
//     padding-right: 24px;
//   }
//   .ivu-card-body {
//     padding: 3px;
//   }
//   .ivu-form-label-right .ivu-row,
//   .ivu-form .ivu-form-item {
//     margin-bottom: 1px;
//   }
//   .ivu-row {
//     margin-bottom: 5px;
//   }
//   .ivu-card-head {
//     border-bottom: 1px solid #e9eaec;
//     padding: 3px 16px;
//     line-height: 1;
//   }
//   .ivu-card-head p {
//     display: inline-block;
//     width: 100%;
//     height: 20px;
//     line-height: 20px;
//     font-size: 16px;
//     color: #1c2438;
//     font-weight: 700;
//     overflow: hidden;
//     text-overflow: ellipsis;
//     white-space: nowrap;
//   }

// }
</style>
