fj-dc-ui/.svn/pristine/33/334bf32c4aa4a4732711e8bb0ddbd00eec163fdd.svn-base

<template>
    <div style="height:100%;width:100%;">
        <!-- <h3 style="text-align: center;margin: 10px 0 20px;">{{title}}</h3> -->
        <el-container style="height:100%;width:100%;">
          <el-aside width="25%" :height="asideHeight">
              <div :style="{'height': asideHeight + 'px','overflow': 'auto'}" class="left_tree">
                  <el-card class="box-card">
                    <div slot="header" class="clearfix">
                        <span>工程信息</span>
                    </div>
                    <el-row>
                      <el-input
                        clearable
                        placeholder="输入关键字进行过滤"
                        v-model="filterText">
                      </el-input>
                    </el-row>
                    <el-tree
                      class="filter_tree"
                      :data="treeDataLists"
                      :props="defaultProps"
                      :filter-node-method="filterNode"
                      node-key="id"
                      :expand-on-click-node="false"
                      @node-click = 'treeNodeClickHandler'
                      ref="tree2">
                    </el-tree>
                  </el-card>
              </div>
          </el-aside>
          <el-main id="dxdcListMainsk" style="width: 75%;padding:0px 10px;">
              <div class="flex_wrapper">
                  <!-- 工程问题清单 -->
                <project-problem villType="11" :currentRow="currentRow" :unitProblemInfo="unitProblemInfo" ref="ydb"></project-problem>
              </div>
          </el-main>
        </el-container>
    </div>
</template>

<script>
import request from "../../../utils/gw_ajax_request.js";
import { dateFormat } from "../../../utils/gw_date.js";
import projectProblem from "../shuiTuBaoChi/projectProblemYuDiBa.vue";
import {deleteDcdxByObjid} from "../../../api/duChaTianBao.js";

export default {
  components: {
    projectProblem: projectProblem
  },
  props: [],

  data() {
    return {
      asideHeight: window.innerHeight - 156,
      tableHeight: window.innerHeight - 256,
      treeDataLists: [],
      defaultProps: {
        children: 'children',
        label: 'name'
      },
      // defaultExpanded:[],//树默认展开节点数组
      searchObj:{
        "engScal": '2'
      },
      project: {
        nm: "",
        ptype: "",
        stwktm: "",
        plantm: "",
        estapp: ""
      },
      currentRow: {},
      pageIndex: 1,
      pageSize: 20,
      total: 0,
      dialogType: "添加",
      correct_Dialog: false,
      showProblemDialog: false,
      title: '淤地坝情况检查填报',
      showGongChengTianBaoPl: false,
      waterShedList: [],
      unitList: [],
      biaoduan:{
          nm: '',
          adCode: '',
          orgId: '',
          lgtd: '',
          lttd: ''
      },
      unit:{
          nm: '',
          nature: '',
          government: ''
      },
      natureList: [
          {name: '项目法人(建设单位)',value: '1'},
          {name: '勘察设计单位',value: '2'},
          {name: '监理单位',value: '3'},
          {name: '施工单位',value: '4'},
          {name: '金属结构及机电设备安装单位',value: '5'},
          {name: '安全监测单位',value: '6'},
          {name: '质量检测单位',value: '7'}
      ],
      modeList: [
          {name: '直管',value: '1'},
          {name: '代建',value: '2'}
      ],
      biaoduan_Dialog: false,
      unit_Dialog: false,
      isClicked: true,
      showProblemDialog: false,
      unitProblemInfo: {
        nature: '1'
      },
      jqmmShow: false,
      imageShow: false,
      jqmmEngId: '',
      slgcjsName: '',
      centerX: 0,
      centerY: 0,
      filterText: '',
      provList: [],
      cityList: [],
      countryList: [],
      provName: '',
      cityName: '',
      countryName: '',
      provNames: '',
      cityNames: '',
      countryNames: '',
      curSelectItem: 0,
      showLocSelect: false,
      objId:'',
      rules1: {
        sdName: [
          {
            required: true,
            message: "工程名称不能为空",
            trigger: "blur"
          },
          {
            min: 1,
            max: 100,
            message: "不超过100字符",
            trigger: "blur"
          }
        ],
        sdType: [
          {
            min: 1,
            max: 100,
            message: "不超过100字符",
            trigger: "blur"
          }
        ],
        sdLoc: [
          {
            min: 1,
            max: 512,
            message: "不超过512字符",
            trigger: "blur"
          }
        ],
        sdTypeStr: [
          {
            min: 1,
            max: 100,
            message: "不超过100字符",
            trigger: "blur"
          }
        ],
        totCap: [
          {pattern:/^\d{1,7}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前7后2位'}
        ],
        flcoCap: [
          {pattern:/^\d{1,7}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前7后2位'}
        ],
        sdrCap: [
          {pattern:/^\d{1,7}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前7后2位'}
        ],
        warpCap: [
          {pattern:/^\d{1,7}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前7后2位'}
        ],
        conArea: [
          {pattern:/^\d{1,7}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前7后2位'}
        ],
        flcoYear: [
          {
            min: 1,
            max: 100,
            message: "不超过100字符",
            trigger: "blur"
          }
        ],
        damSizeHig: [
          {pattern:/^\d{1,4}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前4后2位'}
        ],
        damTopLen: [
          {pattern:/^\d{1,5}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前5后2位'}
        ],
        centerX: [
          {pattern:/^\d{1,9}(\.\d{1,8})?$/, message: '必须为数字且不超小数点前9后8位'}
        ],
        centerY: [
          {pattern:/^\d{1,8}(\.\d{1,8})?$/, message: '必须为数字且不超小数点前8后8位'}
        ],
      },
      supervision: [
        {
          value: "1",
          label: "是"
        },
        {
          value: "0",
          label: "否"
        }
      ],
    };
  },
  computed: {
    persId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    }
  },
  mounted() {
      this.getAreaList();
      this.getTreeData();
  },
  methods: {
    filterNode(value, data) {
      if (!value) return true;
      return data.pnm.indexOf(value) !== -1;
    },
    //获取左侧树数据
    getTreeData:function(){
      let _self = this;
      request.get(`/bis/insp/BisInspConfigOrgAd/getAdByPersId/${this.persId}/11`).then((res)=>{
        _self.treeDataLists = res.data;
      });
    },
    //树节点点击事件
    treeNodeClickHandler:function(data,node,tree){
      this.currentRow = data;
    },
    // 工程信息纠错
    toCorrect(row,node) {
      this.currentRow = row;
      this.objId = row.objId;
      request.get(`/att/sd/base/crrct/${row.code}/${this.persId}`).then(res => {
        if (res.success) {
          this.project = res.data;
          this.slgcjsName = this.project.sdName;
          this.jqmmEngId = this.currentRow.id;
          this.centerX = this.project.centerX;
          this.centerY = this.project.centerY;
        }
      });
      this.correct_Dialog = true;

    },
    saveCorrect() {
      this.$refs.projectFrom.validate(valid => {
        if (valid) {
          // if(this.project.centerY && this.project.centerX){
          //   if(this.project.centerY < 4 || this.project.centerY > 54){
          //     this.$message.error('纬度的整数范围应在4-54之间，请重新填写！');
          //     this.project.centerY = '';
          //     return;
          //   }
          //   if(this.project.centerX < 74 || this.project.centerX > 136){
          //     this.$message.error('经度的整数范围应在74-136之间，请重新填写！');
          //     this.project.centerX = '';
          //     return;
          //   }
          // }
          this.project.persId = this.persId;
          this.project.objId = this.objId;
          delete this.project.adFullName;
          request.post(`/att/sd/base/crrct`, this.project).then(res => {
            if (res.success) {
              this.$message.success("修改成功");
              this.correct_Dialog = false;
              this.showLocSelect = false;
              // this.getDataList();
            } else {
              this.$message.error(res.message);
            }
          })
            .catch(error => {
              this.$message.error(res.message);
            });
        }
      });

    },
    addRegister(){
      let paramObj = {
        "code": this.currentRow.code,
        "objId": this.currentRow.objId,
        "nodeId": this.currentRow.nodeId,
        "recPersId": this.persId,
        "id": this.currentRow.id
      }
      request.post(`/bis/insp/key/register/add`, paramObj).then(res => {
          if (res.success && res.data) {
            this.currentRow.id = res.data.id
          } else {
            this.$message.error(res.message);
          }
        })
        .catch(error => {
          this.$message.error(res.message);
        });
    },
    formatDate(row, column) {
      if (row.uptm) {
        return dateFormat(row.uptm, "yyyy-MM-dd");
      }
    },
    pageIndexChange(val) {
      this.pageIndex = val;
      this.getDataList();
    },
    handleSizeChange(val) {
      this.pageSize = val;
      this.getDataList();
    },
    batchImport(){
      this.showGongChengTianBaoPl = true
    },
    closePlDialog(){
      this.showGongChengTianBaoPl = false
    },
    // 获取省份列表
    getprovList(adCode){
      request.get('/dc/ad/base/getAdData',{params:{'adCode': adCode}}).then(res=>{
        if(res.success){
          this.provList = res.data
        }else{
          this.$message.info(res.message)
        }
      })
    },
    //  近期面貌
    recentAppearance(){
      this.jqmmShow = true;
      // this.jqmmShow += 1;

    },
    jqmmDialog(){
      this.jqmmShow = false;
    },
    //  影像
    imageClick(){
      if(!this.centerX && !this.centerY){
        this.$message.warning('暂无经纬度信息！');
        return false;
      }
      this.imageShow = true;

    },
    provChange(val){
      this.curSelectItem = 1
      this.cityName = ''
      this.countryName = ''
      // this.formObj.admDiv = val
      this.provList.forEach(ele=>{
        if(ele.adCode == this.provName){
          this.provNames = ele.adName
        }
      })
      // this.formObj.location = this.provNames
      this.getAreaList(val)
    },
    cityChange(val){
      this.curSelectItem = 2
      if(val && val != ''){
        // this.formObj.admDiv = val
        this.countryName = ''
        this.cityList.forEach(ele=>{
          if(ele.adCode == this.cityName){
            this.cityNames = ele.adName
          }
        })
        // this.formObj.location = this.provNames + this.cityNames
        this.getAreaList(val)
      }
    },
    countryChange(val){
      if(val && val != ''){
        // this.formObj.admDiv = val
        this.countryList.forEach(ele=>{
          if(ele.adCode == this.countryName){
            this.countryNames = ele.adName
          }
        })
        // this.formObj.location = this.provNames + this.cityNames + this.countryNames
        this.getAreaList(val)
      }
    },
    getAreaList(val){
      let adCode = ''
      if(!val){
        adCode = '000000000000'
      }else{
        adCode = val
      }
      this.project.adCode = adCode;
      request.get('/dc/ad/base/getAdData',{params:{'adCode':adCode}}).then(res=>{
        if(res.success){
          if(this.curSelectItem == 1){
            this.cityList = res.data
          }else if(this.curSelectItem == 2){
            this.countryList = res.data
          }else{
            this.provList = res.data
          }
          console.log(this.provList);

          request.post(`/att/bas/base/list`,{}).then(res =>{
            if(res.success){
              this.gcType = res.data;
            }
          })

        }
      })
    },
    delete_biaoDuan(row,node){
      this.$confirm('确认删除当前工程吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        deleteDcdxByObjid(row.objId,11).then(
          res => {
            if(res.success){
              this.$message({
                type: 'success',
                message: '删除成功!'
              });
              const parent = node.parent;
              const children = parent.data.children || parent.data;
              const index = children.findIndex(d => d.id === row.id);
              children.splice(index, 1);
            };
          }
        );
      }).catch(() => {
      });
    }
  },
  watch:{
    filterText(val) {
      this.$refs.tree2.filter(val);
    },
    showLocSelect(val){
      if(!val){
        this.provName = ''
        this.cityName = ''
        this.countryName = ''
      }
    }
  },
  filters: {
    pType(val) {
      if (val != "0" && !val) {
        return "";
      }
      if (val == "0") {
        return "重大农业节水工程";
      } else if (val == "1") {
        return "重大引调水工程";
      } else if (val == "2") {
        return "重点水源工程";
      } else if (val == "3") {
        return "江河湖泊治理骨干工程";
      } else if (val == "4") {
        return "新建大型灌区工程";
      } else if (val == "5") {
        return "非水利部下达投资计划";
      } else if (val == "6") {
        return "全部由地方投资";
      } else if (val == "7") {
        return "其他项目";
      } else {
        return "未知项目";
      }
    },
    nature(val) {
      if (val != "0" && !val) {
        return "";
      }
      if (val == "1") {
        return "项目法人(建设单位)";
      } else if (val == "2") {
        return "勘察设计单位";
      } else if (val == "3") {
        return "监理单位";
      } else if (val == "4") {
        return "施工单位";
      } else if (val == "5") {
        return "金属结构及机电设备安装单位";
      } else if (val == "6") {
        return "安全监测单位";
      } else if (val == "7") {
        return "质量检测单位";
      } else {
        return "其它";
      }
    },
    government(val) {
      if (val != "0" && !val) {
        return "";
      }
      if (val == "1") {
        return "直管";
      } else if (val == "2") {
        return "代建";
      }
    },
    sdType(val){
       switch(val){
         case '1':
           return '中型坝'
         case '2':
           return '骨干坝'
       }
    }
  }
};
</script>

<style lang="scss">
#dcdxHeader {
  padding: 15px 20px;
}
#dxdcFooter {
  text-align: center;
}
#dxdcAside {
  border: 1px solid #d5d5ff;
}
.el-table .warning-row {
  background: oldlace;
}
.el-table .success-row {
  background: #f0f9eb;
}
.left_tree .custom-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
}
/*.fec_form .el-input,.fec_form textarea.el-textarea__inner {*/
  /*width: 30vw;*/
/*}*/
.form  {
  height: 50vh;
  overflow: auto;
}
</style>