<gsb-h5page2>
  <gsb-h5nav slot="nav" title="我的接单列表" bottommenu="true"></gsb-h5nav>
  <div id="dealing" 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="successop(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.publisherMobile}}</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.updated_at).toLocaleString()}}</el-col>
            <el-col :span="6" style="text-align:right">
              <el-button size="mini" plain style="float:left" @click="failop(item.id)">失败</el-button>
            </el-col>
         </el-row>
       </el-card>
    </el-col>
  </el-row>
  </div>

  <el-dialog  title="失败原因" :visible.sync="dialogFormVisible" :close-on-click-modal="false" :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="fail" size="medium" round>确 定</el-button>
    </div>
  </el-dialog>

  <el-dialog  title="成功" :visible.sync="dialogFormVisible2" :close-on-click-modal="false" :modal-append-to-body="false" width="90%" style="margin-top:30%" center="true">
    <el-form :model="form2">
      <el-form-item label="金额">
         <el-input v-model="form2.money" autocomplete="off" placeholder="请输入成单金额（单位：元）" type="textarea" :rows="1" style="width:80%"></el-input>
      </el-form-item>
      <el-form-item label="备注">
         <el-input v-model="form2.notes" autocomplete="off" placeholder="请输入成单重点细节" type="textarea" :rows="2" style="width:80%"></el-input>
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="dialogFormVisible2 = false" size="medium" round>取 消</el-button>
      <el-button type="primary" @click="success" size="medium" round>确 定</el-button>
    </div>
  </el-dialog>
</gsb-h5page2>
