拓扑图配置

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

@@ -7,22 +7,23 @@
             <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 class='agreement' :style='{height:height}'>
             <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%' />
+            <WangEditor v-model='html' style='border-top: none' />
         </div>
     </div>
 </template>
 
 <script setup lang='ts'>
-import { ref, onMounted } from 'vue'
+import { ref, nextTick } 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 { addAppInfo, queryAppInfo } from '@/api/cs-system-boot/appinfo'
 import WangEditor from '@/components/wangEditor/index.vue'
+import { ElMessage } from 'element-plus'
 
 defineOptions({
     name: 'govern/setting/app'
@@ -31,17 +32,28 @@ const dic = useDictData().getBasicData('appInformationType')
 const id = ref('')
 const activeName = ref('User_Agreement')
 const html = ref('')
+const height = mainHeight(60).height
 const submit = () => {
-
+    addAppInfo({
+        type: id.value,
+        content: html.value
+    }).then((res) => {
+        ElMessage.success('保存成功')
+    })
 }
 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
+    nextTick(() => {
+        dic.forEach((item: BasicDictData) => {
+            if (item.code == activeName.value) {
+                console.log(activeName.value)
+                console.log(item.id)
+
+                id.value = item.id
+            }
+        })
+        queryAppInfo(id.value).then((res: any) => {
+            html.value = res.data.content
+        })
     })
 }
 init()