Files
NexQuant/web/src/views/Playground1.vue
T
XianBW 14395488b9 feat: add a web UI server (#1345)
* update rdagent cmd

* fix log error message

* use multiProcessing.Process instead of subprocess.Popen

* add traces to gitignore

* add user interactor in RDLoop (finance scenarios)

* add interactor (feedback, hypothesis) for quant scens

* fix the test_end in qlib conf

* add features init config, general instruction to qlib scenarios

* set base features for based exp

* fix bug when combine factors

* move traces folder to git_ignore_folder

* fix bug in features init

* fix quant interact bug

* fix logger warning error

* bug fixes

* modify rdagent logger, now it can set file output

* adjust cli functions and fix logger bug

* fix server port transport problem

* update server_ui in cli

* add web code

* fix CI problem

* black fix

* update web ui README

* update README

* update readme
2026-03-18 14:04:52 +08:00

110 lines
2.8 KiB
Vue

<template>
<div class="main-content">
<div class="step">
<Step :activeIndex="0" />
</div>
<div class="intro">
<h2>Welcome to our intelligent model analysis platform.</h2>
<p>
New here? Choose a scenario to input info or upload a file. Returning?
Upload your code file to continue.
</p>
</div>
<div class="content">
<div class="scenario-item">
<div class="scenario-item-text">
<p class="p1">
<SvgIcon class="edit-icon" name="edit" color="#2B2B2B"></SvgIcon
>First Time? Start Your Analysis
</p>
<p class="p2">
Select a scenario and input the information you want, or upload a
related file to generate real-time analysis.
</p>
</div>
<SvgIcon class="step-icon" name="arrows-mark" color="#4895EF"></SvgIcon>
</div>
<div class="scenario-item">
<div class="scenario-item-text">
<p class="p1">
<SvgIcon
class="edit-icon"
name="prime_upload"
color="#2B2B2B"
></SvgIcon
>Upload Your Code File
</p>
<p class="p2">
Already used our service? Upload your previously exported code file
to continue your analysis.
</p>
</div>
<SvgIcon class="step-icon" name="arrows-mark" color="#4895EF"></SvgIcon>
</div>
</div>
</div>
</template>
<script setup>
import { ref, watch, reactive, nextTick } from "vue";
import Step from "../components/step-component.vue";
</script>
<style scoped lang="scss">
.main-content {
.step {
margin-top: 4.125em;
}
.intro {
margin-top: 3.75em;
text-align: center;
h2 {
color: var(--text-color);
font-size: 2.5em;
font-weight: 700;
line-height: 200%;
}
p {
margin-top: 1.875em;
color: var(---intro-text-color);
font-family: "Microsoft YaHei";
font-size: 1.125em;
line-height: 200%;
}
}
.content {
margin-top: 6.25em;
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5em;
.scenario-item {
display: flex;
width: 900px;
justify-content: space-between;
padding: 2em 3.56em 2em 2.5em;
align-items: center;
border-radius: 4px;
border: 2px solid var(--blue-border-color);
.scenario-item-text {
.p1 {
color: var(--text-color);
font-size: 1.5em;
line-height: 200%;
display: flex;
align-items: center;
.edit-icon {
margin-right: 0.4em;
}
}
.p2 {
color: var(--text-color);
font-size: 1em;
line-height: 200%;
}
}
}
}
}
</style>