123456789101112131415161718192021222324252627282930313233343536373839 |
- <template>
- <div class="ml-[20px] min-h-[70vh] px-[20px] py-[30px] w-[1000px] bg-[#fff] rounded-[var(--rounded-big)]">
- <div>
- <div>
- <template v-if="agreement">
- <div class="main-container" v-if="agreement.title && agreement.content">
- <h2 class="text-center">{{ agreement.title }}</h2>
- <div v-html="agreement.content"></div>
- </div>
- <el-empty :description="t('protocolNotConfigured')" :image-size="200" :image="img('static/resource/images/system/empty.png')" v-else />
- </template>
- </div>
- </div>
- </div>
- </template>
- <script lang="ts" setup>
- import { ref, reactive, computed,watch } from 'vue'
- import { getAgreementInfo } from '@/app/api/system'
- import { useRoute } from 'vue-router';
- const agreement = ref<any | null>(null)
- const route = useRoute()
- watch(() => route.query.key, (newVal, oldVal) => {
- if(route.query.key){
- getAgreementInfo(route.query.key).then(({ data }) => {
- agreement.value = data
- useHead({
- title: data.title
- })
- }).catch(err => {
- })
- }
- },{immediate: true})
- </script>
- <style lang="scss" scoped></style>
|