<!doctype html>
  <html class="no-js">
  <head>

    <include file="Common/head" />
    <style type="text/css">
      .am-form{width:500px;margin-left:20px;float: left;}
      #editor {font-size: 12px;}
      .am-form label span{font-size: 13px;font-weight:normal;}
      .am-form label p{display: inline;color: #f00;}
      .am-form .am-form-inline-2 input[type=file]{width: 246px}
      .am-form .am-form-inline-3 input[type=text]{width: 160px}
      .am-form .am-form-inline-3 select{width: 160px}
      .am-form .am-form-inline-4 input[type=text]{width: 120px}
      .am-form .am-form-inline-4 select{width: 120px}
      .two-input {display: flex;}
      .am-form .am-form-inline-4 .two-input input[type=text]{width: 50px;}
      .am-form .am-form-inline-4 .two-input input[type=text]:nth-of-type(2){width: 20px;padding: 8px 2px;cursor: default;background: #fff; border-left: 0; border-right: 0;}

      .am-form input[type=file]{display:none;}
      .am-form .am-form-group img{height: 60px;min-width: 60px;max-width: 100px;margin-top: 2px;display: block;cursor: pointer;}
      input[readonly]{background-color: #fff!important;cursor: default!important;}
      .am-form-group input{
        height: 30px;font-size: 14px;margin-bottom: 10px !important;
      }
      .am-form-group select{
        height: 30px;font-size: 14px;margin-bottom: 10px !important;
      }
    </style>
  </head>
  <body>
  <include file="Common/header" />
  <div class="am-cf admin">
    <include file="Common/sidebar" nav="$nav" navv="$nav"/>
    <div class="content-page" style="background: white;">
      <div class="admin-content" style="background: white;">
        <div class="admin-content-body">
          <div class="am-cf am-padding">
            <div class="am-fl am-cf">
              <strong class="am-text-primary am-text-lg">决策支持</strong> /
              <small>商品销售转化率</small>
            </div>
          </div>
          <hr style="margin-top:0px;">
          <div class="am-g" style="padding: 0 1.6rem;">
          <form action="" method="GET" class="am-form">
                 <div class="am-form-group">
                    <label style="display: inline-block;">商品名称</label>
                    <input type="text" name="title" value="{$_GET['title']}" style="display: inline-block;">
                    <button type="submit" class="am-btn am-btn-default" onclick="$('#op').val('')" style="display: inline-block;">搜索</button>
                    <button type="submit" class="am-btn am-btn-secondary" onclick="$('#op').val('export')" style="display: inline-block;">导出Excel</button>
                  </div>
              </form>
          <div class="am-panel am-panel-default">
            <div class="am-panel-bd">
              <table class="am-table">
                <thead>
                  <tr>
                    <th>商品id</th>
                    <th>商品名称</th>
                    <th>访问次数</th>
                    <th>销量</th>
                    <th>转化率</th>
                  </tr>
                </thead>
                <tbody>
                  <?php foreach($list as $vo){ ?>
                  <tr>
                    <td>{$vo.id}</td>
                    <td>{$vo.title}</td>
                    <td>{$vo.browse_num}</td>
                    <td>{$vo.sales}</td>
                    <td><?php echo(empty($vo['scale']) ? 0.00 : $vo['scale'] * 100); ?>%</td>
                  </tr>
                  <?php } ?>
                </tbody>
              </table>
              <div class="am-cf">
                <div class="am-fr">
                  {$page}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <include file="Common/footer" />
  </body>
  </html>
