|
@ -28,8 +28,7 @@ |
|
|
<Tabs :tabsList="tabsList" :current="current" @change="change" /> |
|
|
<Tabs :tabsList="tabsList" :current="current" @change="change" /> |
|
|
<div class="flex"> |
|
|
<div class="flex"> |
|
|
<!-- 详情 --> |
|
|
<!-- 详情 --> |
|
|
<ContentWrap class="w-[73%]"> |
|
|
<ContentWrap class="w-[100%]" v-show="current<tabsList.length-3"> <!-- 列表头部 --> |
|
|
<!-- 列表头部 --> |
|
|
|
|
|
<TableHead |
|
|
<TableHead |
|
|
v-if="!isBasic" |
|
|
v-if="!isBasic" |
|
|
:HeadButttondata="HeadButttondata" |
|
|
:HeadButttondata="HeadButttondata" |
|
@ -73,8 +72,7 @@ |
|
|
v-model:currentPage="tableObjectRef.currentPage" |
|
|
v-model:currentPage="tableObjectRef.currentPage" |
|
|
> |
|
|
> |
|
|
<template #photos="{ row }"> |
|
|
<template #photos="{ row }"> |
|
|
<div v-for="(item,index) in row.photos.split(',')" :key="index" style="color:#409eff ; cursor: pointer;" @click="openImage(item)">{{ item }}</div> |
|
|
<div v-for="(item,index) in row.photos.split(',')" :key="index" style="color:#409eff ; cursor: pointer;" @click="openImage(item)">{{ item }}</div> </template> |
|
|
</template> |
|
|
|
|
|
<template #action="{ row }"> |
|
|
<template #action="{ row }"> |
|
|
<ButtonBase |
|
|
<ButtonBase |
|
|
:Butttondata="buttondata" |
|
|
:Butttondata="buttondata" |
|
@ -98,23 +96,23 @@ |
|
|
</template> |
|
|
</template> |
|
|
</DetailTable> |
|
|
</DetailTable> |
|
|
</ContentWrap> |
|
|
</ContentWrap> |
|
|
<ContentWrap class="w-[27%] ml-16px"> |
|
|
<!-- 附件/备注/变更记录 --> |
|
|
|
|
|
<ContentWrap class="w-[100%]" v-show="current>=tabsList.length-3"> |
|
|
<!-- 附件组件 --> |
|
|
<!-- 附件组件 --> |
|
|
<Annex |
|
|
<Annex v-show="current===tabsList.length-3" |
|
|
:annexData="annexData" |
|
|
:annexData="annexData" |
|
|
@handleAnnexSuccess="handleAnnexSuccess" |
|
|
@handleAnnexSuccess="handleAnnexSuccess" |
|
|
@deleteAnnexSuccess="deleteAnnexSuccess" |
|
|
@deleteAnnexSuccess="deleteAnnexSuccess" |
|
|
:upData="remarksData.data" |
|
|
:upData="remarksData.data" |
|
|
/> |
|
|
/> |
|
|
<!-- 备注组件 --> |
|
|
<!-- 备注组件 --> |
|
|
<Remarks |
|
|
<Remarks v-show="current===tabsList.length-2" |
|
|
:remarksData="remarksData" |
|
|
:remarksData="remarksData" |
|
|
class="mt-20px" |
|
|
class="mt-20px" |
|
|
@remarksSubmitScuess="remarksSubmitScuess" |
|
|
@remarksSubmitScuess="remarksSubmitScuess" |
|
|
/> |
|
|
/> |
|
|
<!-- 变更记录组件 --> |
|
|
<!-- 变更记录组件 --> |
|
|
<ChangeRecord :changeRecordData="changeRecordData" class="mt-20px" /> |
|
|
<ChangeRecord v-show="current===tabsList.length-1" :changeRecordData="changeRecordData" class="mt-20px" /> </ContentWrap> |
|
|
</ContentWrap> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</el-drawer> |
|
|
</el-drawer> |
|
|
<!-- 表格弹窗 --> |
|
|
<!-- 表格弹窗 --> |
|
@ -331,8 +329,17 @@ if (props.isBasic == true) { |
|
|
] |
|
|
] |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
if (tabsList.value) { |
|
|
tabsList.value = [...tabsList?.value,{ |
|
|
} |
|
|
label:'附件', |
|
|
|
|
|
prop:'Annex' |
|
|
|
|
|
},{ |
|
|
|
|
|
label:'备注', |
|
|
|
|
|
prop:'Remarks' |
|
|
|
|
|
},{ |
|
|
|
|
|
label:'变更记录', |
|
|
|
|
|
prop:'ChangeRecord' |
|
|
|
|
|
}] |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 附件默认数据 |
|
|
// 附件默认数据 |
|
|
const annexData = reactive({ |
|
|
const annexData = reactive({ |
|
|