<template>
  <div>
    <table style="width: 100%;">
        <tr>    
            <td>
                <div class="layui-form-item jbxq-div" style="width:300px;">
                    <label class="layui-form-label" style="width:100px;">人员类别</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="datax.jrtype" name="title"
                            autocomplete="off" placeholder="人员类别" class="layui-input">
                    </div>
                </div>
            </td>
            <td>
                <div class="layui-form-item jbxq-div" style="width:300px;">
                    <label class="layui-form-label" style="width:100px;">现就业状态</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="datax.xjyzt" name="title"
                            autocomplete="off" placeholder="现就业状态" class="layui-input">
                    </div>
                </div>
            </td>
        </tr>
        <tr>
             <td>
                <div class="layui-form-item jbxq-div" style="width:300px;">
                    <label class="layui-form-label" style="width:100px;">部队代号</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="datax.bddh" name="title"
                            autocomplete="off" placeholder="部队代号" class="layui-input">
                    </div>
                </div>
            </td>
            <td>
                <div class="layui-form-item jbxq-div" style="width:300px;">
                    <label class="layui-form-label" style="width:100px;">现工作单位（含离退休前单位）</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="datax.gzdw" name="title"
                            autocomplete="off" placeholder="现工作单位（含离退休前单位）" class="layui-input">
                    </div>
                </div>
            </td>
           
        </tr>
        <tr>
            <td colspan="2">
                <div class="layui-form-item jbxq-div" style="width:300px;">
                    <label class="layui-form-label" style="width:100px;">退役(退休或复员)证件号</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="datax.tyzjh" name="title"
                            autocomplete="off" placeholder="退役(退休或复员)证件号" class="layui-input">
                    </div>
                </div>
            </td>            
      </tr>
    </table>
  </div>
</template>

<script>
  module.exports = {
        data: function() {
            return {
                  datax: this.dataxself
            }
        }, 
        props:["dataxself"],
        methods:{

        },
        computed:{
             datax:{
                 set:function(value){
                      this.dataxself=value;
                      console.log(value);
                 },get:function(){
                      return this.dataxself;
                      console.log(this.dataxself);
                 }
             }
        },
        mounted(){//挂载的时候执行
            console.log(this.dataxself); 
        }
  }
</script>
<style scoped>

</style>
