客户管理 统计样式调整

src/views/customer/file/index.vue

@@ -36,16 +36,16 @@
             :key="index">
             <div style="margin-bottom: 10px; display: flex">
               <div style="width: 8px; height: 8px; background-color: #5bacff; border-radius: 50px; margin-top: 6px"></div>
-              <div class="statistics-text">
-                <el-tooltip class="box-item" effect="light" placement="bottom">
-                  <template #content>
-                    <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
-                      {{ item.label }}
-                    </div>
-                  </template>
-                  <span style="cursor: pointer">{{ item.label }}</span>
-                </el-tooltip>
-              </div>
+              <el-tooltip class="box-item" effect="light" placement="bottom">
+                <template #content>
+                  <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
+                    {{ item.label }}
+                  </div>
+                </template>
+                <div class="statistics-text" style="cursor: pointer">
+                  {{ item.label }}
+                </div>
+              </el-tooltip>
             </div>
             <div style="color: black; font-size: 20px; font-weight: 700">{{ getNum(item.value) }}</div>
           </div>
@@ -57,16 +57,16 @@
             :key="index">
             <div style="margin-bottom: 10px; display: flex">
               <div style="width: 8px; height: 8px; background-color: #5bacff; border-radius: 50px; margin-top: 6px"></div>
-              <div class="statistics-text">
-                <el-tooltip class="box-item" effect="light" placement="bottom">
-                  <template #content>
-                    <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
-                      {{ item.label }}
-                    </div>
-                  </template>
-                  <span style="cursor: pointer">{{ item.label }}</span>
-                </el-tooltip>
-              </div>
+              <el-tooltip class="box-item" effect="light" placement="bottom">
+                <template #content>
+                  <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
+                    {{ item.label }}
+                  </div>
+                </template>
+                <div class="statistics-text" style="cursor: pointer">
+                  {{ item.label }}
+                </div>
+              </el-tooltip>
             </div>
             <div style="color: black; font-size: 20px; font-weight: 700">{{ getNum(item.value) }}</div>
           </div>
@@ -78,16 +78,16 @@
             :key="index">
             <div style="margin-bottom: 10px; display: flex">
               <div style="width: 8px; height: 8px; background-color: #5bacff; border-radius: 50px; margin-top: 6px"></div>
-              <div class="statistics-text">
-                <el-tooltip class="box-item" effect="light" placement="bottom">
-                  <template #content>
-                    <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
-                      {{ item.label }}
-                    </div>
-                  </template>
-                  <span style="cursor: pointer">{{ item.label }}</span>
-                </el-tooltip>
-              </div>
+              <el-tooltip class="box-item" effect="light" placement="bottom">
+                <template #content>
+                  <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
+                    {{ item.label }}
+                  </div>
+                </template>
+                <div class="statistics-text" style="cursor: pointer">
+                  {{ item.label }}
+                </div>
+              </el-tooltip>
             </div>
             <div style="color: black; font-size: 20px; font-weight: 700">{{ getNum(item.value) }}</div>
           </div>

src/views/customer/highseas/index.vue

@@ -36,16 +36,16 @@
             :key="index">
             <div style="margin-bottom: 10px; display: flex">
               <div style="width: 8px; height: 8px; background-color: #5bacff; border-radius: 50px; margin-top: 6px"></div>
-              <div class="statistics-text">
-                <el-tooltip class="box-item" effect="light" placement="bottom">
-                  <template #content>
-                    <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
-                      {{ item.label }}
-                    </div>
-                  </template>
-                  <span style="cursor: pointer">{{ item.label }}</span>
-                </el-tooltip>
-              </div>
+              <el-tooltip class="box-item" effect="light" placement="bottom">
+                <template #content>
+                  <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
+                    {{ item.label }}
+                  </div>
+                </template>
+                <div class="statistics-text" style="cursor: pointer">
+                  {{ item.label }}
+                </div>
+              </el-tooltip>
             </div>
             <div style="color: black; font-size: 20px; font-weight: 700">{{ getNum(item.value) }}</div>
           </div>
@@ -57,16 +57,16 @@
             :key="index">
             <div style="margin-bottom: 10px; display: flex">
               <div style="width: 8px; height: 8px; background-color: #5bacff; border-radius: 50px; margin-top: 6px"></div>
-              <div class="statistics-text">
-                <el-tooltip class="box-item" effect="light" placement="bottom">
-                  <template #content>
-                    <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
-                      {{ item.label }}
-                    </div>
-                  </template>
-                  <span style="cursor: pointer">{{ item.label }}</span>
-                </el-tooltip>
-              </div>
+              <el-tooltip class="box-item" effect="light" placement="bottom">
+                <template #content>
+                  <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
+                    {{ item.label }}
+                  </div>
+                </template>
+                <div class="statistics-text" style="cursor: pointer">
+                  {{ item.label }}
+                </div>
+              </el-tooltip>
             </div>
             <div style="color: black; font-size: 20px; font-weight: 700">{{ getNum(item.value) }}</div>
           </div>
@@ -78,16 +78,16 @@
             :key="index">
             <div style="margin-bottom: 10px; display: flex">
               <div style="width: 8px; height: 8px; background-color: #5bacff; border-radius: 50px; margin-top: 6px"></div>
-              <div class="statistics-text">
-                <el-tooltip class="box-item" effect="light" placement="bottom">
-                  <template #content>
-                    <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
-                      {{ item.label }}
-                    </div>
-                  </template>
-                  <span style="cursor: pointer">{{ item.label }}</span>
-                </el-tooltip>
-              </div>
+              <el-tooltip class="box-item" effect="light" placement="bottom">
+                <template #content>
+                  <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
+                    {{ item.label }}
+                  </div>
+                </template>
+                <div class="statistics-text" style="cursor: pointer">
+                  {{ item.label }}
+                </div>
+              </el-tooltip>
             </div>
             <div style="color: black; font-size: 20px; font-weight: 700">{{ getNum(item.value) }}</div>
           </div>

src/views/customer/privatesea/index.vue

@@ -36,16 +36,16 @@
             :key="index">
             <div style="margin-bottom: 10px; display: flex">
               <div style="width: 8px; height: 8px; background-color: #5bacff; border-radius: 50px; margin-top: 6px"></div>
-              <div class="statistics-text">
-                <el-tooltip class="box-item" effect="light" placement="bottom">
-                  <template #content>
-                    <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
-                      {{ item.label }}
-                    </div>
-                  </template>
-                  <span style="cursor: pointer">{{ item.label }}</span>
-                </el-tooltip>
-              </div>
+              <el-tooltip class="box-item" effect="light" placement="bottom">
+                <template #content>
+                  <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
+                    {{ item.label }}
+                  </div>
+                </template>
+                <div class="statistics-text" style="cursor: pointer">
+                  {{ item.label }}
+                </div>
+              </el-tooltip>
             </div>
             <div style="color: black; font-size: 20px; font-weight: 700">{{ getNum(item.value) }}</div>
           </div>
@@ -57,16 +57,16 @@
             :key="index">
             <div style="margin-bottom: 10px; display: flex">
               <div style="width: 8px; height: 8px; background-color: #5bacff; border-radius: 50px; margin-top: 6px"></div>
-              <div class="statistics-text">
-                <el-tooltip class="box-item" effect="light" placement="bottom">
-                  <template #content>
-                    <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
-                      {{ item.label }}
-                    </div>
-                  </template>
-                  <span style="cursor: pointer">{{ item.label }}</span>
-                </el-tooltip>
-              </div>
+              <el-tooltip class="box-item" effect="light" placement="bottom">
+                <template #content>
+                  <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
+                    {{ item.label }}
+                  </div>
+                </template>
+                <div class="statistics-text" style="cursor: pointer">
+                  {{ item.label }}
+                </div>
+              </el-tooltip>
             </div>
             <div style="color: black; font-size: 20px; font-weight: 700">{{ getNum(item.value) }}</div>
           </div>
@@ -78,16 +78,16 @@
             :key="index">
             <div style="margin-bottom: 10px; display: flex">
               <div style="width: 8px; height: 8px; background-color: #5bacff; border-radius: 50px; margin-top: 6px"></div>
-              <div class="statistics-text">
-                <el-tooltip class="box-item" effect="light" placement="bottom">
-                  <template #content>
-                    <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
-                      {{ item.label }}
-                    </div>
-                  </template>
-                  <span style="cursor: pointer">{{ item.label }}</span>
-                </el-tooltip>
-              </div>
+              <el-tooltip class="box-item" effect="light" placement="bottom">
+                <template #content>
+                  <div style="max-width: 400px; max-height: 50vh; word-break: break-all">
+                    {{ item.label }}
+                  </div>
+                </template>
+                <div class="statistics-text" style="cursor: pointer">
+                  {{ item.label }}
+                </div>
+              </el-tooltip>
             </div>
             <div style="color: black; font-size: 20px; font-weight: 700">{{ getNum(item.value) }}</div>
           </div>