27725

src/mods/AppIntegralApply/AppIntegralApply.vue

@@ -5,9 +5,9 @@
     <div class="middle">
       <div class="nav">
         <div class="navLeft" @click="showType = true">
-          <span>{{ name ? name : '全部类型' }}</span>
+          <span class="showTypes">{{ name ? name : '全部类型' }}</span>
 
-          <u-icon name="arrow-down" v-if="!name"></u-icon>
+          <u-icon name="arrow-down" style="margin-left: 16px"></u-icon>
         </div>
 
         <u-search v-model="searchObj" placeholder="请输入姓名或电话" :show-action="false" clearabled bg-color="#fff" search-icon-color="#6AA8F8" placeholder-color="#D0D4D4" @search="handerSearch" @clear=";(searchObj = ''), init()" />
@@ -112,7 +112,7 @@ export default {
             this.data = this.current > 1 ? [...this.data, ...res.data.records] : res.data.records
 
             const oldList = this.$dict.getDict('atWillReportType')
-            const addList = [{ dictName: '全部', dictValue: '', dictColor: null }]
+            const addList = [{ dictName: '全部类型', dictValue: '', dictColor: null }]
             this.newList = [...addList, ...oldList]
           }
         })
@@ -177,10 +177,19 @@ export default {
       align-items: center;
       padding: 54px 0 14px 0;
       .navLeft {
+        display: flex;
         width: calc(100% - 460px);
+        height: 32px;
+        line-height: 32px;
+
+        .showTypes {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
       }
       ::v-deep u-search {
-        width: 460px;
+        width: 440px;
       }
     }