<template>
  <div class="eContainer">
    <c-page title="发票核验">
      <el-form
        :model="model"
				:rules="rules"
        ref="modelForm"
        label-width="120px"
        label-position="right"
        size="small"
      >
        <el-form-item label="查验编号" prop="imgInvmod.imfref" style="margin-top: 10px;" label-width="106px">
					<c-fullbox style="width:335px">
						<c-input v-model="model.imgInvmod.imfref" disabled ></c-input>
						<template slot="footer">
							<c-button :disabled="model.imgInvmod.imfref != '' || (model.imgInvmod.imguseList.length == 0 && model.imgInvmod.invlst.length == 0)" @click="fetchRef" size="small" type="primary">获取</c-button>
						</template>
					</c-fullbox>
				</el-form-item>
            <c-content style="height: calc(100% - 60px)!important; width:100%">
              <m-invsel :model="model"  />
            </c-content>
      </el-form>
			<c-col :span="24" style="text-align:center; background-color:#ffffff;height: 50px;padding-top:10px">
				<c-button type="primary" size="small" :disabled="model.imgInvmod.imguseList.length == 0 && model.imgInvmod.invlst.length == 0" @click="saveImgInv" style="width:70px" >提交</c-button>
			</c-col>
    </c-page>
  </div>
</template>

<script>
import Inv from "./Invsel";
import Invsel from "../model"
import event from "../event"
import check from "../model/check.js"

export default {
	name: "Invsel",
	mixins:[event,check],
  components: {
		"m-invsel": Inv,
  },
  provide() {
    return {
			root: this,
			activeNames: ["inv"]
    };
	},
	created(){
	},
  data() {
    return {
      tabVal: "inv",
			 model: new Invsel().data,
    };
  },
};
</script>

<style ></style>