fj-dc-ui/.svn/pristine/99/99bc31dbbeec8183ccc9a82a8d25ef2d4dbf8208.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':tableHeight+'px'}"
          @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-select v-model="value" placeholder="请选择" style="width:100px;padding-left: 30px;padding-top: 3px;">
            <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
            </el-option>
        </el-select>
        <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%;overflow:auto;"
          :style="{'height':tableHeight+'px'}"
          @selection-change="handleSelectionChange"
        >
        <el-table-column align="center" type="selection"  width="70"></el-table-column>
         <el-table-column align="center" show-overflow-tooltip prop="index" label="序号" min-width="70"></el-table-column>
            <el-table-column align="center" show-overflow-tooltip prop="AD_NAME" label="名称" min-width="80"></el-table-column>
            <el-table-column align="center" show-overflow-tooltip prop="AD_CODE" label="编码" min-width="100"></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 request from '../../utils/gw_ajax_request.js';
import provTreeList from '../../widgets/provTreeListAndChina.vue'
import { getOptionalArea, addDcqyOthers } 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: {
      userId:function(){
        return localStorage.getItem("userid")? localStorage.getItem("userid"): '1098101939614724096'
    },
  },
  data() {
    return {
      addOnce:false,
        value:'2',
        options: [{
          value: '2',
          label: '省级'
        }, {
          value: '3',
          label: '市级'
        }, {
          value: '4',
          label: '县级'
        }],
      jgName:'',
      total: 0,
      addArr: "",
      labelPosition: "top",
      searchText: "",
      pageSize: 10,
      pageIndex: 1,
      currentShowList: [],
      dialogFormVisible: false,
      formLabelWidth: "120",
      checkList: [],
      personList: [],
      jigourenyuan: [],
      multipleSelection: [],
      searchProvTreeListCode :'',
      tableHeight:0,
    };
  },
  mounted() {
      this.searchProvTreeListCode = '';
   this.tableHeight = document.getElementById('contentRow').offsetHeight - 160;
   this.getTableData();
       this.addArr = '';
  },
  methods: {
      closeHandler(){
          this.$emit('close1','editDuChaqy')
      },
    showDialog() {
      this.dialogFormVisible = true;
       this.getTableData();
       this.addArr = '';
    },
    handleSelectionChange(val) {
      this.multipleSelection = val;
      console.log(val)
    },
    handleCurrentChange(val) {
     this.refreshCurrentShow();
    },
    getTableData() {
      //获取非当前督查需区域列表
      var _self = this;
      console.log(_self.dczInfo);
      getOptionalArea(this.dczId,this.searchProvTreeListCode).then(response => {
          var arr = response.data;
          arr.forEach((arrItem,index) =>{
              arrItem['index'] = (_self.pageSize * (_self.pageIndex-1)) + index + 1;
            });
        _self.currentShowList = arr;
      });
    },
    addMens: function() {
      //提交当前选中区域
      var _self = this;
      if(_self.addOnce){
        _self.addOnce = false;
        return;
      }
      _self.addOnce = true
      _self.multipleSelection.forEach((item,index)=>{
          item.id = _self.dczId;
          item['adCode'] = item.AD_CODE;
          item['adName'] = item.AD_NAME;
      })
      _self.addOnce = false;
      try {
          request.post('/dc/insp/selarea/muli/insert',_self.multipleSelection).then((res)=>{
            
              if (res.success) {
                _self.$message.success("添加成功");
                _self.$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>