fj-dc-ui/.svn/pristine/fc/fc66da63f40b415d8c42d66050be40f712e64986.svn-base

<template>
  <div style="height:100%;width:100%;">
    <el-container style="height:100%;width:100%;">
      <el-aside
        width="320px"
        style="border-right:2px solid #d5d5ff;float:left"
        :style="{'max-height':testHeight+'px','height':testHeight+'px'}"
      >
        <tb-left-tree
          orgType="026"
          @treeNodeClickHandler="treeNodeClickHandler"
          @organList="getOrganList"
          @changeTabType="changeTabType"
        ></tb-left-tree>
      </el-aside>
      <!-- 主要窗口 -->
      <el-main id="dxdcListMaintdfj" style="padding:5px 20px;">
        <el-row>
          <el-col :span="24">
            <el-form
              :inline="true"
              size="mini"
              class="demo-form-inline"
              style="padding-left: 10px;"
            >
              <el-form-item label="督查状态">
                <el-select v-model="dcType" clearable placeholder="督查状态">
                  <el-option label="未督查" value="0"></el-option>
                  <el-option label="督查中" value="1"></el-option>
                  <el-option label="已督查" value="2"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="行政区名称">
                <addvSearch
                  v-model="adName"
                  :maxHeight="300"
                  :maxWidth="250"
                  :rootAddCode='"000000000000"'
                  :level='"3"'
                  :nameOrCode="'name'"></addvSearch>
              </el-form-item>
              <el-form-item label="项目名称">
                <el-input v-model="name" placeholder="项目名称" clearable></el-input>
              </el-form-item>
              <el-form-item label="所在组">
                <el-autocomplete
                  v-model="groupName"
                  clearable
                  value-key="nm"
                  :fetch-suggestions="querySearchAsync"
                  placeholder="请输入内容"
                  @select="handleSelect"
                ></el-autocomplete>
              </el-form-item>
              <el-form-item label="督查时间">
                <div style="display: flex;">
                  <el-date-picker
                    v-model="dateRange"
                    type="daterange"
                    value-format="yyyy-MM-dd"
                    style="width:100%"
                    range-separator="至"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期"
                  ></el-date-picker>
                </div>
              </el-form-item>
              <el-form-item style="float:right">
                <el-button type="primary" @click="onSubmit" icon="el-icon-search">查询</el-button>
                <el-button type="success" @click="reFresh" icon="el-icon-refresh">刷新</el-button>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>
        <el-table
          ref="table"
          border
          :height="tableHeight"
          :data="tdfjDataList"
          style="width: 100%"
          v-loading="expLoading"
        >
          <el-table-column prop="nm" label="项目名称" min-width="130" align="center" fixed="left"></el-table-column>
          <el-table-column
            prop="province"
            label="省"  v-if="isXj"
            show-overflow-tooltip
            min-width="100"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="city"
            :label="ownAdName"
            show-overflow-tooltip
            min-width="100"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="county"
            label="县"
            v-if="isXj"
            show-overflow-tooltip
            min-width="100"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="groupName"
            label="所在组"
            show-overflow-tooltip
            min-width="150"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="intm"
            label="创建时间"
            show-overflow-tooltip
            min-width="100"
            align="center"
          ></el-table-column>
          <el-table-column prop="uptm" label="修改时间" align="center" min-width="100"></el-table-column>
          <el-table-column prop="state" label="督查状态" align="center" min-width="130">
            <template slot-scope="scope">
              <span
                style="padding: 3px 10px;background:#F56C6C;border-radius:15px;color:rgba(255,255,255,1)"
                v-if="scope.row.state == '0' || !scope.row.state"
              >未督查</span>
              <span
                style="padding: 3px 10px;background:#FBB56D;border-radius:15px;color:rgba(255,255,255,1)"
                v-if="scope.row.state == '1'"
              >督查中</span>
              <span
                style="padding: 3px 10px;background:#63C25E;border-radius:15px;color:rgba(255,255,255,1)"
                v-if="scope.row.state == '2'"
              >已督查</span>
            </template>
          </el-table-column>
          <el-table-column prop="presState" label="水库总体情况" align="center" min-width="130">
            <template slot-scope="scope">
              <p
                style="cursor:pointer;color:#F56C6C;"
                v-if="scope.row.presState == 0 || !scope.row.presState"
              >待填报</p>
              <p style="cursor:pointer;color:#67C23A" v-if="scope.row.presState == 1">未完成</p>
              <p style="cursor:pointer;color:#67C23A" v-if="scope.row.presState == 2">已完成</p>
            </template>
          </el-table-column>
          <el-table-column
            prop="runManageState"
            label="水库防洪调度和汛限水位执行"
            align="center"
            min-width="130"
          >
            <template slot-scope="scope">
              <p
                style="cursor:pointer;color:#F56C6C;"
                v-if="scope.row.runManageState == 0 || !scope.row.runManageState"
              >待填报</p>
              <p style="cursor:pointer;color:#67C23A" v-if="scope.row.runManageState == 1">未完成</p>
              <p style="cursor:pointer;color:#67C23A" v-if="scope.row.runManageState == 2">已完成</p>
            </template>
          </el-table-column>
          <el-table-column prop="projectState" label="存在问题原因分析及整改意见" align="center" min-width="130">
            <template slot-scope="scope">
              <p
                style="cursor:pointer;color:#F56C6C;"
                v-if="scope.row.projectState == 0 || !scope.row.projectState"
              >待填报</p>
              <p style="cursor:pointer;color:#67C23A" v-if="scope.row.projectState == 1">未完成</p>
              <p style="cursor:pointer;color:#67C23A" v-if="scope.row.projectState == 2">已完成</p>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            label="操作"
            min-width="220"
            fixed="right"
            v-if="hasPriv('manage')"
          >
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="success"
                v-if="!scope.row.rgstrId"
                plain
                @click="toAddMember('填报',scope.row)"
              >填报
              </el-button>
              <el-button
                size="mini"
                type="success"
                v-if="scope.row.rgstrId"
                plain
                @click="toAddMember('编辑',scope.row)"
              >编辑
              </el-button>
              <el-button size="mini" type="danger" plain @click="deleteMember(scope.row)">删除</el-button>
              <el-button size="mini" type="danger" plain @click="submitHandler(scope.row)">提交</el-button>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          background
          :pager-count="5"
          :current-page="pageIndex"
          :page-size="pageSize"
          :page-sizes="[10, 20, 30, 40, 50, 100]"
          layout="sizes, total, prev, pager, next"
          :total="total"
          @current-change="pageIndexChange"
          @size-change="handleSizeChange"
        ></el-pagination>
      </el-main>
      <!-- </el-container> -->
      <fangHongTianBao
        v-if="showfangHongTianBao"
        :rowData="rowData"
        :currentObjectRgstrId="currentObjectRgstrId"
        :currentResCode="currentResCode"
        :currentObjectId="currentObjectId"
        :currentObjectName="currentResName"
        @cancelHandler="cancelHandler"
        @addxinRenYinSuccess="addxinRenYinSuccess"
      ></fangHongTianBao>
    </el-container>
    <!-- 添加/编辑人员弹窗 -->
  </div>
</template>

<script>
import request from '@util/gw_ajax_request.js'
import {dateFormat} from '@util/gw_date.js'
import provTreeList from "@widget/provTreeList.vue"
import fangHongTianBao from "./fanghong/fangHongTianBao.vue"
import addvSearch from "@widget/addvSearch.vue"
import tbLeftTree from "./dctb_lefttree.vue"

export default {
  components: {
    provTreeList: provTreeList,
    fangHongTianBao: fangHongTianBao,
    addvSearch,
    tbLeftTree
  },
  props: [],

  data() {
    return {
      tabType: "0",//1当前，2历史，0全部
      dateRange: [],
      lyjg: [],
      engScale: '',
      orgName: '',
      groupName: '',
      groupId: '',
      groups: [],
      // sttm:'',
      // ettm:'',
      adName: '',
      treeData: [],
      dxdcMainHeight: window.innerHeight - 304,
      testHeight: window.innerHeight - 111,
      tdfjDataList: [],
      pageIndex: 1,
      pageSize: 20,
      total: 0,
      tableHeight: 0,
      currentResCode: '',
      currentResName: '',
      currentObjectId: '',
      currentObjectRgstrId: '',
      currentObjectInfoObject: null,
      showfangHongTianBao: false,
      currentAdCode: '',
      currentNodeId: '',
      rsvrName: '',
      dcType: '',
      sjState: '',
      rowData: '',
      disabled: true,
      showfangHongTianBaoPl: false,
      downIcon: 'el-icon-download',
      expLoading: false,
      dataStat: '',
      name: '',
      state: ''
    }
  },
  computed: {
    persId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096"
    },
    isAdmin: function () {
      return localStorage.getItem("isAdmin") ? localStorage.getItem("isAdmin") : ''
    },
    hasPriv() {
      return this.ownPriv
    }
  },
  mounted() {
    this.$nextTick(function () {
      this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 50
      let _self = this
      window.onresize = function () {
        _self.tableHeight = window.innerHeight - _self.$refs.table.$el.offsetTop - 50
      }
    })
    this.getTdfjDataList()
    this.getAllGroup()
  },
  activated() {
  },
  watch: {
    currentNodeId(n, o) {
      this.getTdfjDataList()
    },
    groupName(n, o) {
      if (n == '') {
        this.groupId = ''
      }
    },
  },

  methods: {
    changeTabType(tabType) {
      this.tabType = tabType
      this.currentNodeId = ""
      this.getTdfjDataList()
      this.getAllGroup()
    },
    reFresh() {
      this.currentNodeId = ""
      this.rsvrName = ""
      this.dcType = ""
      this.getTdfjDataList()
    },
    //获取所有的组
    getAllGroup() {
      var _self = this
      request.get('/dc/user/getGroupByPersid', {
        params: {
          'persid': this.persId,
          'ptype': '026',
          'tabType': this.tabType
        }
      }).then((res) => {
        if (res.success) {
          _self.groups = res.data
        }
      })
    },
    querySearchAsync(queryString, cb) {
      var restaurants = this.groups
      var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants

      clearTimeout(this.timeout)
      this.timeout = setTimeout(() => {
        cb(results)
      }, 1500 * Math.random())
    },
    createStateFilter(queryString) {
      return (state) => {
        return (state.nm.toLowerCase().indexOf(queryString.toLowerCase()) != -1)
      }
    },
    handleSelect(item) {
      console.log(item)
      this.groupId = item.id
    },
    getOrganList(data) {
      this.lyjg = data
    },
    treeNodeClickHandler(data) {
      this.currentNodeId = data.id
    },
    provTreeSelectChangeHandler: function (params) {
      this.currentAdCode = params.likeCode
      this.getTdfjDataList()
    },
    formatDate(row, column) {
      if (row.uptm) {
        return (dateFormat(row.uptm, 'yyyy-MM-dd'))
      }
    },
    getTdfjDataList: function () {
      this.expLoading = true
      let paramStartDate = ''
      let paramEndDate = ''
      if (this.dateRange && this.dateRange.length > 1 && this.dateRange[0] != '' && this.dateRange[1] != '') {
        paramStartDate = this.dateRange[0]
        paramEndDate = this.dateRange[1]
      }
      let params = {
        "sttm": paramStartDate,
        "entm": paramEndDate,
        "pageSize": this.pageSize,
        "pageNum": this.pageIndex,
        "groupId": this.groupId,
        "name": this.name,
        "state": this.dcType,
        "pType": 26,
        "adName": this.adName,
        "presId": this.persId,
        "plnaId": this.currentNodeId,
        "tabType": this.tabType
      }

      request.post(`/bis/insp/rsfco/rgstr/findRsfcoPage`, params).then(res => {
        if (res.success) {
          this.expLoading = false
          if (res.data.list) {
            res.data.list.forEach((item) => {
              if (item.intm && item.uptm) {
                item.intm = item.intm.substr(0, 10)
                item.uptm = item.uptm.substr(0, 10)
              }
            })
          }
          this.tdfjDataList = res.data.list
          this.total = res.data.total

        }
      })
    },
    onSubmit() {
      this.getTdfjDataList()
    },
    toAddMember(type, rowData) {
      var _self = this
      this.rowData = rowData
      console.log(rowData)
      _self.currentObjectId = this.rowData.objId
      _self.currentObjectRgstrId = this.rowData.rgstrId
      _self.currentResName = this.rowData.nm
      _self.currentResCode = this.rowData.code
      _self.showfangHongTianBao = true
    },
    cancelHandler() {
      this.showfangHongTianBao = false
      this.getTdfjDataList()
    },
    addxinRenYinSuccess() {
      this.getTdfjDataList()
    },
    deleteMember(obj) {
      console.log(obj)
      var _self = this
      // /dc/insp/rsvrRgstr/delete/{id}
      this.$confirm('此操作将删除该条相关的所有已填报的信息和问题，确认删除该条数据吗？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {

        request.get(`/supervision/plan/cleanObjDataByObjId?objType=26&objId=${obj.objId}`).then((res) => {
          if (res.success) {
            _self.pageIndexChange()
            _self.$message.success('删除成功')
          } else {
            _self.$message.error(res.message)
          }
        })
      }).catch(() => {

      })

    },
    submitHandler(rowData) {
      console.log(rowData)
      var _self = this
      if (rowData.presState != '2') {
        this.$message.warning('水库总体情况填报未完成')
        return
      }
      if (rowData.runManageState != '2') {
        this.$message.warning('水库防洪调度和汛限水位执行填报未完成')
        return
      }
      if (rowData.projectState != '2') {
        this.$message.warning('存在问题原因分析及整改意见填报未完成')
        return
      }
      this.$confirm('请确认所有信息填报完毕？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        let formObj = {
          "id": rowData.rgstrId,
          "state": "2"
        }
        request.post('/bis/insp/rsfco/rgstr', formObj).then((res) => {
          if (res.success) {
            _self.addxinRenYinSuccess()
            _self.$message.success("提交成功")
          } else {
            _self.cancelHandler()
          }
        })
      }).catch(() => {

      })

    },
    pageIndexChange(val) {
      console.log(val)
      this.pageIndex = val
      this.getTdfjDataList()
    },
    handleSizeChange(val) {
      this.pageSize = val
      this.getTdfjDataList()
    },
    // 下载填报模板
    downloadTemplate() {
      this.downloadTemplateSet()
      this.disabled = false
    },
    downloadTemplateSet() {
      let paramStartDate = ''
      let paramEndDate = ''
      if (this.dateRange && this.dateRange.length > 1 && this.dateRange[0] != '' && this.dateRange[1] != '') {
        paramStartDate = this.dateRange[0]
        paramEndDate = this.dateRange[1]
      }
      let href = `/pdcApi/bis/insp/fsc/pblm/downTemplate?fileName=pblmFsc.xlsx&adName=${this.adName}&name=${this.name}&state=${this.dcType}&entm=${paramEndDate}sttm=${paramStartDate}&presId=${this.persId}&startRow=1`
      const a = document.createElement('a') // 创建a标签
      a.setAttribute('download', '特定飞检填报模板.xls')// download属性
      a.setAttribute('href', href)// href链接
      a.click()// 自执行点击事件
    },
    showPlDialog() {
      this.showfangHongTianBaoPl = true
    },
    closePlDialog(val) {
      this.showfangHongTianBaoPl = false
    },
    uploadSuccess() {
      this.showfangHongTianBaoPl = false
      this.getTdfjDataList()
    }


  },

};
</script>

<style>
.el-table .warning-row {
  background: oldlace;
}

.el-table .success-row {
  background: #f0f9eb;
}

#dxdcListMaintdfj {
  overflow-y: hidden;
}
</style>