更新图标

src/assets/css/iconfont.css

@@ -13,6 +13,42 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-questionmarko:before {
+  content: "\e62a";
+}
+
+.icon-question-mark-circle:before {
+  content: "\e608";
+}
+
+.icon-question-mark:before {
+  content: "\e695";
+}
+
+.icon-question-mark-circle-outline:before {
+  content: "\e741";
+}
+
+.icon-question-mark-circle1:before {
+  content: "\e688";
+}
+
+.icon-sync:before {
+  content: "\e72a";
+}
+
+.icon-sync1:before {
+  content: "\e67e";
+}
+
+.icon-sync2:before {
+  content: "\e60f";
+}
+
+.icon-sync3:before {
+  content: "\e65d";
+}
+
 .icon-xiangmu1:before {
   content: "\e61c";
 }
@@ -39,7 +75,6 @@
 
 .icon-shujujiemi:before {
   content: "\e60c";
-  font-size: 25px;
 }
 
 .icon-interface:before {
@@ -60,7 +95,6 @@
 
 .icon-consumption-fill:before {
   content: "\e79d";
-  font-size: 20px;
 }
 
 .icon-scenes-fill:before {
@@ -69,12 +103,10 @@
 
 .icon-scenes:before {
   content: "\e79f";
-  font-size: 20px;
 }
 
 .icon-consumption:before {
   content: "\e7a0";
-  font-size: 20px;
 }
 
 .icon-memcacheyunshujukuMemcac:before {
@@ -111,7 +143,6 @@
 
 .icon-jira:before {
   content: "\e7bc";
-  font-size:20px;
 }
 
 .icon-icon_dpsz:before {

src/assets/fonts/iconfont.json

@@ -5,6 +5,69 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "737960",
+      "name": "question-mark-o",
+      "font_class": "questionmarko",
+      "unicode": "e62a",
+      "unicode_decimal": 58922
+    },
+    {
+      "icon_id": "7141354",
+      "name": "question-mark-circle",
+      "font_class": "question-mark-circle",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "10972070",
+      "name": "question-mark",
+      "font_class": "question-mark",
+      "unicode": "e695",
+      "unicode_decimal": 59029
+    },
+    {
+      "icon_id": "13895773",
+      "name": "question-mark-circle-outline",
+      "font_class": "question-mark-circle-outline",
+      "unicode": "e741",
+      "unicode_decimal": 59201
+    },
+    {
+      "icon_id": "14401790",
+      "name": "question-mark-circle",
+      "font_class": "question-mark-circle1",
+      "unicode": "e688",
+      "unicode_decimal": 59016
+    },
+    {
+      "icon_id": "1393781",
+      "name": "sync",
+      "font_class": "sync",
+      "unicode": "e72a",
+      "unicode_decimal": 59178
+    },
+    {
+      "icon_id": "7715188",
+      "name": "sync",
+      "font_class": "sync1",
+      "unicode": "e67e",
+      "unicode_decimal": 59006
+    },
+    {
+      "icon_id": "8759999",
+      "name": "sync",
+      "font_class": "sync2",
+      "unicode": "e60f",
+      "unicode_decimal": 58895
+    },
+    {
+      "icon_id": "10330650",
+      "name": "sync",
+      "font_class": "sync3",
+      "unicode": "e65d",
+      "unicode_decimal": 58973
+    },
     {
       "icon_id": "642082",
       "name": "project",

src/main.js

@@ -48,7 +48,8 @@ import {
   Radio,
   MessageBox,
   Row,
-  Col
+  Col,
+  Tooltip
 } from 'element-ui'
 
 Vue.config.productionTip = false
@@ -95,6 +96,7 @@ Vue.use(Radio)
 Vue.use(Row)
 Vue.use(Col)
 Vue.use(JsonViewer)
+Vue.use(Tooltip)
 
 // Vue.use(Sortable)
 /* eslint-disable no-new */

src/views/auto/AddInterface.vue

@@ -39,9 +39,13 @@
             </el-col>
           </el-row>
         </el-collapse-item>
+        <el-button type="primary" @click="DialogVisible=true" style="margin-top:10px">导 入</el-button>
+        <el-tooltip class="item" effect="light" content="这些·息" placement="right-start">
+          <i class="iconfont icon-questionmarko" />
+        </el-tooltip>
+
         <!-- Headers添加 -->
         <el-collapse-item title="请求头" name="2">
-          <el-button type="primary" @click="DialogVisible=true" style="margin-top:10px">导 入</el-button>
           <!-- Header参数添加 -->
           <el-table :data="headersList" border style="width:100%;margin-top:15px;">
             <el-table-column label="参数名称" width="200">

src/views/auto/SceneCaseDetail.vue

-<template>
-  <div>
-    <div id="dialog" class="test test-1 drag" v-if="show_dialog">
-      <div class="header_title"> 添加场景用例</div>
-      <el-form :model="sceneCaseForm" style="margin-left:50px;margin-top:20px;">
-        <el-form-item label="模块名称:" style="width:300px">
-          <el-select v-model="moduleFrom" value-key="id" placeholder="请选择模块" @change="selectChangeModel" clearable>
-            <el-option v-for="item in modelList" :key="item.id" :label="item.name" :value="item"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="接口名称:" style="width:500px">
-          <el-select v-model="interfaceFrom" value-key="id" placeholder="请选择接口" @change="selectChangeInterface" clearable>
-            <el-option v-for="item in interfaceList" :key="item.id" :label="item.name" :value="item"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-table :data="caseList" border style="width: 70%;margin-left:1px" @selection-change="handleSelectionChange">
-            <el-table-column type="selection" style="width:10%">
-            </el-table-column>
-            <el-table-column type='index' style="width:15%"></el-table-column>
-            <el-table-column prop="name" label="用例名称" style="width:60%"></el-table-column>
-          </el-table>
-        </el-form-item>
-      </el-form>
-      <span slot="footer" class="dialog-footer" style="margin-left:200px;margin-top:30px;">
-        <el-button @click="cancelForm">取 消</el-button>
-        <el-button type="primary" @click="addCaseDetailFrom">确 定</el-button>
-      </span>
-    </div>
-  </div>
-</template>
-<script>
-import {
-  getCaseByInterface,
-  getModulList,
-  interfaceDetailList
-} from '@/api/getAotoInterface'
-export default {
-  props: {
-    msgchange: { type: Boolean }
-  },
-  data() {
-    return {
-      sceneCaseForm: {
-        caseDetail: []
-      },
-      moduleFrom: {},
-      interfaceFrom: {},
-      newFrom: {
-        newModule: '',
-        newInterface: ''
-      },
-      moduleInfo: {
-        pageNum: 1,
-        pageSize: 100
-      },
-      modelList: [],
-      interfaceList: [],
-      interfaceInfo: {
-        pageNum: 1,
-        pageSize: 100,
-        moduleId: ''
-      },
-      caseInfo: {
-        interfaceId: ''
-      },
-      caseList: [],
-      show_dialog: false
-    }
-  },
-  created() {
-    this.getModelList()
-  },
-  methods: {
-    // 获取模块列表
-    getModelList() {
-      getModulList(this.moduleInfo).then((resp) => {
-        this.modelList = resp.data.data.list
-      })
-    },
-    // 模块下拉框改变事件
-    selectChangeModel() {
-      this.interfaceInfo.moduleId = this.moduleFrom.id
-      this.sceneCaseForm.moduleId = this.moduleFrom.id
-      interfaceDetailList(this.interfaceInfo).then((resp) => {
-        this.interfaceList = resp.data.data.list
-      })
-    },
-    // 接口下拉框改变事件
-    selectChangeInterface() {
-      this.caseInfo.interfaceId = this.interfaceFrom.id
-      getCaseByInterface(this.caseInfo).then((resp) => {
-        this.caseList = resp.data.data
-      })
-    },
-    // 复选框选中事件
-    handleSelectionChange(row) {
-      this.sceneCaseForm.caseDetail = row
-    },
-    // 保存事件
-    addCaseDetailFrom() {
-      // 子组件向父组件传递的信息
-      this.$emit('childFn', this.sceneCaseForm)
-    },
-    // 取消事件
-    cancelForm() {
-      this.show_dialog = false
-    },
-    // 父组件传递的事件
-    addSceneCase(param) {
-      if (param) {
-        this.show_dialog = true
-      }
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-#dialog {
-  width: 500px;
-  height: 500px;
-  margin: 0 auto;
-  background-color: #ffffff;
-  position: fixed;
-  top: 40%;
-  left: 60%;
-  margin: -120px 0 0 -150px;
-  z-index: 1000;
-  border: 2px solid #ccc;
-  border-radius: 10px;
-  -webkit-border-radius: 10px;
-  box-shadow: 3px 2px 4px #ccc;
-  -webkit-box-shadow: 3px 2px 4px #ccc;
-  box-sizing: border-box;
-  box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
-}
-.header_title {
-  margin-left: 20px;
-  margin-top: 20px;
-  font-size: 18px;
-  color: #303133;
-}
-
-.test {
-  width: 50px;
-  height: 120px;
-  overflow: auto;
-  float: left;
-  margin: 5px;
-  border: none;
-}
-.scrollbar {
-  width: 30px;
-  height: 300px;
-  margin: 0 auto;
-}
-.test-1::-webkit-scrollbar {
-  /*滚动条整体样式*/
-  width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
-  height: 1px;
-}
-.test-1::-webkit-scrollbar-thumb {
-  /*滚动条里面小方块*/
-  border-radius: 10px;
-  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-  background: #535353;
-}
-.test-1::-webkit-scrollbar-track {
-  /*滚动条里面轨道*/
-  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-  border-radius: 10px;
-  background: #ededed;
-}
-.drag {
-  width: 100px;
-  height: 100px;
-  position: absolute;
-  top: 0;
-  left: 0;
-  background-color: red;
-}
-</style>