Jelajahi Sumber

✨feat(item): add tooltip for truncated filenames and fix radio button formatting

Shinohara Haruna 6 bulan lalu
induk
melakukan
327ae65c5e
1 mengubah file dengan 8 tambahan dan 4 penghapusan
  1. 8 4
      smsb-plus-ui/src/views/smsb/item/index.vue

+ 8 - 4
smsb-plus-ui/src/views/smsb/item/index.vue

@@ -151,7 +151,11 @@
               <div class="draggable-row" :draggable="true"
                 style="display: flex; align-items: center; border-bottom: 1px solid #eee; min-height: 48px; cursor: move;">
                 <span class="order-number" style="width:80px; text-align:center;">{{ element.order }}</span>
-                <span style="flex:1;">{{ element.name }}</span>
+                <el-tooltip effect="dark" :content="element.name" placement="top">
+                  <span
+                    style="flex:1; max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:middle;">{{
+                    element.name }}</span>
+                </el-tooltip>
                 <el-input-number :disabled="element.type !== 1" v-model="element.duration" :min="1" :max="300"
                   style="width:120px; margin-left:8px;" />
               </div>
@@ -231,7 +235,7 @@
                 <el-form-item label="跑马灯" prop="hasPmd">
                   <el-radio-group v-model="form.hasPmd">
                     <el-radio v-for="dict in smsb_yes_no" :key="dict.value" :value="parseInt(dict.value)">{{ dict.label
-                      }}
+                    }}
                     </el-radio>
                   </el-radio-group>
                 </el-form-item>
@@ -253,7 +257,7 @@
                 <el-form-item label="天气" prop="hasWeather">
                   <el-radio-group v-model="form.hasWeather">
                     <el-radio v-for="dict in smsb_yes_no" :key="dict.value" :value="parseInt(dict.value)">{{ dict.label
-                      }}
+                    }}
                     </el-radio>
                   </el-radio-group>
                 </el-form-item>
@@ -262,7 +266,7 @@
                 <el-form-item label="时间" prop="hasTime">
                   <el-radio-group v-model="form.hasTime">
                     <el-radio v-for="dict in smsb_yes_no" :key="dict.value" :value="parseInt(dict.value)">{{ dict.label
-                      }}
+                    }}
                     </el-radio>
                   </el-radio-group>
                 </el-form-item>