|
|
@ -40,7 +40,7 @@ |
|
|
|
</ContentWrap> |
|
|
|
<div class="flex"> |
|
|
|
<!-- 详情 --> |
|
|
|
<ContentWrap class="w-[100%]" v-show="tabsList[current].label!=annexAliasLabel&&tabsList[current].label!='备注'&&tabsList[current].label!='变更记录'&&tabsList[current].label!='主数据'&&!annexTableData.some(item=>item.label==tabsList[current].label)"> <!-- 列表头部 --> |
|
|
|
<ContentWrap class="w-[100%]" v-show="tabsList[current].label!=annexAlias.label&&tabsList[current].label!='备注'&&tabsList[current].label!='变更记录'&&tabsList[current].label!='主数据'&&!annexTableData.some(item=>item.label==tabsList[current].label)"> <!-- 列表头部 --> |
|
|
|
<TableHead |
|
|
|
v-if="!isBasic" |
|
|
|
:HeadButttondata="HeadButttondata" |
|
|
@ -114,6 +114,7 @@ |
|
|
|
<div v-for="(annexItem ,index) in annexTableData" :key="index" v-show="annexItem.label==tabsList[current].label" class="w-[100%]" :style="{height:annexItem.hasSubDetail?'100%':remarkHeight+'px'}"> |
|
|
|
<ContentWrap class="w-[100%]"> |
|
|
|
<ElScrollbar ref="scrollbar" :style="{height:annexItem.hasSubDetail?'100%':(remarkHeight-40)+'px'}"> |
|
|
|
|
|
|
|
<Annex v-show="tabsList[current].label==annexItem.label" |
|
|
|
:annexData="annexItem" |
|
|
|
@handleAnnexSuccess="updateAnnexTableHandle" |
|
|
@ -137,26 +138,38 @@ |
|
|
|
</ContentWrap> |
|
|
|
|
|
|
|
</div> |
|
|
|
<!-- 附件/备注/变更记录 --> |
|
|
|
<ContentWrap class="w-[100%]" v-show="tabsList[current].label==annexAliasLabel||tabsList[current].label=='备注'||tabsList[current].label=='变更记录'" :style="{height:remarkHeight+'px'}"> |
|
|
|
<!-- 附件/备注/变更记录 --> |
|
|
|
<ContentWrap class="w-[100%]" v-show="tabsList[current].label==annexAlias.label" :style="{height:remarkHeight+'px'}"> |
|
|
|
<!-- 附件组件 --> |
|
|
|
<ElScrollbar ref="scrollbar" :style="{height:(remarkHeight-40)+'px'}"> |
|
|
|
<Annex v-show="tabsList[current].label==annexAliasLabel" |
|
|
|
<Annex |
|
|
|
:annexData="annexData" |
|
|
|
:showDownload = "annexAlias.showDownload" |
|
|
|
:hiddenDelete = "annexAlias.hiddenDelete" |
|
|
|
@handleAnnexSuccess="handleAnnexSuccess" |
|
|
|
@deleteAnnexSuccess="deleteAnnexSuccess" |
|
|
|
:upData="remarksData.data" |
|
|
|
:key="count" |
|
|
|
/> |
|
|
|
</ElScrollbar> |
|
|
|
</ContentWrap> |
|
|
|
<ContentWrap class="w-[100%]" v-show="tabsList[current].label=='备注'" :style="{height:remarkHeight+'px'}"> |
|
|
|
<!-- 附件组件 --> |
|
|
|
<ElScrollbar ref="scrollbar" :style="{height:(remarkHeight-40)+'px'}"> |
|
|
|
<!-- 备注组件 --> |
|
|
|
<Remarks v-show="tabsList[current].label=='备注'" |
|
|
|
<Remarks |
|
|
|
:remarksData="remarksData" |
|
|
|
class="mt-20px" |
|
|
|
@remarksSubmitScuess="remarksSubmitScuess" |
|
|
|
:key="count" |
|
|
|
/> |
|
|
|
</ElScrollbar> |
|
|
|
</ContentWrap> |
|
|
|
<ContentWrap class="w-[100%]" v-show="tabsList[current].label=='变更记录'" :style="{height:remarkHeight+'px'}"> |
|
|
|
<!-- 附件组件 --> |
|
|
|
<ElScrollbar ref="scrollbar" :style="{height:(remarkHeight-40)+'px'}"> |
|
|
|
<!-- 变更记录组件 --> |
|
|
|
<ChangeRecord v-show="tabsList[current].label=='变更记录'" :changeRecordData="changeRecordData" class="mt-20px" :key="count"/> |
|
|
|
<ChangeRecord :changeRecordData="changeRecordData" class="mt-20px" :key="count"/> |
|
|
|
</ElScrollbar> |
|
|
|
</ContentWrap> |
|
|
|
</div> |
|
|
@ -226,10 +239,15 @@ const props = defineProps({ |
|
|
|
default: ()=>[] |
|
|
|
}, |
|
|
|
//展示附件组件的tab标签 |
|
|
|
annexAliasLabel: { |
|
|
|
type: String, |
|
|
|
annexAlias: { |
|
|
|
type: Object, |
|
|
|
required: false, |
|
|
|
default: '附件' |
|
|
|
default: ()=>({ |
|
|
|
label: '附件', |
|
|
|
showDownload:false, |
|
|
|
showPreview:false, |
|
|
|
hiddenDelete:false |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 是否是基础数据 展现详情顶部表单 |
|
|
|
isBasic: { |
|
|
@ -402,7 +420,7 @@ const tabsList = ref(JSON.parse(JSON.stringify(props.tabs ? props.tabs : ''))) |
|
|
|
// } |
|
|
|
|
|
|
|
const otherList = [...props.annexTable,{ |
|
|
|
label:props.annexAliasLabel, |
|
|
|
label:props.annexAlias.label, |
|
|
|
prop:'Annex' |
|
|
|
},{ |
|
|
|
label:'备注', |
|
|
@ -503,6 +521,7 @@ const getAnnexFileList = async (row:id) => { |
|
|
|
} |
|
|
|
/** 添加附件 */ |
|
|
|
const handleAnnexSuccess = () => { |
|
|
|
|
|
|
|
getFileList() |
|
|
|
getChangeRecordList() |
|
|
|
} |
|
|
@ -520,6 +539,7 @@ const updateAnnexTableHandle = () => { |
|
|
|
// Tabs当前选择 |
|
|
|
const current = ref(0) |
|
|
|
const change = (item, index) => { |
|
|
|
|
|
|
|
current.value = index |
|
|
|
emit('changeTabs', item) |
|
|
|
if(otherList.find(other=>other.label==item.label)){ |
|
|
|