优化

pages/specimenDetail/specimenDetail.vue

@@ -3,7 +3,7 @@
     <view class="page_tab">
       <view class="page_tab_bar active">
         <picker class="more_picker" @change="execFilter($event)" :value="index" :range="array" range-key="nameNum">
-          <view class="more_picker_text">{{ array[index].name }}<text class="tab_num">( {{ array[index].total }} )</text></view>
+          <view class="more_picker_text">{{ array[index].name.slice(0, 15) }}<text v-if="array[index].name.length >= 15">...</text><text class="tab_num">( {{ array[index].total }} )</text></view>
           <view class="more"></view>
         </picker>
       </view>
@@ -27,7 +27,7 @@
         <view class="page_item_cont">
           <view class="page_item_cont_T">
             <view class="page_item_cont_title">
-              <view> 检验项目 </view>
+              <view style="width: 10em;"> 检验项目 </view>
               <view class="text_big">{{ item.specimenDesc || "无" }}</view>
             </view>
             <view class="page_item_cont_title">
@@ -118,7 +118,7 @@
           let array = [{ id: 0, name: '全部', total: '', nameNum: ''}];
           array[0].total = res.total;
           array[0].nameNum = `全部(${res.total})`;
-          this.array = array.concat(res.data.map( v=> ({id: --this.id, name: v[0] || '', nameNum: `${v[0] || ''}(${v[1]})`, total: v[1]})));
+          this.array = array.concat(res.data.map( v=> ({id: --this.id, name: v[0] || '', nameNum: `${v[0] ? v[0].slice(0, 15) + (v[0].length >= 15 ? '...' : '') : ''}(${v[1]})`, total: v[1]})));
         });
       },
       // 获取标本列表
@@ -457,6 +457,9 @@
             font-size: 32rpx;
             font-weight: 700;
             margin-top: 10rpx;
+            text-align: right;
+            word-break: break-all;
+            line-height: 1.25;
 
             p {
               font-weight: 700;