fj-dc-ui/.svn/pristine/be/be69c2942edcc8908b367bda1cfc71007a18cb90.svn-base

<template>
  <!-- 弹出窗 -->
  <draggable initWidth=1200 initHeight=585  title="督查人员" style="z-index: 500;top: 60px;left: 65px;background-color:white;"  @closeDraggable="closeHandler">
     <el-container >
      <!-- <el-aside width="200px" style="border:1px solid #d5d5ff">
        <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;"><i class="el-icon-share"></i>所在机构</p>
        <provTreeList rootCode='000000' rootType='1' style="max-height:400px;" @provTreeSelectChange="provTreeSelectChangeHandler"></provTreeList>
      </el-aside> -->
      <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;">
         <!-- <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">督查人员</p> -->
    <el-form :label-position="labelPosition" label-width="80px">
      <el-form-item style="margin-bottom: 0px;" label="" :label-width="formLabelWidth"></el-form-item>
      <div style="padding: 5px;">
        <div style="display:flex;height: 30px;padding: 10px;">
        <el-form-item label="人员姓名" style="display:flex;">
              <el-input style="width:140px;padding-left: 10px;" v-model="searchText" clearable placeholder="请输入人员名称"></el-input>
            </el-form-item>
        <el-form-item label="机构名称" style="display:flex;padding-left: 30px;">
              <el-input style="width:140px;padding-left: 10px;" v-model="jgName" clearable placeholder="请输入机构名称"></el-input>
            </el-form-item>
        <!-- <el-input
          placeholder="请输入姓名"
          v-model="searchText"
          style="width: 200px;padding-bottom: 10px;padding-top: 10px; margin-left:10px;"
          class="input-with-select"
        >
        
        </el-input> -->
        <el-button type="primary" style="margin-left:20px;" @click="getTableData">查询</el-button>
        </div>
        <el-table
          ref="menTable"
          border
          :data="currentShowList"
          tooltip-effect="dark"
          style="width: 100%"
          @selection-change="handleSelectionChange"
        >
          <el-table-column align="center" type="selection"  width="70"></el-table-column>
          <el-table-column align="center" show-overflow-tooltip width="60" prop="index" label="序号"></el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="persName" label="人员姓名"></el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="sex1" label="性别"></el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="persCode" label="身份证号"></el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="telnumb" label="办公室电话"></el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="mobilenumb" label="手机号码"></el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="orgName" label="机构名称" min-width="100"></el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="dpnm" label="所属部门"></el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="admDuty" label="职务级别" min-width="100">
            </el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="modifyTime1" label="最后修改时间"></el-table-column>
          <!-- <el-table-column align="center" show-overflow-tooltip prop="name" label="标签">
            <template slot-scope="scope">
                <el-tag
                  :closable="scope.row.type == 1 ? true : false"
                  size="mini"
                  :type="scope.row.type == 1 ? 'warning' : 'info'"
                  @close="handleClose(item,scope.$index,scope.row)">
                  {{scope.row.type == 1 ? '组长' : '成员'}}
                </el-tag>
            </template>
          </el-table-column>-->
          <!-- <el-table-column align="center" show-overflow-tooltip prop="admDuty" label="职务级别"></el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="title" label="技术职称"></el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="mobilenumb" label="手机号"></el-table-column> -->
          <!-- <el-table-column 
            fixed="right"
            label="操作"
            align="center"
            width="100">
            <template slot-scope="scope" >
              <el-button :disabled="scope.row.type == 1 ? true : false" @click="setLeader(scope.$index, scope.row)" type="text" size="small">设置组长</el-button>
            </template>
          </el-table-column>-->
        </el-table>
        <div
          class="block"
          style="display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top: 5px;background-color: #fff;"
        >
          <el-pagination
            small
            @current-change="handleCurrentChange"
            :current-page.sync="pageIndex"
            :page-size="pageSize"
            layout="total, prev, pager, next"
            :total="total"
          ></el-pagination>
        </div>
        <div slot="footer" class="dialog-footer" style="float: right;padding: 10px;">
            <el-button @click="closeHandler">取 消</el-button>
            <el-button type="primary" @click="addMens">确 定</el-button>
            </div>
      </div>
      <!-- </el-form-item> -->
    </el-form>
     </el-main>
    </el-container>
    
  </draggable>
</template>
<script>
import provTreeList from '../../widgets/provTreeList.vue'
import { getArenGrpMen, addDczOthersMens } from "../../api/duChaPlan.js";
import {dateFormat} from '../../utils/gw_date.js'
import draggable from '../../widgets/draggable.vue'
export default {
  components: {
      draggable,
    'provTreeList':provTreeList,
  },
  props: ['dczId','dczName','jiGouId'],
  computed: {},
  data() {
    return {
      addOnce:false,
      jgName:'',
      total: 0,
      addArr: "",
      labelPosition: "top",
      searchText: "",
      pageSize: 10,
      pageIndex: 1,
      currentShowList: [],
      dialogFormVisible: false,
      formLabelWidth: "120",
      checkList: [],
      personList: [],
      jigourenyuan: [],
      multipleSelection: [],
      searchProvTreeListCode :'',
    };
  },
  mounted() {
    this.getTableData();
       this.addArr = '';
  },
  methods: {
      closeHandler(){
          this.$emit('close1','editDuChaZu')
      },
    showDialog() {
      this.dialogFormVisible = true;
       this.getTableData();
       this.addArr = '';
    },
    saveNewZu() {
      this.$emit("cancelHandler");
      console.log(this.checkList);
    },
    zuLeaderChange() {},
    zuMemberChange() {},
    handleSelectionChange(val) {
      this.multipleSelection = val;
      console.log(val)
    },
    handleCurrentChange(val) {
     this.refreshCurrentShow();
    },
    getTableData() {
      //获取非当前督查需人员列表
      if(!this.dczId){
        this.dczId = 'jwW2Wihf5E9X3UC9t45fmSHyffUs2rzI';
      }
      if(!this.jiGouId){
        this.jiGouId = '4355A1641209412DA5534DE05A941BCC';
      }
      var _self = this;
      console.log(_self.dczInfo);
      getArenGrpMen(
        this.jiGouId,
        this.dczId,
        _self.pageSize,
        _self.pageIndex,
         this.searchText,
        this.searchProvTreeListCode,
        this.jgName,
      ).then(response => {
          var arr = response.data.list;
          arr.forEach((arrItem,index) =>{
              arrItem['index'] = (_self.pageSize * (_self.pageIndex-1)) + index + 1;
                arrItem['sex1'] = arrItem.sex=='1'?'男': 
                                arrItem.sex =='2'?'女':'';
                arrItem['modifyTime1'] = arrItem.modifyTime==null?'':dateFormat(arrItem.modifyTime,'yyyy-MM-DD');
            });
        _self.currentShowList = response.data.list;
        _self.total = response.data.total;
      });
    },
    addMens: function() {
      //提交当前选中人员
      var _self = this;
      if(_self.addOnce){
        _self.addOnce = false;
        return;
      }
        _self.addOnce = true;
      const length = _self.multipleSelection.length;
      for (let i = 0; i < length; i++) {
        _self.addArr += _self.multipleSelection[i].guid + ",";
      }
      _self.addArr = _self.addArr.substr(
        0,
        _self.addArr.length - 1
      );
      //   alert(_self.addArr);
      try {
        addDczOthersMens(_self.addArr,_self.dczId).then(response => {
          if (response.success == true) {
            _self.addOnce = false;
            // this.getTableData();
            this.$message.success("添加成功");
            this.$emit('addSuccess');
            this.dialogFormVisible = false;
          }
        });
      } catch (e) {
        
         this.$message.success("添加失败，请稍后再试");
      }
     
    },

    refreshCurrentShow: function() {
      this.getTableData();
    },
    search() {},
    provTreeSelectChangeHandler:function(params){
      this.searchProvTreeListCode = params.code;
       this.getTableData();
    }
  }
};
</script>
<style>
#dialog .el-dialog__body {
  padding: 20px 20px;
}
</style>