模板列表接口重复请求问题
continuous-integration/drone/push Build is passing Details

uat_us
DESKTOP-6C3NK6N\WXS 2024-10-10 13:57:30 +08:00
parent f58eb07323
commit 705585da38
1 changed files with 25 additions and 16 deletions

View File

@ -1,12 +1,19 @@
<template> <template>
<div class="attachment-wrapper"> <div class="attachment-wrapper">
<el-tabs v-model="activeTab" @tab-click="clickTab"> <el-tabs v-model="activeTab" @tab-click="clickTab">
<el-tab-pane v-for="item in $d.Common_File_Type" :key="item.value" :label="item.label" :name="String(item.value)"> <el-tab-pane
<UploadTemplate v-if="activeTab === '1'" /> v-for="item in $d.Common_File_Type"
<ExportTemplate v-if="activeTab === '2'" /> :key="item.value"
<EmailTemplate v-if="activeTab === '3'" /> :label="item.label"
<CommonTemplate v-if="activeTab === '4'" /> :name="String(item.value)"
<SignatureTemplate v-if="activeTab === '5'" /> >
<UploadTemplate v-if="activeTab === '1' && item.value == activeTab" />
<ExportTemplate v-if="activeTab === '2' && item.value == activeTab" />
<EmailTemplate v-if="activeTab === '3' && item.value == activeTab" />
<CommonTemplate v-if="activeTab === '4' && item.value == activeTab" />
<SignatureTemplate
v-if="activeTab === '5' && item.value == activeTab"
/>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
@ -24,11 +31,11 @@ export default {
ExportTemplate, ExportTemplate,
EmailTemplate, EmailTemplate,
CommonTemplate, CommonTemplate,
SignatureTemplate SignatureTemplate,
}, },
data() { data() {
return { return {
activeTab: null activeTab: null,
} }
}, },
mounted() { mounted() {
@ -40,25 +47,27 @@ export default {
}, },
methods: { methods: {
clickTab(tab, event) { clickTab(tab, event) {
this.$router.push({ path: `/dictionary/attachment?tabActive=${tab.name}` }) this.$router.push({
} path: `/dictionary/attachment?tabActive=${tab.name}`,
} })
},
},
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.attachment-wrapper{ .attachment-wrapper {
.el-tabs{ .el-tabs {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.el-tabs__header { .el-tabs__header {
height: 40px; height: 40px;
margin-bottom:5px; margin-bottom: 5px;
} }
.el-tabs__content{ .el-tabs__content {
flex: 1; flex: 1;
.el-tab-pane{ .el-tab-pane {
height: 100%; height: 100%;
} }
} }