fj-dc-ui/.svn/pristine/c0/c0e906d65b89c5cda8e2bbf9455cd063206fc7c9.svn-base

<template>
  <div>
    <el-dialog :title="gsgcRowData.prjNm" :visible.sync="dialogFormVisible"
               :modal-append-to-body="true"
               :append-to-body="true" @close="closeTianBaoDialog">
      <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;margin-bottom: 10px;">信息填报</p>
          <p style="margin-top:10px;margin-bottom: 10px;overflow: hidden;"><i class="el-icon-caret-right"></i><span
            style="width:120px;padding-left: 10px">基本信息</span><span class="hrs"></span>

            <el-button type="warning" style="float: right;" @click="recentAppearance">近期面貌</el-button>
            <el-button type="warning" style="float: right; margin-right: 10px;" @click="imageClick">影像</el-button>
          </p>
          <el-form :model="formObj" :label-width="formLabelWidth" :rules="rules">
            <el-form-item label="地点（县，乡镇，行政村，村组）：">
              <el-input type="text" v-model="formObj.addr" class="w200" clearable placeholder="请输入地点"></el-input>
            </el-form-item>
            <el-form-item label="经度">
              <el-input type="text" v-model="formObj.centerX" class="w200" clearable placeholder="请输入经度"></el-input>
            </el-form-item>
            <el-form-item label="纬度">
              <el-input type="text" v-model="formObj.centerY" class="w200" clearable placeholder="请输入纬度"></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-input type="text" v-model="formObj.prjNm" class="w200" clearable placeholder="请输入"></el-input>
            </el-form-item>
            <el-form-item label="供水工程类型">
              <el-select v-model="formObj.prjType" class="w200" clearable placeholder="请选择">
                <el-option label="万人工程" value="A"></el-option>
                <el-option label="千人工程" value="B"></el-option>
                <el-option label="千人以下集中供水工程" value="C"></el-option>
                <el-option label="分散式供水工程" value="D"></el-option>
              </el-select>
            </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.isEarlyWk" label="1">是</el-radio>
              <el-radio v-model="formObj.isEarlyWk" label="2">否</el-radio>
            </el-form-item>
            <el-form-item label="是否编制实施方案" v-if="formObj.isEarlyWk=='1'">
              <el-radio v-model="formObj.isDrawPlan" label="1">是</el-radio>
              <el-radio v-model="formObj.isDrawPlan" label="2">否</el-radio>
              <el-button
                @click="addProblem('isDrawPlan')"
                type="text"
                v-if="formObj.isDrawPlan =='2'">
                <i class="el-icon-circle-plus add-problem-icon"></i>
              </el-button>
            </el-form-item>
            <el-form-item label="是否进行审查审批工作" v-if="formObj.isEarlyWk=='1'">
              <el-radio v-model="formObj.isExApp" label="1">是</el-radio>
              <el-radio v-model="formObj.isExApp" label="2">否</el-radio>
              <el-button
                @click="addProblem('isExApp')"
                type="text"
                v-if="formObj.isExApp =='2'">
                <i class="el-icon-circle-plus add-problem-icon"></i>
              </el-button>
            </el-form-item>
            <el-form-item label="投资计划是否分解下达" v-if="formObj.isEarlyWk=='1'">
              <el-radio v-model="formObj.isIssue" label="1">是</el-radio>
              <el-radio v-model="formObj.isIssue" label="2">否</el-radio>
              <el-button
                @click="addProblem('isIssue')"
                type="text"
                v-if="formObj.isIssue =='2'">
                <i class="el-icon-circle-plus add-problem-icon"></i>
              </el-button>
            </el-form-item>
            <el-form-item label="计划投资资金(万元)" v-if="formObj.isIssue=='1'">
              <el-input type="text" v-model="formObj.planCost" class="w200" clearable placeholder="请输入"></el-input>
            </el-form-item>
            <!--            <el-form-item label="对象名称">-->
            <!--              <el-input type="text" v-model="formObj.adName" class="w200" clearable placeholder="请输入对象名称"></el-input>-->
            <!--            </el-form-item>-->
            <!--            <el-form-item label="行政区划全称">-->
            <!--              <el-input type="text" v-model="formObj.adFullName" class="w200" clearable placeholder="请输入行政区划全称"></el-input>-->
            <!--            </el-form-item>-->
            <!--            <el-form-item label="暗访人名称">-->
            <!--              <el-input type="text" v-model="formObj.recPers" class="w200" clearable placeholder="请输入"></el-input>-->
            <!--            </el-form-item>-->
            <!--            <el-form-item label="暗访日期">-->
            <!--              <el-date-picker-->
            <!--                v-model="formObj.visitDate"-->
            <!--                format="yyyy-MM-dd"-->
            <!--                type="date"-->
            <!--                placeholder="选择日期">-->
            <!--              </el-date-picker>-->
            <!--            </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.isConTask" label="1">是</el-radio>
              <el-radio v-model="formObj.isConTask" label="2">否</el-radio>
            </el-form-item>
            <el-form-item label="开工时间" v-if="formObj.isConTask=='1'">
              <el-date-picker
                v-model="formObj.buldTm"
                format="yyyy-MM-dd"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="完成投资（万元）" v-if="formObj.isConTask=='1'">
              <el-input type="text" v-model="formObj.buldCost" class="w200" clearable placeholder="请输入"></el-input>
            </el-form-item>
<!--            <el-form-item label="解决贫困村数量（个）" v-if="formObj.isConTask=='1'">-->
<!--              <el-input type="text" v-model="formObj.buldPcity" class="w200" clearable placeholder="请输入"></el-input>-->
<!--            </el-form-item>-->
            <el-form-item label="工程受益人数（人）" v-if="formObj.isConTask=='1'">
              <el-input type="text" v-model="formObj.buldPrsSize" class="w200" clearable placeholder="请输入"></el-input>
            </el-form-item>
<!--            <el-form-item label="工程受益人数中贫困人数（人）" v-if="formObj.isConTask=='1'">-->
<!--              <el-input type="text" v-model="formObj.buldPprsSize" class="w200" clearable placeholder="请输入"></el-input>-->
<!--            </el-form-item>-->
            <el-form-item label="是否完工" v-if="formObj.isConTask=='1'">
              <el-radio v-model="formObj.isBuld" label="1">是</el-radio>
              <el-radio v-model="formObj.isBuld" label="2">否</el-radio>
              <el-button
                @click="addProblem('isBuld')"
                type="text"
                v-if="formObj.isBuld =='2'">
                <i class="el-icon-circle-plus add-problem-icon"></i>
              </el-button>
            </el-form-item>
            <el-form-item label="是否验收" v-if="formObj.isConTask=='1'">
              <el-radio v-model="formObj.isChk" label="1">是</el-radio>
              <el-radio v-model="formObj.isChk" label="2">否</el-radio>
              <el-button
                @click="addProblem('isChk')"
                type="text"
                v-if="formObj.isChk =='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.isPubWtrt" label="1">是</el-radio>
              <el-radio v-model="formObj.isPubWtrt" label="2">否</el-radio>
              <el-button
                @click="addProblem('isPubWtrt')"
                type="text"
                v-if="formObj.isPubWtrt =='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.isWaMeInst" label="1">是</el-radio>
              <el-radio v-model="formObj.isWaMeInst" label="2">否</el-radio>
            </el-form-item>
            <el-form-item label="水费收取方式">
              <el-radio v-model="formObj.WaChgWay" label="0">计量收费</el-radio>
              <el-radio v-model="formObj.WaChgWay" label="1">按人头收费</el-radio>
            </el-form-item>
            <el-form-item label="金额" v-if="formObj.WaChgWay">
              <el-input placeholder="请输入内容" v-model="formObj.waterBill" style="width: 200px;">
                <template slot="append">
                  <span v-if="formObj.WaChgWay=='0'">元/吨</span>
                  <span v-if="formObj.WaChgWay=='1'">元/人·年</span>
                </template>
              </el-input>
            </el-form-item>
            <el-form-item label="是否落实农村牧区水安全工程运行管理“三项制度”、“三个责任">
              <el-radio v-model="formObj.isImpSys" label="1">是</el-radio>
              <el-radio v-model="formObj.isImpSys" label="2">否</el-radio>
              <el-button
                @click="addProblem('isImpSys')"
                type="text"
                v-if="formObj.isImpSys =='2'">
                <i class="el-icon-circle-plus add-problem-icon"></i>
              </el-button>
            </el-form-item>
<!--            <p style="padding-bottom: 20px;text-indent: 10px;">2020年农村牧区饮水工程维修养护资金管理最新使用进展情况</p>-->
<!--            <el-form-item label="年度下达资金(万元)">-->
<!--              <el-input type="text" v-model="formObj.yearCost" class="w200" clearable placeholder="请输入"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="完成投资(万元)">-->
<!--              <el-input type="text" v-model="formObj.invest" class="w200" clearable placeholder="请输入"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="工程处数(个)">-->
<!--              <el-input type="text" v-model="formObj.prjSize" class="w200" clearable placeholder="请输入"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="工程受益人数(人)">-->
<!--              <el-input type="text" v-model="formObj.pesSize" class="w200" clearable placeholder="请输入"></el-input>-->
<!--            </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-list
          v-if="showProblemList"
          :showProblemList='showProblemList'
          :currentObjectId="currentObjectId"
          :currentObjectName="rowData.adName"
          :problemMiddleType="'2020人饮'"
          :problData="probId"
          :openType="openType"
          @dialogFormVisible="getdialogFormVisible"
          :currentObjectRgstrId="currentObjectRgstrId"
          :rowData="rowData"
          :gsgcRowData="gsgcRowData"
          :oriFatherName="oriFatherName"
          :villageNm="villageNm"
          :formObj="formObj"
        ></problem-list>
      </el-container>
    </el-dialog>
    <theRecentAppearance v-if="xcztShow" @jqmmDialogClose="jqmmDialog" :jqmmShow="xcztShow" :openType="openType"
                         :jqmmEngId="gsgcRowData.id" :dialogTitle="gsgcRowData.prjNm + '近期面貌'"
                         style="z-index: 9999;"></theRecentAppearance>
    <!--影像弹窗-->
    <el-dialog :title="gsgcRowData.prjNm + '影像'" :visible.sync="imageShow" append-to-body :close-on-click-modal="false"
               width="60%">
      <div style="height: 60vh;">
        <mapLocation ref="mapRef" v-if="imageShow" :gdX="formObj.centerX" :gdY="formObj.centerX"></mapLocation>
      </div>
    </el-dialog>
  </div>
</template>

<script>
  import theRecentAppearance from '../../duChaDuiXiang/theRecentAppearance'
  import mapLocation from '../mapLocation'
  import inputWith from "@widget/inuptWith.vue"
  import problemList from '../../addProlemMidForm/ncysaqProblemList'
  import request from "@util/gw_ajax_request.js"

  export default {
    components: {
      inputWith: inputWith,
      problemList,
      theRecentAppearance,
      mapLocation
    },
    props: ['rowData', 'currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'gsgcRowData', 'oriFatherName', 'villageNm','openType'],

    data() {
      return {
        objtbStatu: {
          presStat: "",
          rgstrId: "",
        },
        rules: {
          // wiunWaoLegPersTel: [
          //     {validator: checkTel, trigger: 'blur'}
          // ],
          // techPersTel: [
          //     {validator: checkTel, trigger: 'blur'}
          // ],
          // patrolPersTel: [
          //     {validator: checkTel, trigger: 'blur'}
          // ],
        },
        formObj: {
            isDrawPlan:"",
            isExApp:"",
            isIssue:"",
            planCost:"",
            prjNm:"",
            prjType:"",
            adName:"",
            dFullName:"",
            addr:"",
            isEarlyWk:"",
            isConTask:"",
            buldTm:"",
            buldCost:"",
            // buldPcity:"",
            buldPrsSize:"",
            // buldPprsSize:"",
            isBuld:"",
            isChk:"",
            isPubWtrt:"",
            isWaMeInst:"",
            WaChgWay:"",
            waterBill:"",
            isImpSys:"",
            // yearCost:"",
            // invest:"",
            // prjSize:"",
            // pesSize:"",
            centerX:"",
            centerY:"",
            visitDate:"",
            recPers:"",
            status: 0
        },
        dialogFormVisible: true,
        formLabelWidth: '300px',
        loading: true,
        operationType1: '',
        rsvrRules: null,
        probId: '',
        showProblemList: false,
        xcztShow: false,
        imageShow: false,
      }
    },
    computed: {
      recPersId() {
        return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
      }
    },
    created() {
      this.findItemByType()
    },
    mounted() {
      this.getRgstridObj();
      this.rowData.cwsCode = this.gsgcRowData.id;
    },
    watch: {},
    methods: {
      //  近期面貌
      recentAppearance() {
          this.xcztShow = true;
      },
      jqmmDialog() {
          this.xcztShow = false;
      },
      //影像
      imageClick() {
          if (!this.formObj.centerX && !this.formObj.centerX) {
              this.$message.warning('暂无经纬度信息！');
              return false;
          }
          this.imageShow = true;
      },
      getRgstridObj() {
        var _self = this;
        request.get(`/bis/insp/villqh/fee/${this.gsgcRowData.id}`)
          .then((res) => {
            if (res.data) {
              _self.formObj = res.data;
            }
          });
      },
      addHandler() {
        var _self = this;
        _self.formObj['rgstrId'] = _self.rowData.rgstrId;
        _self.formObj['recPersId'] = _self.recPersId;
        this.$confirm('确认保存供水工程信息？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        })
          .then(() => {
              try {
                request.post('/bis/insp/villqh/fee', _self.formObj).then((res) => {
                  if (res.success) {
                    _self.$message.success("添加成功");
                    this.$emit("closeDialog", "success");
                  }
                });
              } catch (e) {

              }
          })
          .catch(() => {

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

  }

</script>

<style>
  .input50 {
    width: 100px;
  }

  .w200 {
    width: 300px;
  }

  .input300 {
    width: 300px;
  }

  #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>