dzhh-frontend/.svn/pristine/31/31e56a2e5b165569ce863aa445ea05921d5e0426.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">
              <a-input v-model="model.sfxybz" placeholder="请输入是否需要编制"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否编制" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfbz">
              <a-input v-model="model.sfbz" placeholder="请输入是否编制"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否评审" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfps">
              <a-input v-model="model.sfps" placeholder="请输入是否评审"  ></a-input>
            </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">
              <a-input v-model="model.sfsh" placeholder="请输入是否审核"  ></a-input>
            </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">
              <a-input v-model="model.sgxcsffhyq" placeholder="请输入施工现场是否符合要求"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="施工结束是否恢复河道原状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sgjssfhfhdyz">
              <a-input v-model="model.sgjssfhfhdyz" placeholder="请输入施工结束是否恢复河道原状"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否跨汛施工" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfkxsg">
              <a-input v-model="model.sfkxsg" placeholder="请输入是否跨汛施工"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="度汛方案是否编制" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dxfasfbz">
              <a-input v-model="model.dxfasfbz" placeholder="请输入度汛方案是否编制"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="责任制是否落实" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zrzsfls">
              <a-input v-model="model.zrzsfls" placeholder="请输入责任制是否落实"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="人员、物资是否落实" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="rywzsfls">
              <a-input v-model="model.rywzsfls" placeholder="请输入人员、物资是否落实"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否要求" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfyq">
              <a-input v-model="model.sfyq" placeholder="请输入是否要求"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="按要求完成情况" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ayqwcqk">
              <a-input v-model="model.ayqwcqk" placeholder="请输入按要求完成情况"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否验收" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfys">
              <a-input v-model="model.sfys" placeholder="请输入是否验收"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="建设项目是否已竣工验收" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jsxmsfyjgys">
              <a-input v-model="model.jsxmsfyjgys" placeholder="请输入建设项目是否已竣工验收"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否参加建设项目验收" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfcjjsxmys">
              <j-dict-select-tag type="list" v-model="model.sfcjjsxmys" dictCode="yn" placeholder="请选择是否参加建设项目验收" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="审批状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="spzt">
              <j-dict-select-tag type="list" v-model="model.spzt" dictCode="spzt1" placeholder="请选择审批状态" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="有关资源是否报备" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ygzysfbb">
              <a-input v-model="model.ygzysfbb" placeholder="请输入有关资源是否报备"  ></a-input>
            </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: 'RmWspxmForm',
    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.wspxm/rmWspxm/add",
          edit: "/hzz.shjsgc.wspxm/rmWspxm/edit",
          queryById: "/hzz.shjsgc.wspxm/rmWspxm/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 = 'put';
                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>