<template>


      <div class="">
         <!--查询组件1开始-->
         <div class="common_infoquery_pc_1"><!--使用此组件，请复制此div-->
            <div class="class-search">
               <div class="index-title2">
                  <span class="sp1">学时查验</span>
               </div>
               <div class="qr-login-input2">
                  <!--<span class="sp1">
                     <span>学时编号</span>-->
                  <span class="sp2">
                     <input type="text" v-model="ucCertNo" placeholder="输入证书编号">
                  </span>
                  <span class="sp2">
                     <input type="text" v-model="ucIdcard" placeholder="输入身份证号码">
                  </span>
                  <span class="sp2">
                     <input type="text" v-model="ucName" placeholder="输入姓名">
                  </span>
                  <span class="sp4">
                     <a href="javascript:void(0)" @click="query" class="a1">查询</a>
                  </span>
               </div>
            </div>
         </div>
         <!--查询组件1结束-->
            <el-login ref="child" @setOpen="setOpen" @isphone="isPhone" @isname="isName" @iscard="isCard"  @iscode="isCode" @dataNull="dataNull" :isCard="iscard" :isPhone="isphone" :isName="isname" :isCode="iscode" :open="isOpen"></el-login>

      </div>


</template>

<script>
import formMixin from "../../../src/mixins/formMixin";
import login from "../../login";
import msg from "../../message";

export default {
  name: "ElQuery",
  mixins: [formMixin],
  components: {
    login,
    msg
  },
  props: {
    placeholder: {
      type: String,
      default: "总访问量a"
    }
  },
  data() {
    return {
      isWx: true,
      hasWx: true,
      isOpen: false,
      isphone: false,
      iscard:false,
      isname:false,
      iscode: false,
      loginName: "",
      password: "",
      ucIdcard:'',
      ucName: '',
      ucCertNo: '',
    };
  },
  computed: {
    defaultAttrs() {
      return {
        placeholder: this.t("ele-form.input") + this.desc._label
      };
    }
  },
  //common/pageQuery.do
  methods: {
    query() {
      window.location.href = "/hoursinquiry?type=xscy&ucIdcard="+this.ucIdcard+'&ucName='+this.ucName+'&ucCertNo='+this.ucCertNo;
    },

    setOpen(data) {
      this.isOpen = data;
    },
    regAccount() {
      this.isOpen = true;
      this.$refs.child.clearData();
    },
    isPhone(data) {
      this.isphone = data;
    },
     isName(data) {
      this.isname = data;
    },
    isCode(data) {
      this.iscode = data;
    },
    isCard(data){
      this.iscard = data;
    },
    dataNull(data) {
      this.isphone = data;
      this.iscode = data;
    }
  }
};
</script>
