关联主题

src/views/manage/service/relation.vue

@@ -4,7 +4,7 @@
     :title="titleCpt"
     @onClose="$emit('update:show', false)"
     width="80%"
-    height="80%"
+    max-height="80%"
     :loading="state.loading"
   >
     <div class="__cus-manage_content">
@@ -14,6 +14,9 @@
           :table-head="state.tableHead"
           :no-page="true"
         >
+          <template #themeState-column-value="{scope}">
+            {{DictionaryStore.roleStatusMap.get(scope.row.themeState)}}
+          </template>
         </CusTable>
       </div>
     </div>
@@ -21,10 +24,10 @@
 </template>
 
 <script setup lang="ts">
-import {computed, getCurrentInstance, nextTick, reactive, ref, watch} from "vue";
+import {computed, getCurrentInstance, nextTick, onMounted, reactive, ref, watch} from "vue";
 import {useDictionaryStore} from "@/stores";
 import {ElMessage, ElMessageBox} from "element-plus";
-import {outsideServiceTheme} from "@/api/modules/manage/service";
+import {outsideServiceTheme, sysPluginGetAllParsePlugins, sysPluginGetAllPlugins} from "@/api/modules/manage/service";
 
 const emit = defineEmits(['update:show', 'dict'])
 const {proxy} = getCurrentInstance()
@@ -35,9 +38,9 @@ const props = defineProps({
  })
 const state: any = reactive({
   tableHead: [
-    {value: "key", label: "主题名称"},
-    {value: "value", label: "主题状态"},
-    {value: "value", label: "关联时间"},
+    {value: "themeName", label: "主题名称"},
+    {value: "themeState", label: "主题状态"},
+    {value: "correlationTime", label: "关联时间"},
   ],
   data: [],
   loading: false,
@@ -49,13 +52,22 @@ const titleCpt = computed(() => {
 })
 const initDetail = () => {
   state.loading = true
-  outsideServiceTheme(props.transfer.id)
+  outsideServiceTheme(props.transfer.id).then(res => {
+    state.data = res.data || []
+    state.loading = false
+  })
 }
 watch(() => props.show, (n) => {
   if (n) {
     initDetail()
   }
 })
+onMounted(() => {
+  initDictionary()
+})
+const initDictionary = () => {
+  DictionaryStore.initDict('role_status')
+}
 </script>
 
 <style lang="scss" scoped>