update:触达效果ui调整

src/views/ecm/touch-clue.vue

@@ -12,8 +12,8 @@
       </div>
       <div class="tabs" v-if="type == 1">
         <div class="tab1">
-          <span v-for="(item, index) in listTabs" :key="index" :class="{ active: index == listTabsIndex }" @click="changeListTab(index)">{{ item }}</span>
-          <div class="line" :class="{ lineActive: listTabsIndex == 1 }"></div>
+          <span v-for="item in listTabs" :key="item.value" :class="{ active: item.value == listTabsIndex }" @click="changeListTab(item.value)">{{ item.name }}</span>
+          <div class="line" :class="{ lineActive: listTabsIndex == 0 }"></div>
         </div>
         <div class="tab2">
           <span v-for="item in listTabsIndex == 1 ? touchTabs : taskTabs" :key="item.value" :class="{ active2: listTabsIndex == 1 ? item.value == tabsIndex : item.value == taskTabIndex }" @click="changeTabs(item.value)">{{ item.name }}</span>
@@ -86,7 +86,16 @@ export default {
           value: 999
         }
       ],
-      listTabs: ['任务完成情况', '触达效果'],
+      listTabs: [
+        {
+          name: '触达效果',
+          value: 1
+        },
+        {
+          name: '任务完成情况',
+          value: 0
+        }
+      ],
       tabsIndex: 0,
       taskTabIndex: 0,
       listTabsIndex: 1,
@@ -430,14 +439,14 @@ export default {
       position: relative;
       .line {
         position: absolute;
-        width: 98px;
+        width: 84px;
         height: 2px;
         background: #1890ff;
         bottom: 0px;
-        left: 26px;
+        left: 21px;
         transition: all 0.3s;
         &.lineActive {
-          left: 156px;
+          left: 137px;
         }
       }
       .active {
@@ -450,7 +459,6 @@ export default {
         color: #606266;
         line-height: 40px;
         display: inline-block;
-        width: 96px;
         height: 100%;
         position: relative;
         &:nth-child(1) {