dzhh-frontend/.svn/pristine/a3/a303dd436f60c303bc34391f6cd49f61a4bd3bc7.svn-base

<template>
  <a-spin :spinning="confirmLoading">
    <j-form-container :disabled="formDisabled">
      <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
        <a-row>
          <a-col :span="12">
            <a-form-model-item label="建设项目名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jsxmmc">
              <a-input v-model="model.jsxmmc" placeholder="请输入建设项目名称"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="业主单位名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="yzdwmc">
              <a-input v-model="model.yzdwmc" placeholder="请输入业主单位名称"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="建设项目所在地" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jsxmszd">
              <a-input v-model="model.jsxmszd" placeholder="请输入建设项目所在地"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="建设项目所在河道" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jsxmszhd">
              <a-input v-model="model.jsxmszhd" placeholder="请输入建设项目所在河道"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="开工日期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kgrq">
              <j-date placeholder="请选择开工日期" v-model="model.kgrq"  style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="竣工日期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jgrq">
              <j-date placeholder="请选择竣工日期" v-model="model.jgrq"  style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="建设情况" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jsqk">
              <j-dict-select-tag type="list" v-model="model.jsqk" dictCode="gcjsqk" placeholder="请选择建设情况" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否需要编制" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfxybz">
              <j-dict-select-tag type="list" v-model="model.sfxybz" dictCode="yn" placeholder="请选择是否需要编制" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否编制" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfbz">
              <j-dict-select-tag type="list" v-model="model.sfbz" dictCode="yn" placeholder="请选择是否编制" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否评审" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfps">
              <j-dict-select-tag type="list" v-model="model.sfps" dictCode="yn" placeholder="请选择是否评审" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="审批机关" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="spjg">
              <a-input v-model="model.spjg" placeholder="请输入审批机关"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="审批文号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="spwh">
              <a-input v-model="model.spwh" placeholder="请输入审批文号"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否审核" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfsh">
              <j-dict-select-tag type="list" v-model="model.sfsh" dictCode="yn" placeholder="请选择是否审核" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="施工审核机关、文件、时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sgshjgwjsj">
              <a-input v-model="model.sgshjgwjsj" placeholder="请输入施工审核机关、文件、时间"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="施工单位" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sgdw">
              <a-input v-model="model.sgdw" placeholder="请输入施工单位"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="监管单位" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jgdw">
              <a-input v-model="model.jgdw" placeholder="请输入监管单位"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="施工现场是否符合要求" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sgxcsffhyq">
              <j-dict-select-tag type="list" v-model="model.sgxcsffhyq" dictCode="yn" placeholder="请选择施工现场是否符合要求" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="施工结束是否恢复河道现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sgjssfhfhdyz">
              <j-dict-select-tag type="list" v-model="model.sgjssfhfhdyz" dictCode="yn" placeholder="请选择施工结束是否恢复河道现状" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否跨汛施工" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfkxsg">
              <j-dict-select-tag type="list" v-model="model.sfkxsg" dictCode="yn" placeholder="请选择是否跨汛施工" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="度汛方案是否编制" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dxfasfbz">
              <j-dict-select-tag type="list" v-model="model.dxfasfbz" dictCode="yn" placeholder="请选择度汛方案是否编制" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="责任制是否落实" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zrzsfls">
              <j-dict-select-tag type="list" v-model="model.zrzsfls" dictCode="yn" placeholder="请选择责任制是否落实" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="人员、物资是否落实" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="rywzsfls">
              <j-dict-select-tag type="list" v-model="model.rywzsfls" dictCode="yn" placeholder="请选择人员、物资是否落实" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否要求" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfyq">
              <j-dict-select-tag type="list" v-model="model.sfyq" dictCode="yn" placeholder="请选择是否要求" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="按要求完成情况" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ayqwcqk">
              <j-dict-select-tag type="list" v-model="model.ayqwcqk" dictCode="ayqwcqk" placeholder="请选择按要求完成情况" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否验收" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfys">
              <j-dict-select-tag type="list" v-model="model.sfys" dictCode="yn" placeholder="请选择是否验收" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="建设项目是否已竣工验收" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jsxmsfyjgys">
              <j-dict-select-tag type="list" v-model="model.jsxmsfyjgys" dictCode="yn" placeholder="请选择建设项目是否已竣工验收" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否参加建设项目验收" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfcjxmys">
              <j-dict-select-tag type="list" v-model="model.sfcjxmys" dictCode="yn" placeholder="请选择是否参加建设项目验收" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="有关资源是否报备" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ygzysfbb">
              <j-dict-select-tag type="list" v-model="model.ygzysfbb" dictCode="yn" placeholder="请选择有关资源是否报备" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="存在问题及处理情况" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="czwtjclqk">
              <a-input v-model="model.czwtjclqk" placeholder="请输入存在问题及处理情况"  ></a-input>
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </j-form-container>
  </a-spin>
</template>

<script>

  import { httpAction, getAction } from '@/api/manage'
  import { validateDuplicateValue } from '@/utils/util'

  export default {
    name: 'RmPjbfxmForm',
    components: {
    },
    props: {
      //表单禁用
      disabled: {
        type: Boolean,
        default: false,
        required: false
      }
    },
    data () {
      return {
        model:{
         },
        labelCol: {
          xs: { span: 24 },
          sm: { span: 5 },
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 16 },
        },
        confirmLoading: false,
        validatorRules: {
        },
        url: {
          add: "/hzz.shjsgc.pjbfxm/rmPjbfxm/add",
          edit: "/hzz.shjsgc.pjbfxm/rmPjbfxm/edit",
          queryById: "/hzz.shjsgc.pjbfxm/rmPjbfxm/queryById"
        }
      }
    },
    computed: {
      formDisabled(){
        return this.disabled
      },
    },
    created () {
       //备份model原始值
      this.modelDefault = JSON.parse(JSON.stringify(this.model));
    },
    methods: {
      add () {
        this.edit(this.modelDefault);
      },
      edit (record) {
        this.model = Object.assign({}, record);
        this.visible = true;
      },
      submitForm () {
        const that = this;
        // 触发表单验证
        this.$refs.form.validate(valid => {
          if (valid) {
            that.confirmLoading = true;
            let httpurl = '';
            let method = '';
            if(!this.model.id){
              httpurl+=this.url.add;
              method = 'post';
            }else{
              httpurl+=this.url.edit;
               method = 'post';
            }
            httpAction(httpurl,this.model,method).then((res)=>{
              if(res.success){
                that.$message.success(res.message);
                that.$emit('ok');
              }else{
                that.$message.warning(res.message);
              }
            }).finally(() => {
              that.confirmLoading = false;
            })
          }
         
        })
      },
    }
  }
</script>