Página Inicial Explorar Ajuda
Entrar
asiainfo
/
static
Observar 2
Favorito 0
Fork 0
Código Problemas 0 Pull Requests 0 Commits 2546 Versões 4 Wiki

static

Branch: master
Branches Tags
static
/
2019
/
ah-hsx
/
reserve.html

reserve.html 8.8KB
Link permanente Histórico Cru 

    <!DOCTYPE html>
<html lang="en">
<head>
  <title>预约提交</title>
  <meta charset="utf-8">
  <!-- 宽度自动适配 -->
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
  <!-- 不识别页面上的数字为可拨打号码 -->
  <meta content="telephone=no" name="format-detection"/>
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">

  <script src="ipu/lib/requirejs/require.min.js"></script>
  <script src="biz/js/require-config.js"></script>
  <script src="biz/js/reserve.js"></script>
</head>
<body class="pages-reserve">
<div class="ipu-flex-row ipu-flex-vertical">
  <div class="ipu-flex-col">
    <div class="ipu-toolbar">
      <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:history.back(-1);">
        <div class="left-back"></div>
      </a>
      <h1 class="ipu-toolbar-title">预约提交
      </h1>
    </div>
  </div>

  <div class="ipu-flex-col ipu-flex-col-auto">
    <div class="ipu-flex mission-content">
      <div class="mission-female-person mission-person-margin"></div>
      <div class="ipu-flex-col-auto">
        <div class="ipu-flex  ipu-flex-justify-space">
          <div class="mission-person-name">王心怡</div>
          <div class="mission-state">
            <div class="phone-pic"></div>
          </div>
        </div>
        <div class="ipu-flex">
          <div class="mission-content-tag">装机地址：</div>
          <div class="mission-content-value">合肥市蜀山区长江西路125号</div>
        </div>
        <div class="ipu-flex">
          <div class="mission-content-tag">最近上门：</div>
          <div class="mission-content-value">6月9日 15:30-16:30</div>
        </div>
        <div class="ipu-flex">
          <div class="mission-content-tag">一年内上门次数：</div>
          <div class="mission-content-value">2</div>
        </div>
        <div class="ipu-flex">
          <div class="mission-content-tag">预约失败原因：</div>
          <div class="mission-content-value">客户表示不需要</div>
        </div>
        <div class="ipu-flex">
          <div class="mission-content-tag">备注：</div>
          <div class="mission-content-value">无</div>
        </div>
      </div>
    </div>
    <div class="mission-sell-bg">
      <div class="mission-sell">
        <div class="ipu-flex ipu-flex-align-center">
          <div class="mission-sheji"></div>
          <div class="mission-sell-title">上门话术</div>
        </div>
        <div class="mission-sell-content">
          <span class="mission-sell-tag">宽带保养-宽带到期：</span>
          您的宽带下个月即将到期，为不影响使用，建议尽快续费。为了方便您办理，我可以在您方便的时候上门服务…
        </div>
      </div>
    </div>

    <div class="ipu-flex  ipu-flex-justify-space step-content">
      <div class="ipu-flex-vertical ipu-flex ipu-flex-justify-center ipu-flex-align-center">
        <div class="true-pic"></div>
        <div class="step-value">预约前必看</div>
      </div>
      <div class="step-1to2 step-finish"></div>
      <div class="ipu-flex-vertical  ipu-flex ipu-flex-justify-center ipu-flex-align-center">
        <div class="step-num">2</div>
        <div class="step-value">上门前必看</div>
      </div>
      <div class="step-2to3 step-un-finish"></div>
      <div class="ipu-flex-vertical ipu-flex ipu-flex-justify-center ipu-flex-align-center">
        <div class="step-num">3</div>
        <div class="step-value">上门后必做</div>
      </div>
      <div class="step-3to4 step-un-finish"></div>
      <div class="ipu-flex-vertical ipu-flex ipu-flex-justify-center ipu-flex-align-center">
        <div class="step-num">4</div>
        <div class="step-value">业务必推荐</div>
      </div>
      <div class="step-4to5 step-un-finish"></div>
      <div class="ipu-flex-vertical ipu-flex ipu-flex-justify-center ipu-flex-align-center">
        <div class="step-num">5</div>
        <div class="step-value">完成必确认</div>
      </div>
    </div>

    <div class="ipu-flex-vertical reserve-content">
      <div class="content-title">宽带保养-宽带到期</div>
      <div class="ipu-flex ipu-flex-justify-space ipu-flex-align-center content-time margin-top-32">
        <div class="content-time-title">预约日期：<span id="dataValue">2019-06-10</span></div>
        <div class="content-time-choose" id="PickerData">选择日期</div>
      </div>
      <div class="ipu-flex ipu-flex-justify-space ipu-flex-align-center content-time">
        <div class="content-time-title">预约时间：<span id="timeValue">14:30—15:30 </span></div>
        <div class="content-time-choose" id="PickerTime">选择时间</div>
      </div>

      <div class="content-remark-title">
        预约备注：
      </div>
      <div class="ipu-flex">
        <textarea class="ipu-flex-col-auto other-reason-description reserve-success" placeholder="请输入备注信息"></textarea>
      </div>
      <div class="reserve-fail-content ipu-fn-hide">
        <div class="reserve-fail-title">预约失败</div>
        <div class="reserve-fail-reason-title">预约失败原因:</div>
        <div class="ipu-flex">
          <textarea class="ipu-flex-col-auto other-reason-description reserve-fail" placeholder="请输入预约失败原因"></textarea>
        </div>
      </div>
      <!--<div class="ipu-flex ipu-flex-justify-start content-remark">-->
        <!--<div class="content-remark-value content-choose-remark-value">弱光整治</div>-->
        <!--<div class="content-remark-value">宽带到期</div>-->
        <!--<div class="content-remark-value">宽带不活跃</div>-->
        <!--<div class="content-remark-value">宽带到期</div>-->
        <!--<div class="content-remark-value">机顶盒质差</div>-->
        <!--<div class="content-remark-value">宽带线路升级</div>-->
        <!--<div class="content-remark-value">升级智能网关</div>-->
      <!--</div>-->
      <!--&lt;!&ndash;<div class="ipu-flex ipu-flex-align-center ipu-flex-justify-space no-reserve" >&ndash;&gt;-->
        <!--&lt;!&ndash;<div class="no-reserve-title">暂不预约：</div>&ndash;&gt;-->
        <!--&lt;!&ndash;<div>&ndash;&gt;-->
          <!--&lt;!&ndash;<select name="cars">&ndash;&gt;-->
            <!--&lt;!&ndash;<option value="volvo">取消预约原因</option>&ndash;&gt;-->
            <!--&lt;!&ndash;<option value="saab">取消预约原因1</option>&ndash;&gt;-->
            <!--&lt;!&ndash;<option value="opel" selected>取消预约原因2</option>&ndash;&gt;-->
            <!--&lt;!&ndash;<option value="audi">取消预约原因3</option>&ndash;&gt;-->
          <!--&lt;!&ndash;</select>&ndash;&gt;-->
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
      <!--&lt;!&ndash;</div>&ndash;&gt;-->
      <!--<div>-->
        <!--<div class="ipu-flex ipu-flex-justify-center">-->
          <!--<div class="ipu-flex ipu-flex-justify-center finish-condition-states">-->
            <!--<div class="ipu-flex ipu-flex-justify-center ipu-flex-align-center finish-condition-value true-value" finish="true">-->
              <!--<div class="right-circle"></div>-->
              <!--<div class="finish-condition-choose-value">预约成功</div>-->
            <!--</div>-->
            <!--<div class="ipu-flex ipu-flex-justify-center ipu-flex-align-center finish-condition-value false-value" finish="false">-->
              <!--<div class="right-circle ipu-fn-hide"></div>-->
              <!--<div class="finish-condition-choose-value finish-condition-unchoose-value">预约失败</div>-->
            <!--</div>-->
          <!--</div>-->
        <!--</div>-->

        <!--<div class="ipu-flex ipu-flex-justify-center">-->
          <!--<div class="ipu-flex ipu-flex-justify-space un-transact">-->
            <!--<div class="un-transact-title">预约失败原因：</div>-->
            <!--<select>-->
              <!--<option>客户表示不需要</option>-->
              <!--<option>客户表示不需要1</option>-->
              <!--<option>客户表示不需要2</option>-->
            <!--</select>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->

    <!--<div-->
      <!--class="submit-reserve">-->
      <!--提交-->
    <!--</div>-->
  </div>
</div>
  <div class="ipu-flex ipu-flex-col bottom-button">
    <div class="ipu-flex ipu-flex-justify-center ipu-flex-align-center unfinish-step">
      <div class="right-circle ipu-fn-hide"></div>
      <div class="button-text">预约失败</div>
    </div>
    <div class="ipu-flex ipu-flex-justify-center ipu-flex-align-center finish-step active-step-state">
      <div class="right-circle"></div>
      <div class="button-text">预约成功</div>
    </div>
  </div>
</div>
</body>
</html>