fj-dc-ui/.svn/pristine/cc/cc9e79710ef0381dc0ca00106358daeece21d732.svn-base

<template>
  <transition name="el-fade-in-linear">
    <draggable :title="'人员信息'" initTop=160 initLeft=20 initWidth=310 initHeight=450
               @closeDraggable='closeModal_people'>
      <div class="process_line" style="text-align: center;">
        　　<div style="width:100%; height:210px;text-align:center; padding-top:10px;">
        　　 <img v-if="peopleDetail.imgurl != null" style="width: 150px;height: 200px;"
                :src="`/pdcApi` + peopleDetail.imgurl" alt="">
            <img v-else src="../../../static/pic.jpg" alt="">
        　　</div>
        <div style="width:100%;height:35px;text-align:center; padding-top:0;font-size: 18px;font-weight: bold;">
          　　 <p>{{peopleDetail.persName}}</p>
          　　</div>
        <div class="item content4">
          <div class="item item2">
            <span class="label">单 位：</span>
            <div style="width:170px;border-bottom:1px solid #dddddd;display: inline-block;">
              <span class="spanInlineBlock" :title="peopleDetail.orgNm">{{peopleDetail.orgNm || "---"}}</span>
            </div>
          </div>
          <div class="item item2">
            <span class="label">职务/职称：</span>
            <div style="width:170px;border-bottom:1px solid #dddddd;display: inline-block;">
              <span class="spanInlineBlock" :title="peopleDetail.admDuty">{{peopleDetail.admDuty || "---"}}</span>
            </div>
          </div>
          <div class="item item2">
            <span class="label">编 号：</span>
            <div style="width:170px;border-bottom:1px solid #dddddd;display: inline-block;">
              <span class="spanInlineBlock" :title="peopleDetail.idnm">{{peopleDetail.idnm || "---"}}</span>
            </div>
          </div>
        </div>
        <!-- <span style="font-size:14px;margin-left: 5px;">时间范围：</span>
        <el-date-picker size='mini' format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm:ss" style="width: 296px;"
                        v-model="value5" type="datetimerange" :picker-options="pickerOptions2" range-separator="至"
                        start-placeholder="开始日期" end-placeholder="结束日期" align="right">
        </el-date-picker> -->
        <div style="padding-top: 20px;">
        <el-button @click="peopleTrail(peopleDetail.guid)"
                   style="margin-top: 5px;margin-left: 50px;padding: 7px 12px;" type="primary" size="mini">历史轨迹</el-button>

        <el-button @click="showGroupInfo(peopleDetail.guid,peopleDetail.permission,peopleDetail.persName)" style="float:right;margin-top: 5px;margin-right: 50px;padding: 7px 12px;" type="primary" size="mini">督查组</el-button>
        </div>
      </div>
    </draggable>
  </transition>
</template>

<script>
  import draggable from './draggableForPersonInfo'
    export default {
        name: "personInfo",
        components:{
            draggable,
        },
        props:['perInfoCon'],
        data(){
            return {
              peopleDetail:this.perInfoCon,
              value5:''
            }
        },
        watch:{
          perInfoCon(val){
            this.peopleDetail = val;
          }
        },
        methods:{
        //  关闭人员弹窗
        closeModal_people() {
          this.$emit('closePerInfo','ryxx')
        },
        showGroupInfo(id,isAdmin,persName){
          this.$emit('showGroupInfo',id,isAdmin,persName);
        },
        peopleTrail(id){
          this.$emit('trackHistory',id);
        }
      }
    }
</script>

<style scoped>
  .process_line .item .label {
    display: inline-block;
    width: 80px;
    text-align: right;
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    color: #333;
  }
  .process_line .item2, #kjrmap .process_line .item_sk {
    margin-top: 10px;
    display: inline-block;
  }
  .spanInlineBlock{
    width: 100%;
    font-size:14px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
</style>