48 lines
1.1 KiB
Vue
48 lines
1.1 KiB
Vue
|
<template>
|
||
|
|
<div class="html-wrap" v-html="value"></div>
|
||
|
|
</template>
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { ref, reactive } from 'vue'
|
||
|
|
import { queryAppInfo, dictDataCache, queryAppInfoByType } from '@/api/auth'
|
||
|
|
import { useDictData } from '@/stores/dictData'
|
||
|
|
const dictData = useDictData()
|
||
|
|
const DataSelect = dictData.getBasicData('appInformationType')
|
||
|
|
const value = ref('')
|
||
|
|
const id = ref('')
|
||
|
|
document.title = '用户协议'
|
||
|
|
dictDataCache().then(res => {
|
||
|
|
id.value = res.data
|
||
|
|
.filter(item => item.code == 'appInformationType')[0]
|
||
|
|
.children.filter(item => item.code == 'User_Agreement')[0].id
|
||
|
|
|
||
|
|
info()
|
||
|
|
})
|
||
|
|
const info = () => {
|
||
|
|
queryAppInfoByType(id.value).then(res => {
|
||
|
|
value.value = res.data.content
|
||
|
|
})
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
html,
|
||
|
|
body {
|
||
|
|
width: 100vw;
|
||
|
|
}
|
||
|
|
.html-wrap {
|
||
|
|
overflow-y: scroll;
|
||
|
|
overflow-x: hidden;
|
||
|
|
box-sizing: border-box;
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
padding: 10px;
|
||
|
|
color: #666;
|
||
|
|
word-break: break-all;
|
||
|
|
white-space: pre-wrap;
|
||
|
|
box-sizing: border-box;
|
||
|
|
|
||
|
|
img {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|