update:中车演示数据修改

src/views/task/execution/components/runDetailPage/demoFile/param.ts

@@ -76,30 +76,50 @@ export const FoundationStructureParameters = [];
 // 隧道外围土体参数
 export const TheTunnelPeripherySoilParameters = [];
 
-export const testOption = {
-  xAxis: {
-    type: 'category',
-    data: ['0', '1', '2', '3', '4', '5'],
-    axisTick: {
-      show: true, // 是否显示刻度线
-      inside: true, // 刻度线朝内(true)或朝外(false)
-      alignWithLabel: true, // 刻度线与标签对齐
-      interval: 0, // 显示间隔(0表示全部显示)
-    },
-  },
-  yAxis: {
-    type: 'value',
-    min: 0, // 最小值
-    max: 5, // 最大值
-    axisTick: {
-      show: true, // 是否显示刻度线
-      inside: true, // 刻度线朝内(true)或朝外(false)
-      alignWithLabel: true, // 刻度线与标签对齐
-      interval: 0, // 显示间隔(0表示全部显示)
-    },
-    axisLine: {
-      show: true,
-    },
-  },
-  series: [],
+const getSeriesData = () => {
+  const obj: any = {
+    data: [],
+    type: 'line',
+    smooth: true,
+  };
+
+  for (let i = 0; i < 6; i++) {
+    obj.data.push(Math.random() * 5);
+  }
+
+  return [obj];
+};
+
+export const echartParamDataFun = () => {
+  const param: any = {
+    xAxis: {
+      type: 'category',
+      data: ['0', '1', '2', '3', '4', '5'],
+      axisTick: {
+        show: true, // 是否显示刻度线
+        inside: true, // 刻度线朝内(true)或朝外(false)
+        alignWithLabel: true, // 刻度线与标签对齐
+        interval: 0, // 显示间隔(0表示全部显示)
+      },
+    },
+    yAxis: {
+      type: 'value',
+      min: 0, // 最小值
+      max: 5, // 最大值
+      axisTick: {
+        show: true, // 是否显示刻度线
+        inside: true, // 刻度线朝内(true)或朝外(false)
+        alignWithLabel: true, // 刻度线与标签对齐
+        interval: 0, // 显示间隔(0表示全部显示)
+      },
+      axisLine: {
+        show: true,
+      },
+    },
+    series: [],
+  };
+
+  param.series = getSeriesData();
+
+  return param;
 };

src/views/task/execution/components/runDetailPage/runPagecomponent/analysisResult.vue

@@ -4,10 +4,10 @@
       <el-button type="primary">刷新</el-button>
     </div>
     <div class="chart-content">
-      <div class="chart-item" v-for="item in chartData" :key="item.id">
+      <div class="chart-item" v-for="(item, index) in chartData" :key="item.id">
         <commonFilterChart
           :title="item.title"
-          :charts-id="'chart-item' + item.id"
+          :charts-id="'chart-item' + index"
           :bar-type="'lineChart'"
           :option="item.option"
           :nodata="nodata"
@@ -21,10 +21,10 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import commonFilterChart from '@/components/common/echartCard/commonFilterChart.vue';
-import { testOption } from '../demoFile/param';
+import { echartParamDataFun } from '../demoFile/param';
 
 const nodata = ref(false);
-const options = ref({
+const options = ref<any>({
   xAxis: {
     type: 'category',
     data: ['0', '1', '2', '3', '4', '5'],
@@ -116,7 +116,13 @@ const chartData = ref<any>([
 ]);
 
 const initChartInfo = (data: any) => {
-  data.option = testOption;
+  data.option = echartParamDataFun();
+  // chartData.value[index].option.series = getSeriesData();
+  // for (let i = 0; i < chartData.value.length; i++) {
+  //   if (chartData.value[i].id === data.id) {
+  //     chartData.value[i].option.series = getSeriesData();
+  //   }
+  // }
 };
 </script>
 

src/views/task/execution/components/runDetailPage/runPagecomponent/rollingWheelForceAnalysis_Demo.vue

@@ -16,9 +16,9 @@
         title="右轨垂向力"
         :charts-id="'chart-item2'"
         :bar-type="'lineChart'"
-        :option="chartOneOption"
+        :option="chartTwoOption"
         :nodata="nodata"
-        @update="initChartOneInfo"
+        @update="initChartTwoInfo"
       />
     </div>
     <div class="chart-item h50">
@@ -26,9 +26,9 @@
         title="左轨横向力"
         :charts-id="'chart-item3'"
         :bar-type="'lineChart'"
-        :option="chartOneOption"
+        :option="chartThreeOption"
         :nodata="nodata"
-        @update="initChartOneInfo"
+        @update="initChartThreeInfo"
       />
     </div>
     <div class="chart-item h50">
@@ -36,48 +36,38 @@
         title="右轨横向力"
         :charts-id="'chart-item4'"
         :bar-type="'lineChart'"
-        :option="chartOneOption"
+        :option="chartFourOption"
         :nodata="nodata"
-        @update="initChartOneInfo"
+        @update="initChartFourInfo"
       />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { reactive, ref } from 'vue';
+import { ref } from 'vue';
 import commonFilterChart from '@/components/common/echartCard/commonFilterChart.vue';
-import { testOption } from '../demoFile/param';
+import { echartParamDataFun } from '../demoFile/param';
 
 const nodata = ref(false);
 const chartOneOption = ref<any>({});
 const initChartOneInfo = () => {
-  chartOneOption.value = testOption;
+  chartOneOption.value = echartParamDataFun();
 };
 
-const chartTwoFormData = reactive({
-  start: '0',
-  end: '0',
-  highVal: '',
-  moreHighVal: '',
-});
 const chartTwoOption = ref<any>({});
 const initChartTwoInfo = () => {
-  chartTwoOption.value = testOption;
+  chartTwoOption.value = echartParamDataFun();
 };
 
-const chartThreeFormData = reactive({
-  isFilter: '不滤波',
-  highVal: '',
-  moreHighVal: '',
-  type: '垂向平稳性',
-  performance: '',
-  system: '客车评价体系',
-  level: 'L1',
-});
 const chartThreeOption = ref<any>({});
 const initChartThreeInfo = () => {
-  chartThreeOption.value = testOption;
+  chartThreeOption.value = echartParamDataFun();
+};
+
+const chartFourOption = ref<any>({});
+const initChartFourInfo = () => {
+  chartFourOption.value = echartParamDataFun();
 };
 </script>
 

src/views/task/execution/components/runDetailPage/runPagecomponent/vehicleStabilityAnalysis_Demo.vue

@@ -93,12 +93,12 @@
 <script setup lang="ts">
 import { reactive, ref } from 'vue';
 import commonFilterChart from '@/components/common/echartCard/commonFilterChart.vue';
-import { testOption } from '../demoFile/param';
+import { echartParamDataFun } from '../demoFile/param';
 
 const nodata = ref(false);
 const chartOneOption = ref<any>({});
 const initChartOneInfo = () => {
-  chartOneOption.value = testOption;
+  chartOneOption.value = echartParamDataFun();
 };
 
 const chartTwoFormData = reactive({
@@ -109,7 +109,7 @@ const chartTwoFormData = reactive({
 });
 const chartTwoOption = ref<any>({});
 const initChartTwoInfo = () => {
-  chartTwoOption.value = testOption;
+  chartTwoOption.value = echartParamDataFun();
 };
 
 const chartThreeFormData = reactive({
@@ -123,7 +123,7 @@ const chartThreeFormData = reactive({
 });
 const chartThreeOption = ref<any>({});
 const initChartThreeInfo = () => {
-  chartThreeOption.value = testOption;
+  chartThreeOption.value = echartParamDataFun();
 };
 </script>
 

src/views/task/execution/components/runDetailPage/runPagecomponent/vibrationSignalAnalysis_Demo.vue

@@ -27,7 +27,7 @@
       <div class="tab-inner" v-if="activeName === 'acceleration'">
         <div class="chart-item">
           <commonFilterChart
-          v-if="activeName === 'acceleration'"
+            v-if="activeName === 'acceleration'"
             title="加速度时域谱"
             :charts-id="'chart-item1'"
             :bar-type="'lineChart'"
@@ -38,7 +38,7 @@
         </div>
         <div class="chart-item">
           <commonFilterChart
-          v-if="activeName === 'acceleration'"
+            v-if="activeName === 'acceleration'"
             title="局部加速度谱"
             :charts-id="'chart-item2'"
             :bar-type="'lineChart'"
@@ -49,7 +49,7 @@
         </div>
         <div class="chart-item">
           <commonFilterChart
-          v-if="activeName === 'acceleration'"
+            v-if="activeName === 'acceleration'"
             title="加速度频谱"
             :charts-id="'chart-item3'"
             :bar-type="'lineChart'"
@@ -104,7 +104,7 @@
 <script setup lang="ts">
 import { reactive, ref } from 'vue';
 import commonFilterChart from '@/components/common/echartCard/commonFilterChart.vue';
-import { testOption } from '../demoFile/param';
+import { echartParamDataFun } from '../demoFile/param';
 
 const activeName = ref('acceleration');
 const nodata = ref(false);
@@ -119,18 +119,18 @@ const chartThreeFormData = reactive({
 const chartOneOption = ref<any>({});
 
 const initChartOneInfo = () => {
-  chartOneOption.value = testOption;
+  chartOneOption.value = echartParamDataFun();
 };
 const chartTwoOption = ref<any>({});
 
 const initChartTwoInfo = () => {
-  chartTwoOption.value = testOption;
+  chartTwoOption.value = echartParamDataFun();
 };
 
 const chartThreeOption = ref<any>({});
 
 const initChartThreeInfo = () => {
-  chartThreeOption.value = testOption;
+  chartThreeOption.value = echartParamDataFun();
 };
 </script>
 
@@ -173,7 +173,7 @@ const initChartThreeInfo = () => {
     width: 200px;
   }
 
-  :deep(.el-input-number){
+  :deep(.el-input-number) {
     width: 140px !important;
   }
 }