Browse Source

详情明细UI修改---tab添加“主数据”模块

master_hella_20240701
yufei0306 7 months ago
parent
commit
39140b9b11
  1. 4
      src/components/Descriptions/src/Descriptions.vue
  2. 12
      src/components/Detail/src/Detail.vue

4
src/components/Descriptions/src/Descriptions.vue

@ -15,8 +15,8 @@ const mobile = computed(() => appStore.getMobile)
const attrs = useAttrs()
const slots = useSlots()
const height = ref('200px')
const isShow = ref(false)
const height = ref('auto')
const isShow = ref(true)
const props = defineProps({

12
src/components/Detail/src/Detail.vue

@ -12,7 +12,8 @@
{{ titleValueRef }} <span class="ml-20px font-size-16px">{{ titleNameRef }}</span>
</div>
</template>
<ContentWrap v-if="!isBasic">
<Tabs ref="tabRef" :tabsList="tabsList" :current="current" @change="change" />
<ContentWrap v-if="!isBasic" v-show="tabsList[current].label=='主数据'">
<Descriptions
:data="detailData"
labelClassName="label-class-name"
@ -24,11 +25,9 @@
width="200px"
/>
</ContentWrap>
<Tabs ref="tabRef" :tabsList="tabsList" :current="current" @change="change" />
<div class="flex">
<!-- 详情 -->
<ContentWrap class="w-[100%]" v-show="tabsList[current].label!=annexAliasLabel&&tabsList[current].label!='备注'&&tabsList[current].label!='变更记录'&&!annexTableData.some(item=>item.label==tabsList[current].label)"> <!-- 列表头部 -->
<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)"> <!-- 列表头部 -->
<TableHead
v-if="!isBasic"
:HeadButttondata="HeadButttondata"
@ -401,6 +400,10 @@ if (!tabsList.value || tabsList.value && tabsList.value.length == otherList.leng
prop: 'Detail'
})
}
tabsList.value.unshift({
label: '主数据',
prop: 'Descriptions'
})
// Tabs
const tabRef = ref()
@ -473,7 +476,6 @@ const getAnnexFileList = async (row:id) => {
});
await getSubList()
item.subDetailTableData.tableList = subTableObject.tableList
annexItem.subDetailTableData.tableList
console.log('subTableObject',annexTableData.value)
}
}

Loading…
Cancel
Save