this.table.

src/views/govern/setting/app/index.vue

@@ -0,0 +1,49 @@
+<template>
+    <div class='default-main'>
+        <el-tabs v-model='activeName' type='card' @tab-click='init'>
+            <el-tab-pane label='用户协议' name='User_Agreement'></el-tab-pane>
+            <el-tab-pane label='个人信息保护政策' name='Personal_Infor_Protect'></el-tab-pane>
+            <el-tab-pane label='系统介绍' name='introduction'></el-tab-pane>
+            <el-tab-pane label='使用手册' name='User_Manual'></el-tab-pane>
+            <el-tab-pane label='公司介绍' name='Company_Profile'></el-tab-pane>
+        </el-tabs>
+        <div class='agreement' style='height: calc(100vh - 190px)'>
+            <div style='margin-top: 5px; right: 10px; position: absolute; z-index: 9999999'>
+                <el-button type='primary' @click='submit' icon='el-icon-Checked'>保存</el-button>
+            </div>
+            <WangEditor v-model='html' style='height: 100%' />
+        </div>
+    </div>
+</template>
+
+<script setup lang='ts'>
+import { ref, onMounted } from 'vue'
+import { mainHeight } from '@/utils/layout'
+import { useDictData } from '@/stores/dictData'
+import { BasicDictData } from '@/stores/interface'
+import { queryAppInfo } from '@/api/cs-system-boot/appinfo'
+import WangEditor from '@/components/wangEditor/index.vue'
+
+defineOptions({
+    name: 'govern/setting/app'
+})
+const dic = useDictData().getBasicData('appInformationType')
+const id = ref('')
+const activeName = ref('User_Agreement')
+const html = ref('')
+const submit = () => {
+
+}
+const init = () => {
+    dic.forEach((item: BasicDictData) => {
+        if (item.code == activeName.value) {
+            id.value = item.id
+        }
+    })
+    queryAppInfo(id.value).then((res: any) => {
+        html.value = res.data.content
+    })
+}
+init()
+
+</script>