提交内容

whychdw

2019-10-10 20e9ed291e6ff2eceed90ee41e0a9cb4ccb2a28b

 src/pages/main/main.html

@@ -1,5 +1,42 @@
<!-- 这里还是一个标准的BUI页面 -->
<div class="bui-page" id="main">
   <div style="display:none">
      <Modal
      title="服务器地址设置"
      v-model="addressModal.show"
      width="400"
      footer-hide
      :mask-closable="false"
      class-name="vertical-center-modal">
         <i-input 
         v-model="addressModal.address"
         @on-change="chagneSaveBtn()"
         clearable>
            <span slot="prepend">服务器IP地址</span>
         </i-input>
         <br/>
         <i-input 
         v-model="addressModal.port"
         @on-change="chagneSaveBtn()"
         clearable>
            <span slot="prepend">服务器端口号</span>
         </i-input>
         <br>
         <div class="h-modal-footer">
            <i-button
            type="primary"
            @click="testAddress()" 
            style="margin-right: 16px;">测试地址</i-button>
            <i-button
            v-if="addressModal.notSave"
            disabled>保存地址</i-button>
            <i-button
            v-else 
            type="primary"
            @click="saveAddress()">保存地址</i-button>
         </div>
      </Modal>
   </div>
   <main ref="main">
      <!-- 中间内容 -->
      <div class="main-inner">
@@ -7,7 +44,7 @@
            <li class="bui-btn bui-box span3" @click="handlerTabs('menu')">
               <div class="thumbnail success"><i class="icon">&#xe665;</i></div>
               <div class="span1">
                  <h3 class="item-title approve">3</h3>
                  <h3 class="item-title approve">5</h3>
                  <p class="item-text">菜单</p>
               </div>
            </li>
@@ -40,15 +77,23 @@
                     <div class="bui-icon primary round"><i class="iconfont icon-zhexianzhuzhuangtu"></i></div>
                     <div class="span1">监测数据</div>
                  </li>
                  <li class="bui-btn" @click="handerClick('history')">
                     <div class="bui-icon success round"><i class="iconfont icon-yunweiguanli"></i></div>
                     <div class="span1">运维数据</div>
                  </li>
                  <li class="bui-btn" @click="handerClick('warn')">
                     <div class="bui-icon warning round"><i class="icon-bell">&#xe63f;</i><span class="bui-badges" v-text="numbers.alarms">0</span></div>
                     <div class="span1">告警管理</div>
                  </li>
                  <li class="bui-btn" @click="handerClickAlert('address')">
                     <div class="bui-icon primary round"><i class="iconfont icon-wangluo"></i></div>
                     <div class="span1">网址设置</div>
                  </li>
                  <!-- <li class="bui-btn" @click="handerClick('system')">
                     <div class="bui-icon primary round"><i class="iconfont icon-canshushezhi1"></i></div>
                     <div class="span1">系统管理</div>
                  </li> -->
                  <!-- <li class="bui-btn">
                  </li>
                  <li class="bui-btn">
                     <div class="bui-icon danger round"><i class="iconfont icon-dianchiguanli"></i></div>
                     <div class="span1">电池组管理</div>
                  </li>
@@ -199,4 +244,7 @@
   .bui-btn:active {
      background-color: #bbb;
   }
   .h-modal-footer {
      text-align: right;
   }
</style>