mock和线上质检页面风格和其他页面统一

src/views/mock/httpmock.vue

@@ -1,23 +1,23 @@
 <template style="height=0px;improtanent">
   <div class="app-container" style="background-color: rgb(242, 243, 246);min-height: calc(100vh - 80px);padding: 1% 0px;">
       <div class="filter-container stylus-head" style="padding-bottom: 20px;!improtant">
-        <el-input v-model="listQuery.id" placeholder="接口ID" style="width: 80px;" class="filter-item" @keyup.enter.native="handleFilter" />
-        <el-input v-model="listQuery.customName" placeholder="接口名称" style="width: 150px;" class="filter-item" @keyup.enter.native="handleFilter" />
-        <el-input v-model="listQuery.url" placeholder="url" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
+        <el-input size="small" v-model="listQuery.id" placeholder="接口ID" style="width: 80px;" class="filter-item" @keyup.enter.native="handleFilter" />
+        <el-input size="small" v-model="listQuery.customName" placeholder="接口名称" style="width: 150px;" class="filter-item" @keyup.enter.native="handleFilter" />
+        <el-input size="small" v-model="listQuery.url" placeholder="url" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
         <!--<el-select v-model="listQuery.method" placeholder="method" style="width: 100px;" class="filter-item" filterable clearable @change="getMethod(listQuery.method)">-->
         <!--<el-option v-for="item in envMethod" :key="item.str" :label="item.str" :value="item.str" />-->
         <!--</el-select>-->
         <!--<el-select v-model="listQuery.returnDataTypeStr" placeholder="返回值data类型" style="width: 200px;" class="filter-item" filterable clearable @change="getDataType(listQuery.returnDataType)">-->
         <!--<el-option v-for="item in envSelectDataType" :key="item.code" :label="item.msg" :value="item.code" />-->
         <!--</el-select>-->
-        <el-select v-model="listQuery.status" placeholder="状态" style="width: 100px;" class="filter-item" filterable clearable>
+        <el-select size="small" v-model="listQuery.status" placeholder="状态" style="width: 100px;" class="filter-item" filterable clearable>
           <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
-        <el-input v-model="listQuery.actualUrl" placeholder="真实服务URL" style="width: 100px;" class="filter-item" @keyup.enter.native="handleFilter" />
-        <el-input v-model="listQuery.creator" placeholder="创建人" style="width: 100px;" class="filter-item" @keyup.enter.native="handleFilter" />
-        <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">搜索</el-button>
-        <el-button class="filter-item" style="margin-left: 1px;" type="primary" icon="el-icon-edit" @click="handleCreate">新增</el-button>
-        <el-checkbox v-model="showReviewer" class="filter-item" style="margin-left:1px;" @change="tableKey=tableKey+1">备注</el-checkbox>
+        <el-input size="small" v-model="listQuery.actualUrl" placeholder="真实服务URL" style="width: 100px;" class="filter-item" @keyup.enter.native="handleFilter" />
+        <el-input size="small" v-model="listQuery.creator" placeholder="创建人" style="width: 100px;" class="filter-item" @keyup.enter.native="handleFilter" />
+        <el-button size="small" v-waves class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">搜索</el-button>
+        <el-button size="small" class="filter-item" style="margin-left: 1px;" type="primary" icon="el-icon-edit" @click="handleCreate">新增</el-button>
+        <el-checkbox size="small" v-model="showReviewer" class="filter-item" style="margin-left:1px;" @change="tableKey=tableKey+1">备注</el-checkbox>
       </div>
     <div class="stylus-content">
     <el-table :key="tableKey" v-loading="listLoading" :data="list" fit highlight-current-row style="width: 100%;" :header-cell-style="styleObj" @sort-change="sortChange">

src/views/mock/interface.vue

@@ -4,21 +4,21 @@
 <template style="height=0px;improtanent">
   <div class="app-container" style="background-color: rgb(242, 243, 246);min-height: calc(100vh - 80px);padding: 1% 0px;">
       <div class="filter-container stylus-head" style="padding-bottom: 20px;!improtant">
-        <el-input v-model="listQuery.id" placeholder="接口ID" style="width: 80px;" class="filter-item" @keyup.enter.native="handleFilter" />
-        <el-input v-model="listQuery.customName" placeholder="名称" style="width: 150px;" class="filter-item" @keyup.enter.native="handleFilter" />
-        <el-input v-model="listQuery.interfaceName" placeholder="接口类名" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
-        <el-input v-model="listQuery.methodName" placeholder="方法名" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
-        <el-input v-model="listQuery.serviceVersion" placeholder="服务版本" style="width: 100px;" class="filter-item" @keyup.enter.native="handleFilter" />
-        <el-select v-model="listQuery.value" placeholder="状态" style="width: 100px;" class="filter-item" filterable clearable>
+        <el-input size="small" v-model="listQuery.id" placeholder="接口ID" style="width: 80px;" class="filter-item" @keyup.enter.native="handleFilter" />
+        <el-input size="small" v-model="listQuery.customName" placeholder="名称" style="width: 150px;" class="filter-item" @keyup.enter.native="handleFilter" />
+        <el-input size="small" v-model="listQuery.interfaceName" placeholder="接口类名" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
+        <el-input size="small" v-model="listQuery.methodName" placeholder="方法名" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
+        <el-input size="small" v-model="listQuery.serviceVersion" placeholder="服务版本" style="width: 100px;" class="filter-item" @keyup.enter.native="handleFilter" />
+        <el-select size="small" v-model="listQuery.value" placeholder="状态" style="width: 100px;" class="filter-item" filterable clearable>
           <el-option v-for="item in listQuery.options" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
-        <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">
+        <el-button size="small" v-waves class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">
           搜索
         </el-button>
-        <el-button class="filter-item" style="margin-left: 1px;" type="primary" icon="el-icon-edit" @click="handleCreate">
+        <el-button size="small" class="filter-item" style="margin-left: 1px;" type="primary" icon="el-icon-edit" @click="handleCreate">
           新增
         </el-button>
-        <el-checkbox v-model="showReviewer" class="filter-item" style="margin-left:1px;" @change="tableKey=tableKey+1">
+        <el-checkbox size="small" v-model="showReviewer" class="filter-item" style="margin-left:1px;" @change="tableKey=tableKey+1">
           备注
         </el-checkbox>
       </div>

src/views/online-quality/BlockServer/blockServer.vue

@@ -4,7 +4,7 @@
       <el-header>
         <el-form inline label-position="right" label-width="60px">
           <el-form-item label="业务线:">
-            <el-select v-model="searchForm.lineId" filterable placeholder="请选择业务线">
+            <el-select size="small" v-model="searchForm.lineId" filterable placeholder="请选择业务线">
               <el-option
                 v-for="item in businessLines"
                 :key="item.lineId"
@@ -14,12 +14,12 @@
             </el-select>
           </el-form-item>
           <el-form-item label="服务名:">
-            <el-input v-model="searchForm.serverName" />
+            <el-input size="small" v-model="searchForm.serverName" />
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" icon="el-icon-search" @click="getNsServerCheckClick">查询</el-button>
-            <el-button type="primary" icon="el-icon-refresh" @click="reset">重置</el-button>
-            <el-button type="primary" icon="el-icon-circle-plus-outline" @click="addBlockServerDialogVisible = true">新增</el-button>
+            <el-button type="primary" size="small" icon="el-icon-search" @click="getNsServerCheckClick">查询</el-button>
+            <el-button type="primary" size="small" icon="el-icon-refresh" @click="reset">重置</el-button>
+            <el-button type="primary" size="small" icon="el-icon-circle-plus-outline" @click="addBlockServerDialogVisible = true">新增</el-button>
           </el-form-item>
         </el-form>
       </el-header>

src/views/online-quality/BlockServer/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div style="background-color: rgb(242, 243, 246);min-height: calc(100vh - 80px);padding: 1% 0px;">
     <div class="stylus-content">
-      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+      <el-tabs v-model="activeName"  @tab-click="handleClick">
         <el-tab-pane label="阻断服务" name="first">
           <block-server />
         </el-tab-pane>

src/views/online-quality/CheckConfig/index.vue

@@ -4,7 +4,7 @@
     <el-header>
       <el-form inline :model="searchForm" label-position="right" label-width="60px">
         <el-form-item label="业务线:">
-          <el-select v-model="searchForm.lineId" filterable placeholder="请选择业务线">
+          <el-select size="small" v-model="searchForm.lineId" filterable placeholder="请选择业务线">
             <el-option
               v-for="item in businessLines"
               :key="item.lineId"
@@ -14,10 +14,10 @@
           </el-select>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+          <el-button type="primary" size="small" icon="el-icon-search" @click="search">查询</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-circle-plus-outline" @click="addConfigDialogVisible = true">新增</el-button>
+          <el-button type="primary" size="small" icon="el-icon-circle-plus-outline" @click="addConfigDialogVisible = true">新增</el-button>
         </el-form-item>
       </el-form>
     </el-header>

src/views/online-quality/HistoryTask/index.vue

@@ -4,7 +4,7 @@
     <el-header>
       <el-form inline label-position="right" label-width="60px">
         <el-form-item label="业务线:">
-          <el-select v-model="searchForm.lineId" filterable placeholder="请选择业务线">
+          <el-select size="small" v-model="searchForm.lineId" filterable placeholder="请选择业务线">
             <el-option
               v-for="item in businessLines"
               :key="item.lineId"
@@ -14,11 +14,11 @@
           </el-select>
         </el-form-item>
         <el-form-item label="服务名:">
-          <el-input v-model="searchForm.serverName" />
+          <el-input size="small" v-model="searchForm.serverName" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" @click="getCheckResult">查询</el-button>
-          <el-button type="primary" icon="el-icon-refresh" @click="reset">重置</el-button>
+          <el-button size="small" type="primary" icon="el-icon-search" @click="getCheckResult">查询</el-button>
+          <el-button size="small" type="primary" icon="el-icon-refresh" @click="reset">重置</el-button>
         </el-form-item>
       </el-form>
     </el-header>