<template>
  <section class="detail">
    <ai-detail>
      <ai-title slot="title" title="行政许可信息详情" isShowBottomBorder isShowBack @onBackClick="$router.push({query:{}})"/>
      <template #content>
        <el-form ref="form" :model="form" :rules="rules" size="small" label-width="150px">
          <el-form-item required label="许可文书名称" prop="name">
            <el-input v-model="form.name" placeholder="请输入"></el-input>
          </el-form-item>
          <el-row type="flex">
            <el-col :span="20">
              <el-form-item required label="许可文书号" prop="name">
                <el-input v-model="form.name" placeholder="请输入"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="20">
              <el-form-item required label="许可决定日期" prop="name">
                <el-date-picker style="width: 300px;" v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row type="flex">
            <el-col :span="20">
              <el-form-item required label="许可有效期自" prop="name">
                <el-date-picker style="width: 300px;" v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="20">
              <el-form-item required label="许可有效期至" prop="name">
                <el-date-picker style="width: 300px;" v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-form-item required label="许可机关" prop="name">
            <el-input v-model="form.name" placeholder="请输入使用人姓名"></el-input>
          </el-form-item>
          <el-row type="flex">
            <el-col :span="20">
              <el-form-item required label="经营主体" prop="name">
                <el-input v-model="form.name" placeholder="请输入许可对象"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="20">
              <el-form-item required label="统一信用代码" prop="name">
                <el-input v-model="form.name" placeholder="请输入统一信用代码"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-form-item required label="许可内容" prop="name">
            <el-input v-model="form.name" type="textarea" placeholder="请输入许可内容" :rows="5" resize="none" show-word-limit :maxlength="500"></el-input>
          </el-form-item>
        </el-form>
      </template>
    </ai-detail>
  </section>
</template>

<script>
export default {
  name: 'detail',

}
</script>

<style>

</style>