<gsb-h5page2>
  <gsb-h5nav slot="nav" title="合同详情"></gsb-h5nav>
  <el-card shadow="hover" style="background-color:#2692FF;border-radius:0px;">
    <el-row style="font-size:16px;color:white;text-align:left;margin-bottom:5px">{{contract.name}}</el-row>
    <el-row style="font-size:16px;color:white;text-align:left;margin-bottom:5px">{{contract.eflowstatusname}}</el-row>
    <el-row style="font-size:13px;color:white;text-align:left">签署时间：{{new Date(contract.completed_at).toLocaleString()}}</el-row>
  </el-card>

  <el-form>
    <el-row style="border-bottom:solid 1px #eee;text-align:left;padding:14px 0">
      <el-col :span="1"><img src="/imgs/h5/contract_detail.png" style="float:right;margin-top:3px"/></el-col>
      <el-col :span="6" style="font-size:16px;margin-left:6px">发起方</el-col>
    </el-row>
    <el-row style="border-bottom:solid 1px #eee;text-align:left;padding:14px 0 10px 10px">
      <el-col :span="1"></el-col>
      <el-col :span="4" style="font-size:14px;">企业名称</el-col>
      <el-col :span="19" style="font-size:14px;color:#828282;text-align:right">{{contract.ecompany.name}}</el-col>
    </el-row>
  </el-form>
  <div style="height:5px;background-color:#F2F2F2"><div>
  <el-form>
    <el-row style="border-bottom:solid 1px #eee;text-align:left;padding:14px 0">
      <el-col :span="1"><img src="/imgs/h5/contract_detail.png" style="float:right;margin-top:3px"/></el-col>
      <el-col :span="6" style="font-size:16px;margin-left:6px">签署方</el-col>
    </el-row>
    <el-row style="border-bottom:solid 1px #eee;text-align:left;padding:14px 0 10px 10px">
      <el-col :span="1"></el-col>
      <el-col :span="4" style="font-size:14px;">姓名</el-col>
      <el-col :span="19" style="font-size:14px;color:#828282;text-align:right">{{contract.usereaccount.userName}}</el-col>
    </el-row>
    <el-row style="border-bottom:solid 1px #eee;text-align:left;padding:14px 0 10px 10px">
      <el-col :span="1"></el-col>
      <el-col :span="4" style="font-size:14px;">身份证号</el-col>
      <el-col :span="19" style="font-size:14px;color:#828282;text-align:right">{{contract.usereaccount.personsSign}}</el-col>
    </el-row>
    <el-row style="border-bottom:solid 1px #eee;text-align:left;padding:14px 0 10px 10px">
      <el-col :span="1"></el-col>
      <el-col :span="4" style="font-size:14px;">身份认证</el-col>
      <el-col :span="19" style="font-size:12px;color:#828282;text-align:right">
        <img src="/imgs/h5/icon_cell_text_delete.png" style="width:16px;height:16px" />
        已实名认证
      </el-col>
    </el-row>
    <el-row style="border-bottom:solid 1px #eee;text-align:left;padding:14px 0 10px 10px">
      <el-col :span="1"></el-col>
      <el-col :span="4" style="font-size:14px;">手机号码</el-col>
      <el-col :span="19" style="font-size:14px;color:#828282;text-align:right">{{contract.usereaccount.mobile}}</el-col>
    </el-row>
  </el-form>
  <div v-if="contract.eflowstatus == 2" style="position:fixed;left:0px;bottom:0px;width:100%">
    <el-button @click="dialogFormVisible = true" style="width:100%" type="primary">领取协议</el-button>
  </div>


  <el-dialog  title="发送至我的邮箱" :visible.sync="dialogFormVisible" :modal-append-to-body="false" width="90%" style="margin-top:30%" center="true">
    <!-- <div class="line" style="border-bottom:1px solid #2692FF;margin-top:10px"></div> -->
  <el-form :model="form">
      <el-input class="dialog_input_signcontractinfo" style="border:solid 1px #eee;" placeholder="请输入邮箱" v-model="form.mail"></el-input>
  </el-form>
  <div style="font-size:10px;margin-top:6px">填写后，请去邮箱查收您的合同！</div>
  <div slot="footer" class="dialog-footer">
    <el-button @click="dialogFormVisible = false" round>取 消</el-button>
    <el-button type="primary" @click="sendmail" round>确 定</el-button>
  </div>
</el-dialog>
</gsb-h5page2>
