lostecho/vue-element-plus-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add component sticky

Browse Source
This commit is contained in:
huanghong
2022-03-31 00:33:19 +08:00
parent ecf375c1b2
commit d630710c83
14 changed files with 339 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/Example/Page/ExampleAdd.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import Write from './components/Write.vue'
import { ContentWrap } from '@/components/ContentWrap'
import { ContentDetailWrap } from '@/components/ContentDetailWrap'
import { ref, unref } from 'vue'
import { ElButton } from 'element-plus'
import { useI18n } from '@/hooks/web/useI18n'
@@ -42,14 +42,13 @@ const save = async () => {
</script>
<template>
<ContentWrap :title="t('exampleDemo.add')">
<ContentDetailWrap :title="t('exampleDemo.add')" @back="push('/example/example-page')">
<Write ref="writeRef" />
<div class="text-center">
<template #right>
<ElButton type="primary" :loading="loading" @click="save">
{{ t('exampleDemo.save') }}
</ElButton>
<ElButton @click="push('/example/example-page')">{{ t('dialogDemo.close') }}</ElButton>
</div>
</ContentWrap>
</template>
</ContentDetailWrap>
</template>

11
src/views/Example/Page/ExampleDetail.vue
View File

@@ -1,8 +1,7 @@
<script setup lang="ts">
import Detail from './components/Detail.vue'
import { ContentWrap } from '@/components/ContentWrap'
import { ContentDetailWrap } from '@/components/ContentDetailWrap'
import { ref } from 'vue'
import { ElButton } from 'element-plus'
import { useI18n } from '@/hooks/web/useI18n'
import { useRouter, useRoute } from 'vue-router'
import { getTableDetApi } from '@/api/table'
@@ -31,11 +30,7 @@ getTableDet()
</script>
<template>
<ContentWrap :title="t('exampleDemo.detail')">
<ContentDetailWrap :title="t('exampleDemo.detail')" @back="push('/example/example-page')">
<Detail :current-row="currentRow" />
<div class="text-center">
<ElButton @click="push('/example/example-page')">{{ t('dialogDemo.close') }}</ElButton>
</div>
</ContentWrap>
</ContentDetailWrap>
</template>

11
src/views/Example/Page/ExampleEdit.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import Write from './components/Write.vue'
import { ContentWrap } from '@/components/ContentWrap'
import { ContentDetailWrap } from '@/components/ContentDetailWrap'
import { ref, unref } from 'vue'
import { ElButton } from 'element-plus'
import { useI18n } from '@/hooks/web/useI18n'
@@ -58,14 +58,13 @@ const save = async () => {
</script>
<template>
<ContentWrap :title="t('exampleDemo.edit')">
<ContentDetailWrap :title="t('exampleDemo.edit')" @back="push('/example/example-page')">
<Write ref="writeRef" :current-row="currentRow" />
<div class="text-center">
<template #right>
<ElButton type="primary" :loading="loading" @click="save">
{{ t('exampleDemo.save') }}
</ElButton>
<ElButton @click="push('/example/example-page')">{{ t('dialogDemo.close') }}</ElButton>
</div>
</ContentWrap>
</template>
</ContentDetailWrap>
</template>