repair_tools.html 2.24 KB
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>故障类型选择器</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/operaterLog/operaterLog.css"/>
    <style>
        html,
        body{
          background: rgba(0,0,0,0.4);
          width: 100%;
          height: 100%;
        }
    </style>
</head>
<body>
  <div style="height:100%;z-index:10;" tapmode onclick="closeSelecter();"></div>
  <div style="bottom: 0;position:fixed;background-color: #FFFFFF;z-index:11;">
    <div class="operater-type-selecter-title">故障分类</div>
    <div class="aui-row aui-row-gutter" style="margin-left:10px;margin-right:10px;" id="repair_list">
      <!-- <div class="aui-col aui-col-span-24" style="height:10px;">
        <div class="type-btn"></div>
      </div> -->
      <div class="aui-col aui-col-span-24">
        <div class="type-btn" style="height:5px;border:0px;color:#FFFFFF;">类型</div>
      </div>
    </div>
    <div class="margin-15" style="height:15px;"></div>
  </div>
  <footer></footer>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
    apiready = function(){
      api.parseTapmode();
      var footer = $api.dom('footer'); // 获取 footer 标签元素
      var footerH = $api.fixTabBar(footer);
      getTypeList();
    };

    function getTypeList() {
      var typeList = api.pageParam.typeList;
      for (var i = 0; i < typeList.length; i++) {
        var listHtml = repairTypeHtml(typeList[i]);
        $api.append($api.byId("repair_list"), listHtml);
      }

    }

    function closeSelecter() {
      api.closeFrame();
    }

    function chooseType(value) {

      api.sendEvent({
          name: 'changeRepairType',
          extra: {
              curSelect: value,
          }
      });
      api.closeFrame();

    }
</script>
</html>