优化样式问题

components/common/common-area-select.vue

@@ -21,25 +21,14 @@ export default {
   },
   computed: {
     ...mapGetters({
-      // orgList: 'orgList',
       areaDegree: 'areaDegree'
     }),
-    // isNotVisible() {
-    //   if((this.orgList && this.orgList.length == 0) || this.areaDegree == 0 || this.areaDegree == 1 || this.areaDegree == 2) {
-    //     return true;
-    //   } else {
-    //     return false;
-    //   }
-    // }
   },
 
   methods: {
     areaClick() {
       this.$emit("areaClick");
     },
-    // orgClick() {
-    //   this.$emit("orgClick");
-    // }
   }
 };
 </script>
@@ -81,7 +70,8 @@ export default {
     .map {
       position: relative;
       top: 2.5px;
-      margin-right: 7px;
+      left: -2px;
+      margin-right: 3px;
       width: 16px;
       height: 16px;
     }

components/common/common-tabs.vue

@@ -2,8 +2,8 @@
 <template>
   <div class="common-tabs-wrapper" :class="{'fixed': needFixed}">
     <div class="sub-wrapper" :class="{'fixed': needFixed}">
-      <ul class="common-tabs">
-        <li
+      <ul class="common-tabs" id="tabsWrapperId">
+        <li :id="'tabsItem' + index"
           v-show="(item === '总体概况'
             || item === '人群分析' 
             || item === '课程分析' && projectInfo.existCourse === 1)
@@ -48,6 +48,7 @@ export default {
     clickTab(index) {
       this.cIndex = index;
       this.$emit("tabClicked", index);
+      let tabsItemId = 'tabsItem' + index;
     }
   }
 };
@@ -102,6 +103,9 @@ export default {
       border-radius: 30px;
       &:first-child {
         margin-left: 15px;
+      }      
+      &:last-child {
+        margin-right: 15px;
       }
       &.active {
         color: #449284;