|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="zh-CN" style="height: 100%">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="/script/jquery.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/script/vue.js"></script>
|
|
|
|
|
<script src="/script/axios.min.js"></script>
|
|
|
|
|
<!-- 引入样式 -->
|
|
|
|
|
<link rel="stylesheet" href="/style/element-plus.css" rel="external nofollow" target="_blank" />
|
|
|
|
|
<!-- 引入组件库 -->
|
|
|
|
|
<script src="/script/element-plus.js" rel="external nofollow" ></script>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/style/http/index.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="app" class="box">
|
|
|
|
|
<div class="title">
|
|
|
|
|
<div class="title-school">
|
|
|
|
|
太原理工大学
|
|
|
|
|
</div>
|
|
|
|
|
<div class="title-pelma">
|
|
|
|
|
<div class="title-pelma-content">
|
|
|
|
|
足底压力分析图
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="title-pelma-vertion">
|
|
|
|
|
V0.0.1
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="detail">
|
|
|
|
|
<div class="diagram">
|
|
|
|
|
<div class="diagram-chunk">
|
|
|
|
|
|
|
|
|
|
<div class="diagram-chunk-back">
|
|
|
|
|
<div class="diagram-chunk-left"></div>
|
|
|
|
|
<div class="diagram-chunk-middle">
|
|
|
|
|
<div class="diagram-chunk-title">
|
|
|
|
|
<div class="diagram-chunk-title-top">
|
|
|
|
|
压力图1
|
|
|
|
|
</div>
|
|
|
|
|
<div class="diagram-chunk-title-middle">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="diagram-chunk-right">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="diagram-chunk-default">
|
|
|
|
|
<div id="container1" class="picture">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="diagram-chunk">
|
|
|
|
|
<div class="diagram-chunk-back">
|
|
|
|
|
<div class="diagram-chunk-left"></div>
|
|
|
|
|
<div class="diagram-chunk-middle">
|
|
|
|
|
<div class="diagram-chunk-title">
|
|
|
|
|
<div class="diagram-chunk-title-top">
|
|
|
|
|
压力图2
|
|
|
|
|
</div>
|
|
|
|
|
<div class="diagram-chunk-title-middle">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="diagram-chunk-right">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="diagram-chunk-default">
|
|
|
|
|
<div id="container2" class="picture">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="diagram-chunk">
|
|
|
|
|
<div class="diagram-chunk-back">
|
|
|
|
|
<div class="diagram-chunk-left"></div>
|
|
|
|
|
<div class="diagram-chunk-middle">
|
|
|
|
|
<div class="diagram-chunk-title">
|
|
|
|
|
<div class="diagram-chunk-title-top">
|
|
|
|
|
压力图3
|
|
|
|
|
</div>
|
|
|
|
|
<div class="diagram-chunk-title-middle">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="diagram-chunk-right">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="diagram-chunk-default">
|
|
|
|
|
<div id="container3" class="picture">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="diagram-chunk">
|
|
|
|
|
<div class="diagram-chunk-back">
|
|
|
|
|
<div class="diagram-chunk-left"></div>
|
|
|
|
|
<div class="diagram-chunk-middle">
|
|
|
|
|
<div class="diagram-chunk-title">
|
|
|
|
|
<div class="diagram-chunk-title-top">
|
|
|
|
|
足底温度/湿度
|
|
|
|
|
</div>
|
|
|
|
|
<div class="diagram-chunk-title-middle">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="diagram-chunk-right">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="diagram-chunk-default foot-chunk">
|
|
|
|
|
|
|
|
|
|
<div class="foot-chunk-area">
|
|
|
|
|
<div class="foot-chunk-picture1">
|
|
|
|
|
<div class="foot-chunk-picture1-inside">
|
|
|
|
|
<div class="foot-chunk-up">
|
|
|
|
|
<div class="foot-chunk-spot foot-chunk-spot1">
|
|
|
|
|
<div class="foot-chunk-spot-inside">
|
|
|
|
|
<div id="foot-content1" class="foot-chunk-spot-content1">
|
|
|
|
|
36.2℃
|
|
|
|
|
</div>
|
|
|
|
|
<div id="foot-content2" class="foot-chunk-spot-content2">
|
|
|
|
|
80%
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="foot-chunk-down">
|
|
|
|
|
<div class="foot-chunk-spot foot-chunk-spot1">
|
|
|
|
|
<div class="foot-chunk-spot-inside">
|
|
|
|
|
<div id="foot-content3" class="foot-chunk-spot-content1">
|
|
|
|
|
36.2℃
|
|
|
|
|
</div>
|
|
|
|
|
<div id="foot-content4" class="foot-chunk-spot-content2">
|
|
|
|
|
80%
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="foot-chunk-picture2">
|
|
|
|
|
<div class="foot-chunk-picture1-inside">
|
|
|
|
|
<div class="foot-chunk-up">
|
|
|
|
|
<div class="foot-chunk-spot">
|
|
|
|
|
<div class="foot-chunk-spot-inside">
|
|
|
|
|
<div id="foot-content5" class="foot-chunk-spot-content1">
|
|
|
|
|
36.2℃
|
|
|
|
|
</div>
|
|
|
|
|
<div id="foot-content6" class="foot-chunk-spot-content2">
|
|
|
|
|
80%
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="foot-chunk-down">
|
|
|
|
|
<div class="foot-chunk-spot">
|
|
|
|
|
<div class="foot-chunk-spot-inside">
|
|
|
|
|
<div id="foot-content7" class="foot-chunk-spot-content1">
|
|
|
|
|
36.2℃
|
|
|
|
|
</div>
|
|
|
|
|
<div id="foot-content8" class="foot-chunk-spot-content2">
|
|
|
|
|
80%
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-slider v-model="timer_shaft_value" :min="timer_shaft_min" :max="timer_shaft_max" :marks="marks" @input="timerShaftChange" :format-tooltip="formatTooltip"> </el-slider>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="sound-code">
|
|
|
|
|
<div class="sound-code-chunk">
|
|
|
|
|
<div class="sound-code-chunk-back">
|
|
|
|
|
<div class="sound-code-chunk-left"></div>
|
|
|
|
|
<div class="sound-code-chunk-middle">
|
|
|
|
|
<div class="sound-code-chunk-title">
|
|
|
|
|
<div class="sound-code-chunk-title-top">
|
|
|
|
|
数据
|
|
|
|
|
</div>
|
|
|
|
|
<div class="sound-code-chunk-title-middle">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="sound-code-chunk-right">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="sound-code-chunk-default">
|
|
|
|
|
<div class="sound-code-chunk-default-content">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="/script/echarts.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/script/http/index.js"></script>
|
|
|
|
|
|
|
|
|
|
</html>
|
