树形表单修改,反馈信息独立,反馈弹窗内容修改
This commit is contained in:
@@ -38,53 +38,51 @@
|
|||||||
</template>
|
</template>
|
||||||
<!--字段回显插槽-->
|
<!--字段回显插槽-->
|
||||||
<template v-slot:bodyCell="{ column, record, index, text }"> </template>
|
<template v-slot:bodyCell="{ column, record, index, text }"> </template>
|
||||||
<!--嵌套子表-->
|
|
||||||
<template #expandedRowRender="{ record }">
|
|
||||||
<div class="feedback-expand-table" v-if="selectedFeedbackId === record.id">
|
|
||||||
<div class="feedback-expand-header">
|
|
||||||
<div class="feedback-expand-title">
|
|
||||||
<span class="feedback-expand-icon">
|
|
||||||
<Icon icon="ant-design:message-outlined" />
|
|
||||||
</span>
|
|
||||||
<span>反馈信息</span>
|
|
||||||
<a-tag class="feedback-expand-count" color="processing">
|
|
||||||
{{ getFeedbackTableLoading(record) ? '加载中' : `${getFeedbackCount(record)} 条` }}
|
|
||||||
</a-tag>
|
|
||||||
</div>
|
|
||||||
<div class="feedback-expand-actions">
|
|
||||||
<a-button type="link" size="small" @click="handleCloseFeedback">收起</a-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<BasicTable
|
|
||||||
class="feedback-inner-table"
|
|
||||||
bordered
|
|
||||||
size="small"
|
|
||||||
rowKey="id"
|
|
||||||
:canResize="false"
|
|
||||||
:showIndexColumn="false"
|
|
||||||
:showActionColumn="false"
|
|
||||||
:showTableSetting="false"
|
|
||||||
:clickToRowSelect="false"
|
|
||||||
:columns="feedbackExpandColumns"
|
|
||||||
:dataSource="getFeedbackTableData(record)"
|
|
||||||
:loading="getFeedbackTableLoading(record)"
|
|
||||||
:pagination="false"
|
|
||||||
:scroll="{ x: 1220 }"
|
|
||||||
>
|
|
||||||
<template #feedbackAttachments="{ record: feedbackRecord }">
|
|
||||||
<SUploadFile
|
|
||||||
v-if="feedbackRecord.id"
|
|
||||||
class="feedback-attachment-list"
|
|
||||||
:bussiness-id="feedbackRecord.id"
|
|
||||||
:disabled="true"
|
|
||||||
:multiple="true"
|
|
||||||
/>
|
|
||||||
<span v-else>-</span>
|
|
||||||
</template>
|
|
||||||
</BasicTable>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</BasicTable>
|
</BasicTable>
|
||||||
|
|
||||||
|
<div v-if="selectedFeedbackId" class="feedback-standalone-panel">
|
||||||
|
<div class="feedback-expand-header">
|
||||||
|
<div class="feedback-expand-title">
|
||||||
|
<span class="feedback-expand-icon">
|
||||||
|
<Icon icon="ant-design:message-outlined" />
|
||||||
|
</span>
|
||||||
|
<span>反馈信息</span>
|
||||||
|
<a-tag class="feedback-expand-count" color="processing">
|
||||||
|
{{ getFeedbackTableLoading(selectedFeedbackRecord) ? '加载中' : `${getFeedbackCount(selectedFeedbackRecord)} 条` }}
|
||||||
|
</a-tag>
|
||||||
|
</div>
|
||||||
|
<div class="feedback-expand-actions">
|
||||||
|
<a-button type="link" size="small" @click="handleCloseFeedback">收起反馈信息</a-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<BasicTable
|
||||||
|
class="feedback-inner-table"
|
||||||
|
bordered
|
||||||
|
size="small"
|
||||||
|
rowKey="id"
|
||||||
|
:canResize="false"
|
||||||
|
:showIndexColumn="false"
|
||||||
|
:showActionColumn="false"
|
||||||
|
:showTableSetting="false"
|
||||||
|
:clickToRowSelect="false"
|
||||||
|
:columns="feedbackExpandColumns"
|
||||||
|
:dataSource="getFeedbackTableData(selectedFeedbackRecord)"
|
||||||
|
:loading="getFeedbackTableLoading(selectedFeedbackRecord)"
|
||||||
|
:pagination="false"
|
||||||
|
:scroll="{ x: 1220 }"
|
||||||
|
>
|
||||||
|
<template #feedbackAttachments="{ record: feedbackRecord }">
|
||||||
|
<SUploadFile
|
||||||
|
v-if="feedbackRecord.id"
|
||||||
|
class="feedback-attachment-list"
|
||||||
|
:bussiness-id="feedbackRecord.id"
|
||||||
|
:disabled="true"
|
||||||
|
:multiple="true"
|
||||||
|
/>
|
||||||
|
<span v-else>-</span>
|
||||||
|
</template>
|
||||||
|
</BasicTable>
|
||||||
|
</div>
|
||||||
<!-- 表单区域 -->
|
<!-- 表单区域 -->
|
||||||
<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>
|
||||||
|
|||||||
Reference in New Issue
Block a user