style(detail): 参会人 table 上移到 劳务明细 + 劳务协议 上面
This commit is contained in:
@@ -52,16 +52,7 @@
|
|||||||
<div class="section-title">材料管理</div>
|
<div class="section-title">材料管理</div>
|
||||||
<el-tabs v-model="activeTab" class="material-tabs">
|
<el-tabs v-model="activeTab" class="material-tabs">
|
||||||
<el-tab-pane label="劳务材料" name="labor">
|
<el-tab-pane label="劳务材料" name="labor">
|
||||||
<div class="file-list">
|
<!-- 参会人管理 (放在 劳务明细 + 劳务协议 上面, 无表题直接出表) -->
|
||||||
<div v-for="r in laborMaterialRows" :key="r.label" class="file-row">
|
|
||||||
<span class="file-label">{{ r.label }}:</span>
|
|
||||||
<OssFileUploader v-model="r.url" :dir="`ry8080/meeting/${meetingId}/labor/`" :placeholder="`点击上传 ${r.label}`" class="file-uploader" />
|
|
||||||
<span v-if="materialAmount(r.subType) > 0" class="invoice-amount">¥ {{ materialAmount(r.subType).toFixed(2) }}</span>
|
|
||||||
<div v-if="r.hint" class="file-hint">{{ r.hint }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 参会人管理 (按用户要求, 放在"劳务明细表"那行下面, 无表题直接出表) -->
|
|
||||||
<div class="attendee-section">
|
<div class="attendee-section">
|
||||||
<div class="attendee-toolbar">
|
<div class="attendee-toolbar">
|
||||||
<el-button type="primary" size="small" :loading="attendeeLoading" @click="openAttendeeDialog()">+ 新增参会人</el-button>
|
<el-button type="primary" size="small" :loading="attendeeLoading" @click="openAttendeeDialog()">+ 新增参会人</el-button>
|
||||||
@@ -100,6 +91,15 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="file-list" style="margin-top: 16px;">
|
||||||
|
<div v-for="r in laborMaterialRows" :key="r.label" class="file-row">
|
||||||
|
<span class="file-label">{{ r.label }}:</span>
|
||||||
|
<OssFileUploader v-model="r.url" :dir="`ry8080/meeting/${meetingId}/labor/`" :placeholder="`点击上传 ${r.label}`" class="file-uploader" />
|
||||||
|
<span v-if="materialAmount(r.subType) > 0" class="invoice-amount">¥ {{ materialAmount(r.subType).toFixed(2) }}</span>
|
||||||
|
<div v-if="r.hint" class="file-hint">{{ r.hint }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="会务材料" name="service">
|
<el-tab-pane label="会务材料" name="service">
|
||||||
<div class="file-list">
|
<div class="file-list">
|
||||||
@@ -962,8 +962,8 @@ onMounted(load)
|
|||||||
|
|
||||||
.form-actions { display: flex; justify-content: flex-start; padding: 24px 0 0; }
|
.form-actions { display: flex; justify-content: flex-start; padding: 24px 0 0; }
|
||||||
|
|
||||||
/* 参会人管理 (放在 劳务材料 tab 底部, 无表题) */
|
/* 参会人管理 (放在 劳务材料 tab 顶部, 在 劳务明细 + 劳务协议 上面) */
|
||||||
.attendee-section { margin-top: 16px; padding-top: 16px; border-top: 1px dashed #e8e8e8; }
|
.attendee-section { padding-bottom: 16px; border-bottom: 1px dashed #e8e8e8; }
|
||||||
.attendee-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; flex-wrap: wrap; }
|
.attendee-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; flex-wrap: wrap; }
|
||||||
.toolbar-hint { font-size: 12px; color: #909399; line-height: 1.5; }
|
.toolbar-hint { font-size: 12px; color: #909399; line-height: 1.5; }
|
||||||
.form-hint { font-size: 12px; color: #909399; margin-top: -8px; margin-bottom: 8px; line-height: 1.5; }
|
.form-hint { font-size: 12px; color: #909399; margin-top: -8px; margin-bottom: 8px; line-height: 1.5; }
|
||||||
|
|||||||
Reference in New Issue
Block a user