<template>
  <div>
    <ShrinkBox>
      <span slot="title">创建信息</span>

      <Form
        ref="basicInfoForm"
        :model="basicInfo"
        :label-width="120"
        class="form-inline"
      >
        <Form-item label="付款准备批号:">
          <Input
            v-model="basicInfo.batchNo"
            placeholder=""
            disabled
          ></Input>
        </Form-item>

        <Form-item label="创建人:">
          <Input
            v-model="basicInfo.applyEmpName"
            placeholder=""
            disabled
          ></Input>
        </Form-item>

        <Form-item label="创建日期:">
          <Input
            v-model="basicInfo.createdTime"
            placeholder=""
            disabled
          ></Input>
        </Form-item>

        <Form-item label="所属公司:">
          <Input
            v-model="basicInfo.applyCompName"
            placeholder=""
            disabled
          ></Input>
        </Form-item>

        <Vmore>
          <Form-item label="所属部门:">
            <Input
              v-model="basicInfo.applyDeptName"
              placeholder=""
              disabled
            ></Input>
          </Form-item>
        </Vmore>
      </Form>
    </ShrinkBox>
  </div>
</template>
<script>
import { Vmore } from '@paymentPlatformComps/index.js';
import { mapState, mapMutations } from 'vuex';

export default {
  components: { Vmore },
  props: {
    server: {
      type: Object,
      default() {
        return {};
      }
    },
    urlParams: {
      type: Object,
      default() {
        return {};
      }
    },
    showIsDaiBao: {
      type: Boolean,
      default() {
        return false;
      }
    }
  },
  data() {
    return {};
  },
  computed: {
    ...mapState('createPaymentPreparation', {
      batchNo: state => state.batchNo,
      basicInfo: state => state.basicInfo,
      batchId: state => state.batchId
    })
  },
  created: function() {},
  beforeMount: function() {},
  mounted: function() {
    this.init();
  },
  beforeDestroy: function() {},
  destroyed: function() {},
  methods: {
    ...mapMutations('createPaymentPreparation', ['setBasicInfo']),
    init() {
      const self = this;
      self.server.queryBasicInfo({ batchNo: self.batchNo }).then(response => {
        if (response.statusCode == -1) {
          self.$Message.error(response.msg);
        } else {
          if (response.code == 0) {
            self.$Message.error(response.msg);
          } else {
            self.setBasicInfo(response.obj);
          }
        }
      });
    },
    getApplicantList() {},
    addBasicInfo() {}
  }
};
</script>
<style lang="less">
// .baseinfo {
//   .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: 15px;
//   }
//   .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>
