<template>
  <div>
    <el-dialog title="请求协同" :visible.sync="clientInformation" width="600px">
      <div v-if="showPatent">
        <el-table :data="PList"  border row-key="id" v-loading="loading"
            style="min-width: 100%; overflow:auto">
            <el-table-column prop="patentNo" label="专利号" align="center" width="150px">
              <template slot-scope="scope">
                <el-checkbox-group v-model="checkList" style="display:inline-block">
                    <el-checkbox :label="scope.row.id" @change="getFunInfo(scope.row)">
                          {{scope.row.patentNo}}
                    </el-checkbox>
                </el-checkbox-group>
              </template>
            </el-table-column>
            <el-table-column prop="name" label="专利标题" width="150px"> </el-table-column>
            <el-table-column prop="type" label="摘要"> </el-table-column>
        </el-table>
      </div>
      <div v-else>
        <!-- <el-form :model="clientForm" :rules="clientRules" ref="clientForm" v-if="clientInformation">
          <el-form-item label="协同人 :" prop="name">
        
            <el-select style="width:100%;"
                v-model="clientForm.collaborator"
                multiple
                allow-create
                filterable
                remote
        
                placeholder="请输入协同人"
                :remote-method="remoteMethod"
                :loading="ploading">
                <el-option
                  v-for="item in personnelList"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
    
            </el-select>  
            <p style="position: absolute; right: 10px;top: 28px;width:20px"><i class="el-icon-circle-plus-outline" style="font-size:20px" @click="showPersonnel(0)"></i></p>
          </el-form-item>
        
        <el-form-item label="抄送人 :" prop="personnels">
          <el-select style="width:100%;"
              v-model="clientForm.personnels"
              multiple
              allow-create
              filterable
              remote
          
              placeholder="请输入抄送人"
              :remote-method="remoteMethod"
              :loading="ploading">
              <el-option
                v-for="item in personnelList"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
  
          </el-select>  
          <p style="position: absolute; right: 10px;top: 28px;width:20px"><i class="el-icon-circle-plus-outline" style="font-size:20px" @click="showPersonnel(1)"></i></p>
        </el-form-item>
        <el-form-item label="主题 :" prop="email">
          <el-input v-model="clientForm.content" type="text" placeholder="输入主题" />
        </el-form-item>
      </el-form> -->
        <Send-Collaboration @getClientInformation="getClientInformation"></Send-Collaboration>
        <!-- <div slot="footer" class="dialog-footer" style="display: flex;justify-content: flex-end;">
          <el-button @click="clientInformation = false">取 消</el-button>
          <el-button type="primary" @click="sendMessage" :loading="btnLoading">发送</el-button>
        </div> -->
      </div>
      <div style="height:50px;padding-top:30px">
        <el-button v-if="!showPatent" type="primary" @click="showPatent=!showPatent" >上一步</el-button>
        <el-button v-else type="primary" @click="showPatent=!showPatent" style="float:right">下一步</el-button>
      </div>
     
    </el-dialog>
  </div>
</template>

<script>
  export default {
  data() {
      return {
        clientInformation: false,
      }
    }
  }
</script>

<style lang="scss" scoped>

</style>