<template>
  <div>
    <div>
      <el-page-header @back="goBack" content="详情页面"> </el-page-header>
    </div>
    <br />
    <br />
    <div>
      <el-form label-width="70px" size="small" label-position="left" class="demo-ruleForm">
        <el-row :gutter="20">
          <el-col :xs="24" :sm="12" :lg="6">
            <el-form-item label="创建组织" prop="account">
              <el-input placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :lg="6">
            <el-form-item label="使用组织" prop="account">
              <el-input placeholder="请输入关键字"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :lg="6">
            <el-form-item label="编码" prop="account">
              <el-input placeholder="请输入关键字"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :lg="6">
            <el-form-item label="名称" prop="account">
              <el-input placeholder="请输入关键字"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div>
      <el-row>
        <el-col :xs="24" :sm="24" :lg="24">
          <h3>基本信息</h3>
          <hr />
        </el-col>

        <div>
          <el-form label-width="70px" size="small" label-position="left">
            <el-row :gutter="20">
              <el-col :xs="24" :sm="12" :lg="6">
                <el-form-item label="创建人" prop="account">
                  <el-input placeholder="请输入"></el-input>
                </el-form-item>
              </el-col>
              <el-col :xs="24" :sm="12" :lg="6">
                <el-form-item label="审核人" prop="account">
                  <el-input placeholder="请输入"></el-input>
                </el-form-item>
              </el-col>
              <el-col :xs="24" :sm="12" :lg="6">
                <el-form-item label="禁用人" prop="account">
                  <el-input placeholder="请输入"></el-input>
                </el-form-item>
              </el-col>
              <el-col :xs="24" :sm="12" :lg="6">
                <el-form-item label="创建日期" prop="account">
                  <el-date-picker v-model="value1" type="date" placeholder="选择日期"> </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :xs="24" :sm="12" :lg="6">
                <el-form-item label="审核日期" prop="account">
                  <el-date-picker v-model="value1" type="date" placeholder="选择日期"> </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :xs="24" :sm="12" :lg="6">
                <el-form-item label="禁用日期" prop="account">
                  <el-date-picker v-model="value1" type="date" placeholder="选择日期"> </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :xs="24" :sm="12" :lg="6">
                <el-form-item label="修改人" prop="account">
                  <el-input placeholder="请输入"></el-input>
                </el-form-item>
              </el-col>
              <el-col :xs="24" :sm="12" :lg="6">
                <el-form-item label="数据状态" prop="account">
                  <el-select placeholder="请选择活动区域">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :xs="24" :sm="12" :lg="6">
                <el-form-item label="禁用状态" prop="account">
                  <el-select placeholder="请选择活动区域">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :xs="24" :sm="12" :lg="6">
                <el-form-item label="修改日期" prop="account">
                  <el-date-picker v-model="value1" type="date" placeholder="选择日期"> </el-date-picker>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </div>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    goBack() {
      console.log(this.$parent)
      this.$parent.isShow = true
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .el-date-editor--date {
  width: 100%;
}
::v-deep .el-select {
  width: 100%;
}
</style>
