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

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

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

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

          <Col span="6">
          <Form-item label="所属公司:">
            <Input
              v-model="basicInfo.applyCompName"
              placeholder=""
              disabled
            ></Input>
          </Form-item>
          </Col>
        </Row>
        <Vmore>
          <Row>
            <Col span="6">
            <Form-item label="所属部门:">
              <Input
                v-model="basicInfo.applyDeptName"
                placeholder=""
                disabled
              ></Input>
            </Form-item>
            </Col>
          </Row>
        </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" scoped>
/deep/ .ivu-form-item-label {
  font-size:12px !important;
  color: #9d9fa7;
}
/deep/ .ivu-input[disabled] {
  border: none!important;
  background: #fff!important;
  color: #424656;
  text-align: left;
  cursor: auto;
  height: 30px;
  line-height: 30px;
  padding: 0;
}
/deep/ .ivu-input.ivu-input-disabled:hover {
  border: none!important;
}
</style>
