2 Commits

Author SHA1 Message Date
ZhuRui 3841fcc7e5 fix: 字段补充 样式修改 2026-08-07 20:22:31 +08:00
ZhuRui ac7bfeacfe fix: 样式打包失效优化 2026-08-07 20:12:33 +08:00
5 changed files with 36 additions and 36 deletions
+2
View File
@@ -101,4 +101,6 @@ export interface WithdrawInfoVO {
auditImg: string; auditImg: string;
/** 审核图片列表 */ /** 审核图片列表 */
auditImgList: string[]; auditImgList: string[];
/** 审核结果 */
checkMsg: string;
} }
@@ -206,7 +206,7 @@ export default defineComponent({
</Descriptions.Item> </Descriptions.Item>
<Descriptions.Item label="赛事说明" span={3}> <Descriptions.Item label="赛事说明" span={3}>
{detail.value.descr} <span style={{ whiteSpace: 'pre-wrap' }}>{detail.value.descr}</span>
</Descriptions.Item> </Descriptions.Item>
<Descriptions.Item label="报名起止时间" span={3} class={styles.wideLabel}> <Descriptions.Item label="报名起止时间" span={3} class={styles.wideLabel}>
@@ -267,6 +267,7 @@ export default defineComponent({
<div class={styles.infoColumn}> <div class={styles.infoColumn}>
{renderItem('审核时间:', d.auditDate)} {renderItem('审核时间:', d.auditDate)}
{renderItem('审核人:', d.auditNickname)} {renderItem('审核人:', d.auditNickname)}
{d.checkMsg && renderItem('审核内容:', d.checkMsg)}
<div class={styles.descItem}> <div class={styles.descItem}>
<span class={styles.descLabel}></span> <span class={styles.descLabel}></span>
{d.auditImgList?.length ? ( {d.auditImgList?.length ? (
+28 -31
View File
@@ -1,36 +1,33 @@
// 参数值单元格:文字最多 2 行省略,末尾带"查看"链接 .cell {
:global { display: flex;
.param-value-cell { align-items: center;
display: flex; gap: 6px;
align-items: center; width: 100%;
gap: 6px; cursor: default;
width: 100%; }
cursor: default;
}
.param-value-text { .text {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
line-height: 1.5; line-height: 1.5;
word-break: break-all; word-break: break-all;
color: rgba(0, 0, 0, 0.88); color: rgba(0, 0, 0, 0.88);
} }
.param-value-view { .view {
flex-shrink: 0; flex-shrink: 0;
color: #1677ff; color: #1677ff;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
line-height: 1.5; line-height: 1.5;
white-space: nowrap; white-space: nowrap;
&:hover { &:hover {
opacity: 0.85; opacity: 0.85;
}
} }
} }
+4 -4
View File
@@ -5,7 +5,7 @@ import { saveParam, updateParam } from './model/services';
import { useState, useThrottleFn, useContainerSize, useEffect } from '@/hooks'; import { useState, useThrottleFn, useContainerSize, useEffect } from '@/hooks';
import ParamFormModal from './components/ParamFormModal'; import ParamFormModal from './components/ParamFormModal';
import pageStyles from '@/assets/styles/pageLayout.module.less'; import pageStyles from '@/assets/styles/pageLayout.module.less';
import './index.module.less'; import cellStyles from './index.module.less';
/** /**
* 参数值单元格:最多 2 行截断,溢出时显示"查看"按钮 * 参数值单元格:最多 2 行截断,溢出时显示"查看"按钮
@@ -38,12 +38,12 @@ const ParamValueCell = defineComponent({
return () => { return () => {
const raw = props.text; const raw = props.text;
return ( return (
<div class="param-value-cell"> <div class={cellStyles.cell}>
<div ref={textRef} class="param-value-text"> <div ref={textRef} class={cellStyles.text}>
{raw} {raw}
</div> </div>
{overflow.value ? ( {overflow.value ? (
<span class="param-value-view" onClick={() => setModalOpen(true)}> <span class={cellStyles.view} onClick={() => setModalOpen(true)}>
</span> </span>
) : null} ) : null}