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

<template>
  <div>
    <el-dialog :title="gsgcRowData.projectNm" :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>
          <el-form :model="formObj" :label-width="formLabelWidth" :rules="rules">
            <el-form-item label="所在地">
              <el-input type="text" v-model="formObj.location" class="w200" clearable placeholder="请输入所在地"></el-input>
            </el-form-item>
            <el-form-item label="经度">
              <el-input type="text" v-model="formObj.lgtdpc" class="w200" clearable placeholder="请输入经度"></el-input>
            </el-form-item>
            <el-form-item label="纬度">
              <el-input type="text" v-model="formObj.lttdpc" class="w200" clearable placeholder="请输入纬度"></el-input>
            </el-form-item>
            <el-form-item label="工程类型">
              <el-select v-model="formObj.projectType" class="w200" clearable placeholder="请选择">
                <el-option label="万人工程" value="1"></el-option>
                <el-option label="千人工程" value="2"></el-option>
                <el-option label="千人以下集中供水工程" value="3"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="村组">
              <el-input type="text" v-model="formObj.villageNm" class="w200" clearable placeholder="请输入村组"></el-input>
            </el-form-item>
            <el-form-item label="工程是否正常运行">
              <el-radio v-model="formObj.isProNormal" label="1">是</el-radio>
              <el-radio v-model="formObj.isProNormal" label="2">否</el-radio>
              <el-button
                @click="addProblem('isProNormal')"
                type="text"
                v-if="formObj.isProNormal =='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.isFeeMake" label="1">是</el-radio>
              <el-radio v-model="formObj.isFeeMake" label="2">否</el-radio>
              <el-button
                @click="addProblem('isFeeMake')"
                type="text"
                v-if="formObj.isFeeMake =='2'">
                <i class="el-icon-circle-plus add-problem-icon"></i>
              </el-button>
            </el-form-item>
            <el-form-item label="定价依据：" v-if="formObj.isFeeMake == '1'">
              <el-radio v-model="formObj.feeRely" label="1">政府文件定价</el-radio>
              <el-radio v-model="formObj.feeRely" label="2">自主定价</el-radio>
              <el-radio v-model="formObj.feeRely" label="3">物价部门核定工程水价批复</el-radio>
            </el-form-item>
            <el-form-item label="水价类型" v-if="formObj.isFeeMake == '1'">
              <el-radio v-model="formObj.feeType" label="1">单一制水价</el-radio>
              <el-radio v-model="formObj.feeType" label="2">两部制水价</el-radio>
              <el-radio v-model="formObj.feeType" label="3">阶梯水价</el-radio>
              <el-radio v-model="formObj.feeType" label="4">固定水价</el-radio>
            </el-form-item>
            <el-form-item label="水价" v-if="formObj.isFeeMake == '1'">
              <div v-if="formObj.feeType == '1'">
                <el-input type="text" v-model="formObj.jiliangPrice" class="input50"></el-input>
                <span>元/立方米</span>
              </div>
              <div v-if="formObj.feeType == '2'">
                <span>固定水价</span>
                <el-input type="text" v-model="formObj.gudingPriceTwo" class="input50"></el-input>
                <span>元/立方米，限额</span><input type="text" v-model="formObj.xianEPrice" class="input50"><br/>
                <span>计量水价</span>
                <el-input type="text" class="input50" v-model="formObj.jiliangPriceTwo"></el-input>
                <span>元/立方米</span>
              </div>
              <div v-if="formObj.feeType == '3'">
                <span>第一阶梯</span>
                <el-input type="text" v-model="formObj.jietiPriceOne" class="input50"></el-input>
                <span>元/立方米，限额</span><input type="text" v-model="formObj.jietiXianeOne" class="input50"><br/>
                <span>第二阶梯</span>
                <el-input type="text" v-model="formObj.jietiPriceTwo" class="input50"></el-input>
                <span>元/立方米，限额</span><input type="text" v-model="formObj.jietiXianeTwo" class="input50"><br/>
                <span>第三阶梯</span>
                <el-input type="text" v-model="formObj.jietiPriceThree" class="input50"></el-input>
                <span>元/立方米，限额</span><input type="text" v-model="formObj.jietiXianeThree" class="input50"><br/>
              </div>
              <div v-if="formObj.feeType == '4'">
                <el-input type="text" v-model="formObj.gudingPrice" class="w200" style="width: 240px!important;">
                  <el-select v-model="formObj.gudingPriceDw" slot="append" placeholder="请选择" style="width: 120px;">
                    <el-option label="元/月·户" value="1"></el-option>
                    <el-option label="元/人·月" value="2"></el-option>
                    <el-option label="吨/元" value="3"></el-option>
                  </el-select>
                </el-input>
              </div>

            </el-form-item>


            <el-form-item label="是否收取水费" v-if="formObj.isFeeMake == '2'">
              <el-radio v-model="formObj.isCalFee" label="1">是</el-radio>
              <el-radio v-model="formObj.isCalFee" label="2">否</el-radio>
            </el-form-item>
            <el-form-item label="水费加补助是否覆盖运行成本" v-if="formObj.isCalFee == '1'">
              <el-radio v-model="formObj.isOverBaseFee" label="1">是</el-radio>
              <el-radio v-model="formObj.isOverBaseFee" label="2">否</el-radio>
              <el-button
                @click="addProblem('isOverBaseFee')"
                type="text"
                v-if="formObj.isOverBaseFee =='2'">
                <i class="el-icon-circle-plus add-problem-icon"></i>
              </el-button>
            </el-form-item>
            <el-form-item label="水费收缴率(%)" v-if="formObj.isCalFee == '1'">
              <el-input type="text" v-model="formObj.payFeeProcent" class="input50"></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.isOwnCleanTool" label="1">是</el-radio>
              <el-radio v-model="formObj.isOwnCleanTool" label="2">否</el-radio>
              <el-button
                @click="addProblem('isOwnCleanTool')"
                type="text"
                v-if="formObj.isOwnCleanTool == '2'">
                <i class="el-icon-circle-plus add-problem-icon"></i>
              </el-button>
            </el-form-item>
            <el-form-item label="是否正常运行" v-if="formObj.isOwnCleanTool == '1'">
              <el-radio v-model="formObj.cleanToolNormal" label="1">是</el-radio>
              <el-radio v-model="formObj.cleanToolNormal" label="2">否</el-radio>
              <el-button
                @click="addProblem('cleanToolNormal')"
                type="text"
                v-if="formObj.cleanToolNormal == '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.isOwnDisinfTool" label="1">是</el-radio>
              <el-radio v-model="formObj.isOwnDisinfTool" label="2">否</el-radio>
              <el-button
                @click="addProblem('isOwnDisinfTool')"
                type="text"
                v-if="formObj.isOwnDisinfTool == '2'">
                <i class="el-icon-circle-plus add-problem-icon"></i>
              </el-button>
            </el-form-item>
            <el-form-item label="是否正常运行" v-if="formObj.isOwnDisinfTool == '1'">
              <el-radio v-model="formObj.isOwnDisinfNormal" label="1">是</el-radio>
              <el-radio v-model="formObj.isOwnDisinfNormal" label="2">否</el-radio>
              <el-button
                @click="addProblem('isOwnDisinfNormal')"
                type="text"
                v-if="formObj.isOwnDisinfNormal == '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.waterQuaHaveNote" label="1">是</el-radio>
              <el-radio v-model="formObj.waterQuaHaveNote" label="2">否</el-radio>
              <el-button
                @click="addProblem('waterQuaHaveNote')"
                type="text"
                v-if="formObj.waterQuaHaveNote =='2'">
                <i class="el-icon-circle-plus add-problem-icon"></i>
              </el-button>
            </el-form-item>
            <el-form-item label="是否合格" v-if="formObj.waterQuaHaveNote == '1'">
              <el-radio v-model="formObj.waterQuaIsHege" label="1">是</el-radio>
              <el-radio v-model="formObj.waterQuaIsHege" label="2">否</el-radio>
              <el-button
                @click="addProblem('waterQuaIsHege')"
                type="text"
                v-if="formObj.waterQuaIsHege == '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-input type="text" v-model="formObj.telephone" clearable placeholder="请输入服务电话"
                        class="input300"></el-input>
            </el-form-item>
            <el-form-item label="">
              <el-button type="primary" @click="addHandler">保 存</el-button>
            </el-form-item>
          </el-form>
        </el-main>
        <problem-list
          v-if="showProblemList"
          :showProblemList='showProblemList'
          :currentObjectId="currentObjectId"
          :currentObjectName="currentObjectName"
          :problemMiddleType="'2020人饮'"
          :problData="probId"
          @dialogFormVisible="getdialogFormVisible"
          :currentObjectRgstrId="currentObjectRgstrId"
          :rowData="rowData"
          :gsgcRowData="gsgcRowData"
          :oriFatherName="oriFatherName"
          :villageNm="villageNm"
          :formObj="formObj"
        ></problem-list>
      </el-container>
    </el-dialog>
  </div>
</template>

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

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

    data() {
      return {
        objtbStatu: {
          presStat: "",
          rgstrId: "",
        },
        rules: {
          // wiunWaoLegPersTel: [
          //     {validator: checkTel, trigger: 'blur'}
          // ],
          // techPersTel: [
          //     {validator: checkTel, trigger: 'blur'}
          // ],
          // patrolPersTel: [
          //     {validator: checkTel, trigger: 'blur'}
          // ],
        },
        formObj: {
          lgtd: "",//高德经度 ,
          lgtdpc: "",//pc经度 ,
          location: "",//所在地 ,
          lttd: "",//高德纬度 ,
          lttdpc: "",//pc纬度 ,
          overPeople: "",//覆盖人口 ,
          payFeeProcent: "",//水费缴费率 ,
          persId: "",//记录人员ID ,
          projectNm: "",//工程名称 ,
          projectType: "",//工程类型 ,
          recPers2: "",//暗访人名称 ,: "",//人饮督查登记表id ,
          telephone: "",//服务电话 ,
          updateTime: "",//修改时间 ,
          villageNm: "",//村组，所在地 ,
          visitDate: "",//暗访日期 ,
          waterQuaHaveNote: "",//水质检测有无报告 ,
          waterQuaIsHege: "",//水质检测是否合格 ,
          waterQuaNohgNote: "",//水质检测不合格备注 ,
          feeRely: "",//水费定价依据，1政府文件定价，2自主定价，3物价部门核定 ,
          feeType: "",//水价类型，1单一水价，2两步制水价，3阶梯水价，4固定水价 ,
          finishTime: "",//建成时间 ,
          gudingPrice: "",//固定水价，以及两步制水价固定水价部分 ,
          gudingPriceDw: "",//1为月元。户/2为月人。户 ,
          gudingPriceTwo: "",//两步制水价价格,固定水价存放 ,
          id: "",//供水工程id ,
          isCalFee: "",//是否收取水费 ,
          isFeeMake: "",//水费是否定价，1是，2否 ,
          isFoOver: "",//是否氟超标县，1是，2否 ,
          isGudingFee: "",//固定水价，feeType类型为4，值为1 ,
          isGudingFeeNote: "",//固定水价信息 ,
          isGudingNote: "",//固定水价信息 ,
          isGudingType: "",//固定水价类型 ,
          isJiliangFee: "",//计量水价 ,
          isJiliangFeeNote: "",//计量水价信息 ,
          isJiliangFeeType: "",//计量水价类型，feeType类型1-3为1 ,
          isJiliangNote: "",//计量水价信息 ,
          isJiliangType: "",//计量水价类型 ,
          isOverBaseFee: "",//水费加补助是否覆盖成本 ,
          isOwnCleanTool: "",//净化设备是否配备 ,
          isOwnDisinfNormal: "",//消毒设备是否符合政策 ,
          isOwnDisinfTool: "",//消毒设备是否配置 ,
          cleanToolNormal: "", //净化设备是否运行政策 ,
          jietiPriceOne: "",//阶梯水价1 ,
          jietiPriceThree: "",//阶梯水价3 ,
          jietiPriceTwo: "",//阶梯水价2 ,
          jietiXianeOne: "",//阶梯水价，阶梯限额1 ,
          jietiXianeThree: "",//阶梯水价，阶梯限额3 ,
          jietiXianeTwo: "",//阶梯水价，阶梯限额2 ,
          jiliangPrice: "",//单一制水价价格,计量水价存放,水费类型1，4存放 ,
          jiliangPriceTwo: "",//两步制水价价格,计量水价存放 ,
          xianEPrice: "",//存放限制额度（两步制水价限额）
          //    固定水价：gudingPrice，类型gudingPriceDw
          //    两步制水价：固定水价，gudingPriceTwo，限额，xianEPrice，计量jiliangPriceTwo
          //    单一制水价：jiliangPrice
          status: 0,  //填报状态
          isProNormal: "",//工程是否正常运行
        },
        dialogFormVisible: true,
        formLabelWidth: '300px',
        loading: true,
        operationType1: '',
        rsvrRules: null,
        probId: '',
        showProblemList: false
      }
    },
    computed: {
      recPersId() {
        return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
      }
    },
    created() {
      this.findItemByType()
    },
    mounted() {
      this.getRgstridObj();
      this.rowData.cwsCode = this.gsgcRowData.id;
    },
    watch: {},
    methods: {
      getRgstridObj() {
        var _self = this;
        request.get(`/bis/new/country/fee/${this.gsgcRowData.id}`)
          .then((res) => {
            if (res.data && Object.keys(res.data).length) {
              _self.formObj = res.data;
              _self.operationType1 = 'update';
            } else {
              _self.formObj = {};
              _self.operationType1 = 'add';
            }
          });
      },
      addHandler() {
        var _self = this;
        _self.formObj['rgstrId'] = _self.currentObjectRgstrId;
        _self.formObj['recPersId'] = _self.recPersId;
        // 更改填报状态  to-do: 需要确认填报状态的字段是什么
        // if (
        //     this.formObj.location ||
        //     this.formObj.lgtdpc ||
        //     this.formObj.lttdpc ||
        //     this.formObj.projectType ||
        //     this.formObj.villageNm ||
        //     this.formObj.isFeeMake ||
        //     this.formObj.isOwnCleanTool ||
        //     this.formObj.isOwnDisinfTool ||
        //     this.formObj.waterQuaHaveNote ||
        //     this.formObj.telephone ||
        //     this.formObj.isProNormal
        // ) {
        //     this.formObj.status = "1";
        // }
        // if (
        //     this.formObj.location &&
        //     this.formObj.lgtdpc &&
        //     this.formObj.lttdpc &&
        //     this.formObj.projectType &&
        //     this.formObj.villageNm &&
        //     this.formObj.isFeeMake &&
        //     this.formObj.isOwnCleanTool &&
        //     this.formObj.isOwnDisinfTool &&
        //     this.formObj.waterQuaHaveNote &&
        //     this.formObj.telephone &&
        //     this.formObj.isProNormal
        // ) {
        //     this.formObj.status = "2";
        // }
        // if (
        //     this.formObj.location == undefined &&
        //     this.formObj.lgtdpc == undefined &&
        //     this.formObj.lttdpc == undefined &&
        //     this.formObj.projectType == undefined &&
        //     this.formObj.villageNm == undefined &&
        //     this.formObj.isFeeMake == undefined &&
        //     this.formObj.isOwnCleanTool == undefined &&
        //     this.formObj.isOwnDisinfTool == undefined &&
        //     this.formObj.waterQuaHaveNote == undefined &&
        //     this.formObj.telephone == undefined &&
        //     this.formObj.isProNormal == undefined
        // ) {
        //     this.formObj.status = "0";
        // }
        this.$confirm('确认保存水费收缴及水质保障情况信息？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        })
          .then(() => {
            if (_self.operationType1 == 'add') {
              try {
                request.post('/bis/new/country/fee', _self.formObj).then((res) => {
                  if (res.success) {
                    _self.$message.success("添加成功");
                    this.$emit("closeDialog", "success");
                  }
                });
              } catch (e) {

              }
            } else if (_self.operationType1 == 'update') {
              try {
                request.post('/bis/new/country/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_NEW_COUNTRY_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>