Parcourir la source

修复:后台列表页备注文字过长导致样式错位

萤火科技 il y a 1 an
Parent
commit
e8013ab200

+ 6 - 1
src/views/setting/payment/template/Index.vue

@@ -26,7 +26,12 @@
         <a-tag>{{ PaymentMethodEnum[text].name }}</a-tag>
       </span>
       <!-- 备注信息 -->
-      <span slot="remarks" slot-scope="text">{{ text ? text : '--' }}</span>
+      <span slot="remarks" slot-scope="text">
+        <a-tooltip>
+          <template v-if="text" slot="title">{{ text ? text : '--' }}</template>
+          <p class="twoline-hide" style="width: 150px;">{{ text ? text : '--' }}</p>
+        </a-tooltip>
+      </span>
       <!-- 操作 -->
       <div class="actions" slot="action" slot-scope="text, item">
         <a v-if="$auth('/setting/payment/template/update')" @click="handleEdit(item)">编辑</a>

+ 9 - 1
src/views/user/balance/Index.vue

@@ -43,6 +43,13 @@
       <span slot="scene" slot-scope="text">
         <a-tag>{{ SceneEnum[text].name }}</a-tag>
       </span>
+      <!-- 管理员备注 -->
+      <span slot="remark" slot-scope="text">
+        <a-tooltip>
+          <template v-if="text" slot="title">{{ text ? text : '--' }}</template>
+          <p class="twoline-hide" style="width: 150px;">{{ text ? text : '--' }}</p>
+        </a-tooltip>
+      </span>
     </s-table>
   </a-card>
 </template>
@@ -94,7 +101,8 @@ export default {
         },
         {
           title: '管理员备注',
-          dataIndex: 'remark'
+          dataIndex: 'remark',
+          scopedSlots: { customRender: 'remark' }
         },
         {
           title: '变动时间',