|
|
@@ -1,345 +1,14 @@
|
|
|
<template>
|
|
|
<div class="wrapper">
|
|
|
- <div style="margin-left:-110px">
|
|
|
- <svg
|
|
|
- width="1890"
|
|
|
- height="600.748539320633"
|
|
|
- >
|
|
|
- <g>
|
|
|
- <g
|
|
|
- id="1566d8d9"
|
|
|
- name="image"
|
|
|
- >
|
|
|
- <g>
|
|
|
- <image
|
|
|
- width="52.31030577617248"
|
|
|
- height="39.23272933212936"
|
|
|
- preserveAspectRatio="none"
|
|
|
- transform="translate(552.5773843794306, 71.83869923929876)"
|
|
|
- xlink:href="http://topology.le5le.com/image/3F5DF3FC5F9985A6DDBDEE953782F522_cbabeec230488f49.png"
|
|
|
- />
|
|
|
- </g>
|
|
|
- </g>
|
|
|
- <g
|
|
|
- id="6e7cde74"
|
|
|
- name="image"
|
|
|
- >
|
|
|
- <g>
|
|
|
- <image
|
|
|
- width="500.7963507226494"
|
|
|
- height="375.59726304198705"
|
|
|
- preserveAspectRatio="none"
|
|
|
- transform="translate(396.4486583624613, 50.40967632484694)"
|
|
|
- xlink:href="http://topology.le5le.com/image/8B7E5A935202BF366637EF95FF867AA3_818fd8dc2f9bc3fe.png"
|
|
|
- />
|
|
|
- </g>
|
|
|
- </g>
|
|
|
- <g
|
|
|
- id="a94b059"
|
|
|
- name="image"
|
|
|
- >
|
|
|
- <g>
|
|
|
- <image
|
|
|
- width="123.81776685797168"
|
|
|
- height="92.86332514347876"
|
|
|
- preserveAspectRatio="none"
|
|
|
- transform="translate(418.65879054006575, 44.41583289654886)"
|
|
|
- xlink:href="http://topology.le5le.com/image/E98FB8F532EC49EADE558A0334B8B818_ffd046e899fcb8b8.png"
|
|
|
- />
|
|
|
- </g>
|
|
|
- </g>
|
|
|
- <!-- 动画 -->
|
|
|
- <!-- 收缩 -->
|
|
|
- <g
|
|
|
- id="50aa2b2"
|
|
|
- name="image"
|
|
|
- v-show="isshow ==0"
|
|
|
- transform="translate(397.102294721247,234.48802037298032) rotate(306.95369956936963,0,0) translate(-397.102294721247,-234.48802037298032)"
|
|
|
- >
|
|
|
- <g>
|
|
|
- <image
|
|
|
- width="123.51142989704735"
|
|
|
- height="92.63357242278552"
|
|
|
- preserveAspectRatio="none"
|
|
|
- transform="translate(455.3465797727233,148.17123416158756)"
|
|
|
- xlink:href="http://topology.le5le.com/image/0F33CB6BB6825A8E844C3619274BD641_86c1acc7e825aa85.png"
|
|
|
- />
|
|
|
- </g>
|
|
|
- </g>
|
|
|
- <g
|
|
|
- id="d076e35"
|
|
|
- name="image"
|
|
|
- v-show="isshow ==0"
|
|
|
- transform="translate(418.4356280545801,246.44308427834457) rotate(218.2636267024031,0,0) translate(-418.4356280545801,-246.44308427834457)"
|
|
|
- >
|
|
|
- <g>
|
|
|
- <image
|
|
|
- width="136.49996601667732"
|
|
|
- height="102.37497451250799"
|
|
|
- preserveAspectRatio="none"
|
|
|
- transform="translate(395.18564504624146, 310.25559702209057)"
|
|
|
- xlink:href="http://topology.le5le.com/image/2910C0F367A5FB669F75D85F33021769_3e280138c8015b69.png"
|
|
|
- />
|
|
|
- </g>
|
|
|
- </g>
|
|
|
- <!-- 舒张 -->
|
|
|
- <g
|
|
|
- id="50aa2b2"
|
|
|
- name="image"
|
|
|
- v-show="isshow ==1"
|
|
|
- >
|
|
|
- <g>
|
|
|
- <image
|
|
|
- width="123.51142989704728"
|
|
|
- height="92.63357242278546"
|
|
|
- preserveAspectRatio="none"
|
|
|
- transform="translate(354.2222986808696, 71.83869923929876)"
|
|
|
- xlink:href="http://topology.le5le.com/image/0F33CB6BB6825A8E844C3619274BD641_86c1acc7e825aa85.png"
|
|
|
- />
|
|
|
- </g>
|
|
|
- </g>
|
|
|
- <g
|
|
|
- id="d076e35"
|
|
|
- name="image"
|
|
|
- v-show="isshow ==1"
|
|
|
- >
|
|
|
- <g>
|
|
|
- <image
|
|
|
- width="136.49996601667726"
|
|
|
- height="102.37497451250795"
|
|
|
- preserveAspectRatio="none"
|
|
|
- transform="translate(324.91476608221654, 144.4047619047617)"
|
|
|
- xlink:href="http://topology.le5le.com/image/2910C0F367A5FB669F75D85F33021769_3e280138c8015b69.png"
|
|
|
- />
|
|
|
- </g>
|
|
|
- </g>
|
|
|
- <g
|
|
|
- id="77f68927"
|
|
|
- name="image"
|
|
|
- >
|
|
|
- <g>
|
|
|
- <image
|
|
|
- width="329.1822910014679"
|
|
|
- height="246.88671825110092"
|
|
|
- preserveAspectRatio="none"
|
|
|
- transform="translate(409.14139176678395, 13.0876967750711)"
|
|
|
- xlink:href="http://topology.le5le.com/image/B54FC7B6BEBA5B3116A251263939ED92_250b244206c9bd0a.png"
|
|
|
- />
|
|
|
- </g>
|
|
|
- </g>
|
|
|
- <g
|
|
|
- id="855d09a"
|
|
|
- name="image"
|
|
|
- >
|
|
|
- <g>
|
|
|
- <image
|
|
|
- width="166.59602006188692"
|
|
|
- height="124.94701504641519"
|
|
|
- preserveAspectRatio="none"
|
|
|
- transform="translate(602.033455893702, 57.55298495358488)"
|
|
|
- xlink:href="http://topology.le5le.com/image/0AF403E3E1F1309B3CD21FA7B83CB335_2269e1351c09898b.png"
|
|
|
- />
|
|
|
- </g>
|
|
|
- </g>
|
|
|
- <g
|
|
|
- id="1d1e6cb3"
|
|
|
- name="image"
|
|
|
- >
|
|
|
- <g>
|
|
|
- <image
|
|
|
- width="561.7340026435919"
|
|
|
- height="421.30050198269396"
|
|
|
- preserveAspectRatio="none"
|
|
|
- transform="translate(938.6091891543927, 10)"
|
|
|
- xlink:href="http://topology.le5le.com/image/5A087B9E933BACE8925C0716A532E0A8_d6827d5927680d62.png"
|
|
|
- />
|
|
|
- </g>
|
|
|
- </g>
|
|
|
-
|
|
|
- <!-- 数据框 -->
|
|
|
- <g>
|
|
|
- <g
|
|
|
- id="6b1f5a47"
|
|
|
- name="rectangle"
|
|
|
- >
|
|
|
- <path
|
|
|
- fill="none"
|
|
|
- stroke="#4ADEFE"
|
|
|
- paint-order="fill stroke markers"
|
|
|
- d=" M 420 325 L 420 375 L 540 375 L 540 325 L 420 325 Z"
|
|
|
- stroke-miterlimit="10"
|
|
|
- stroke-dasharray=""
|
|
|
- />
|
|
|
- </g>
|
|
|
-
|
|
|
- <g
|
|
|
- id="6b1f5a471"
|
|
|
- name="rectangle1"
|
|
|
- >
|
|
|
- <path
|
|
|
- fill="none"
|
|
|
- stroke="#4ADEFE"
|
|
|
- paint-order="fill stroke markers"
|
|
|
- d=" M 1010 325 L 1010 375 L 1130 375 L 1130 325 L 1010 325 Z"
|
|
|
- stroke-miterlimit="10"
|
|
|
- stroke-dasharray=""
|
|
|
- />
|
|
|
- </g>
|
|
|
-
|
|
|
- <g
|
|
|
- id="6b1f5a472"
|
|
|
- name="rectangle2"
|
|
|
- >
|
|
|
- <path
|
|
|
- fill="none"
|
|
|
- stroke="#4ADEFE"
|
|
|
- paint-order="fill stroke markers"
|
|
|
- d=" M 1290 325 L 1290 375 L 1410 375 L 1410 325 L 1290 325 Z"
|
|
|
- stroke-miterlimit="10"
|
|
|
- stroke-dasharray=""
|
|
|
- />
|
|
|
- </g>
|
|
|
- <g
|
|
|
- id="6b1f5a472"
|
|
|
- name="rectangle2"
|
|
|
- >
|
|
|
- <path
|
|
|
- fill="none"
|
|
|
- stroke="#4ADEFE"
|
|
|
- paint-order="fill stroke markers"
|
|
|
- d=" M 740 25 L 740 75 L 860 75 L 860 25 L 740 25 Z"
|
|
|
- stroke-miterlimit="10"
|
|
|
- stroke-dasharray=""
|
|
|
- />
|
|
|
- </g>
|
|
|
-
|
|
|
- </g>
|
|
|
-
|
|
|
- <!-- 数据 -->
|
|
|
- <g
|
|
|
- xmlns="http://www.w3.org/2000/svg"
|
|
|
- id="920f5b63"
|
|
|
- name="text"
|
|
|
- text=12.3
|
|
|
- >
|
|
|
- <g>
|
|
|
- <path
|
|
|
- fill="none"
|
|
|
- stroke="none"
|
|
|
- />
|
|
|
- <text
|
|
|
- fill="#F3DB5C"
|
|
|
- stroke="none"
|
|
|
- font-family=""Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial "
|
|
|
- font-size="20px"
|
|
|
- font-style="normal"
|
|
|
- font-weight="normal"
|
|
|
- text-decoration="normal"
|
|
|
- x="800"
|
|
|
- y="50"
|
|
|
- text-anchor="middle"
|
|
|
- dominant-baseline="central"
|
|
|
- >
|
|
|
- {{TopBeam}}cm
|
|
|
- </text>
|
|
|
- </g>
|
|
|
- </g>
|
|
|
-
|
|
|
- <g
|
|
|
- xmlns="http://www.w3.org/2000/svg"
|
|
|
- id="920f5b6"
|
|
|
- name="text"
|
|
|
- text=12.3
|
|
|
- >
|
|
|
- <g>
|
|
|
- <path
|
|
|
- fill="none"
|
|
|
- stroke="none"
|
|
|
- />
|
|
|
- <text
|
|
|
- fill="#F3DB5C"
|
|
|
- stroke="none"
|
|
|
- font-family=""Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial "
|
|
|
- font-size="20px"
|
|
|
- font-style="normal"
|
|
|
- font-weight="normal"
|
|
|
- text-decoration="normal"
|
|
|
- x="480"
|
|
|
- y="350"
|
|
|
- text-anchor="middle"
|
|
|
- dominant-baseline="central"
|
|
|
- >
|
|
|
- {{PushSlip}}cm
|
|
|
- </text>
|
|
|
- </g>
|
|
|
- </g>
|
|
|
-
|
|
|
- <g
|
|
|
- xmlns="http://www.w3.org/2000/svg"
|
|
|
- id="920f5b6"
|
|
|
- name="text"
|
|
|
- text=12.3
|
|
|
- >
|
|
|
- <g>
|
|
|
- <path
|
|
|
- fill="none"
|
|
|
- stroke="none"
|
|
|
- />
|
|
|
- <text
|
|
|
- fill="#F3DB5C"
|
|
|
- stroke="none"
|
|
|
- font-family=""Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial "
|
|
|
- font-size="20px"
|
|
|
- font-style="normal"
|
|
|
- font-weight="normal"
|
|
|
- text-decoration="normal"
|
|
|
- x="1070"
|
|
|
- y="350"
|
|
|
- text-anchor="middle"
|
|
|
- dominant-baseline="central"
|
|
|
- >
|
|
|
- {{pressure_left}}PM
|
|
|
- </text>
|
|
|
- </g>
|
|
|
- </g>
|
|
|
- <g
|
|
|
- xmlns="http://www.w3.org/2000/svg"
|
|
|
- id="920f5b6"
|
|
|
- name="text"
|
|
|
- text=12.3
|
|
|
- >
|
|
|
- <g>
|
|
|
- <path
|
|
|
- fill="none"
|
|
|
- stroke="none"
|
|
|
- />
|
|
|
- <text
|
|
|
- fill="#F3DB5C"
|
|
|
- stroke="none"
|
|
|
- font-family=""Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial "
|
|
|
- font-size="20px"
|
|
|
- font-style="normal"
|
|
|
- font-weight="normal"
|
|
|
- text-decoration="normal"
|
|
|
- x="1350"
|
|
|
- y="350"
|
|
|
- text-anchor="middle"
|
|
|
- dominant-baseline="central"
|
|
|
- >
|
|
|
- {{pressure_right}}PM
|
|
|
- </text>
|
|
|
- </g>
|
|
|
- </g>
|
|
|
-
|
|
|
- </g>
|
|
|
- </svg>
|
|
|
- </div>
|
|
|
- <el-row style="margin-top:-150px">
|
|
|
+ <img class="leftImg" src="@/assets/img/supportRight.png" alt="">
|
|
|
+ <img class="rightImg" src="@/assets/img/supportLeft.png" alt="">
|
|
|
+ <!-- <div class="leftImg"></div> -->
|
|
|
+ <el-row style="margin-top:15px">
|
|
|
<el-col :span="24">
|
|
|
<suppEchart></suppEchart>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-row style="margin-top:-100px">
|
|
|
+ <el-row style="margin-top:-90px">
|
|
|
<el-col :span="24">
|
|
|
<tuiyiEchart></tuiyiEchart>
|
|
|
</el-col>
|
|
|
@@ -468,5 +137,22 @@ export default {
|
|
|
#06133c 100%
|
|
|
);
|
|
|
}
|
|
|
+
|
|
|
+.leftImg{
|
|
|
+ left: 130px;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 550px;
|
|
|
+ height: 450px;
|
|
|
+}
|
|
|
+.rightImg{
|
|
|
+ left:150px;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 640px;
|
|
|
+ height: 450px;
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
</style>
|
|
|
|
