fj-dc-ui/.svn/pristine/fa/fae1b3ac33458badaeef50dbcc4b738690649daf.svn-base

<template>
  <div>
    <el-container style="height:520px;">
      <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;">
        <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">信息填报</p>
        <el-form :model="formObj" :label-width="formLabelWidth" :rules="rules" ref="glzrtxRef"
                 style="padding-top: 10px;">
          <!--<p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span-->
          <!--style="width:120px;padding-left: 10px">主管单位</span><span class="hrs"></span></p>-->
          <el-form-item label="所在堤防名称">
            <el-input v-model="formObj.sapName" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="险工险段长度(m)">
            <el-input v-model="formObj.sapLen" placeholder="请输入详细地点" autocomplete="off"
                      style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="堤防级别">
            <el-select v-model="formObj.dikeGrad" placeholder="请选择" clearable>
              <el-option v-for="item in difangdengji" :key="item.value" :label="item.label"
                         :value="item.value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="规划防洪（潮）标准[重现期]">
            <el-input v-model="formObj.planFlSta" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="所属河岸">
            <el-input v-model="formObj.riverBank" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="所属湖泊">
            <el-input v-model="formObj.lake" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="所属海岸">
            <el-input v-model="formObj.coast" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="主管部门名称">
            <el-input v-model="formObj.compUnit" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="管理单位名称">
            <el-input v-model="formObj.mampu" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="管理单位联系人">
            <el-input v-model="formObj.mampuAttn" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="管理单位联系人电话">
            <el-input v-model="formObj.mampuAttnTel" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <!---->
          <!--<p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span-->
          <!--style="width:120px;padding-left: 10px">管护主体</span><span class="hrs"></span></p>-->
          <!--<el-form-item label="是否有管护主体且管护主体明确">-->
          <!--<el-radio v-model="formObj.wmbpIsC" label="1">是</el-radio>-->
          <!--<el-radio v-model="formObj.wmbpIsC" label="2">否</el-radio>-->
          <!--<el-button-->
          <!--@click="addProblem('wmbpIsC')"-->
          <!--type="text"-->
          <!--v-if="formObj.wmbpIsC =='2'">-->
          <!--<i class="el-icon-circle-plus add-problem-icon"></i>-->
          <!--</el-button>-->
          <!--</el-form-item>-->
          <!--<p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span-->
          <!--style="width:120px;padding-left: 10px">管护人员</span><span class="hrs"></span></p>-->
          <!--<el-form-item label="是否配备管护人员">-->
          <!--<el-radio v-model="formObj.pssIsH" label="1">是</el-radio>-->
          <!--<el-radio v-model="formObj.pssIsH" label="2">否</el-radio>-->
          <!--<el-button-->
          <!--@click="addProblem('pssIsH')"-->
          <!--type="text"-->
          <!--v-if="formObj.pssIsH =='2'">-->
          <!--<i class="el-icon-circle-plus add-problem-icon"></i>-->
          <!--</el-button>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="是否参加岗位培训" v-if="formObj.pssIsH == '1'" prop="pssIsC">-->
          <!--<el-radio v-model="formObj.pssIsC" label="1">是</el-radio>-->
          <!--<el-radio v-model="formObj.pssIsC" label="2">否</el-radio>-->
          <!--<el-button-->
          <!--@click="addProblem('pssIsC')"-->
          <!--type="text"-->
          <!--v-if="formObj.pssIsC =='2'">-->
          <!--<i class="el-icon-circle-plus add-problem-icon"></i>-->
          <!--</el-button>-->
          <!--</el-form-item>-->
          <!--<p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span-->
          <!--style="width:120px;padding-left: 10px">管理责任人</span><span class="hrs"></span></p>-->
          <!--<el-form-item label="是否落实防汛行政责任人">-->
          <!--<el-radio v-model="formObj.prftaofcIsH" label="1">是</el-radio>-->
          <!--<el-radio v-model="formObj.prftaofcIsH" label="2">否</el-radio>-->
          <!--<el-button-->
          <!--@click="addProblem('prftaofcIsH')"-->
          <!--type="text"-->
          <!--v-if="formObj.prftaofcIsH =='2'">-->
          <!--<i class="el-icon-circle-plus add-problem-icon"></i>-->
          <!--</el-button>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="防汛行政责任人是否履职到位" v-if="formObj.prftaofcIsH == '1'" prop="prftaofcInfo">-->
          <!--<el-radio v-model="formObj.prftaofcInfo" label="1">是</el-radio>-->
          <!--<el-radio v-model="formObj.prftaofcInfo" label="2">否</el-radio>-->
          <!--<el-button-->
          <!--@click="addProblem('prftaofcInfo')"-->
          <!--type="text"-->
          <!--v-if="formObj.prftaofcInfo =='2'">-->
          <!--<i class="el-icon-circle-plus add-problem-icon"></i>-->
          <!--</el-button>-->
          <!--</el-form-item>-->
          <!--<p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span-->
          <!--style="width:120px;padding-left: 10px">经费落实</span><span class="hrs"></span></p>-->
          <!--<el-form-item label="人员基本支出经费是否足额到位">-->
          <!--<el-radio v-model="formObj.befpIsFip" label="1">是</el-radio>-->
          <!--<el-radio v-model="formObj.befpIsFip" label="2">否</el-radio>-->
          <!--<el-button-->
          <!--@click="addProblem('befpIsFip')"-->
          <!--type="text"-->
          <!--v-if="formObj.befpIsFip =='2'">-->
          <!--<i class="el-icon-circle-plus add-problem-icon"></i>-->
          <!--</el-button>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="工程维修养护经费是否是否足额">-->
          <!--<el-radio v-model="formObj.pmameIsFip" label="1">是</el-radio>-->
          <!--<el-radio v-model="formObj.pmameIsFip" label="2">否</el-radio>-->
          <!--<el-button-->
          <!--@click="addProblem('pmameIsFip')"-->
          <!--type="text"-->
          <!--v-if="formObj.pmameIsFip =='2'">-->
          <!--<i class="el-icon-circle-plus add-problem-icon"></i>-->
          <!--</el-button>-->
          <!--</el-form-item>-->
          <!--<p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span-->
          <!--style="width:120px;padding-left: 10px">穿（跨、临）堤建筑物管理</span><span class="hrs"></span></p>-->

          <!--<el-form-item label="是否存在穿（跨、临）建筑物">-->
          <!--<el-radio v-model="formObj.hasEbm" label="1">是</el-radio>-->
          <!--<el-radio v-model="formObj.hasEbm" label="2">否</el-radio>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="是否有管护主体且管护主体明确" v-if="formObj.hasEbm == '1'" prop="ebmWmbpIsC">-->
          <!--<el-radio v-model="formObj.ebmWmbpIsC" label="1">是</el-radio>-->
          <!--<el-radio v-model="formObj.ebmWmbpIsC" label="2">否</el-radio>-->
          <!--<el-button-->
          <!--@click="addProblem('ebmWmbpIsC')"-->
          <!--type="text"-->
          <!--v-if="formObj.ebmWmbpIsC =='2'">-->
          <!--<i class="el-icon-circle-plus add-problem-icon"></i>-->
          <!--</el-button>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="是否落实管护责任且管护责任明确" v-if="formObj.hasEbm == '1'" prop="ebmIsIacTrotm">-->
          <!--<el-radio v-model="formObj.ebmIsIacTrotm" label="1">是</el-radio>-->
          <!--<el-radio v-model="formObj.ebmIsIacTrotm" label="2">否</el-radio>-->
          <!--<el-button-->
          <!--@click="addProblem('ebmIsIacTrotm')"-->
          <!--type="text"-->
          <!--v-if="formObj.ebmIsIacTrotm =='2'">-->
          <!--<i class="el-icon-circle-plus add-problem-icon"></i>-->
          <!--</el-button>-->
          <!--</el-form-item>-->
          <el-form-item label="">
            <el-button type="primary" @click="addHandler" v-if="openType">保 存</el-button>
          </el-form-item>
        </el-form>
      </el-main>
      <problem-dialog
        v-if="showAddProblemDialog && openType"
        :objType="pType"
        :villType="pType"
        :objId="currentObjectId"
        :objName="currentObjectName"
        :problemMiddleType="'堤防险工险段'"
        :problData="probId"
        @closeDialog="closePlDialog"
        :currentObjectRgstrId="currentObjectRgstrId"
      ></problem-dialog>
    </el-container>
  </div>
</template>

<script>
  import inputWith from "@widget/inuptWith.vue"
  import problemDialog from "../../duChaWenTi/problemDialog.vue";
  import request from "@util/gw_ajax_request.js"
  import {getBaseSituation} from "@api/duChaTianBao.js"

  export default {
    components: {
      inputWith: inputWith,
      problemDialog
    },
    props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'pType','openType'],

    data() {
      var checkTel = (rule, value, callback) => {
        var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;//座机
        var isMob = /^[1][3,4,5,7,8,9][0-9]{9}$/;// 座机格式
        if (value && !isMob.test(value) && !isPhone.test(value)) {
          callback(new Error('请输入合理电话'));
        } else if (value && (isMob.test(value) || isPhone.test(value))) {
          callback();
        }
      };
      return {
        rules: {
          compUnit: [
            {required: true, message: '请输入主管单位', trigger: 'blur'}
          ],
          // prftaofcInfo: [
          //   {required: true, message: '请选择防汛行政责任人是否履职到位', trigger: 'change'}
          // ],
          // pssIsC: [
          //   {required: true, message: '请选择是否参加岗位培训', trigger: 'change'}
          // ],
          // ebmIsIacTrotm: [
          //   {required: true, message: '请选择是否落实管护责任且管护责任明确', trigger: 'change'}
          // ],
          // ebmWmbpIsC: [
          //   {required: true, message: '请选择是否有管护主体且管护主体明确', trigger: 'change'}
          // ],
        },
        formObj: {
          // befpIsFip: "",//人员基本支出经费是否足额到位(1:是;2:否;0:未填) ,
          // compUnit: "",//主管单位名称 ,
          // ebmIsIacTrotm: "",//堤建筑物管理-是否落实管护责任且管护责任明确(1:是;2:否;0:未填) ,
          // ebmWmbpIsC: "",//堤建筑物管理-是否有管护主体且管护主体明确(1:是;2:否;0:未填) ,
          // pmameIsFip: "",//工程维修养护经费是否足额到位(1:是;2:否;0:未填) ,
          // prftaofcInfo: "",//防汛行政责任人是否履职到位(1:是;2:否;0:未填) ,
          // prftaofcIsH: "",//是否落实防汛行政责任人(1:是;2:否;0:未填) ,
          // pssIsC: "",//管护人员是否经过岗位培训(1:是;2:否;0:未填) ,
          // pssIsH: "",//是否配备管护人员(1:是;2:否;0:未填) ,
          // status: "",//填报状态(0:未填报;1:填报中;2:已填报) ,
          // wmbpIsC: "",//是否有管护主体且管护主体明确(1:是;2:否;0:未填)
          // hasEbm: ""

          sapName: '',//险工险段名称 ,
          sapLen: '',//险工险段长度(m) ,
          dikeGrad: '',//堤防级别 ,
          planFlSta: '',//规划防洪（潮）标准[重现期] ,
          rvLkCst: '',//所属河/湖/海岸名称 ,
          compUnit: '',//主管部门名称 ,
          mampu: '',//管理单位 ,
          mampuAttn: '',//管理单位责任人 ,
          mampuAttnTel: '',//管理单位责任人电话 ,
          status: '',//填报状态(0:未填报;1:填报中;2:已填报)
        },
        difangdengji: [
          {
            value: "1",
            label: "1级"
          },
          {
            value: "2",
            label: "2级"
          },
          {
            value: "3",
            label: "3级"
          },
          {
            value: "4",
            label: "4级"
          },
          {
            value: "5",
            label: "5级"
          },
          {
            value: "6",
            label: "5级以下"
          }
        ],
        dialogFormVisible: false,
        formLabelWidth: '260px',
        loading: true,
        operationType1: '',
        rsvrRules: null,
        probId: '',
        showAddProblemDialog: false,
        saveLoading: false
      }
    },
    computed: {
      recPersId() {
        return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
      }
    },
    created() {
      // this.findItemByType()
    },
    mounted() {
      this.getRgstridObj();
    },
    watch: {
      // currentObjectRgstrId(n, o) {
      //     this.getRgstridObj();
      // },
    },
    methods: {
      getRgstridObj() {
        var _self = this;
        getBaseSituation(_self.currentObjectRgstrId).then((res) => {
          if (res.success && Object.keys(res.data).length) {
            _self.formObj = res.data;
            _self.operationType1 = 'update';
          } else {
            _self.formObj = {};
            _self.operationType1 = 'add';
          }
        });
      },
      addHandler() {
        this.$refs.glzrtxRef.validate((valid) => {
          if (valid) {
            var _self = this;
            _self.formObj['rgstrId'] = _self.currentObjectRgstrId;
            _self.formObj['recPersId'] = _self.recPersId;
            console.log(_self.formObj);
            if (_self.formObj.sapName &&
              _self.formObj.sapLen &&
              _self.formObj.dikeGrad &&
              _self.formObj.planFlSta &&
              _self.formObj.compUnit &&
              _self.formObj.mampu &&
              _self.formObj.mampuAttn &&
              _self.formObj.mampuAttnTel &&
              _self.formObj.riverBank &&
              _self.formObj.lake &&
              _self.formObj.coast
            ) {
              this.formObj.status = "2"
            } else {
              this.formObj.status = "1"
            }

            if (_self.formObj.sapName === undefined &&
              _self.formObj.sapLen === undefined &&
              _self.formObj.dikeGrad === undefined &&
              _self.formObj.planFlSta === undefined &&
              _self.formObj.compUnit === undefined &&
              _self.formObj.mampu === undefined &&
              _self.formObj.mampuAttn === undefined &&
              _self.formObj.mampuAttnTel === undefined &&
              _self.formObj.riverBank === undefined &&
              _self.formObj.lake === undefined &&
              _self.formObj.coast === undefined) {
              this.formObj.status = "0"
            }

            this.$confirm('确认保存管理责任体系情况信息？', '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
            })
              .then(() => {
                if (_self.operationType1 == 'add') {
                  try {
                    if (!this.saveLoading) {
                      this.saveLoading = true
                      request.post('/bis/insp/waga/sap/rgstr/base', _self.formObj).then((res) => {
                        if (res.success) {
                          _self.$message.success("添加成功");
                          _self.$emit("addShuiKuSuccess");
                        }
                        this.saveLoading = false
                      }).catch(err => {
                        this.saveLoading = false
                        this.$message.info(err)
                      });
                    }
                  } catch (e) {

                  }
                } else if (_self.operationType1 == 'update') {
                  try {
                    if (!this.saveLoading) {
                      this.saveLoading = true
                      request.post('/bis/insp/waga/sap/rgstr/base', _self.formObj).then((res) => {
                        if (res.success) {
                          _self.$message.success("修改成功");
                          _self.$emit("addShuiKuSuccess");
                        }
                        this.saveLoading = false
                      }).catch(err => {
                        this.saveLoading = false
                        this.$message.info(err)
                      });
                    }
                  } catch (e) {

                  }
                }
              })
              .catch(() => {

              });
          } else {
            this.$message.warning('请检查填写信息');
            return false
          }
        })

      },
      cancelHandler() {
        this.$emit('cancelHandler');
      },
      findItemByType() {
        const obj = {
          tname: "BIS_INSP_WAGA_SAP_RGSTR_MRS_CI"
        }
        request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
          this.rsvrRules = res.data;
        })
      },
      addProblem(item) {
        let rest = this.rsvrRules.filter(e => {
          return e.eName === item;
        });
        this.probId = rest[0].id;
        this.showAddProblemDialog = true
      },
      formatRadio(val) {
        if (val == '1') {
          return '是'
        } else if (val == '2') {
          return '否'
        } else {
          return val
        }
      },
      closePlDialog(val) {
        this.showAddProblemDialog = false;
      }
    },

  }

</script>

<style>
  #dcdxHeader {
    padding: 15px 20px;
  }

  #dxdcFooter {
    text-align: center;
  }

  #dxdcAside {
    border: 1px solid #d5d5ff;
  }

  .el-dialog__wrapper .el-treeWhite {
    /* max-height: 260px !important; */
  }

  .add-problem-icon {
    font-size: 16px;
  }
</style>