fj-dc-ui/.svn/pristine/76/76e3d64327e87dcd4fab79077ca14e4d1078fd6f.svn-base

<template>
  <div >

    <div class="search-wrapper">
        <el-form ref="form" :inline="true" label-width="100px">
              <el-form-item label="检查表类型">
                <el-select
                  v-model="checkreporttypeselectvalue"
                  clearable
                  collapse-tags>
                  <el-option
                    v-for="item in reportTypesList"
                    :key="item.reporttypeNumber"
                    :label="item.reporttypeName"
                    :value="item.reporttypeNumber">
                  </el-option>
                </el-select>
              </el-form-item>

          <el-form-item label="检查表名称">
            <el-input v-model="searchObj.reportName" clearable></el-input>
          </el-form-item>
          <el-button type="primary" @click="getMemberList()">查询</el-button>
        </el-form>
      </div>



  <el-row>
  <el-col style="padding: 5px;" :span="2" v-for="(o, index) in memberList" :key="o.reportId" :offset="(index % 8== 0) ? 0 : 1">
     <el-tooltip class="item" effect="dark" :content="o.reportName" placement="bottom">
    <el-card :body-style="{ padding: '0px' }" @click.native="openPageoffice(o.projectId,o.reportId)">
      <img src="../../../../static/images/word.png" class="image">
      <div style="padding: 2px;font-size:10px;">
        <span style="width:100px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:inline-block;
">{{o.reportName}}</span>
      </div>
    </el-card>
     </el-tooltip>
  </el-col>
</el-row>


 <el-pagination
        background
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page.sync="searchObj.pageNum"
        :page-sizes="[10, 20, 300, 40]"
        :page-size="searchObj.pageSize"
        layout="total, prev, pager, next"
        :total="total"
        style="margin: 10px auto">
      </el-pagination>


  </div> 
</template>
<script>
import request from '../../../utils/gw_ajax_request.js'
import {hostUrl} from '@util/global_variable.js'
export default {
  data() {
    return {
      currentDate: new Date(),
      memberList:[],
      total: 0,
      searchObj: {
          pageSize: 20,
          pageNum: 1,
          reportName: '',
          reporttypeNumber: '',
          projectId: ''
      },
      checkreporttypeselectvalue: '',
      reportTypesList: []
    };
  },
  created(){
      this.getMemberList();
      this.getReportTypeList();
  },
  methods:{
    handleCurrentChange(val) {
        this.searchObj.pageNum = val;
        this.getMemberList();
      },
   handleSizeChange(val) {
        this.searchObj.pageSize = val
        this.getMemberList();
      },
   getMemberList(){
        this.searchObj.projectId = this.$route.query.projectId;
        this.searchObj.reporttypeNumber = this.checkreporttypeselectvalue;
        request.post('/bis/insp/ProjectLinkReport/findProjectLinkAllReport',this.searchObj).then((res)=>{
            if(res.success){
              this.memberList = res.data.list
              this.total = res.data.total
            }else{
              this.$message.warning(res.message)
            }
        }).catch(error=>{
          this.$message.error(error)
        });
   },
   getReportTypeList(){
        request.get('/bis/insp/AttCheckreporttypeBase/findCheckreportTypeList',{}).then((res)=>{
            if(res.success){
              this.reportTypesList = res.data
            }else{
              this.$message.warning(res.message)
            }
        }).catch(error=>{
          this.$message.error(error)
        });
   },
   openPageoffice:function(projectId,reportId){

            let host = hostUrl;
            // let host = 'http://10.1.102.140:9002';
            let nginx = '/pageofficePath/';
            let href = 'pageoffice://|'+host+nginx+'/dc/pageoffice/quality/word/'+projectId+'/'+reportId+'|width=1100px;height=800px;ismodal=false;||91A4EE66EC1921F376873E85D6C74FFA|A890649B44577C32CE1930797E1299F9';
            let a = document.createElement('a'); // 创建a标签
            a.setAttribute('href', href);// href链接
            a.click();// 自执行点击事件
   }
  }
}
</script>
<style>
 .time {
    font-size: 13px;
    color: #999;
  }
  
  .bottom {
    margin-top: 13px;
    line-height: 12px;
  }

  .button {
    padding: 0;
    float: right;
  }

  .image {
    width: 100%;
    display: block;
  }

  .clearfix:before,
  .clearfix:after {
      display: table;
      content: "";
  }
  
  .clearfix:after {
      clear: both
  }
  .item {
      margin: 4px;
  }
</style>