[update] 修改bug87969

src/components/selection/StandardSelection.vue

@@ -11,8 +11,9 @@
 
         <a-icon v-if="(nameStr || value) && !disabled" slot="suffix" class="close-icon" type="close-circle" theme="filled" @click="clearInput" />
       </a-input>
-      <a-button v-if="!disabled" type="primary" class="button-box" @click="standardClick">
+      <a-button v-if="!disabled" type="primary" class="button-box" :title="$t('standardSelect.standardSelection')" @click="standardClick">
-        {{ $t('standardSelect.standardSelection') }}
+        <span v-if="isSmall && $i18n.locale === EN" type="select">S</span>
+        <span v-else>{{ $t('standardSelect.standardSelection') }}</span>
       </a-button>
     </div>
     <standard-selection-modal ref="standardSelectionModal"
@@ -61,6 +62,18 @@ export default {
       default: null
     }
   },
+  mounted () {
+    const offsetWidth = document.getElementsByClassName('selection-wrapper')[0].offsetWidth
+    if (offsetWidth >= 0 && offsetWidth <= 300) {
+      this.isSmall = true
+    }
+  },
+  data () {
+    return {
+      EN: 'en-us',
+      isSmall: false
+    }
+  },
   methods: {
     // 点击选择标准按钮
     standardClick () {
@@ -134,4 +147,15 @@ export default {
 .close-icon:hover {
   color: rgba(0, 0, 0, 0.45);
 }
+
+//.small-btn {
+//  max-width: 60px;
+//  span {
+//    display: inline-block;
+//    width: 40px;
+//    overflow-x: hidden;
+//    text-overflow: ellipsis;
+//    white-space: nowrap;
+//  }
+//}
 </style>