fj-dc-ui/.svn/pristine/5e/5ed572feac191aa947ebd029b20eac55cec8b6b0.svn-base

<template>
  <div class="infoReuse" >
    <el-dialog title="督查组详情" :visible.sync="dialogFormVisible" :close-on-click-modal="false" width="80%" :before-close="closeDialog">
      <el-main>
        <el-row :gutter="10" style="height:60vh;">
          <el-col :span="5" style="height: 100%;">
            <el-card style="height: 100%;overflow: auto;">
              <el-tree
                :data="treeData"
                :props="defaultProps"
                :load="getTreeList"
                @node-click="handleNodeClick"
                lazy>
              </el-tree>
            </el-card>
          </el-col>
          <el-col :span="19" style="height: 100%;">
              <div class="container">
                <div>
                  <el-table
                    border
                    ref="Table"
                    height="calc(28vh)"
                    :data="tableData"
                    tooltip-effect="dark"
                    style="width: 100%"
                    @selection-change="handleSelectionChange"
                  >
                    <el-table-column
                      type="selection"
                      min-width="55"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="100"
                      prop="nm"
                      label="名称"
                      show-overflow-tooltip
                    ></el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="140"
                      label="组长"
                      show-overflow-tooltip
                    >
                      <template slot-scope="scope" v-if="scope.row.persAllDtoList">
                        <span v-for="(item,index) in scope.row.persAllDtoList" :key="index">
                          <span v-if="item.persType == '1'">{{item.persName + '  '}}</span>
                        </span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="100"
                      label="组员"
                      show-overflow-tooltip
                    >
                      <template slot-scope="scope" v-if="scope.row.persAllDtoList">
                        <span v-for="(item,index) in scope.row.persAllDtoList" :key="index">
                          <span v-if="item.persType == '2'">{{item.persName + '  '}}</span>
                        </span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="120"
                      label="联络员"
                      show-overflow-tooltip
                    >
                      <template slot-scope="scope" v-if="scope.row.persAllDtoList">
                        <span v-for="(item,index) in scope.row.persAllDtoList" :key="index">
                          <span v-if="item.persType == '3'">{{item.persName + '  '}}</span>
                        </span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="120"
                      prop="persType"
                      label="专家"
                      show-overflow-tooltip
                    >
                      <template slot-scope="scope" v-if="scope.row.persAllDtoList">
                        <span v-for="(item,index) in scope.row.persAllDtoList" :key="index">
                          <span v-if="item.persType == '4'">{{item.persName + '  '}}</span>
                        </span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="100"
                      prop="sttm"
                      label="开始时间"
                      show-overflow-tooltip
                    >
                      <template slot-scope="scope" v-if="scope.row.sttm">
                        <span>{{scope.row.sttm.substr(0,10)}}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="100"
                      prop="entm"
                      label="结束时间"
                      show-overflow-tooltip
                    >
                      <template slot-scope="scope" v-if="scope.row.entm">
                        <span>{{scope.row.entm.substr(0,10)}}</span>
                      </template>
                    </el-table-column>
                  </el-table>
                </div>
                <div>
                  <el-table
                    border
                    height="calc(28vh)"
                    :data="bisInspDvdwkList"
                    tooltip-effect="dark"
                    style="width: 100%"
                  >
                    <el-table-column align="center" type="index" label="序号" min-width="55">
                      <template slot-scope="scope">{{ (pageNum - 1) * 10 + (scope.$index + 1) }}</template>
                    </el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="100"
                      prop="nm"
                      label="名称"
                      show-overflow-tooltip
                    ></el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="140"
                      label="组长"
                      show-overflow-tooltip
                    >
                      <template slot-scope="scope" v-if="scope.row.persAllDtoList">
                        <span v-for="(item,index) in scope.row.persAllDtoList" :key="index">
                          <span v-if="item.persType == '1'">{{item.persName + '  '}}</span>
                        </span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="100"
                      label="组员"
                      show-overflow-tooltip
                    >
                      <template slot-scope="scope" v-if="scope.row.persAllDtoList">
                        <span v-for="(item,index) in scope.row.persAllDtoList" :key="index">
                          <span v-if="item.persType == '2'">{{item.persName + '  '}}</span>
                        </span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="120"
                      label="联络员"
                      show-overflow-tooltip
                    >
                      <template slot-scope="scope" v-if="scope.row.persAllDtoList">
                        <span v-for="(item,index) in scope.row.persAllDtoList" :key="index">
                          <span v-if="item.persType == '3'">{{item.persName + '  '}}</span>
                        </span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="120"
                      prop="persType"
                      label="专家"
                      show-overflow-tooltip
                    >
                      <template slot-scope="scope" v-if="scope.row.persAllDtoList">
                        <span v-for="(item,index) in scope.row.persAllDtoList" :key="index">
                          <span v-if="item.persType == '4'">{{item.persName + '  '}}</span>
                        </span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="100"
                      prop="sttm"
                      label="开始时间"
                      show-overflow-tooltip
                    >
                      <template slot-scope="scope" v-if="scope.row.sttm">
                        <span>{{scope.row.sttm.substr(0,10)}}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      header-align="center"
                      align="center"
                      min-width="100"
                      prop="entm"
                      label="结束时间"
                      show-overflow-tooltip
                    >
                      <template slot-scope="scope" v-if="scope.row.entm">
                        <span>{{scope.row.entm.substr(0,10)}}</span>
                      </template>
                    </el-table-column>
                  </el-table>
                  <!--<el-form :inline="true" class="demo-form-inline">-->
                    <!--<el-form-item label="复用至">-->
                      <!--<el-date-picker-->
                        <!--v-model="planYr"-->
                        <!--type="year"-->
                        <!--value-format="yyyy"-->
                        <!--placeholder="选择年">-->
                      <!--</el-date-picker>-->
                    <!--</el-form-item>-->
                    <!--<el-form-item label="年">-->
                      <!--<el-input-->
                        <!--v-model="planMounth"-->
                        <!--placeholder="填写月如01">-->
                      <!--</el-input>-->
                    <!--</el-form-item>-->
                    <!--<el-form-item lable="月">-->
                      <!--<el-select v-model="dclxType" placeholder="请选择督查类型" style="width: 140px">-->
                        <!--<el-option-->
                          <!--v-for="item in inspectorTypeList"-->
                          <!--:label="item.label"-->
                          <!--:value="item.value">-->
                        <!--</el-option>-->
                      <!--</el-select>-->
                    <!--</el-form-item>-->
                    <!--<el-form-item lable="类型督查计划"></el-form-item>-->
                    <!--<el-form-item style="float: right;">-->
                      <!--<div slot="footer" class="dialog-footer">-->
                        <!--<el-button type="primary" plain @click="closeDialog">取 消</el-button>-->
                        <!--<el-button type="primary"  @click="appendPlan" >确 定</el-button>-->
                      <!--</div>-->
                    <!--</el-form-item>-->


                  <!--</el-form>-->
                  <footer class="tableFoot">
                    <span>复用至</span>
                    <el-date-picker
                      v-model="planYr"
                      type="year"
                      value-format="yyyy"
                      placeholder="选择年"
                      style="width: 100px;">
                    </el-date-picker>
                    <span>年</span>
                    <!--<el-input-->
                      <!--v-model="planMounth"-->
                      <!--placeholder="填写月如01">-->
                    <!--</el-input>-->
                    <el-select v-model="planMounth" placeholder="选择月" clearable style="width: 100px;">
                      <el-option
                        v-for="item in titleMonths"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      ></el-option>
                    </el-select>
                    <span>月</span>
                    <el-select v-model="dclxType" placeholder="请选择督查类型" clearable style="width: 130px;">
                      <el-option
                        v-for="(item,index) in inspectorTypeList"
                        :key="index"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                    <span>督查计划</span>
                    <div slot="footer" class="dialog-footer">
                      <el-button type="primary" plain @click="closeDialog">取 消</el-button>
                      <el-button type="primary"  @click="appendPlan" >确 定</el-button>
                    </div>

                  </footer>
                </div>
              </div>
          </el-col>
        </el-row>
      </el-main>
    </el-dialog>
  </div>


</template>

<script>
  import request from '../../utils/gw_ajax_request'
    export default {
      name: "InformationReuse",
      data() {
        return {
          dialogFormVisible: true,
          bisInspDvdwkList: [],
          tableData: [],
          planYr: '',
          planMounth: '',
          dclxType: '',
          inspectorTypeList: [
            {label: '小水库', value: '001'},
            {label: '人饮', value: '002'},
            {label: '水毁', value: '003'},
            {label: '172', value: '004'},
            {label: '地下水', value: '005'},
            {label: '水闸', value: '006'},
            {label: '水利工程运行', value: '007'}
          ],
          treeData: [],
          defaultProps: {
            children: 'children',
            label: 'prsnTitle',
            disabled: false,
            expandOnClickNode: false,
            first: true,
          },
          defaultPid: 0,
          pageNum:1,
          titleMonths:[],
          fyOrgid:'',
          sttm: '',
          entm: ''
        }
      },
      mounted() {
        this.monthSelect();
      },
      methods: {
        closeDialog() {
          this.$emit('closeDialog')
        },
        appendPlan() {
          if(this.bisInspDvdwkList.length && this.planMounth && this.planYr && this.dclxType){
            let arrList = [];
            let arrxzqhList = [];
            this.bisInspDvdwkList.forEach(item =>{
              arrList = arrList.concat(item.persAllDtoList);
              arrxzqhList = arrxzqhList.concat(item.persAllAreaDtoList);
            })
            request.post(`/supervision/plan/copyGroupInfo`,
              {
                "inspMnth": this.planMounth,
                "inspYear": this.planYr,
                "orgId": this.fyOrgid,
                "persAllAreaDtoList": arrxzqhList,
                "persAllDtoList": arrList,
                "ptype": this.dclxType,
                "sttm": this.sttm,
                "entm": this.entm
              }
            ).then(res =>{
              if(res.success){
                this.$message.success('复用督查组成功');
                this.closeDialog();
              }else {
                this.$message.error(res.message);
              }

            }).catch(err =>{
              console.log(err);
            })
          }else{
            this.$message.warning('复用的督查组或年月督查类型不能为空');
          }
        },
        getTreeList(node, resolve) {
          if (node.data.plnaId) {
            this.defaultPid = node.data.plnaId;
          } else {
            this.defaultPid = 0;
          }
          request.get(`/dc/insp/base/getByPersid?userid=${localStorage.getItem("userid")}&pid=${this.defaultPid}`).then(res => {
            let myList = [];
            res.data.forEach(item => {
              // item.children ? item : Object.assign(item, {children: []})
              myList.push(item)
            })
            resolve(myList);
          }).catch(res => {
            resolve([]);
          })

        },
        handleNodeClick(data) {
          this.fyOrgid = data.plnaId.substring(3,6);
          console.log(this.fyOrgid);
          this.tableData = [];
          if(data.plnaId.length == '9'){
            request.get(`/supervision/plan/getAllInfoByPersid?persid=${localStorage.getItem('userid')}&ptype=${data.ptype}&id=${data.plnaId}`).then(res => {
              this.$nextTick(function () {
                this.tableData = res.data;
              })
            }).catch(err => {
              console.log(err);
            })
          }
        },
        handleSelectionChange(val){
          if (val.length > 1) {
            this.$refs.Table.clearSelection()
            this.$refs.Table.toggleRowSelection(val.pop())
          }else{
            console.log(val);
            this.bisInspDvdwkList = val;
            this.sttm = val[0]["sttm"].substr(0,10);
            this.entm = val[0]["entm"].substr(0,10);
          }

        },
        monthSelect: function() {
          var _this = this;
          for (var i = 0; i < 12; i++) {
            if (i < 9) {
              _this.titleMonths.push({
                label: "0" + (i + 1),
                value: "0" + (i + 1)
              });
            } else {
              _this.titleMonths.push({
                label: i + 1,
                value: i + 1
              });
            }
          }
        },

      },
      filters: {
        ryType(val) {
          switch (val) {
            case '1':
              return '组长';
              break;
            case '2':
              return '组员';
              break;
            case '3':
              return '联络员';
              break;
            case '4':
              return '专家';
              break;
          }
        }
      }
    }
</script>

<style>
  .container{
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .container>div{
    width: 100%;
    height: 49%;
  }
  .tableFoot{
    height: 40px;
    line-height: 40px;
  }
  .infoReuse .dialog-footer{
    float: right;
    margin-right: 20px;
  }
  .infoReuse thead .el-table-column--selection .cell {
      display: none;
  }
</style>