|
@@ -3,7 +3,7 @@
|
|
|
|
|
|
<!-- 头部信息 -->
|
|
|
<view class="user_info">
|
|
|
- <img :src="userinfo.portrait" />
|
|
|
+ <img :src="userinfo.portrait"/>
|
|
|
<view class="info_wrap">
|
|
|
<view class="box_wrap">
|
|
|
<text>{{ record.user_name }}</text>
|
|
@@ -22,31 +22,10 @@
|
|
|
alt=""
|
|
|
>
|
|
|
<div class="bran">
|
|
|
- <p class="p_num">{{record.ratio}}</p>
|
|
|
+ <p class="p_num">{{ record.ratio }}</p>
|
|
|
<p class="p_text">智脑系数</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 训练时长和训练设备 -->
|
|
|
- <!-- <view class="po1 padding-lr margin-top-xl">
|
|
|
- <van-row>
|
|
|
- <van-col span="11">
|
|
|
- <view>
|
|
|
- <text>训练时长</text>
|
|
|
- <text class="text-bold text-xl"> {{ record.play_time }}</text>
|
|
|
- </view>
|
|
|
- </van-col>
|
|
|
-
|
|
|
- <van-col
|
|
|
- span="11"
|
|
|
- offset="2"
|
|
|
- >
|
|
|
- <view>
|
|
|
- <text>训练设备</text>
|
|
|
- <text class="text-bold text-xl"> {{ record.name }}</text>
|
|
|
- </view>
|
|
|
- </van-col>
|
|
|
- </van-row>
|
|
|
- </view> -->
|
|
|
<view>
|
|
|
<van-divider
|
|
|
contentPosition="left"
|
|
@@ -203,108 +182,36 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- 专注力变化看板 -->
|
|
|
+ <!-- Aipha/Beta脑波变化曲线图 -->
|
|
|
<view class="absorbed_change">
|
|
|
<view class="interfere_title_wrap">
|
|
|
<view class="line"></view>
|
|
|
- <view class="title">专注力变化分析</view>
|
|
|
+ <view class="title">Alpha/Beta脑波变化曲线图</view>
|
|
|
</view>
|
|
|
- <!-- 看板一 干扰 -->
|
|
|
- <view class="interfere_wrap">
|
|
|
- <view class="interfere">
|
|
|
- <img
|
|
|
- src="http://img.shuimuai.com/program_interfere_log.png"
|
|
|
- alt=""
|
|
|
- class="interfere_logo"
|
|
|
- >
|
|
|
- <view class="interfere_text">
|
|
|
- 受干扰次数:
|
|
|
- <title class="interfere_text_num"> {{record.interfere}}</title>
|
|
|
- 次
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 表图 -->
|
|
|
- <view class="interfere_echarts_wrap">
|
|
|
- <view class="interfere_echarts">
|
|
|
- <mpvue-echarts
|
|
|
- :echarts="echarts"
|
|
|
- :onInit="interfere_charts"
|
|
|
- canvasId="demo-canvas-4"
|
|
|
- />
|
|
|
- </view>
|
|
|
- <view class="interfere_echarts_bottom">
|
|
|
- <text>0</text>
|
|
|
- <text>2</text>
|
|
|
- <text>4</text>
|
|
|
- <text>6</text>
|
|
|
- <text>8</text>
|
|
|
- <text>10</text>
|
|
|
- <text>12</text>
|
|
|
- <text>14</text>
|
|
|
- <text>16</text>
|
|
|
- <text>18</text>
|
|
|
- <text>20</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="interfere_footer">
|
|
|
- <title class="interfere_footer_logo"></title>专注力干扰
|
|
|
- </view>
|
|
|
+ <view class="chart">
|
|
|
+ <mpvue-echarts
|
|
|
+ :echarts="echarts"
|
|
|
+ :onInit="alpha_betaCharts"
|
|
|
+ canvasId="demo-canvas-a1"
|
|
|
+ />
|
|
|
</view>
|
|
|
-
|
|
|
- <!-- 调整能力分析 -->
|
|
|
- <view class="adjustment_warp">
|
|
|
- <view class="adjustment_title">
|
|
|
- <img
|
|
|
- src="http://img.shuimuai.com/program_rise_log.png"
|
|
|
- alt=""
|
|
|
- class="adjustment_title_logo"
|
|
|
- >
|
|
|
- <text>调整能力分析</text>
|
|
|
- </view>
|
|
|
- <!-- 表图 -->
|
|
|
- <view class="adjustment_echarts_wrap">
|
|
|
- <view class="adjustment_echarts">
|
|
|
- <mpvue-echarts
|
|
|
- :echarts="echarts"
|
|
|
- :onInit="adjustment_charts"
|
|
|
- canvasId="demo-canvas-5"
|
|
|
- />
|
|
|
- </view>
|
|
|
- <view class="adjustment_echarts_bottom">
|
|
|
- <text>0</text>
|
|
|
- <text>2</text>
|
|
|
- <text>4</text>
|
|
|
- <text>6</text>
|
|
|
- <text>8</text>
|
|
|
- <text>10</text>
|
|
|
- <text>12</text>
|
|
|
- <text>14</text>
|
|
|
- <text>16</text>
|
|
|
- <text>18</text>
|
|
|
- <text>20</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="adjustment_footer">
|
|
|
- <view class="adjustment_footer_logo"></view>专注力上升
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+ <!-- Delta/theta脑波变化曲线图 -->
|
|
|
+ <view class="absorbed_change">
|
|
|
+ <view class="interfere_title_wrap">
|
|
|
+ <view class="line"></view>
|
|
|
+ <view class="title">Delta/theta脑波变化曲线图</view>
|
|
|
</view>
|
|
|
-
|
|
|
- <!-- 爆发值和调整时间 -->
|
|
|
- <view class="absorbed_change_footer">
|
|
|
- <view class="footer_text">
|
|
|
- 最大爆发值:
|
|
|
- <text class="footer_text_W">{{ record.burst }}</text>
|
|
|
- </view>
|
|
|
- <view class="footer_text">
|
|
|
- 平均调整时间:
|
|
|
- <text class="footer_text_W">{{ record.burstTime}}</text>
|
|
|
- s
|
|
|
- </view>
|
|
|
+ <view class="chart">
|
|
|
+ <mpvue-echarts
|
|
|
+ :echarts="echarts"
|
|
|
+ :onInit="delta_thetaCharts"
|
|
|
+ canvasId="demo-canvas-a2"
|
|
|
+ />
|
|
|
</view>
|
|
|
-
|
|
|
</view>
|
|
|
|
|
|
- <van-toast id="van-toast" />
|
|
|
+ <van-toast id="van-toast"/>
|
|
|
|
|
|
</div>
|
|
|
</template>
|
|
@@ -319,20 +226,17 @@ import util, {
|
|
|
getPieChartsOption,
|
|
|
getRadarChartOption,
|
|
|
timestampToTimeS,
|
|
|
- getInterfereChartsOption,
|
|
|
- interfereAction,
|
|
|
- getAdjustmentChartsOption,
|
|
|
} from "../../utils/index";
|
|
|
-import { gameDetail, gameLineChart } from "../../requests/game";
|
|
|
+import {gameDetail} from "../../requests/game";
|
|
|
import game_store from "../../store/game";
|
|
|
import Toast from "../../../static/vant/toast/toast";
|
|
|
|
|
|
var att_charts,
|
|
|
+ alpha_beta_charts,
|
|
|
+ delta_theta_charts,
|
|
|
hight_att_pie_charts,
|
|
|
radar_charts,
|
|
|
$pie_charts,
|
|
|
- $interfere_echarts,
|
|
|
- $adjustment_echarts,
|
|
|
$this;
|
|
|
|
|
|
// 大脑图表初始化
|
|
@@ -350,6 +254,34 @@ function initAttChart(canvas, width, height) {
|
|
|
return att_charts; // 返回 chart 后可以自动绑定触摸操作
|
|
|
}
|
|
|
|
|
|
+function initABChart(canvas, width, height) {
|
|
|
+ alpha_beta_charts = echarts.init(canvas, null, {
|
|
|
+ width: width,
|
|
|
+ height: height,
|
|
|
+ });
|
|
|
+ canvas.setChart(alpha_beta_charts);
|
|
|
+
|
|
|
+ var option = util.getABOption([0], [0]); // ECharts 配置项
|
|
|
+
|
|
|
+ alpha_beta_charts.setOption(option);
|
|
|
+
|
|
|
+ return alpha_beta_charts; // 返回 chart 后可以自动绑定触摸操作
|
|
|
+}
|
|
|
+
|
|
|
+function initDTChart(canvas, width, height) {
|
|
|
+ delta_theta_charts = echarts.init(canvas, null, {
|
|
|
+ width: width,
|
|
|
+ height: height,
|
|
|
+ });
|
|
|
+ canvas.setChart(delta_theta_charts);
|
|
|
+
|
|
|
+ var option = util.getDTOption([0], [0]); // ECharts 配置项
|
|
|
+
|
|
|
+ delta_theta_charts.setOption(option);
|
|
|
+
|
|
|
+ return delta_theta_charts; // 返回 chart 后可以自动绑定触摸操作
|
|
|
+}
|
|
|
+
|
|
|
// 大脑图表初始化
|
|
|
function initHightPieChart(canvas, width, height) {
|
|
|
hight_att_pie_charts = echarts.init(canvas, null, {
|
|
@@ -394,35 +326,6 @@ function initPieChart(canvas, width, height) {
|
|
|
return $pie_charts; // 返回 chart 后可以自动绑定触摸操作
|
|
|
}
|
|
|
|
|
|
-// 干扰图表初始化 interfere_echarts
|
|
|
-function interfereChart(canvas, width, height) {
|
|
|
- $interfere_echarts = echarts.init(canvas, null, {
|
|
|
- width: width,
|
|
|
- height: height,
|
|
|
- });
|
|
|
- canvas.setChart($interfere_echarts);
|
|
|
-
|
|
|
- var option = getInterfereChartsOption(); // ECharts 配置项
|
|
|
-
|
|
|
- $interfere_echarts.setOption(option);
|
|
|
-
|
|
|
- return $interfere_echarts; // 返回 chart 后可以自动绑定触摸操作
|
|
|
-}
|
|
|
-// 调整能力表初始化 interfere_echarts
|
|
|
-function adjustmentCharts(canvas, width, height) {
|
|
|
- $adjustment_echarts = echarts.init(canvas, null, {
|
|
|
- width: width,
|
|
|
- height: height,
|
|
|
- });
|
|
|
- canvas.setChart($adjustment_echarts);
|
|
|
-
|
|
|
- var option = getAdjustmentChartsOption(); // ECharts 配置项
|
|
|
-
|
|
|
- $adjustment_echarts.setOption(option);
|
|
|
-
|
|
|
- return $adjustment_echarts; // 返回 chart 后可以自动绑定触摸操作
|
|
|
-}
|
|
|
-
|
|
|
export default {
|
|
|
name: "index_container",
|
|
|
components: {
|
|
@@ -433,11 +336,11 @@ export default {
|
|
|
// 0:未选择 1:时间 2:次数
|
|
|
// 折线图 表格数据
|
|
|
attCharts: initAttChart,
|
|
|
+ alpha_betaCharts: initABChart,
|
|
|
+ delta_thetaCharts: initDTChart,
|
|
|
hight_att_charts: initHightPieChart,
|
|
|
radar_charts: initRadarChart,
|
|
|
pie_charts: initPieChart,
|
|
|
- interfere_charts: interfereChart,
|
|
|
- adjustment_charts: adjustmentCharts,
|
|
|
|
|
|
echarts,
|
|
|
record: {},
|
|
@@ -450,10 +353,7 @@ export default {
|
|
|
data_section: 0,
|
|
|
//数据集合
|
|
|
data_lines: [],
|
|
|
- // 干扰值
|
|
|
- interfereData: [],
|
|
|
- // 调整能力值
|
|
|
- adjustmentData: [],
|
|
|
+
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
@@ -510,19 +410,16 @@ export default {
|
|
|
$this.record.play_time / $five_min
|
|
|
);
|
|
|
}
|
|
|
+ //处理 专注度 和 放松度的值
|
|
|
+ $this.get_game_line($this.record.line, $this.record.line_med, $this.record.amp)
|
|
|
+ // 处理 alpha beta
|
|
|
+ console.log($this.record.alpha, $this.record.beta)
|
|
|
+ $this.get_game_ab($this.record.alpha, $this.record.beta)
|
|
|
+ // // 处理 delta theta
|
|
|
+ console.log($this.record.delta, $this.record.theta)
|
|
|
+ $this.get_game_dt($this.record.delta, $this.record.theta)
|
|
|
+
|
|
|
|
|
|
- // 干扰值数据传输
|
|
|
- $this.interfereData = interfereAction($res.data.interfereArr);
|
|
|
- let $interfere_option = getInterfereChartsOption(
|
|
|
- $this.interfereData
|
|
|
- );
|
|
|
- $interfere_echarts.setOption($interfere_option);
|
|
|
- // 调整能力数据传输
|
|
|
- $this.adjustmentData = interfereAction($res.data.burstArr);
|
|
|
- let $adjustment_option = getAdjustmentChartsOption(
|
|
|
- $this.adjustmentData
|
|
|
- );
|
|
|
- $adjustment_echarts.setOption($adjustment_option);
|
|
|
},
|
|
|
(err) => {
|
|
|
Toast.fail("错误代码:" + res.code + ",联系客服");
|
|
@@ -530,45 +427,43 @@ export default {
|
|
|
);
|
|
|
}, 800);
|
|
|
},
|
|
|
- get_game_line($record_id) {
|
|
|
- let $params = {
|
|
|
- game_record_id: $record_id,
|
|
|
- };
|
|
|
- gameLineChart($params).then(
|
|
|
- (res) => {
|
|
|
- let $res = res.data;
|
|
|
- let $option = {};
|
|
|
- setTimeout(() => {
|
|
|
- let $line_data = $res.data.line;
|
|
|
- if ($this.is_cut) {
|
|
|
- //需要截断数据
|
|
|
- let $more_than_count = $line_data.length % $this.data_section;
|
|
|
- let i = 0;
|
|
|
- //根据多出来的数 删除结尾得数量
|
|
|
- for (i = 0; i < $more_than_count; i++) {
|
|
|
- $line_data.pop();
|
|
|
- }
|
|
|
-
|
|
|
- $this.data_lines = [];
|
|
|
- //获取每一组得数据长度
|
|
|
- let $item_len = $line_data.length / $this.data_section;
|
|
|
- for (i = 0; i < $this.data_section; i++) {
|
|
|
- $this.data_lines.push(
|
|
|
- $line_data.slice(i * $item_len, (i + 1) * $item_len)
|
|
|
- );
|
|
|
- }
|
|
|
-
|
|
|
- $option = util.getLineOption($this.data_lines[0], [0]);
|
|
|
- } else {
|
|
|
- $option = util.getLineOption($line_data, [0]);
|
|
|
- }
|
|
|
- att_charts.setOption($option);
|
|
|
- }, 800);
|
|
|
- },
|
|
|
- (err) => {
|
|
|
- Toast.fail("错误代码:" + res.code + ",联系客服");
|
|
|
+ get_game_line($line_data, $line_med_data, $line_amp_data) {
|
|
|
+ let $option = {};
|
|
|
+ setTimeout(() => {
|
|
|
+ if ($this.is_cut) {
|
|
|
+ //需要截断数据
|
|
|
+ let $more_than_count = $line_data.length % $this.data_section;
|
|
|
+ let i = 0;
|
|
|
+ //根据多出来的数 删除结尾得数量
|
|
|
+ for (i = 0; i < $more_than_count; i++) {
|
|
|
+ $line_data.pop();
|
|
|
+ }
|
|
|
+
|
|
|
+ $this.data_lines = [];
|
|
|
+ //获取每一组得数据长度
|
|
|
+ let $item_len = $line_data.length / $this.data_section;
|
|
|
+ for (i = 0; i < $this.data_section; i++) {
|
|
|
+ $this.data_lines.push(
|
|
|
+ $line_data.slice(i * $item_len, (i + 1) * $item_len)
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ $option = util.getLineOption($this.data_lines[0], $line_med_data, $line_amp_data);
|
|
|
+ } else {
|
|
|
+ $option = util.getLineOption($line_data, $line_med_data, $line_amp_data);
|
|
|
}
|
|
|
- );
|
|
|
+ att_charts.setOption($option);
|
|
|
+ }, 800);
|
|
|
+ },
|
|
|
+ get_game_ab($line_alpha, $line_beta) {
|
|
|
+ let $option = {};
|
|
|
+ $option = util.getABOption($line_alpha, $line_beta);
|
|
|
+ alpha_beta_charts.setOption($option);
|
|
|
+ },
|
|
|
+ get_game_dt($line_delta, $line_theta) {
|
|
|
+ let $option = {};
|
|
|
+ $option = util.getDTOption($line_delta, $line_theta);
|
|
|
+ delta_theta_charts.setOption($option);
|
|
|
},
|
|
|
to_game_records() {
|
|
|
mpvue.navigateTo({
|
|
@@ -587,7 +482,6 @@ export default {
|
|
|
//设置游戏时间长
|
|
|
wx.removeStorageSync("played_time");
|
|
|
$this.get_report($this.record_id);
|
|
|
- $this.get_game_line($this.record_id);
|
|
|
},
|
|
|
created() {
|
|
|
$this = this;
|
|
@@ -606,6 +500,7 @@ export default {
|
|
|
padding-top: 10px;
|
|
|
padding-bottom: 10px;
|
|
|
}
|
|
|
+
|
|
|
/* 头部椭圆 */
|
|
|
.head {
|
|
|
width: 442px;
|
|
@@ -641,6 +536,7 @@ image.boy {
|
|
|
|
|
|
background: #fff;
|
|
|
}
|
|
|
+
|
|
|
.user_info img {
|
|
|
display: inline-block;
|
|
|
width: 40px;
|
|
@@ -648,6 +544,7 @@ image.boy {
|
|
|
margin-left: 10px;
|
|
|
margin-right: 8px;
|
|
|
}
|
|
|
+
|
|
|
.user_info .info_wrap {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
@@ -659,6 +556,7 @@ image.boy {
|
|
|
flex-direction: column;
|
|
|
color: #676767;
|
|
|
}
|
|
|
+
|
|
|
/* 智脑系数 */
|
|
|
.bran_wrap {
|
|
|
width: 100%;
|
|
@@ -668,28 +566,33 @@ image.boy {
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+
|
|
|
.bran_wrap img {
|
|
|
display: inline-block;
|
|
|
width: 60px;
|
|
|
height: 68px;
|
|
|
margin-right: 20px;
|
|
|
}
|
|
|
+
|
|
|
.bran_wrap .bran {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: space-around;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+
|
|
|
.bran_wrap .bran .p_num {
|
|
|
color: #ffb72d;
|
|
|
font-size: 40px;
|
|
|
font-weight: 900;
|
|
|
}
|
|
|
+
|
|
|
.bran_wrap .bran .p_text {
|
|
|
color: #333333;
|
|
|
font-size: 12px;
|
|
|
font-weight: 900;
|
|
|
}
|
|
|
+
|
|
|
/* 详细数据 */
|
|
|
.margin-tb {
|
|
|
width: 95%;
|
|
@@ -700,6 +603,7 @@ image.boy {
|
|
|
background: #f3f3f3;
|
|
|
border-radius: 5px;
|
|
|
}
|
|
|
+
|
|
|
.margin-tb .margin_left {
|
|
|
flex: 1;
|
|
|
overflow: hidden;
|
|
@@ -714,19 +618,23 @@ image.boy {
|
|
|
align-items: center;
|
|
|
color: #676767;
|
|
|
}
|
|
|
+
|
|
|
.margin-tb .margin_left .left_content .left_num {
|
|
|
font-size: 16px;
|
|
|
font-weight: 900;
|
|
|
}
|
|
|
+
|
|
|
.margin-tb .margin_left .left_content .left_text {
|
|
|
font-size: 8px;
|
|
|
}
|
|
|
+
|
|
|
.margin-tb .margin_centent {
|
|
|
flex: 3;
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
justify-content: space-around;
|
|
|
}
|
|
|
+
|
|
|
.margin-tb .margin_right {
|
|
|
flex: 1;
|
|
|
display: flex;
|
|
@@ -737,11 +645,13 @@ image.boy {
|
|
|
box-sizing: border-box;
|
|
|
padding: 0 3px;
|
|
|
}
|
|
|
+
|
|
|
.margin-tb .margin_right .right_num {
|
|
|
font-size: 25px;
|
|
|
font-weight: 900;
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
+
|
|
|
.margin-tb .margin_right .right_text {
|
|
|
width: 90%;
|
|
|
height: 20px;
|
|
@@ -752,6 +662,7 @@ image.boy {
|
|
|
font-size: 10px;
|
|
|
border-radius: 1px;
|
|
|
}
|
|
|
+
|
|
|
.margin-tb .detail {
|
|
|
width: 48%;
|
|
|
height: 50%;
|
|
@@ -762,23 +673,12 @@ image.boy {
|
|
|
color: #676767;
|
|
|
font-size: 11px;
|
|
|
}
|
|
|
+
|
|
|
.margin-tb .detail .detail_num {
|
|
|
font-size: 18px;
|
|
|
font-weight: 900;
|
|
|
}
|
|
|
-/* .detail view {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-around;
|
|
|
- color: #6c6c6c;
|
|
|
- font-size: 10px;
|
|
|
-}
|
|
|
|
|
|
-.detail view view:first-child {
|
|
|
- color: #000;
|
|
|
- font-size: 30px;
|
|
|
-} */
|
|
|
|
|
|
/* 小标题 */
|
|
|
.bar {
|
|
@@ -886,6 +786,7 @@ image.boy {
|
|
|
border-radius: 10px;
|
|
|
box-shadow: 0px 6px 11px #dadada;
|
|
|
}
|
|
|
+
|
|
|
/* 专注力干扰看板 */
|
|
|
.absorbed_change {
|
|
|
width: 100%;
|
|
@@ -905,6 +806,7 @@ image.boy {
|
|
|
color: #010101;
|
|
|
font-size: 15px;
|
|
|
}
|
|
|
+
|
|
|
.interfere_title_wrap {
|
|
|
width: 100%;
|
|
|
height: 40px;
|
|
@@ -912,6 +814,7 @@ image.boy {
|
|
|
align-items: center;
|
|
|
border-top: 1px solid #e5e5e5;
|
|
|
}
|
|
|
+
|
|
|
/* 干扰 标题*/
|
|
|
.interfere {
|
|
|
display: flex;
|
|
@@ -920,12 +823,14 @@ image.boy {
|
|
|
align-items: center;
|
|
|
margin-bottom: 14px;
|
|
|
}
|
|
|
+
|
|
|
.interfere .interfere_logo {
|
|
|
display: inline-block;
|
|
|
width: 19px;
|
|
|
height: 19px;
|
|
|
margin-right: 7px;
|
|
|
}
|
|
|
+
|
|
|
.interfere .interfere_text {
|
|
|
font-size: 15px;
|
|
|
color: #676767;
|
|
@@ -935,6 +840,7 @@ image.boy {
|
|
|
font-size: 18px;
|
|
|
font-weight: 900;
|
|
|
}
|
|
|
+
|
|
|
/* 干扰 echarts */
|
|
|
.interfere_echarts_wrap {
|
|
|
width: 360px;
|
|
@@ -943,6 +849,7 @@ image.boy {
|
|
|
opacity: 0.6;
|
|
|
box-shadow: 0px 6px 11px #dadada;
|
|
|
}
|
|
|
+
|
|
|
.interfere_echarts {
|
|
|
/* margin: 0 auto; */
|
|
|
width: 100%;
|
|
@@ -951,6 +858,7 @@ image.boy {
|
|
|
opacity: 0.6;
|
|
|
box-shadow: 0px 6px 11px #dadada; */
|
|
|
}
|
|
|
+
|
|
|
.interfere_echarts_bottom {
|
|
|
margin: 0 auto;
|
|
|
width: 90%;
|
|
@@ -961,6 +869,7 @@ image.boy {
|
|
|
font-size: 15px;
|
|
|
color: #828282;
|
|
|
}
|
|
|
+
|
|
|
/* 干扰 bottom */
|
|
|
.interfere_footer {
|
|
|
width: 100%;
|
|
@@ -974,6 +883,7 @@ image.boy {
|
|
|
align-items: center;
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
+
|
|
|
.interfere_footer .interfere_footer_logo {
|
|
|
display: inline-block;
|
|
|
width: 13px;
|
|
@@ -981,10 +891,12 @@ image.boy {
|
|
|
background-color: #23cc92;
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
+
|
|
|
/* 调整能力 */
|
|
|
.adjustment_warp {
|
|
|
margin-top: 50px;
|
|
|
}
|
|
|
+
|
|
|
.adjustment_title {
|
|
|
display: flex;
|
|
|
color: #676767;
|
|
@@ -993,12 +905,14 @@ image.boy {
|
|
|
box-sizing: border-box;
|
|
|
margin-bottom: 35px;
|
|
|
}
|
|
|
+
|
|
|
.adjustment_title .adjustment_title_logo {
|
|
|
display: inline-block;
|
|
|
width: 19px;
|
|
|
height: 19px;
|
|
|
margin-right: 7px;
|
|
|
}
|
|
|
+
|
|
|
/* 调整能力表图 */
|
|
|
.adjustment_echarts_wrap {
|
|
|
margin: 0 auto;
|
|
@@ -1009,10 +923,12 @@ image.boy {
|
|
|
opacity: 0.6;
|
|
|
box-shadow: 0px 6px 11px #dadada;
|
|
|
}
|
|
|
+
|
|
|
.adjustment_echarts {
|
|
|
width: 100%;
|
|
|
height: 173px;
|
|
|
}
|
|
|
+
|
|
|
.adjustment_echarts_bottom {
|
|
|
margin: 0 auto;
|
|
|
width: 90%;
|
|
@@ -1023,6 +939,7 @@ image.boy {
|
|
|
font-size: 15px;
|
|
|
color: #828282;
|
|
|
}
|
|
|
+
|
|
|
.adjustment_footer {
|
|
|
width: 100%;
|
|
|
height: 26px;
|
|
@@ -1035,6 +952,7 @@ image.boy {
|
|
|
align-items: center;
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
+
|
|
|
.adjustment_footer .adjustment_footer_logo {
|
|
|
display: inline-block;
|
|
|
width: 13px;
|
|
@@ -1042,6 +960,7 @@ image.boy {
|
|
|
background-color: #f3a100;
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
+
|
|
|
/* 爆发值和调整时间 */
|
|
|
.absorbed_change_footer {
|
|
|
display: flex;
|
|
@@ -1053,10 +972,12 @@ image.boy {
|
|
|
font-size: 16px;
|
|
|
color: #676767;
|
|
|
}
|
|
|
+
|
|
|
.footer_text_W {
|
|
|
font-size: 21px;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
+
|
|
|
.test {
|
|
|
color: rgb(163, 7, 7);
|
|
|
}
|