This commit is contained in:
dhr
2025-09-15 19:30:07 +08:00
parent 0059b3cb42
commit 91162f1dc4
6 changed files with 53 additions and 17 deletions

View File

@ -95,8 +95,8 @@
</div>
<div class="task-actions">
<el-button type="text" size="small" class="action-btn view-btn" @click="handleView(task)"> 详情 </el-button>
<el-button type="primary" size="small" :class="task.actionClass" @click="handleAction(task)">
<el-button type="text" class="action-btn view-btn" @click="handleView(task)"> 详情 </el-button>
<el-button type="primary" :class="task.actionClass" @click="handleAction(task)">
{{ task.actionText }}
</el-button>
</div>
@ -853,7 +853,18 @@ const handleInspection7 = () => {
align-items: center;
padding-top: 12px;
border-top: 1px solid #f0f2f5;
margin-top: 12px;
position: absolute;
bottom: 16px;
right: 16px;
left: 16px;
background-color: #fff;
padding: 12px 0 0 0;
z-index: 10;
}
.task-actions .el-button {
border-radius: 16px;
padding: 6px 16px;
}
.task-card::before {

View File

@ -112,8 +112,8 @@
</div>
<div class="task-actions">
<el-button type="text" size="small" class="action-btn view-btn" @click="handleView(task)"> 详情 </el-button>
<el-button type="primary" size="small" :class="task.actionClass" @click="handleAction(task)">
<el-button type="text" class="action-btn view-btn" @click="handleView(task)"> 详情 </el-button>
<el-button type="primary" :class="task.actionClass" @click="handleAction(task)">
{{ task.actionText }}
</el-button>
</div>
@ -701,10 +701,20 @@ const handleInspection7 = () => {
display: flex;
justify-content: flex-end;
align-items: center;
padding-top: 16px;
padding-top: 12px;
border-top: 1px solid #f0f2f5;
margin-top: auto; /* 自动推到最底部 */
gap: 8px;
position: absolute;
bottom: 16px;
right: 16px;
left: 16px;
background-color: #fff;
padding: 12px 0 0 0;
z-index: 10;
}
.task-actions .el-button {
border-radius: 16px;
padding: 6px 16px;
}
.action-btn {

View File

@ -106,8 +106,8 @@
</div>
<div class="task-actions">
<el-button type="text" size="small" class="action-btn view-btn" @click="handleView(task)"> 详情 </el-button>
<el-button type="primary" size="small" :class="task.actionClass" @click="handleAction(task)">
<el-button type="text" class="action-btn view-btn" @click="handleView(task)"> 详情 </el-button>
<el-button type="primary" :class="task.actionClass" @click="handleAction(task)">
{{ task.actionText }}
</el-button>
</div>
@ -564,7 +564,7 @@ const handleInspection7 = () => {
.task-card {
background-color: #fff;
border-radius: 8px;
border-radius: 16px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
padding: 16px 16px 60px 16px; /* 底部留出更多空间给按钮 */
transition: box-shadow 0.2s ease;
@ -588,6 +588,11 @@ const handleInspection7 = () => {
z-index: 10;
}
.task-actions .el-button {
border-radius: 16px;
padding: 6px 16px;
}
.task-card::before {
content: '';
position: absolute;
@ -635,8 +640,8 @@ const handleInspection7 = () => {
}
.task-status {
padding: 4px 10px;
border-radius: 6px;
padding: 4px 12px;
border-radius: 16px;
font-size: 12px;
font-weight: 500;
border: 1px solid transparent;

View File

@ -106,8 +106,8 @@
</div>
<div class="task-actions">
<el-button type="text" size="small" class="action-btn view-btn" @click="handleView(task)"> 详情 </el-button>
<el-button type="primary" size="small" :class="task.actionClass" @click="handleAction(task)">
<el-button type="text" class="action-btn view-btn" @click="handleView(task)"> 详情 </el-button>
<el-button type="primary" :class="task.actionClass" @click="handleAction(task)">
{{ task.actionText }}
</el-button>
</div>
@ -588,6 +588,10 @@ const handleInspection7 = () => {
z-index: 10;
}
.task-actions .el-button {
border-radius: 16px;
padding: 6px 16px;
}
.task-card::before {
content: '';
position: absolute;

View File

@ -22,7 +22,13 @@
<div>
<div>
<span>租金</span>
<span>{{ proxy.formatPrice(detailInfo.rentSum) / 10000 }} 万元</span>
<span>{{
detailInfo.rentSum && !isNaN(detailInfo.rentSum)
? detailInfo.rentSum >= 10000
? proxy.formatPrice((detailInfo.rentSum / 10000).toFixed(2)) + ' 万元'
: proxy.formatPrice(detailInfo.rentSum) + ' 元'
: '0.00 元'
}}</span>
</div>
<el-icon :size="50" color="#3176ff">
<Postcard />