Browse Source

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

master_hella_20240701
yufei0306 1 year 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 attrs = useAttrs()
const slots = useSlots() const slots = useSlots()
const height = ref('200px') const height = ref('auto')
const isShow = ref(false) const isShow = ref(true)
const props = defineProps({ const props = defineProps({

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

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

Loading…
Cancel
Save