要求鼠标悬浮显示全部内容而不是鼠标悬浮只显示后面15个字的内容，而且省略号放到前面

要实现鼠标悬浮时显示完整内容，并且在文本前面加省略号，可以使用 Vue 的 `j-ellipsis-head` 组件并自定义样式和逻辑。以下是具体步骤：

### 修改 `j-ellipsis-head` 组件的使用方式

1. **修改组件使用**:
在使用 `j-ellipsis-head` 组件的地方，将其修改为能够满足需求的形式。你可以使用 `slot` 插槽来自定义内容。

2. **添加自定义样式**:
添加 CSS 样式来处理鼠标悬浮时显示完整内容的效果。

3. **更新模板**:
在模板中使用自定义样式和逻辑。

### 示例代码

#### 修改组件使用

<a-tooltip placement="topLeft">
  <template slot="title">
    {{ text }}
  </template>
  <span class="ellipsis-container" :title="text">
    {{ text ? `...${text.substring(text.length - 15)}` : '-' }}
  </span>
</a-tooltip>

#### 添加自定义样式
在组件或全局样式文件中添加以下 CSS：

.ellipsis-container {
  display: inline-block;
  max-width: 150px; /* 根据实际需要调整宽度 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

### 完整示例
假设你在一个表格列中使用这个功能，以下是完整的模板部分：

<template>
  <a-table :columns="columns" :dataSource="data">
    <template slot="userSlot" slot-scope="text, record">
      <a-tooltip placement="topLeft" v-if="text && (record.deviceType != 1)">
        <template slot="title">
          户名：{{ text.householder }}<br>
          户号：{{ text.householdNum }}<br>
          电话 1：{{ text.telNum }}<br>
          <span v-if="text.contactInformation">电话 2：{{ text.contactInformation }}<br></span>
          地址：{{ text.address }}
        </template>
        <span class="ellipsis-container" :title="text.address">
          {{ text.address ? `...${text.address.substring(text.address.length - 15)}` : '-' }}
        </span>
      </a-tooltip>
      <a-tooltip placement="topLeft" v-else-if="record.deviceType == 1 && record.bizMeterExtPurchaseProvisionGas">
        <template slot="title">
          地址：{{ record.bizMeterExtPurchaseProvisionGas.address }}
        </template>
        <span class="ellipsis-container" :title="record.bizMeterExtPurchaseProvisionGas.address">
          {{ record.bizMeterExtPurchaseProvisionGas.address ? `...${record.bizMeterExtPurchaseProvisionGas.address.substring(record.bizMeterExtPurchaseProvisionGas.address.length - 15)}` : '-' }}
        </span>
      </a-tooltip>
    </template>
  </a-table>
</template>

<style scoped>
.ellipsis-container {
  display: inline-block;
  max-width: 150px; /* 根据实际需要调整宽度 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
</style>

### 解释
1. **`a-tooltip` 组件**:
- 使用 `a-tooltip` 组件来提供鼠标悬浮提示功能。
- `slot="title"` 插槽用于定义鼠标悬浮时显示的完整内容。
- `slot-scope="text, record"` 获取单元格的数据。

2. **自定义样式**:
- `.ellipsis-container` 类用于限制文本宽度并在文本溢出时显示省略号。
- `max-width: 150px` 可以根据实际需要调整。

3. **动态生成省略号**:
- `text ? `...${text.substring(text.length - 15)}` : '-'` 动态生成省略号和最后 15 个字符。

通过以上步骤，你可以实现在鼠标悬浮时显示完整内容，同时在文本前面加上省略号的效果。