|
@@ -8,36 +8,40 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts" setup>
|
|
<script lang="ts" setup>
|
|
|
-import defaultSettings from "@/config/settings.json";
|
|
|
|
|
|
|
+ import defaultSettings from '@/config/settings.json';
|
|
|
|
|
+ import { getToken } from '@/api/user';
|
|
|
|
|
+ import { onBeforeMount, ref } from 'vue';
|
|
|
|
|
|
|
|
-import { onBeforeMount, ref } from "vue";
|
|
|
|
|
|
|
+ const url = ref('');
|
|
|
|
|
|
|
|
-const url = ref("");
|
|
|
|
|
-
|
|
|
|
|
-onBeforeMount(() => {
|
|
|
|
|
- url.value = `http://${window.location.hostname}:1080/flow?${localStorage.Authorization}`;
|
|
|
|
|
-});
|
|
|
|
|
|
|
+ onBeforeMount(async () => {
|
|
|
|
|
+ const { ragflow_token } = await getToken();
|
|
|
|
|
+ console.log('ragflow_token', ragflow_token);
|
|
|
|
|
+ url.value = `http://${window.location.hostname}:9222/authorization?ragflow_token=${ragflow_token}`;
|
|
|
|
|
+ });
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
|
-export default {
|
|
|
|
|
- name: "Agent",
|
|
|
|
|
-};
|
|
|
|
|
|
|
+ export default {
|
|
|
|
|
+ name: 'Agent',
|
|
|
|
|
+ };
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="less">
|
|
<style scoped lang="less">
|
|
|
-.container {
|
|
|
|
|
- padding: 0 20px 20px 20px;
|
|
|
|
|
- :deep(.arco-list-content) {
|
|
|
|
|
- overflow-x: hidden;
|
|
|
|
|
|
|
+ .container {
|
|
|
|
|
+ padding: 0 20px 20px 20px;
|
|
|
|
|
+
|
|
|
|
|
+ :deep(.arco-list-content) {
|
|
|
|
|
+ overflow-x: hidden;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ :deep(.arco-card-meta-title) {
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- :deep(.arco-card-meta-title) {
|
|
|
|
|
- font-size: 14px;
|
|
|
|
|
|
|
+ .iframe-box {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: calc(100vh - 176px);
|
|
|
}
|
|
}
|
|
|
-}
|
|
|
|
|
-.iframe-box {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: calc(100vh - 176px);
|
|
|
|
|
-}
|
|
|
|
|
</style>
|
|
</style>
|