<comment>
    # 组件注释
</comment>
<template>
    <div class="itemDialog">
      <el-dialog :title="titleName" :visible.sync="dialogFormVisible">
        <!--<el-form :model="form">-->
          <!--<el-form-item label="活动名称" :label-width="formLabelWidth">-->
            <!--<el-input v-model="form.name" auto-complete="off"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="活动区域" :label-width="formLabelWidth">-->
            <!--<el-select v-model="form.region" placeholder="请选择活动区域">-->
              <!--<el-option label="区域一" value="shanghai"></el-option>-->
              <!--<el-option label="区域二" value="beijing"></el-option>-->
            <!--</el-select>-->
          <!--</el-form-item>-->
        <!--</el-form>-->
        <el-form >
          <el-form-item
            v-for="(value,key) in itemData"
            v-if="value.name!='ID'"
            :label=value.titleName :label-width="formLabelWidth">
            <!--文本输入-->
            <el-input v-if="checkType(value,key,0)" v-model=value.value auto-complete="off"></el-input>
            <el-input-number v-if="checkType(value,key,1)" v-model=value.value  auto-complete="off"></el-input-number>
            <!--<el-input-number v-if="checkType(value,key,1)" v-model=value.value :min="1" label="描述文字"></el-input-number>-->
            <!--<el-input v-if="checkType(value)" auto-complete="off"></el-input>-->
            <!--<el-input v-if="checkType(value)" auto-complete="off"></el-input>-->
            <!--<el-input v-if="checkType(value)" auto-complete="off"></el-input>-->
          </el-form-item>
        </el-form>


        <div slot="footer" class="dialog-footer">
          <el-button @click="clickCancel()">取 消</el-button>
          <el-button type="primary" @click="clickOK()">确 定</el-button>
        </div>
      </el-dialog>
    </div>
</template>

<script>
    //import logo from '../../../static/logo.png'
    export default {
        name: 'itemDialog',
        components: {
            //Xgplayer :  () => import('../xgplayer'),
        },
        data() {
            return {
              //0 添加模式  1修改模式
              type : 0,
              titleName : "",

              gridData: [{
                date: '2016-05-02',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1518 弄'
              }, {
                date: '2016-05-04',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1518 弄'
              }, {
                date: '2016-05-01',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1518 弄'
              }, {
                date: '2016-05-03',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1518 弄'
              }],
              dialogTableVisible: false,
              dialogFormVisible: false,
              itemData: {

              },
              formLabelWidth: '120px',
              oldData :{}
            }
        },
        //作为子组件的时候应用父组件的时候设定的变量
        props: {},
        //用来观察 方法 对象 变量 有变化 走的回调方法
        watch: {},
        //正常方法
        methods: {
          setShow(b,type){
            this.type = type
            this.dialogFormVisible = b
          },
          setTitileName(titleName){
            this.titleName = titleName;
          },

          setiItemData(data){
            console.log("给过来的数据格式",data);
            this.oldData = data



            var newdata = this.utils.getNewObjData(data)
            this.itemData = newdata
          },

          clickOK(){

            // console.log("校验一下然后决定是否提交",this.itemData);
            //
            // console.log("给过来的数据格式",this.oldData);
            // console.log("现在数据",this.itemData);

            //添加
            if (this.type == 0) {
              this.$emit("ok",this.itemData);//自定义事件  传递值“子向父组件传值”
            }
            //修改
            if (this.type == 1) {
              this.$emit("okUpData",this.itemData);//自定义事件  传递值“子向父组件传值”
            }


          },
          clickCancel(){
            this.$emit("cancel","子向父组件传值");//自定义事件  传递值“子向父组件传值”
            this.dialogFormVisible = false
          },

          checkType(value,key,tag){
            // console.log("检查",value,key,tag);
            let re = false;
            if (value.type =="int"&& tag == 1) {
              re = true;
            }else if (value.type == "string"&& tag == 0) {
              re = true;
            }

            // if (value.type == "String" && type == 0) {
            //   re = true;
            //   // this.form.tempListData[key] = key;
            // } else if ((value.type == "int" || value.type == "Long"||value.type == "Integer") && type == 1) {
            //   re = true;
            //   // this.form.tempListData[key] = key;
            // }

            // console.log("临时数组是"+this.form.tempListData);
            return re;
          }
        },
        //计算方法
        computed: {},
        //生命周期 渲染html之前 可以初始化数据
        created() {

        },
        //生命周期 渲染html完毕 可以dom操作
        mounted() {

        },
        //生命周期 离开这个页面
        destroyed() {

        }
    }
</script>

<style scoped>

</style>
