fix: 调整界面

src/views/DeviceList/deviceService/deviceServiceIndex.vue

@@ -39,7 +39,7 @@
             <!-- 必须要套一层 -->
             <div>
               <template v-for="(item, index) in row.tags">
-                <el-tag v-if="[0, 1].indexOf(index) !== -1" :key="index" class="label label-primary table-label">{{ simplify(item, 3) }}</el-tag>
+                <el-tag v-if="[0, 1].indexOf(index) !== -1" :key="index" class="label label-primary">{{ simplify(item, 3) }}</el-tag>
               </template>
               <span v-if="(row.tags && row.tags.length) > 10">共: {{(row.tags && row.tags.length) ? row.tags.length : 0}} 条</span>
             </div>

src/views/DeviceList/index.vue

@@ -143,7 +143,7 @@
                 <!-- 必须要套一层 -->
                 <div>
                   <template v-for="(item, index) in row.tags">
-                    <el-tag v-if="[0, 1].indexOf(index) !== -1" :key="index" class="label label-primary table-label">{{ simplify(item, 4) }}</el-tag>
+                    <el-tag v-if="[0, 1].indexOf(index) !== -1" :key="index" class="label label-primary tag-label">{{ simplify(item, 4) }}</el-tag>
                   </template>
                   <span v-if="(row.tags && row.tags.length) > 10">共: {{(row.tags && row.tags.length) ? row.tags.length : 0}} 条</span>
                 </div>
@@ -161,7 +161,7 @@
               </el-tooltip>
             </div>
             <div slot='systemSlot' slot-scope="row">
-              <el-tooltip class="item" effect="dark" :content="row.structure" placement="top">
+              <el-tooltip class="item" effect="dark" :content="row.system" placement="top">
                 <span>{{ simplify(row.system, 7) }}</span>
               </el-tooltip>
             </div>
@@ -492,6 +492,9 @@ export default {
 </script>
 
 <style lang="sass" scoped>
+.tag-label
+  display: block
+  margin-bottom: 5px
 .service-item
   margin-right: 20px
 .cell

src/views/ServiceList/index.vue

@@ -73,6 +73,7 @@
                 :options="tagList"
                 v-model="search.tags"
                 @change="handleChangeSearch"
+                clearable
               >
               </st-select>
               <span class="search-title">服务:</span>
@@ -85,6 +86,7 @@
                 :options="serviceList"
                 v-model="search.services"
                 @change="handleChangeSearch"
+                clearable
               >
               </st-select>
             </div>
@@ -140,7 +142,7 @@
                 <!-- 必须要套一层 -->
                 <div>
                   <template v-for="(item, index) in row.tags">
-                    <el-tag v-if="[0, 1].indexOf(index) !== -1" :key="index" class="label label-primary table-label">{{ simplify(item, 4) }}</el-tag>
+                    <el-tag v-if="[0, 1].indexOf(index) !== -1" :key="index" class="label label-primary tag-label">{{ simplify(item, 4) }}</el-tag>
                   </template>
                   <span v-if="(row.tags && row.tags.length) > 10">共: {{(row.tags && row.tags.length) ? row.tags.length : 0}} 条</span>
                 </div>
@@ -461,6 +463,9 @@ export default {
 </script>
 
 <style lang="sass" scoped>
+.tag-label
+  display: block
+  margin-bottom: 5px
 .page-nav
   font-family: PingFangSC-Regular
   font-size: 14px