commit

@@ -12,6 +12,7 @@ Vue.config.productionTip = false
 Vue.prototype.$http = axios
 Vue.prototype.$qs=qs
 axios.defaults.baseURL = 'http://192.168.8.216:9090'
+// axios.defaults.baseURL = 'http://127.0.0.1:9090'
 
 Vue.use(Element, { size: 'small', zIndex: 3000 });
 

 <template xmlns:el-col="http://www.w3.org/1999/html">
   <div>
+    <el-menu
+      :default-active="activeIndex"
+      class="el-menu-demo"
+      mode="horizontal"
+      @select="handleSelect"
+      background-color="#545c64"
+      text-color="#fff"
+      active-text-color="#ffd04b">
+      <el-menu-item index="1">测试工具</el-menu-item>
+      <el-submenu index="2">
+        <template slot="title">常用链接</template>
+        <el-menu-item index="2-1"><a class="link" href="http://192.168.8.216:8080/jenkins/" target="_blank">测试jenkins</a></el-menu-item>
+        <el-menu-item index="2-2"><a class="link" href="http://192.168.8.211/www/index.php?m=project&f=task" target="_blank">禅道</a></el-menu-item>
+        <el-menu-item index="2-3"><a class="link" href="http://192.168.8.206:803/copythat/" target="_blank">产品需求</a></el-menu-item>
+        <el-menu-item index="2-4"><a class="link" href="http://qa.jxbrty.com/devops-web/#/signin" target="_blank">运营平台</a></el-menu-item>
+        <el-menu-item index="2-5"><a class="link" href="http://192.168.8.207/login" target="_blank">统计平台</a></el-menu-item>
+        <el-menu-item index="2-6"><a class="link" href="http://221.216.94.116:802/#group/5/" target="_blank">APP安装包下载</a></el-menu-item>
+        <el-menu-item index="2-7"><a class="link" href="http://gitlab.jxbrty.com/" target="_blank">GitLab平台</a></el-menu-item>
+        <el-menu-item index="2-8"><a class="link" href="http://192.168.8.211:8090/pages/viewpage.action?pageId=32513105" target="_blank">Confluence平台</a></el-menu-item>
+      </el-submenu>
+      <el-menu-item index="3" disabled>正在开发中</el-menu-item>
+    </el-menu>
     <el-row>
       <el-col :span="8">
         <el-form ref="form" :model="deleteClues" label-width="0px">
@@ -24,15 +46,22 @@
         </el-form>
       </el-col>
       <el-col :span="8">
-        <el-card class="darkred" shadow="always">
-          <div slot="header" class="clearfix">
-            <span>卡片名称</span>
-            <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
-          </div>
-          <div v-for="o in 4" :key="o" class="text item">
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
+        <el-form ref="form" :model="bizData" label-width="0px">
+          <el-card class="darkred" shadow="always">
+            <div slot="header" class="clearfix">
+              <span>加密biz_data</span>
+            </div>
+            <div class="text item">
+              <el-form-item>
+                <el-input placeholder="输入json格式的biz_data" v-model="bizData.myData" clearable></el-input>
+              </el-form-item>
+              <div style="margin: 15px 0;"></div>
+              <el-form-item>
+                <el-button round @click="bizDataSubmit">加密</el-button>
+              </el-form-item>
+            </div>
+          </el-card>
+        </el-form>
       </el-col>
       <el-col :span="8">
         <el-card class="blue" shadow="always">
@@ -79,7 +108,6 @@
   .clearfix:after {
     clear: both
   }
-
   .yellowgreen {
     width: calc(100% - 20px);
     padding: 0px;
@@ -103,6 +131,9 @@
     padding: 0px;
     background-color: aquamarine;
   }
+  .link{
+    color: inherit;
+  }
 </style>
 
 <script>
@@ -112,10 +143,17 @@
         deleteClues: {
           agentUid: '',
           customUid: ''
-        }
+        },
+        bizData: {
+          myData: ''
+        },
+        activeIndex: '1'
       }
     },
     methods: {
+      handleSelect(key, keyPath) {
+        console.log(key, keyPath);
+      },
       onSubmit() {
         let config = {
           headers: {
@@ -148,6 +186,26 @@
             type: 'error'
           });
         })
+      },
+      bizDataSubmit() {
+        let config = {
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded'
+          }
+        }
+        this.$http.get('/tool/bizData?'+this.$qs.stringify({
+          biz_data: this.bizData.myData
+        }),config).then((res)=>{
+          console.log(res);
+
+        }).catch(error=>{
+          console.log(error);
+          this.$message({
+            showClose: true,
+            message: '服务器抛出异常',
+            type: 'error'
+          });
+        })
       }
     }
   }