wt_project_web_bak/src/views/home/component/params/params1.vue

<template>
  <div class='flex flex-justify-start flex-align-center flex-col'>
    <span class='full-width text-left bold'>{{ info.dictValue }}</span>
    <div class='mt-10' style='width: 80%;'>
      <el-form
          :model="form"
          label-width='240px'
          :disabled='true'
          label-position="left"
          class='form-content flex flex-col'
      >
        <div class='flex flex-justify-start '>
          <el-form-item label="项目名称" style='flex:1'>
            <el-input v-model="form.name"/>
          </el-form-item>
          <el-form-item label="总投资金额（万元）" style='flex:1' class='ml-20'>
            <el-input v-model="form.region"/>
          </el-form-item>
        </div>
        <div class='full-width  flex'>
          <el-form-item label="县（区）" style='flex:1'>
            <el-input v-model="form.name"/>
          </el-form-item>
          <el-form-item label="责任单位" style='flex:1' class='ml-20'>
            <el-input v-model="form.region"/>
          </el-form-item>
        </div>

        <div class='full-width  flex'>
          <el-form-item label="主管单位" style='flex:1'>
            <el-input v-model="form.name"/>
          </el-form-item>
          <el-form-item label="责任领导" style='flex:1' class='ml-20'>
            <el-input v-model="form.region"/>
          </el-form-item>
        </div>
        <div class='full-width  flex'>
          <el-form-item label="项目负责人" style='flex:1'>
            <el-input v-model="form.name"/>
          </el-form-item>
          <el-form-item label="联系电话" style='flex:1' class='ml-20'>
            <el-input v-model="form.region"/>
          </el-form-item>
        </div>

        <div class='full-width  flex'>
          <el-form-item label="行业分类" style='flex:1'>
            <el-input v-model="form.name"/>
          </el-form-item>
          <el-form-item label="建设起至时间" style='flex:1' class='ml-20'>
            <el-input v-model="form.region"/>
          </el-form-item>
        </div>

        <div class='full-width  flex'>
          <el-form-item label="计划开工时间" style='flex:1'>
            <el-input v-model="form.name"/>
          </el-form-item>
          <el-form-item label="实际开工时间" style='flex:1' class='ml-20'>
            <el-input v-model="form.region"/>
          </el-form-item>
        </div>
        <div class='full-width  flex'>
          <el-form-item label="计划入库时间" style='flex:1'>
            <el-input v-model="form.name"/>
          </el-form-item>
          <el-form-item label="实际入库时间" style='flex:1' class='ml-20'>
            <el-input v-model="form.region"/>
          </el-form-item>
        </div>
        <div class='full-width  flex'>
          <el-form-item label="计划竣工时间" style='flex:1'>
            <el-input v-model="form.name"/>
          </el-form-item>
          <el-form-item label="实际竣工时间" style='flex:1' class='ml-20'>
            <el-input v-model="form.region"/>
          </el-form-item>
        </div>
        <div class='full-width  flex'>
          <el-form-item label="是否入库" style='flex:1'>
            <el-input v-model="form.name"/>
          </el-form-item>
          <el-form-item label="是否开工" style='flex:1' class='ml-20'>
            <el-input v-model="form.region"/>
          </el-form-item>
        </div>
        <div class='full-width  flex'>
          <el-form-item label="是否纳入省重点项目" style='flex:1'>
            <el-input v-model="form.name"/>
          </el-form-item>
          <el-form-item label="是否纳入省集中开工项目" style='flex:1' class='ml-20'>
            <el-input v-model="form.region"/>
          </el-form-item>
        </div>
        <div class='full-width  flex '>
          <el-form-item label="项目建设详细地址">
            <el-input v-model="form.name"/>
          </el-form-item>
        </div>
        <div class='full-width  flex'>
          <el-form-item label="主要建设内容及规模">
            <el-input v-model="form.name"/>
          </el-form-item>
        </div>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'params1',
  props: {
    info: {
      type: Object,
      default: null
    }
  },
  data () {
    return {
      form: {
        name: '',
        region: '',
        type: ''
      }
    }
  }
}
</script>

<style lang='scss' scoped>
.form-content {
  border: 1px solid #eeeeee;
  padding: 20px;
}
</style>