store03001_guide.html 14.6 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</title>
      <link rel="stylesheet" type="text/css" href="http://iot.uccc.cc:9090/app/css/api.css"/>
      <link rel="stylesheet" type="text/css" href="http://iot.uccc.cc:9090/app/css/aui.css"/>
      <link rel="stylesheet" type="text/css" href="http://iot.uccc.cc:9090/app/css/home.css"/>
      <link rel="stylesheet" type="text/css" href="http://iot.uccc.cc:9090/app/css/element.css"/>
      <link rel="stylesheet" type="text/css" href="http://iot.uccc.cc:9090/app/css/style.css"/>
      <style>
          *{
              -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
              -webkit-user-select:none; /*webkit浏览器*/
              -khtml-user-select:none; /*早期浏览器*/
              -moz-user-select:none;/*火狐*/
              -ms-user-select:none; /*IE10*/
              user-select:none;
          }
          p {
            font-size:12px;
            font-family:PingFang SC;
            font-weight:500;
            color:rgba(55,57,78,1);
            margin-top: 0.2rem;
          }
      </style>
  </head>
  <body>
    <div id="app" ontouchstart="" οnmοuseοver="">
      <template>
        <el-tabs v-model="activeName" @tab-click="handleClick" stretch>
          <el-tab-pane label="TY-610" name="first"></el-tab-pane>
          <el-tab-pane label="TY-612" name="second"></el-tab-pane>
        </el-tabs>
          <div v-if="opener === 1" class="guide-text-panel">
            <span class="guide-text-title" >TY-610 智慧空开使用说明</span>
            <div style="height:1px;background:rgba(244,246,249,1);width:auto;margin-top:9.5px;margin-bottom:14.5px;"></div>
            <p class="guide-text-title-sm" style="font-size:15px;">使用说明</p>
            <span class="guide-text-title-sm">1.产品面板说明</span>
            <div style="margin-bottom:18.5px;">
              <div class="aui-row aui-row-flex">
                  <div class="aui-col aui-col-span-24 aui-row-flex-center aui-row-flex-middle">
                    <img src="http://iot.uccc.cc:9090/product/03001/img-ty610-01.png" style="width:325px;height:117px;"/>
                  </div>
              </div>
            </div>
            <span class="guide-text-area">
              <p>注:Test:测试键;M:手动模式;A:自动模式;Lock:挂锁模式。</p>
            </span>
            <span class="guide-text-title-sm" style="margin-top:15px;">2.指示灯说明</span>
            <div style="margin-bottom:18.5px;">
              <div class="aui-row aui-row-flex">
                  <div class="aui-col aui-col-span-24 aui-row-flex-center aui-row-flex-middle" style="height:209px;">
                    <img src="http://iot.uccc.cc:9090/product/03001/img-ty610-02.png" style="width:auto;height:209px;"/>
                  </div>
              </div>
            </div>
  
            <span class="guide-text-title-sm" style="margin-top:13.5px;margin-bottom:15px;">3.按键说明</span>
            <div style="margin-bottom:18.5px;">
              <div class="aui-row aui-row-flex">
                  <div class="aui-col aui-col-span-24 aui-row-flex-center aui-row-flex-middle">
                    <img src="http://iot.uccc.cc:9090/product/03001/img-ty610-03.png" style="width:325px;height:117px;"/>
                  </div>
              </div>
            </div>
  
            <span class="guide-text-title-sm" style="margin-top:13.5px;margin-bottom:8px;">4.安装接线及使用说明</span>
            <span class="guide-text-area">
              <p>1) 安装前:安装前,先确认【手自动切换开关】状态在【M】位置,再用【手柄】进行分合闸操作 2次,最后将【手柄】置于分闸位置。</p>
              <p>2) 将产品安装到导轨上,并按接线图接线,完成后送电。</p>
              <p>3) 开机:确认安装正确后,接通设备电源,将【手自动切换开关】切换到【A】位置,满足合闸条件即手动合闸,本产品电源输出指示绿灯亮。</p>
              <p>4) 通电正常后,按【test】按键测试漏电保护功能,漏电指示灯报警,如20S后自动复位通电,证明本产品正常。</p>
            </span>
  
            <span class="guide-text-area" style="background:rgba(247,247,247,1);">
              <div style="margin-left: 15px;margin-right: 15px;">
                <span class="guide-text-title-sm" style="margin-top:13.5px;margin-bottom:8px;">注:</span>
                <p>*建议产品安装在浪涌保护器的后端。</p>
                <p>*接线时注意:必须确认输入端与输出端,同时产品辅助电源与主电源必须接同一回路。</p>
                <p>*故障指示:因欠压、过压、漏电、过载、短路等原因产生故障,本产品会分闸,故障指示灯亮。</p>
                <p>*故障排除:根据故障指示灯所显示的状态进行有针对性的人工检修与故障排除。</p>
              </div>
            </span>
  
            <p class="guide-text-title-sm" style="font-size:15px;margin-top: 20px;">故障排除:</p>
            <span class="guide-text-title-sm" style="margin-bottom: -10px;">1.若产品不能正常工作</span>
            <span class="guide-text-area">
              <p>1)请检查【手自动切换开关】是否未处在【A】位置</p>
              <p>2)请检查电源进线方向是否按照产品规定的方向可靠连接正确</p>
              <p>3)请检查是否有故障未排除,若有故障指示灯亮,排除故障后, 手动切换开关拔到”M”后,再拔到”A”后,进行清除故障记忆,手动合闸。</p>
            </span>
            <span class="guide-text-title-sm" style="margin-bottom: -10px;">2.若使用过程中频繁跳闸</span>
            <span class="guide-text-area">
              <p>请检查选用小断额定电流是否偏小,或者检查线路是否正常。</p>
            </span>
            <span class="guide-text-title-sm" style="margin-bottom: -10px;">3.若使用过程中闭锁,即出现永久性故障</span>
            <span class="guide-text-area">
              <p>请检查是否有故障未排除,排除故障后,手动切换开关拔到”M”后,再拔到”A”后,进行清除故障记忆,手动合闸。</p>
            </span>
            <span class="guide-text-title-sm" style="margin-bottom: -10px;">4.日常使用与维护</span>
            <span class="guide-text-area">
              <p>1)请每月按【Test】键一次,检查断路器是否跳闸、【漏电】灯闪烁,20s后自动重合</p>
              <p>2)检修时,先将【手自动切换开关】切换到【M】位置,手动分闸后将挂锁杆抽出,进行挂锁。</p>
            </span>
          </div>
          <div v-if="opener === 2" class="guide-text-panel">
              <span class="guide-text-title" >TY-612 直流智慧空开使用说明</span>
              <div style="height:1px;background:rgba(244,246,249,1);width:auto;margin-top:9.5px;margin-bottom:14.5px;"></div>
              <p class="guide-text-title-sm" style="font-size:15px;">使用说明</p>
              <span class="guide-text-title-sm" style="margin-bottom: -10px;">1.产品面板说明</span>
              <p>面板指示灯,反映了设备的各个部分的运行情况,各指示灯在不同状态下可能发光或不发光,在设备运行期间,相应的LED 用以反映的工作</p>
              <div style="margin-bottom:18.5px;">
                <div class="aui-row aui-row-flex">
                    <div class="aui-col aui-col-span-24 aui-row-flex-center aui-row-flex-middle">
                      <img src="http://iot.uccc.cc:9090/product/03003/img-ty612-01.png" style="width:325px;height:117px;"/>
                    </div>
                </div>
              </div>
              <span class="guide-text-title-sm" style="margin-top:15px;">2.指示灯说明</span>
              <div style="margin-bottom:18.5px;">
                <div class="aui-row aui-row-flex">
                    <div class="aui-col aui-col-span-24 aui-row-flex-center aui-row-flex-middle" style="height:209px;">
                      <img src="http://iot.uccc.cc:9090/product/03003/img-ty612-02.png" style="width:auto;height:209px;"/>
                    </div>
                </div>
              </div>
    
              <span class="guide-text-title-sm" style="margin-top:13.5px;margin-bottom:15px;">3.按键说明</span>
              <div style="margin-bottom:18.5px;">
                <div class="aui-row aui-row-flex">
                    <div class="aui-col aui-col-span-24 aui-row-flex-center aui-row-flex-middle">
                      <img src="http://iot.uccc.cc:9090/product/03003/img-ty612-03.png" style="width:325px;height:117px;"/>
                    </div>
                </div>
              </div>
    
              <span class="guide-text-title-sm" style="margin-top:13.5px;margin-bottom:15px;">4.安装及使用说明</span>
              <span class="guide-text-area">
                <p>1)安装前:先确认【手自动切换开关】在【M】位置,再使用【手柄】进行分合闸动作两次,确认无问题后将【手柄】置于分闸的位置。</p>
                <p>2)接线时:必须确认输入端与输出端的火线、零线端口,且接线时必须将开关处于分闸状态,电子部件上的【手自动切换开关】拨到【M】的位置,即开关与电子部件全部处于断电状态。将设备安装在导轨上并按照接线图进行接线,确认接线无误后完成后通电。</p>
                <p>3)开机:确认安装正确后,接通设备电源,将【手自动切换开关】拨动到【A】的位置,操作【手柄】手动合闸,本产品电源输出指示灯绿灯亮。</p>
                <p>4)通电正常后,按【Test】键检验电压故障指示功能、开关分闸指示功能和断电指示功能,如20S后自动复位通电,证明本产品正常。</p>
              </span>
    
              <span class="guide-text-area" style="background:rgba(247,247,247,1);">
                <div style="margin-left: 15px;margin-right: 15px;">
                  <span class="guide-text-title-sm" style="margin-top:13.5px;margin-bottom:15px;">注:</span>
                  <p>*建议本产品安装在浪涌保护器后面。</p>
                  <p>*故障指示:因欠压、过压、断电等原因产生故障时,本产品会分闸,相应故障指示灯亮。</p>
                  <p>*故障排除:根据故障指示灯所显示的状态进行有针对性的人工检修与故障排除。</p>
                  <p>*通讯功能:具有实时故障通讯功能,当使用通讯模组时,检查是否插SIM卡,当卡插入正常工作时,绿灯与红灯交替闪烁。</p>
                  <p>*设备具备RS485通讯接口和天线端口,支持GPRS(2G)无线通讯功能、LTE(4G)无线通讯功能、CAT1(4G)无线通讯功能和NB-IOT无线通讯功能,可进行远程操控</p>
                </div>
              </span>
    
              <p class="guide-text-title-sm" style="font-size:15px;margin-top: 20px;">故障排除:</p>
              <span class="guide-text-title-sm" style="margin-bottom: -10px;">1.若产品不能正常工作</span>
              <span class="guide-text-area">
                <p>1)请检查【手自动切换开关】是否未处在【A】位置</p>
                <p>2)请检查电源进线方向是否按照产品规定的方向可靠连接正确</p>
                <p>3)请检查是否有故障未排除,若有故障指示灯亮,排除故障后, 手动切换开关拔到”M”后,再拔到”A”后,进行清除故障记忆,手动合闸。</p>
              </span>
              <span class="guide-text-title-sm" style="margin-bottom: -10px;">2.若使用过程中频繁跳闸</span>
              <span class="guide-text-area">
                <p>请检查选用小断额定电流是否偏小,或者检查线路是否正常。</p>
              </span>
              <span class="guide-text-title-sm" style="margin-bottom: -10px;">3.若使用过程中闭锁,即出现永久性故障</span>
              <span class="guide-text-area">
                <p>请检查是否有故障未排除,排除故障后,手动切换开关拔到”M”后,再拔到”A”后,进行清除故障记忆,手动合闸。</p>
              </span>
              <span class="guide-text-title-sm" style="margin-bottom: -10px;">4.日常使用与维护</span>
              <span class="guide-text-area">
                <p>1)请每月按【Test】键一次,检查断路器是否跳闸、【漏电】灯闪烁,20s后自动重合</p>
                <p>2)检修时,先将【手自动切换开关】切换到【M】位置,手动分闸后将挂锁杆抽出,进行挂锁。</p>
              </span>
          </div>
        </div>
        <div style="height: 20px;"></div>
      </template>
    </div>
  </body>
  <script type="text/javascript" src="http://iot.uccc.cc:9090/app/js/api.js"></script>
  <script type="text/javascript" src="http://iot.uccc.cc:9090/app/js/jquery-3.3.1.min.js"></script>
  <script type="text/javascript" src="http://iot.uccc.cc:9090/app/js/vue.min.js"></script>
  <script type="text/javascript" src="http://iot.uccc.cc:9090/app/js/common.js"></script>
  <script type="text/javascript" src="http://iot.uccc.cc:9090/app/js/element.js"></script>
  <script type="text/javascript" src="http://iot.uccc.cc:9090/app/js/fastclick.js "></script>
  <script type="text/javascript">
    var vm;
    var tabTypeList = {
      "first": 1,
      "second": 2,
    }
    apiready = function(){
      api.parseTapmode();
      $(function() {
        FastClick.attach(document.body);
      }); 

        //---------初始化vue
        vm = new Vue({
          el: '#app',
          data: {
            activeName: 'first',
            opener: 1,
          },
          mounted() {
          },
          created() {

          },
          methods: {
            handleClick(tab, event) {
                this.opener = tabTypeList[tab.name]
                // switch (this.opener) {
                //   case 1:
                //     // this.initFirstPage()                    
                //     break;
                //   case 2:
                //     // this.initSecondPage()                    
                //     break; 
                //   default:
                //     break;
                // }
              },
          }
        })
    };
  </script>
</html>