fj-dc-ui/.svn/pristine/2e/2ea105f25f2b6ffea80663fdd088c491fbce7917.svn-base

<template>
    <div>
      <el-card>
        <el-row class="mb15">
          <el-col :span="24">
            <el-form
              :inline="true"
              size="mini"
              class="demo-form-inline"
            >
              <el-form-item label="原库别">
                <el-select v-model="form.groupType" clearable placeholder="请选择" multiple>
                  <el-option :label="item.label" :value="item.value" v-for="(item,index) in groupTypeData" :key="index"></el-option>
                </el-select>
              </el-form-item>
              <!--<el-form-item label="入库时间">-->
                <!--<el-date-picker-->
                  <!--style="width: 20vw;"-->
                  <!--v-model="valueSt"-->
                  <!--type="daterange"-->
                  <!--value-format="yyyy-MM-dd"-->
                  <!--range-separator="至"-->
                  <!--start-placeholder="开始日期"-->
                  <!--end-placeholder="结束日期"-->
                <!--&gt;</el-date-picker>-->
              <!--</el-form-item>-->
              <el-form-item label="角色分类">
                <el-select v-model="form.roleType" clearable placeholder="请选择" multiple>
                  <el-option :label="item.label" :value="item.value" v-for="(item,index) in roleTypeData" :key="index"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="是否培训">
                <el-select v-model="form.isTraining" clearable>
                  <el-option  v-for="item in sfType" :key="item.value" :label="item.label" :value="item.value"></el-option>
                </el-select>
              </el-form-item>
              <el-input v-model="form.name" placeholder="请输入姓名" style="width: 15vw" clearable></el-input>
              <el-button type="primary" icon="el-icon-search" @click="searchJcXxData">查询</el-button>
            </el-form>
          </el-col>
        </el-row>
        <div>
          <div>
            <el-table
              v-loading="loading"
              border
              ref="multipleTable"
              :height="tableHeight1"
              :data="peiXunStateData"
              tooltip-effect="dark"
              style="width: 100%"
              @selection-change="handleSelectionChange">
              <el-table-column
                type="selection"
                width="55">
              </el-table-column>
              <el-table-column align="center" type="index" label="序号" min-width="25">
                <template slot-scope="scope">{{ (form.pageNum - 1) * form.pageSize + (scope.$index + 1) }}</template>
              </el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="100"
                prop="name"
                label="姓名"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="120"
                prop="sex"
                label="性别"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="80"
                show-overflow-tooltip
                prop="age"
                label="年龄"
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="200"
                label="工作单位"
                show-overflow-tooltip
                prop="workDpNm"
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="150"
                prop="telnumb"
                label="电话"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="120"
                prop="recommendedUnits"
                label="推荐单位"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="120"
                label="库别"
                show-overflow-tooltip
              >
                <template slot-scope="scope">
                  {{groupType(scope.row.groupType)}}
                </template>
              </el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="120"
                prop="inTm"
                label="入库时间"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="80"
                prop="orgNm"
                label="流域机构"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="80"
                prop="oe"
                label="体检结果"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="80"
                prop="isTraining"
                label="培训情况"
                show-overflow-tooltip
              >
                <template slot-scope="scope">
                  <span v-if="scope.row.isTraining == '1'">是</span>
                  <span v-if="scope.row.isTraining == '2'">否</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.roleTypeList">
                    <span v-for="(item,index) in scope.row.roleTypeList" :key="index">
                      {{roleTypeFy(item.value) + '  '}}
                    </span>
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              style="margin: 10px auto"
              background
              :pager-count="5"
              :current-page="form.pageIndex"
              :page-size="form.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>
            <div slot="footer" class="dialog-footer" style="text-align: right;">
                <span>将选中人员移入</span>
                <el-select v-model="moveKb" clearable placeholder="请选择">
                  <el-option :label="item.label" :value="item.value" v-for="(item,index) in groupTypeData" :key="index"></el-option>
                </el-select>
              <!--</el-form-item>-->
              <el-button type="primary"  @click="changeState">确 定</el-button>
            </div>
          </div>
        </div>

      </el-card>
    </div>
</template>

<script>
  import request from '@util/gw_ajax_request'
    export default {
        name: "peiXunState",
        props: ['groupTypeData'],
        data(){
          return {
            tableHeight1: window.innerHeight - 300,
            pageSize: 20,
            pageNum: 1,
            total: 0,
            form: {
              groupType: [],
              roleType: [],
              workAd: "",
              orgCode: [],
              isOffice: "",
              education: [],
              titles: [],
              unitRanks: [],
              // sttm: "",
              isTraining: "",
              isAll: [],
              kbType: '',
              pageSize: 20,
              pageNum: 1,
              name: "",
              ageLimits: []
            },
            valueSt:[],
            sfType: [
              {
                label: '是',
                value: "1"
              },
              {
                label: '否',
                value: "2"
              }
            ],
            peiXunStateData:[],
            multipleSelection:[],
            moveKb:"",
            loading: false

          }
        },
        computed: {
          // groupTypeData(){
          //   return this.$store.state.jcState.groupTypeData;
          // },
          roleTypeData(){
            return this.$store.state.jcState.roleTypeData;
          }
        },
        mounted(){
          this.$nextTick(()=>{
            this.getRyXxData();
          })
        },
        methods:{
          getTj(val,isExport){
            let obj = {};
            obj.groupType = this.form.groupType.toString();
            obj.roleType = this.form.roleType.toString();
            // obj.adName = this.form.adName;
            obj.workAd = this.form.workAd;
            obj.orgCode = this.form.orgCode.toString();
            obj.isOffice = this.form.isOffice;
            obj.education = this.form.education.toString();
            obj.titles = this.form.titles.toString();
            obj.unitRanks = this.form.unitRanks.toString();
            obj.sttm =  this.valueSt && this.valueSt.length > 0 ? this.valueSt[0]:'';
            obj.entm =  this.valueSt && this.valueSt.length > 0 ? this.valueSt[1]:'';
            obj.isTraining = this.form.isTraining;
            obj.pageSize = this.form.pageSize;
            obj.pageNum = this.form.pageNum;
            obj.name = this.form.name;
            obj.ageLimits = this.form.ageLimits.toString();
            obj.isAll = this.form.isAll.toString();
            obj.columns = val;
            obj.isExport = isExport;
            return obj;
          },
          getRyXxData(){
            this.loading = true;
            let obj = this.getTj();
            request.post(`/tac/worker/b/getWorkerbsPage`,obj).then(res =>{
              if(res.success){
                this.$nextTick(()=>{
                  this.loading = false;
                  this.peiXunStateData = res.data.list;
                  this.total = res.data.total;
                })

              }
            })
          },
          //角色
          roleTypeFy(row){
            if(row){
              this.roleTypeData.forEach(ele => {
                if (ele.value == row) {
                  row = ele.label;
                }
              });
              return row;
            }else{
              return '';
            }
          },
          //库别
          groupType(row){
            if(row){
              this.groupTypeData.forEach(ele => {
                if (ele.value == row) {
                  row = ele.label;
                }
              });
              return row;
            }else{
              return '';
            }
          },
          //查询
          searchJcXxData(){
            this.getRyXxData();
          },
          //全选
          handleSelectionChange(val) {
            this.multipleSelection = val;
          },
          //确定
          changeState(){
            if(this.multipleSelection.length > 0 && this.moveKb){
              request.post(`/tac/worker/b/updateWorkerbList`,{
                "groupType": this.moveKb,
                "workerBList":this.multipleSelection
              }).then(res =>{
                if(res.success){
                  this.$message.success("更改成功");
                  this.getRyXxData();
                }
              })
            }else{
              this.$message.warning("请选择人员或要移入的库别");
            }
          },
          //分页
          pageIndexChange(val) {
            this.form.pageNum = val;
            this.getRyXxData();
          },
          handleSizeChange(val) {
            this.form.pageSize = val;
            this.getRyXxData();
          },
        }
    }
</script>

<style scoped>
.mb15{
}
</style>