<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.ypfy" 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.pjwsh" 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.zm" 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.ypxq" 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.rjrq" 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.xqks" 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.jjrq" 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>
