<gsb-h5page2>
  <gsb-h5nav slot="nav" title="待接商机列表" bottommenu="true"></gsb-h5nav>
  <div id="withdeal" style="overflow:auto;padding-bottom:150px;height:90%">
    <el-row>
      <el-col :span="24" v-for="item in datalist" :key="item.id">
         <el-card style="margin-bottom:4px;border-radius:0px;">
           <el-row>
              <el-col :span="18" style="font-size:15px;color:#2F2F2F;text-align:left"><b> 商机类型：{{item.chanceTypeName}}</b></el-col>
              <el-col :span="6" style="text-align:right">
                <el-button type="primary" plain size="mini" style="float:left" @click="receive(item.id)">接单</el-button>
              </el-col>
           </el-row>
           <el-row style="font-size:13px;color:#828282;text-align:left;margin-bottom:3px">渠道来源：{{item.channelmanageallot.channelName}}</el-row>
           <el-row style="font-size:13px;color:#828282;text-align:left;margin-bottom:3px">产品名称：{{item.serviceItem_name}}</el-row>
           <el-row style="font-size:13px;color:#828282;text-align:left;margin-bottom:3px">客户姓名：{{item.publisherName}}</el-row>
           <el-row style="font-size:13px;color:#828282;text-align:left;margin-bottom:3px">客户所在省市：{{item.province}}/{{item.city}}</el-row>
           <el-row>
              <el-col :span="18" style="font-size:13px;color:#828282;text-align:left">发布时间：{{new Date(item.created_at).toLocaleString()}}</el-col>
              <el-col :span="6" style="text-align:right">
                <el-button size="mini" plain style="float:left" @click="giveupop(item.id)">放弃</el-button>
              </el-col>
           </el-row>
         </el-card>
      </el-col>
    </el-row>
  </div>
  <el-dialog  title="放弃接单原因" :visible.sync="dialogFormVisible" :modal-append-to-body="false" width="90%" style="margin-top:30%" center="true">
    <el-form :model="form">
      <el-input type="textarea" :rows="2" style="width:100%;" placeholder="请输入放弃接单原因" v-model="form.reason"></el-input>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="dialogFormVisible = false" size="medium" round>取 消</el-button>
      <el-button type="primary" @click="giveup" size="medium" round>确 定</el-button>
    </div>
  </el-dialog>
</gsb-h5page2>
