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

<template>
  <div class='flex flex-justify-start flex-align-center flex-col'>
    <div class='flex flex-center full-width flex-justify-between mt-10 mb-10'>
      <span class='full-width text-left bold'>{{ info.dictValue }}</span>
      <el-button type='primary' @click='disabled = !disabled'>{{ disabled ? '编 辑' : '保 存' }}</el-button>
    </div>
    <div class='mt-10' style='width: 80%;'>
      <el-form
          v-if='form'
          :model="form"
          label-width='240px'
          :disabled='disabled'
          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.totalAmount"/>
          </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.responsibleLeader"/>
          </el-form-item>
        </div>
        <div class='full-width  flex'>
          <el-form-item label="项目负责人" style='flex:1'>
            <el-input v-model="form.projectLeader"/>
          </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.planCommencementTime"/>
          </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.planStorageTime"/>
          </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.isStorage"/>
          </el-form-item>
          <el-form-item label="是否开工" style='flex:1' class='ml-20'>
            <el-input v-model="form.isActualCommencement"/>
          </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  '>
          <el-form-item label="项目建设详细地址">
            <el-input v-model="form.name"/>
          </el-form-item>
        </div>
        <div class='full-width '>
          <el-form-item label="主要建设内容及规模">
            <el-input v-model="form.name" type='textarea' :rows='4'/>
          </el-form-item>
        </div>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'params1',
  props: {
    info: {
      type: Object,
      default: null
    },
    detail: {
      type: Object,
      default: null
    }
  },
  watch: {
    detail: {
      handler (val) {
        this.form = val
      },
      immediate: true
    },
    disabled: {
      handler (val) {
        if (val) {
          this.updata()
        }
      },
      immediate: false
    }
  },
  data () {
    return {
      disabled: true,
      form: {}
    }
  },
  methods: {
    updata () {
      this.$api.project.proUpdate(this.detail).then(res => {
        if (res.code === 200) {
          this.$message.success(res.msg)
        } else {
          this.$message.error(res.msg)
        }
      })
    }
  }
}
</script>

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