eta1.6.3 init

src/routes/modules/chartRoutes.js

@@ -354,6 +354,17 @@ export default [
 					pathName_en:"Correlation analysis"
 				}
 			},
+			{
+				path: 'relevancechartEditorV2',
+				name: '编辑图表V2',
+				component:()=>import('@/views/chartRelevance_manage/relevance/relevanceChartEditorV2.vue'),
+				meta: {
+					name_en:"edit Correlation analysis",
+					pathFrom: "chartrelevance",
+					pathName: "相关性图表",
+					pathName_en:"Correlation analysis"
+				}
+			},
 			{
 				path: 'statisticFeatureList',
 				name: '统计特征',

src/views/chartRelevance_manage/relevance/multipleIndMode.vue

@@ -0,0 +1,22 @@
+<template>
+    <div>
+        多因子模式
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+
+        };
+    },
+    methods: {
+
+    },
+};
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/chartRelevance_manage/relevance/relevanceChartEditorV2.vue

@@ -0,0 +1,197 @@
+<template>
+    <div class="relevance-chart-editor-wrap">
+        <div class="info-wrap content-wrap">
+            <div class="info-top">
+                <el-button>确定</el-button>
+                <el-button>取消</el-button>
+                <span>操作说明</span>
+            </div>
+            <div class="info-form-wrap">
+                <el-form :model="infoForm" :rules="infoRules" label-width="100px" ref="addForm">
+                    <!-- 分析模式 -->
+                    <el-form-item label="分析模式" prop="Model" required>
+                        <el-select v-model="infoForm.Model" style="width: 100%;">
+                            <el-option label="单因子" :value="1"></el-option>
+                            <el-option label="多因子" :value="2"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <!-- 单因子模式需要填的 -->
+                    <div class="single-model-form model-form" v-if="infoForm.Model===1">
+                        <!-- 指标A -->
+                        <el-form-item label="指标A" prop="indA" class="select-target" required>
+                            <selectTarget  
+                                :defaultId="chartInfoData.EdbInfoList?chartInfoData.EdbInfoList[0].EdbInfoId:''"
+                                :defaultOpt="chartInfoData.EdbInfoList?[chartInfoData.EdbInfoList[0]]:[]"
+                                :defaultType="chartInfoData.EdbInfoList?chartInfoData.EdbInfoList[0].EdbInfoCategoryType:''"
+                                @select="handleSelectTargetA"
+                            />
+                        </el-form-item>
+                        <!-- 指标B -->
+                        <el-form-item label="指标B" prop="indB" class="select-target" required>
+                            <selectTarget 
+                                :defaultId="chartInfoData.EdbInfoList?chartInfoData.EdbInfoList[1].EdbInfoId:''"
+                                :defaultOpt="chartInfoData.EdbInfoList?[chartInfoData.EdbInfoList[1]]:[]" 
+                                :defaultType="chartInfoData.EdbInfoList?chartInfoData.EdbInfoList[1].EdbInfoCategoryType:''"
+                                @select="handleSelectTargetB"
+                            />
+                        </el-form-item>
+                        <div class="form-box">
+                            <div class="label-title">曲线图</div>
+                            <el-form-item label="时间："></el-form-item>
+                            <el-form-item label="左轴："></el-form-item>
+                            <el-form-item label="右轴："></el-form-item>
+                            <el-form-item label="指标B："></el-form-item>
+                        </div>
+                        <div class="form-box">
+                            <div class="label-title">相关性</div>
+                            <el-form-item label="计算窗口" required></el-form-item>
+                            <el-form-item label="分析周期" required></el-form-item>
+                        </div>
+                        <div class="form-box">
+                            <div class="label-title">滚动相关性1</div>
+                            <el-form-item label="计算窗口" required></el-form-item>
+                            <el-form-item label="B领先A" required></el-form-item>
+                        </div>
+                        <div class="form-box">
+                            <div class="label-title">滚动相关性2</div>
+                            <el-form-item label="计算窗口" required></el-form-item>
+                            <el-form-item label="B领先A" required></el-form-item>
+                        </div>
+                    </div>
+                    <!-- 多因子模式需要填的 -->
+                    <div class="multiple-model-form model-form" v-if="infoForm.Model===2">
+                        <!-- 标的指标 -->
+                        <el-form-item label="标的指标" prop="indTarget" class="select-target" required>
+                            <selectTarget 
+                                :defaultId="chartInfoData.EdbInfoList?chartInfoData.EdbInfoList[1].EdbInfoId:''"
+                                :defaultOpt="chartInfoData.EdbInfoList?[chartInfoData.EdbInfoList[1]]:[]" 
+                                :defaultType="chartInfoData.EdbInfoList?chartInfoData.EdbInfoList[1].EdbInfoCategoryType:''"
+                                @select="handleSelectTarget"
+                            />
+                        </el-form-item>
+                        <!-- 因子指标系列 -->
+                        <div class="factor-form-item">
+                            <el-form-item label="因子指标系列" required>
+                            </el-form-item>
+                            <div class="factor-list">
+                                    <div class="list-item">123</div>
+                                    <div class="list-item">456</div>
+                                </div>
+                            <div class="add-factor-btn">
+                                <img src="~@/assets/img/add-quadrate-blue.png" />
+                                添加因子指标系列
+                            </div>
+                        </div>
+                        
+
+                        <div class="form-box">
+                            <div class="label-title">相关性</div>
+                            <el-form-item label="计算窗口" required></el-form-item>
+                            <el-form-item label="分析周期" required></el-form-item>
+                        </div>
+                    </div>
+                </el-form>
+            </div>
+        </div>
+        <div class="model-wrap content-wrap"></div>
+    </div>
+</template>
+
+<script>
+import selectTarget from '../components/selectTarget.vue'
+export default {
+    components:{selectTarget},
+    data() {
+        return {
+            infoForm:{},
+            infoRules:{},
+            chartInfoData: {},
+        };
+    },
+    methods: {
+        handleSelectTargetA(){},
+        handleSelectTargetB(){},
+        handleSelectTarget(){}
+    },
+};
+</script>
+
+<style lang="scss">
+.relevance-chart-editor-wrap{
+    display: flex;
+    *{
+        box-sizing: border-box;
+    }
+    .content-wrap{
+        background: #fff;
+        border: 1px solid #ececec;
+        border-radius: 4px;
+        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
+        height: calc(100vh - 120px);
+    }
+    .info-wrap{
+        width:380px;
+        min-width: 380px;
+        margin-right: 20px;
+        display: flex;
+        flex-direction: column;
+        .info-top{
+            padding: 15px 20px;
+            border-bottom: 1px solid #ececec;
+            box-shadow: 0px 3px 6px rgba(167, 167, 167, 0.09);
+        }
+        .info-form-wrap{
+            flex: 1;
+            overflow-y: auto;
+            padding:20px;
+            .model-form{
+                .select-target{
+                    display: flex;
+                    margin-top: 20px;
+                    .el-form-item__label{
+                        flex-shrink: 0;
+                    }
+                    .el-form-item__content{
+                        margin-left: 0 !important;
+                    }
+                    .el-date-editor.el-input, .el-date-editor.el-input__inner{
+                        width: auto;
+                    }
+                }
+            }
+            .multiple-model-form{
+                .factor-form-item{
+                    .el-form-item {
+                        margin-bottom: 0;
+                    }
+                    .el-form-item__label{
+                        width:auto !important;
+                    }
+                    .factor-list{
+                        .list-item{
+                            padding:10px 20px;
+                            background-color: #C8CDD9;
+                            margin-bottom: 15px;
+                            cursor: pointer;
+                        }
+                    }
+                    .add-factor-btn{
+                        display: flex;
+                        gap:10px;
+                        align-items: center;
+                        cursor: pointer;
+                        color:#0052D9;
+                        img{
+                            width: 15px;
+                            height: 15px;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    .model-wrap{
+        flex:1;
+    }
+}
+</style>

src/views/chartRelevance_manage/relevance/singleIndMode.vue

@@ -0,0 +1,22 @@
+<template>
+    <div>
+        单因子模式
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+
+        };
+    },
+    methods: {
+
+    },
+};
+</script>
+
+<style scoped lang="scss">
+
+</style>