树形表单修改,反馈信息独立,反馈弹窗内容修改

This commit is contained in:
wsm
2026-05-19 20:24:33 +08:00
parent 6c69a88840
commit bae3cef80d
2 changed files with 51 additions and 50 deletions
+13 -12
View File
@@ -38,9 +38,9 @@
</template> </template>
<!--字段回显插槽--> <!--字段回显插槽-->
<template v-slot:bodyCell="{ column, record, index, text }"> </template> <template v-slot:bodyCell="{ column, record, index, text }"> </template>
<!--嵌套子表--> </BasicTable>
<template #expandedRowRender="{ record }">
<div class="feedback-expand-table" v-if="selectedFeedbackId === record.id"> <div v-if="selectedFeedbackId" class="feedback-standalone-panel">
<div class="feedback-expand-header"> <div class="feedback-expand-header">
<div class="feedback-expand-title"> <div class="feedback-expand-title">
<span class="feedback-expand-icon"> <span class="feedback-expand-icon">
@@ -48,11 +48,11 @@
</span> </span>
<span>反馈信息</span> <span>反馈信息</span>
<a-tag class="feedback-expand-count" color="processing"> <a-tag class="feedback-expand-count" color="processing">
{{ getFeedbackTableLoading(record) ? '加载中' : `${getFeedbackCount(record)}` }} {{ getFeedbackTableLoading(selectedFeedbackRecord) ? '加载中' : `${getFeedbackCount(selectedFeedbackRecord)}` }}
</a-tag> </a-tag>
</div> </div>
<div class="feedback-expand-actions"> <div class="feedback-expand-actions">
<a-button type="link" size="small" @click="handleCloseFeedback">收起</a-button> <a-button type="link" size="small" @click="handleCloseFeedback">收起反馈信息</a-button>
</div> </div>
</div> </div>
<BasicTable <BasicTable
@@ -66,8 +66,8 @@
:showTableSetting="false" :showTableSetting="false"
:clickToRowSelect="false" :clickToRowSelect="false"
:columns="feedbackExpandColumns" :columns="feedbackExpandColumns"
:dataSource="getFeedbackTableData(record)" :dataSource="getFeedbackTableData(selectedFeedbackRecord)"
:loading="getFeedbackTableLoading(record)" :loading="getFeedbackTableLoading(selectedFeedbackRecord)"
:pagination="false" :pagination="false"
:scroll="{ x: 1220 }" :scroll="{ x: 1220 }"
> >
@@ -83,8 +83,6 @@
</template> </template>
</BasicTable> </BasicTable>
</div> </div>
</template>
</BasicTable>
<!-- 表单区域 --> <!-- 表单区域 -->
<BgXiSpeakModal ref="registerModal" @success="handleSuccess"></BgXiSpeakModal> <BgXiSpeakModal ref="registerModal" @success="handleSuccess"></BgXiSpeakModal>
<!-- 审批记录 --> <!-- 审批记录 -->
@@ -193,6 +191,10 @@
const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] =
tableContext; tableContext;
const selectedFeedbackRecord = computed(() => {
if (!selectedFeedbackId.value) return {};
return findTableDataRecord(selectedFeedbackId.value) || { id: selectedFeedbackId.value };
});
const mainId = computed(() => (unref(selectedRowKeys).length > 0 ? unref(selectedRowKeys)[0] : '')); const mainId = computed(() => (unref(selectedRowKeys).length > 0 ? unref(selectedRowKeys)[0] : ''));
provide('mainId', mainId); provide('mainId', mainId);
@@ -310,7 +312,6 @@
async function handleExpand(expanded, record) { async function handleExpand(expanded, record) {
if (expanded) { if (expanded) {
expandedRowKeys.value.push(record.id); expandedRowKeys.value.push(record.id);
// 懒加载子节点
if (record.children && record.children.length > 0 && record.children[0].isLoading) { if (record.children && record.children.length > 0 && record.children[0].isLoading) {
let result = await getChildList({ pid: record.id }); let result = await getChildList({ pid: record.id });
result = result.records ? result.records : result; result = result.records ? result.records : result;
@@ -758,8 +759,8 @@
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.feedback-expand-table { .feedback-standalone-panel {
margin: 4px 10px 12px 42px; margin: 12px 0;
padding: 12px 14px 14px; padding: 12px 14px 14px;
background: #f6fbff; background: #f6fbff;
border: 1px solid #d6e8ff; border: 1px solid #d6e8ff;
@@ -13,7 +13,7 @@
<a-form-item> <a-form-item>
<a-radio-group v-model:value="feedbackRightNow"> <a-radio-group v-model:value="feedbackRightNow">
<a-space direction="vertical"> <a-space direction="vertical">
<a-radio :value="1">督办计划收集流程结束后需要立即反馈</a-radio> <a-radio :value="1">落实措施收集流程结束后需要立即反馈</a-radio>
<a-radio :value="0">无需立即反馈</a-radio> <a-radio :value="0">无需立即反馈</a-radio>
</a-space> </a-space>
</a-radio-group> </a-radio-group>