
<gsb-h5page2>
  <gsb-h5nav slot="nav" title="待签协议" bottommenu="true"></gsb-h5nav>
  <el-row style="width:100%;height:100%;background-color: #F5F5F5;">
    <el-col :span="24" v-for="item in cs" :key="item.id">
      <el-card style="margin-bottom:15px;border-radius:0px;padding-bottom: -20px;">
        <el-row>
          <el-col :span="18" style="font-size:15px;color:#2F2F2F;text-align:left"> {{item.name}}</el-col>
          <el-col :span="6" style="text-align:right">
            <!-- <el-button type="danger" size="mini" :loading="signloading" :disabled="signloading" plain style="float:left"
              ">开始签约</el-button> -->
          </el-col>
        </el-row>
        <el-row style="margin-top: 5px;">
          <el-col :span="4" style="text-align:left;font-size:13px;color:#333333;text-align:left;white-space:nowrap;">
            发起方：
          </el-col>
          <el-col :span="20" style="font-size:13px;color:#999999;text-align:left;">
            {{item.ecompany.name}}
          </el-col>
        </el-row>
        <el-row style="margin-top: 5px;">
          <el-col :span="4" style="text-align:left;font-size:13px;color:#333333;text-align:left;white-space:nowrap;">
            签署方：
          </el-col>
          <el-col :span="20" style="font-size:13px;color:#999999;text-align:left;">
            {{eaccount.userName}}
          </el-col>
        </el-row>
        <el-row style="margin-top: 5px;">
            <el-col :span="4" style="text-align:left;font-size:13px;color:#333333;text-align:left;white-space:nowrap;padding-left: 1px;">
              主&nbsp;&nbsp;&nbsp;体：
            </el-col>
            <el-col :span="20" style="font-size:13px;color:#999999;text-align:left;">
              {{item.nameA}}
            </el-col>
          </el-row>
  
        <el-row v-if="isShowInsure" style="margin-top: 5px;">
          <el-col :span="1" style="text-align:left;font-size:13px;color:#999999;text-align:left;">
            <el-checkbox style="float:left;width:auto;text-align: left;" true-label="true" false-label="false" v-model="item.isInsure"	></el-checkbox>
          </el-col>
          <el-col :span="22" style="margin-left: 5px;">
            <div @click="docheck(item)" style="line-height:20px;font-size:13px;color:#666666;text-align:left;white-space: normal;word-break: break-all;">
              签约即送“<span style="color:#333333;font-weight: bold;">交通意外伤害保险</span>”，我已阅读并同意<a @click.stop="showProductInfo" href="javascript:;" style="color:#2692FF;font-size:13px;text-decoration: none" >《产品条款》</a>与<a @click.stop="showServiceInfo" href="javascript:;" style="color:#2692FF;font-size:13px;text-decoration: none" >《服务协议》。</a>
            </div>
          </el-col>
        </el-row>

        <div style="margin:20px 0px 12px -50px;width: 1000px;height:1px;background-color: #F5F5F5;"></div>
        <div style="width:100%;text-align: center;margin-bottom: -5px;">
            <el-button plain @click="startsign(item)" :loading="signloading" style="width:88%;height:45px;font-size:16px;background-color: #2692FF;color:white;border-radius:50px;border:0px;" >开始签约</el-button>
        </div>
      </el-card>
    </el-col>
  </el-row>
  <div class="pdfContent" style="width: 100%; height: 100%; overflow: hidden; background: #fff; position: relative;">

  </div>
</gsb-h5page2>