fix: 修改指标中门店显示

src/views/apps/target-manage/perfect-day-target.vue

@@ -4,12 +4,18 @@
  * @Author: 无尘
  * @Date: 2020-11-12 10:47:17
  * @LastEditors: 无尘
- * @LastEditTime: 2020-11-25 09:23:14
+ * @LastEditTime: 2020-11-25 10:33:07
 -->
 <template>
   <div class="common-app-right" style="padding: 20px 0;color: #303133">
     <el-form :model="form" label-width="110px">
-      <el-form-item label="门店名称">{{ form.storeName || '--' }}</el-form-item>
+      <el-form-item label="门店名称">
+        <span v-if="form.storeName < 31">{{ form.storeName || '--' }}</span>
+        <el-tooltip v-else placement="top">
+          <div slot="content">{{ form.storeName || '--' }}</div>
+          <span class="hide-ellipsis">{{ form.storeName || '--' }}</span>
+        </el-tooltip>
+      </el-form-item>
       <el-form-item v-if="!form.multOpt" label="指标额">
         ￥ {{ parseFloat(form.performanceValue).toFixed(2) }}
         <el-button :disabled="disableSetting" type="text" @click="modMonthTarget">修改</el-button>
@@ -331,6 +337,15 @@ export default {
   padding-right: 15px;
   font-weight: 600;
 }
+
+.hide-ellipsis {
+  max-width: 380px;
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+}
 .content-data {
   position: relative;
   .color2 {