健康管理

src/views/HealthControl/Health0.vue

@@ -1,173 +1,203 @@
 <template>
-    <div class="health-0">
+  <div class="health-0">
+    <el-row>
+      <el-col :span="12">
         <el-row>
-            <el-col :span="12">
-                <el-row>
-                    <el-col :span="24">
-                        <div class="query mg-b-8">
-                            <div class="query-items">
-                                <div class="query-item">
-                                    <div class="lable">风场：</div>
-                                    <div class="search-input">
-                                        <el-select v-model="value1" clearable placeholder="请选择风场" popper-class="select">
-                                            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
-                                        </el-select>
-                                    </div>
-                                </div>
-                                <div class="query-item">
-                                    <div class="lable">风机：</div>
-                                    <div class="search-input">
-                                        <el-select v-model="value2" multiple placeholder="请选择风机" popper-class="select">
-                                            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
-                                        </el-select>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="query-actions">
-                                <button class="btn" type="button"><i class="el-icon-back mg-r-8"></i><span>返回</span></button>
-                            </div>
-                        </div>
-                    </el-col>
-                </el-row>
-                <el-row class="mg-t-16">
-                    <el-col :span="24" class="fan-code-box">
-                        <span class="svg-icon svg-icon-white svg-icon-md mg-l-16 mg-r-16">
-                            <SvgIcon svgid="svg-wind-site"></SvgIcon>
-                        </span>
-                        <div class="fan-code">
-                            <div class="fan-code-text font-md green">MG02-01</div>
-                            <div class="fan-code-label font-md gray-l">高频：</div>
-                            <div class="fan-code-value font-md green">xxxxx</div>
-                            <div class="fan-code-label font-md gray-l">中频：</div>
-                            <div class="fan-code-value font-md green">xxxxx</div>
-                            <div class="fan-code-label font-md gray-l">低频：</div>
-                            <div class="fan-code-value font-md green">xxxxx</div>
-                        </div>
-                        <span class="svg-icon svg-icon-white svg-icon-md mg-l-16">
-                            <SvgIcon svgid="svg-wind-site"></SvgIcon>
-                        </span>
-                        <div class="fan-code bg">
-                            <div class="fan-code-label font-md gray-l">高频：</div>
-                        </div>
-                        <div class="fan-code">
-                            <div class="fan-code-value nm font-md green">100</div>
-                        </div>
-                        <button class="btn mg-l-16" type="button"><i class="el-icon-s-order mg-r-8"></i><span>健康报告</span></button>
-                    </el-col>
-                </el-row>
-                <el-row>
-                    <el-col :span="24" style="text-align:center;">
-                        <StandAloneImg class="sai" :activeIndex="activeIndex" @selectSvg="selectSvg"></StandAloneImg>
-                    </el-col>
-                </el-row>
-                <el-row>
-                    <el-col :span="6">
-                        <img :src="bsxImg" class="bsx">
-                        <img :src="bsxImg" class="bsx o">
-                    </el-col>
-                    <el-col :span="6"></el-col>
-                    <el-col :span="6"></el-col>
-                    <el-col :span="6">
-                        <progress-bar title="风机" name="风机健康度"></progress-bar>
-                    </el-col>
-                </el-row>
-                <el-row>
-                    <el-col :span="6" class="mg-t-16">
-                        <progress-bar title="发电机" name="寿命指数"></progress-bar>
-                    </el-col>
-                    <el-col :span="6" class="mg-t-16">
-                        <progress-bar title="齿轮箱" name="寿命指数"></progress-bar>
-                    </el-col>
-                    <el-col :span="6" class="mg-t-16">
-                        <progress-bar title="主轴" name="寿命指数"></progress-bar>
-                    </el-col>
-                    <el-col :span="6" class="mg-t-16">
-                        <progress-bar title="变桨" name="寿命指数"></progress-bar>
-                    </el-col>
-                </el-row>
-                <el-row>
-                    <el-col :span="6" class="mg-t-16">
-                        <progress-bar title="偏航" name="寿命指数"></progress-bar>
-                    </el-col>
-                    <el-col :span="6" class="mg-t-16">
-                        <progress-bar title="机舱" name="寿命指数"></progress-bar>
-                    </el-col>
-                    <el-col :span="6" class="mg-t-16">
-                        <progress-bar title="变频器" name="寿命指数"></progress-bar>
-                    </el-col>
-                    <el-col :span="6" class="mg-t-16">
-                        <progress-bar title="主控" name="寿命指数"></progress-bar>
-                    </el-col>
-                </el-row>
-            </el-col>
-            <el-col :span="12" class="health-0-right">
-                <el-row>
-                    <el-col :span="24">
-                        <div class="table">
-                            <Table :data="tableData" />
-                        </div>
-                    </el-col>
-                </el-row>
-                <el-row class="mg-t-16">
-                    <el-col :span="24">
-                        <div class="table">
-                            <Table :data="tableData" />
-                        </div>
-                    </el-col>
-                </el-row>
-                <el-row class="mg-t-16">
-                    <el-col :span="24">
-                        <div class="table">
-                            <Table :data="tableData1" />
-                        </div>
-                    </el-col>
-                </el-row>
-                <el-row class="mg-t-16">
-                    <el-col :span="24">
-                        <div class="table">
-                            <Table :data="tableData2" />
-                        </div>
-                    </el-col>
-                </el-row>
-                <el-row class="mg-t-16">
-                    <el-col :span="24">
-                        <div class="card-tool">
-                            <div class="card-tool-item font-sm gray-l">故障描述</div>
-                            <div class="card-tool-item font-sm gray-l">开始时间<i class="el-icon-d-caret"></i></div>
-                        </div>
-                    </el-col>
-                </el-row>
-                <el-row class="mg-t-16">
-                    <el-col :span="24">
-                        <div class="table">
-                            <Table :data="tableData11" />
-                        </div>
-                    </el-col>
-                </el-row>
-                <el-row class="mg-t-16">
-                    <el-col :span="24">
-                        <div class="table">
-                            <Table :data="tableData3" />
-                        </div>
-                    </el-col>
-                </el-row>
-                <el-row class="mg-t-16">
-                    <el-col :span="24">
-                        <div class="card-tool font-sm gray-l pd">
-                            评判扣分
-                        </div>
-                    </el-col>
-                </el-row>
-                <el-row class="mg-t-16">
-                    <el-col :span="24">
-                        <div class="table">
-                            <Table :data="tableData4" />
-                        </div>
-                    </el-col>
-                </el-row>
-            </el-col>
+          <el-col :span="24">
+            <div class="query mg-b-8">
+              <div class="query-items">
+                <div class="query-item">
+                  <div class="lable">风场：</div>
+                  <div class="search-input">
+                    <el-select
+                      v-model="value1"
+                      clearable
+                      placeholder="请选择风场"
+                      popper-class="select"
+                    >
+                      <el-option
+                        v-for="item in options"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                      >
+                      </el-option>
+                    </el-select>
+                  </div>
+                </div>
+                <div class="query-item">
+                  <div class="lable">风机：</div>
+                  <div class="search-input">
+                    <el-select
+                      v-model="value2"
+                      clearable
+                      placeholder="请选择风机"
+                      popper-class="select"
+                    >
+                      <el-option
+                        v-for="item in options1"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                      >
+                      </el-option>
+                    </el-select>
+                  </div>
+                </div>
+              </div>
+              <div class="query-actions">
+                <button class="btn" type="button">
+                  <i class="el-icon-back mg-r-8"></i><span>返回</span>
+                </button>
+              </div>
+            </div>
+          </el-col>
         </el-row>
-    </div>
+        <el-row class="mg-t-16">
+          <el-col :span="24" class="fan-code-box">
+            <span class="svg-icon svg-icon-white svg-icon-md mg-l-16 mg-r-16">
+              <SvgIcon svgid="svg-wind-site"></SvgIcon>
+            </span>
+            <div class="fan-code">
+              <div class="fan-code-text font-md green">MG02-01</div>
+              <div class="fan-code-label font-md gray-l">高频：</div>
+              <div class="fan-code-value font-md green">{{stoptypemap && stoptypemap.top1type}}</div>
+              <div class="fan-code-label font-md gray-l">中频：</div>
+              <div class="fan-code-value font-md green">{{stoptypemap && stoptypemap.top2type}}</div>
+              <div class="fan-code-label font-md gray-l">低频：</div>
+              <div class="fan-code-value font-md green">{{stoptypemap && stoptypemap.top3type}}</div>
+            </div>
+            <span class="svg-icon svg-icon-white svg-icon-md mg-l-16">
+              <SvgIcon svgid="svg-wind-site"></SvgIcon>
+            </span>
+            <div class="fan-code bg">
+              <div class="fan-code-label font-md gray-l">高频：</div>
+            </div>
+            <div class="fan-code">
+              <div class="fan-code-value nm font-md green">{{stoptypemap && stoptypemap.wtscore}}</div>
+            </div>
+            <button class="btn mg-l-16" type="button">
+              <i class="el-icon-s-order mg-r-8"></i><span>健康报告</span>
+            </button>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24" style="text-align: center">
+            <StandAloneImg
+              class="sai"
+              :activeIndex="activeIndex"
+              @selectSvg="selectSvg"
+            ></StandAloneImg>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <img :src="bsxImg" class="bsx" />
+            <img :src="bsxImg" class="bsx o" />
+          </el-col>
+          <el-col :span="6"></el-col>
+          <el-col :span="6"></el-col>
+          <el-col :span="6">
+            <progress-bar title="风机" name="风机健康度" :progress='partmap && partmap.fj.smsyl' :color="partmap &&color(partmap.fj.jkzt)"></progress-bar>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6" class="mg-t-16">
+            <progress-bar title="发电机" name="寿命指数" :progress='partmap && partmap.fdj.smsyl' :color="partmap &&color(partmap.fdj.jkzt)"></progress-bar>
+          </el-col>
+          <el-col :span="6" class="mg-t-16">
+            <progress-bar title="齿轮箱" name="寿命指数" :progress='partmap &&partmap.clx.smsyl' :color="partmap &&color(partmap.clx.jkzt)"></progress-bar>
+          </el-col>
+          <el-col :span="6" class="mg-t-16">
+            <progress-bar title="主轴" name="寿命指数" :progress='partmap &&partmap.zz.smsyl' :color="partmap &&color(partmap.zz.jkzt)"></progress-bar>
+          </el-col>
+          <el-col :span="6" class="mg-t-16">
+            <progress-bar title="变桨" name="寿命指数" :progress='partmap &&partmap.bj.smsyl' :color="partmap &&color(partmap.bj.jkzt)"></progress-bar>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6" class="mg-t-16">
+            <progress-bar title="偏航" name="寿命指数" :progress='partmap &&partmap.ph.smsyl' :color="partmap &&color(partmap.ph.jkzt)"></progress-bar>
+          </el-col>
+          <el-col :span="6" class="mg-t-16">
+            <progress-bar title="机舱" name="寿命指数" :progress='partmap &&partmap.jc.smsyl' :color="partmap &&color(partmap.jc.jkzt)"></progress-bar>
+          </el-col>
+          <el-col :span="6" class="mg-t-16">
+            <progress-bar title="变频器" name="寿命指数" :progress='partmap &&partmap.bpq.smsyl' :color="partmap &&color(partmap.bpq.jkzt)"></progress-bar>
+          </el-col>
+          <el-col :span="6" class="mg-t-16">
+            <progress-bar title="主控" name="寿命指数" :progress='partmap &&partmap.zk.smsyl' :color="partmap &&color(partmap.zk.jkzt)"></progress-bar>
+          </el-col>
+        </el-row>
+      </el-col>
+      <el-col :span="12" class="health-0-right">
+        <el-row>
+          <el-col :span="24">
+            <div class="table">
+              <Table :data="gztableData" />
+            </div>
+          </el-col>
+        </el-row>
+        <el-row class="mg-t-16">
+          <el-col :span="24">
+            <div class="table">
+              <Table :data="yjtableData" />
+            </div>
+          </el-col>
+        </el-row>
+        <el-row class="mg-t-16">
+          <el-col :span="24">
+            <div class="table">
+              <Table :data="yxtableData" />
+            </div>
+          </el-col>
+        </el-row>
+        <el-row class="mg-t-16">
+          <el-col :span="24">
+            <div class="table">
+              <Table :data="tableData2" />
+            </div>
+          </el-col>
+        </el-row>
+        <el-row class="mg-t-16">
+          <el-col :span="24">
+            <div class="card-tool">
+              <div class="card-tool-item font-sm gray-l">故障描述</div>
+              <div class="card-tool-item font-sm gray-l">
+                开始时间<i class="el-icon-d-caret"></i>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row class="mg-t-16">
+          <el-col :span="24">
+            <div class="table">
+              <Table :data="tableData11" />
+            </div>
+          </el-col>
+        </el-row>
+        <el-row class="mg-t-16">
+          <el-col :span="24">
+            <div class="table">
+              <Table :data="tableData3" />
+            </div>
+          </el-col>
+        </el-row>
+        <el-row class="mg-t-16">
+          <el-col :span="24">
+            <div class="card-tool font-sm gray-l pd">评判扣分</div>
+          </el-col>
+        </el-row>
+        <el-row class="mg-t-16">
+          <el-col :span="24">
+            <div class="table">
+              <Table :data="tableData4" />
+            </div>
+          </el-col>
+        </el-row>
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
 <script>
@@ -176,562 +206,656 @@ import StandAloneImg from "@/views/WindSite/pages/Info/StandAloneImg.vue";
 import ProgressBar from "@com/coms/progress-bar/progress-bar.vue";
 import Table from "../../components/coms/table/table.vue";
 export default {
-    setup() {},
-    components: {
-        SvgIcon,
-        StandAloneImg,
-        ProgressBar,
-        Table,
+  setup() {},
+  components: {
+    SvgIcon,
+    StandAloneImg,
+    ProgressBar,
+    Table,
+  },
+  data() {
+    return {
+      bsxImg: require("@assets/png/bsx.png"),
+      options: [
+        {
+          value: "选项1",
+          label: "黄金糕",
+        },
+        {
+          value: "选项2",
+          label: "双皮奶",
+        },
+        {
+          value: "选项3",
+          label: "蚵仔煎",
+        },
+        {
+          value: "选项4",
+          label: "龙须面",
+        },
+        {
+          value: "选项5",
+          label: "北京烤鸭",
+        },
+      ],
+      wtid:'',
+      wpid:'',
+      options1:[],
+      value1: [],
+      value2: [],
+      colorval:{
+        '1.0':'green',
+        '2.0':'purple',
+        '3.0':'orange',
+        '4.0':'red',
+      },
+      activeIndex: -1,
+      gztableData: {
+        column: [
+            {
+            name: "",
+            field: "index",
+            width: "30px",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "时间",
+            field: "time",
+            width: "130px",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "故障1名称",
+            field: "top1gzname",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "故障1数量",
+            field: "top1gznum",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "故障2名称",
+            field: "top2gzname",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "故障2数量",
+            field: "top2gznum",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "故障3名称",
+            field: "top3gzname",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "故障3数量",
+            field: "top3gznum",
+            is_num: false,
+            is_light: false,
+          },
+        ],
+        data: [
+        ],
+      },
+      yjtableData: {
+        column: [
+            {
+            name: "",
+            field: "index",
+            width: "30px",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "时间",
+            field: "time",
+            width: "130px",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "预警1名称",
+            field: "top1gzname",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "预警1数量",
+            field: "top1gznum",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "预警2名称",
+            field: "top2gzname",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "预警2数量",
+            field: "top2gznum",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "预警3名称",
+            field: "top3gzname",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "故障3数量",
+            field: "top3gznum",
+            is_num: false,
+            is_light: false,
+          },
+        ],
+        data: [
+        ],
+      },
+      yxtableData: {
+        column: [
+          {
+            name: "",
+            field: "index",
+            width: "30px",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "时间",
+            field: "name",
+            width: "130px",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "发电机",
+            field: "numfdj",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "齿轮箱",
+            field: "numclx",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "主轴",
+            field: "numzz",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "变桨",
+            field: "numbj",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "偏航",
+            field: "numph",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "机舱",
+            field: "numjc",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "变频器",
+            field: "numbpq",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "主控",
+            field: "numzk",
+            is_num: false,
+            is_light: false,
+          },
+        ],
+        data: [
+          {
+            index: 1,
+            time: "1天故障数据分析",
+            fdj: "0.00",
+            clx: "9.00",
+            zz: "0.00",
+            bj: "0.00",
+            ph: "0.00",
+            jc: "0.00",
+            bpq: "0.00",
+            zk: "0.00",
+            is_light: false,
+          },
+          {
+            index: 2,
+            time: "3天故障数据分析",
+            fdj: "0.00",
+            clx: "74.00",
+            zz: "0.00",
+            bj: "0.00",
+            ph: "0.00",
+            jc: "0.00",
+            bpq: "0.00",
+            zk: "0.00",
+            is_light: false,
+          },
+        ],
+      },
+      tableData2: {
+        column: [
+          {
+            name: "",
+            field: "index",
+            width: "30px",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "时间",
+            field: "name",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "评估等级",
+            field: "level",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "得分",
+            field: "score",
+            is_num: false,
+            is_light: false,
+          },
+        ],
+        data: [
+          {
+            index: 1,
+            time: "1天故障数据分析",
+            level: "C",
+            score: "0.00",
+            is_light: false,
+          },
+        ],
+      },
+      tableData11: {
+        column: [
+          {
+            name: "",
+            field: "index",
+            width: "30px",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "时间",
+            field: "name",
+            width: "130px",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "发电机",
+            field: "numfdj",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "齿轮箱",
+            field: "numclx",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "主轴",
+            field: "numzz",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "变桨",
+            field: "numbj",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "偏航",
+            field: "numph",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "机舱",
+            field: "numjc",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "变频器",
+            field: "numbpq",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "主控",
+            field: "numzk",
+            is_num: false,
+            is_light: false,
+          },
+        ],
+        data: [
+          {
+            index: 1,
+            time: "1天故障数据分析",
+            fdj: "0.00",
+            clx: "9.00",
+            zz: "0.00",
+            bj: "0.00",
+            ph: "0.00",
+            jc: "0.00",
+            bpq: "0.00",
+            zk: "0.00",
+            is_light: false,
+          },
+          {
+            index: 2,
+            time: "3天故障数据分析",
+            fdj: "0.00",
+            clx: "74.00",
+            zz: "0.00",
+            bj: "0.00",
+            ph: "0.00",
+            jc: "0.00",
+            bpq: "0.00",
+            zk: "0.00",
+            is_light: false,
+          },
+          {
+            index: 3,
+            time: "1天故障数据分析",
+            fdj: "0.00",
+            clx: "9.00",
+            zz: "0.00",
+            bj: "0.00",
+            ph: "0.00",
+            jc: "0.00",
+            bpq: "0.00",
+            zk: "0.00",
+            is_light: false,
+          },
+          {
+            index: 4,
+            time: "3天故障数据分析",
+            fdj: "0.00",
+            clx: "74.00",
+            zz: "0.00",
+            bj: "0.00",
+            ph: "0.00",
+            jc: "0.00",
+            bpq: "0.00",
+            zk: "0.00",
+            is_light: false,
+          },
+        ],
+      },
+      tableData3: {
+        column: [
+          {
+            name: "",
+            field: "index",
+            width: "30px",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "3-5米曲线偏差率",
+            field: "qxpc1",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "5-11米曲线偏差率",
+            field: "qxpc2",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "11-25米曲线偏差率",
+            field: "qxpc3",
+            is_num: false,
+            is_light: false,
+          },
+        ],
+        data: [
+          {
+            index: 1,
+            v1: "1.50",
+            v2: "1.69",
+            v3: "2.44",
+            is_light: false,
+          },
+        ],
+      },
+      tableData4: {
+        column: [
+          {
+            name: "",
+            field: "index",
+            width: "30px",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "判断描述",
+            field: "name",
+            is_num: false,
+            is_light: false,
+          },
+          {
+            name: "是否扣分",
+            field: "value",
+            is_num: false,
+            is_light: false,
+          },
+        ],
+        data: [
+          {
+            index: 1,
+            v1: "运行状态为故障",
+            v2: "未扣分",
+            is_light: false,
+          },
+          {
+            index: 2,
+            v1: "风机部件温度超出合理值范围",
+            v2: "未扣分",
+            is_light: false,
+          },
+          {
+            index: 3,
+            v1: "性能损失率连续三天大于基准值",
+            v2: "未扣分",
+            is_light: false,
+          },
+          {
+            index: 4,
+            v1: "曲线偏差率连续三天大于基准值",
+            v2: "未扣分",
+            is_light: false,
+          },
+        ],
+      },
+      partmap:null,
+      stoptypemap:null,
+    };
+  },
+  created() {
+      this.search()
+      this.wtid = this.$route.params.wtId;
+      this.wpid = this.$route.params.wpId;
+  },
+  methods: {
+      color(val){
+     return this.colorval[val]
     },
-    data() {
-        return {
-            bsxImg: require("@assets/png/bsx.png"),
-            options: [
-                {
-                    value: "选项1",
-                    label: "黄金糕",
-                },
-                {
-                    value: "选项2",
-                    label: "双皮奶",
-                },
-                {
-                    value: "选项3",
-                    label: "蚵仔煎",
-                },
-                {
-                    value: "选项4",
-                    label: "龙须面",
-                },
-                {
-                    value: "选项5",
-                    label: "北京烤鸭",
-                },
-            ],
-            value1: [],
-            value2: [],
-            activeIndex: -1,
-            tableData: {
-                column: [
-                    {
-                        name: "",
-                        field: "index",
-                        width: "30px",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "时间",
-                        field: "time",
-                        width: "130px",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "故障1名称",
-                        field: "v1name",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "故障1数量",
-                        field: "v1num",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "故障2名称",
-                        field: "v2name",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "故障2数量",
-                        field: "v2num",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "故障3名称",
-                        field: "v3name",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "故障3数量",
-                        field: "v3num",
-                        is_num: false,
-                        is_light: false,
-                    },
-                ],
-                data: [
-                    {
-                        index: 1,
-                        time: "1天故障数据分析",
-                        v1name: "",
-                        v1num: 0.00,
-                        v2name: "",
-                        v2num: 0.00,
-                        v3name: "",
-                        v3num: 0.00,
-                        is_light: false,
-                    },
-                    {
-                        index: 2,
-                        time: "3天故障数据分析",
-                        v1name: "",
-                        v1num: "0.00",
-                        v2name: "",
-                        v2num: "0.00",
-                        v3name: "",
-                        v3num: "0.00",
-                        is_light: false,
-                    },
-                ],
-            },
-            tableData1: {
-                column: [
-                    {
-                        name: "",
-                        field: "index",
-                        width: "30px",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "时间",
-                        field: "time",
-                        width: "130px",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "发电机",
-                        field: "fdj",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "齿轮箱",
-                        field: "clx",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "主轴",
-                        field: "zz",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "变桨",
-                        field: "bj",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "偏航",
-                        field: "ph",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "机舱",
-                        field: "jc",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "变频器",
-                        field: "bpq",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "主控",
-                        field: "zk",
-                        is_num: false,
-                        is_light: false,
-                    },
-                ],
-                data: [
-                    {
-                        index: 1,
-                        time: "1天故障数据分析",
-                        fdj: "0.00",
-                        clx: "9.00",
-                        zz: "0.00",
-                        bj: "0.00",
-                        ph: "0.00",
-                        jc: "0.00",
-                        bpq: "0.00",
-                        zk: "0.00",
-                        is_light: false,
-                    },
-                    {
-                        index: 2,
-                        time: "3天故障数据分析",
-                        fdj: "0.00",
-                        clx: "74.00",
-                        zz: "0.00",
-                        bj: "0.00",
-                        ph: "0.00",
-                        jc: "0.00",
-                        bpq: "0.00",
-                        zk: "0.00",
-                        is_light: false,
-                    },
-                ],
-            },
-            tableData2: {
-                column: [
-                    {
-                        name: "",
-                        field: "index",
-                        width: "30px",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "时间",
-                        field: "time",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "评估等级",
-                        field: "level",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "得分",
-                        field: "score",
-                        is_num: false,
-                        is_light: false,
-                    },
-                ],
-                data: [
-                    {
-                        index: 1,
-                        time: "1天故障数据分析",
-                        level: "C",
-                        score: "0.00",
-                        is_light: false,
-                    },
-                ],
-            },
-            tableData11: {
-                column: [
-                    {
-                        name: "",
-                        field: "index",
-                        width: "30px",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "时间",
-                        field: "time",
-                        width: "130px",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "发电机",
-                        field: "fdj",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "齿轮箱",
-                        field: "clx",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "主轴",
-                        field: "zz",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "变桨",
-                        field: "bj",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "偏航",
-                        field: "ph",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "机舱",
-                        field: "jc",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "变频器",
-                        field: "bpq",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "主控",
-                        field: "zk",
-                        is_num: false,
-                        is_light: false,
-                    },
-                ],
-                data: [
-                    {
-                        index: 1,
-                        time: "1天故障数据分析",
-                        fdj: "0.00",
-                        clx: "9.00",
-                        zz: "0.00",
-                        bj: "0.00",
-                        ph: "0.00",
-                        jc: "0.00",
-                        bpq: "0.00",
-                        zk: "0.00",
-                        is_light: false,
-                    },
-                    {
-                        index: 2,
-                        time: "3天故障数据分析",
-                        fdj: "0.00",
-                        clx: "74.00",
-                        zz: "0.00",
-                        bj: "0.00",
-                        ph: "0.00",
-                        jc: "0.00",
-                        bpq: "0.00",
-                        zk: "0.00",
-                        is_light: false,
-                    },
-                    {
-                        index: 3,
-                        time: "1天故障数据分析",
-                        fdj: "0.00",
-                        clx: "9.00",
-                        zz: "0.00",
-                        bj: "0.00",
-                        ph: "0.00",
-                        jc: "0.00",
-                        bpq: "0.00",
-                        zk: "0.00",
-                        is_light: false,
-                    },
-                    {
-                        index: 4,
-                        time: "3天故障数据分析",
-                        fdj: "0.00",
-                        clx: "74.00",
-                        zz: "0.00",
-                        bj: "0.00",
-                        ph: "0.00",
-                        jc: "0.00",
-                        bpq: "0.00",
-                        zk: "0.00",
-                        is_light: false,
-                    },
-                ],
-            },
-            tableData3: {
-                column: [
-                    {
-                        name: "",
-                        field: "index",
-                        width: "30px",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "3-5米曲线偏差率",
-                        field: "v1",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "5-11米曲线偏差率",
-                        field: "v2",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "11-25米曲线偏差率",
-                        field: "v3",
-                        is_num: false,
-                        is_light: false,
-                    },
-                ],
-                data: [
-                    {
-                        index: 1,
-                        v1: "1.50",
-                        v2: "1.69",
-                        v3: "2.44",
-                        is_light: false,
-                    },
-                ],
-            },
-            tableData4: {
-                column: [
-                    {
-                        name: "",
-                        field: "index",
-                        width: "30px",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "判断描述",
-                        field: "v1",
-                        is_num: false,
-                        is_light: false,
-                    },
-                    {
-                        name: "是否扣分",
-                        field: "v2",
-                        is_num: false,
-                        is_light: false,
-                    },
-                ],
-                data: [
-                    {
-                        index: 1,
-                        v1: "运行状态为故障",
-                        v2: "未扣分",
-                        is_light: false,
-                    },
-                    {
-                        index: 2,
-                        v1: "风机部件温度超出合理值范围",
-                        v2: "未扣分",
-                        is_light: false,
-                    },
-                    {
-                        index: 3,
-                        v1: "性能损失率连续三天大于基准值",
-                        v2: "未扣分",
-                        is_light: false,
-                    },
-                    {
-                        index: 4,
-                        v1: "曲线偏差率连续三天大于基准值",
-                        v2: "未扣分",
-                        is_light: false,
-                    },
-                ],
-            },
-        };
+    async search() {
+      const { data } = await this.API.requestData({
+        subUrl: "powercompare/windfarmAjax",
+      });
+      this.options = data.data;
+      this.value1 = this.wpid;
+      this.searchWindturbine()
     },
-    methods: {
-        selectSvg: function(index) {
-            this.activeIndex = index;
-        },
+    async searchWindturbine() {
+      const { data } = await this.API.requestData({
+        subUrl: "/powercompare/windturbineAjax",
+        data:{
+             wpId : this.value1
+        }
+      });
+      this.options1 = data.data;
+      this.value2 = this.wtid;
+      console.warn(data);
+     this.searchWtHealthInfo()
+    },
+    async searchWtHealthInfo() {
+      const { data } = await this.API.requestData({
+        subUrl: "/healthsub//findWtHealthInfo",
+        method:'POST',
+        timeout: 30000, // 请求超时时间，默认 3s ，可缺省
+        data:{
+             wtId : this.value2
+        }
+      });
+     console.warn(data);
+     this.gztableData.data = data.data.gzls
+     this.yjtableData.data = data.data.yjls
+     this.yxtableData.data = data.data.bjyxls
+     this.tableData2.data =  data.data.djpgls
+     this.tableData11.data = data.data.wdls
+     this.tableData3.data = data.data.qxpcls
+     this.tableData4.data = data.data.jkls
+     this.partmap = data.data.partmap
+     this.stoptypemap = data.data.stoptypemap
     },
+
+    selectSvg: function (index) {
+      this.activeIndex = index;
+    },
+  },
 };
 </script>
 
 <style lang="less">
 .health-0 {
-    width: 100%;
-    height: calc(100vh - 90px);
+  width: 100%;
+  height: calc(100vh - 90px);
 
-    .fan-code-box {
-        display: flex;
-        align-items: center;
+  .fan-code-box {
+    display: flex;
+    align-items: center;
 
-        .fan-code {
-            display: flex;
-            align-items: center;
-            background: #53626833;
-            padding: 7px 20px;
+    .fan-code {
+      display: flex;
+      align-items: center;
+      background: #53626833;
+      padding: 7px 20px;
 
-            &.bg {
-                background: transparent;
-                padding: 7px 0;
+      &.bg {
+        background: transparent;
+        padding: 7px 0;
 
-                .fan-code-label {
-                    margin-left: 8px;
-                }
-            }
+        .fan-code-label {
+          margin-left: 8px;
+        }
+      }
 
-            .fan-code-text {
-                padding-right: 20px;
-                border-right: 1px solid #536268;
-            }
+      .fan-code-text {
+        padding-right: 20px;
+        border-right: 1px solid #536268;
+      }
 
-            .fan-code-label {
-                margin-left: 20px;
-            }
+      .fan-code-label {
+        margin-left: 20px;
+      }
 
-            .fan-code-value {
-                margin-left: 20px;
+      .fan-code-value {
+        margin-left: 20px;
 
-                &.nm {
-                    margin-left: 0;
-                }
-            }
+        &.nm {
+          margin-left: 0;
         }
+      }
     }
+  }
 
-    .sai {
-        height: 49.074vh;
-    }
-    
-    .bsx {
-        height: 11.481vh;
-        margin-right: 1.852vh;
+  .sai {
+    height: 49.074vh;
+  }
 
-        &.o {
-            opacity: 0.5;
-        }
+  .bsx {
+    height: 11.481vh;
+    margin-right: 1.852vh;
+
+    &.o {
+      opacity: 0.5;
     }
+  }
 
-    .health-0-right {
-        margin-top: 56px;
-        height: calc(100vh - 150px);
-        overflow-y: auto;
+  .health-0-right {
+    margin-top: 56px;
+    height: calc(100vh - 150px);
+    overflow-y: auto;
 
-        .table {
-            border: 1px solid #6067697D;
+    .table {
+      border: 1px solid #6067697d;
 
-            .com-table thead tr th,
-            .com-table tr td{
-                padding: 0.463vh 0;
-            }
-        }
+      .com-table thead tr th,
+      .com-table tr td {
+        padding: 0.463vh 0;
+      }
+    }
 
-        .card-tool {
-            width: 100%;
-            background: #53626866;
-            padding: 0.463vh 0;
-            display: flex;
+    .card-tool {
+      width: 100%;
+      background: #53626866;
+      padding: 0.463vh 0;
+      display: flex;
 
-            &.pd {
-                padding-left: 2.778vh;
-            }
+      &.pd {
+        padding-left: 2.778vh;
+      }
 
-            .card-tool-item {
-                flex: 1;
-                text-align: center;
-                cursor: pointer;
+      .card-tool-item {
+        flex: 1;
+        text-align: center;
+        cursor: pointer;
 
-                &:last-child {
-                    border-left: 1px solid #536268;
-                }
+        &:last-child {
+          border-left: 1px solid #536268;
+        }
 
-                &:hover {
-                    color: @green;
-                }
-            }
+        &:hover {
+          color: @green;
         }
+      }
     }
+  }
 }
 </style>

src/views/HealthControl/Health5.vue

@@ -89,8 +89,9 @@ export default {
     },
     // 跳转按钮
     onClickJump(item){
+      console.warn(item);
        this.$router.push({
-        path: `/health/health0/${item.wtId}`
+        path: `/health/health0/${item.wpId}/${item.wtId}`
       });
     }
   }

src/views/HealthControl/Health8.vue

@@ -5,88 +5,100 @@
         <div class="query-item">
           <div class="lable">场站：</div>
           <div class="search-input">
-            <el-select v-model="value1" clearable placeholder="请选择" popper-class="select">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+            <el-select
+              v-model="value1"
+              clearable
+              placeholder="请选择"
+              popper-class="select"
+              @change="searchWindTurbineHealthList"
+            >
+              <el-option
+                v-for="item in options"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
             </el-select>
           </div>
         </div>
       </div>
     </div>
     <div class="table">
-      <table style="width:100%;" border="0" cellspacing="0">
+      <table style="width: 100%" border="0" cellspacing="0">
         <thead>
           <tr>
-            <th rowspan="2" class="type1" style="width:50px;"></th>
-            <th rowspan="2" class="type1" style="width:105px;">风机编号</th>
-            <th rowspan="2" class="type1" style="width:105px;">风机型号</th>
-            <th rowspan="2" class="type1" style="width:350px;">置信度</th>
-            <th rowspan="2" class="type1" style="width:100px;">健康分数</th>
-            <th rowspan="2" class="type1" style="border: 2px solid #07140f;border-left: 0;">未来风机健康程度</th>
+            <th rowspan="2" class="type1" style="width: 50px"></th>
+            <th rowspan="2" class="type1" style="width: 105px">风机编号</th>
+            <th rowspan="2" class="type1" style="width: 105px">风机型号</th>
+            <th rowspan="2" class="type1" style="width: 350px">置信度</th>
+            <th rowspan="2" class="type1" style="width: 100px">健康分数</th>
+            <th
+              rowspan="2"
+              class="type1"
+              style="border: 2px solid #07140f; border-left: 0"
+            >
+              未来风机健康程度
+            </th>
             <th colspan="8">组件健康度</th>
           </tr>
           <tr>
-            <th style="width:100px;">齿轮箱</th>
-            <th style="width:100px;">发电机</th>
-            <th style="width:100px;">主轴</th>
-            <th style="width:100px;">变桨</th>
-            <th style="width:100px;">偏航</th>
-            <th style="width:100px;">机舱</th>
-            <th style="width:100px;">变频器</th>
-            <th style="width:100px;">主控</th>
+            <th style="width: 100px">齿轮箱</th>
+            <th style="width: 100px">发电机</th>
+            <th style="width: 100px">主轴</th>
+            <th style="width: 100px">变桨</th>
+            <th style="width: 100px">偏航</th>
+            <th style="width: 100px">机舱</th>
+            <th style="width: 100px">变频器</th>
+            <th style="width: 100px">主控</th>
           </tr>
         </thead>
       </table>
       <el-scrollbar>
-        <div style="height:calc(100vh - 174px);">
-          <table style="width:100%;" border="0" cellspacing="0">
+        <div style="height: calc(100vh - 174px)">
+          <table style="width: 100%" border="0" cellspacing="0">
             <tbody>
-              <tr v-for="index of 50" :key="index">
-                <td style="width:50px;">
-                  01
-                </td>
-                <td style="width:105px;">
-                  MG01_01
-                </td>
-                <td style="width:105px;">
-                  UP77
-                </td>
-                <td style="width:350px;">
+              <tr v-for="(item,index) in tableData" :key="index">
+                <td style="width: 50px">{{item.id}}</td>
+                <td style="width: 105px">{{item.wtname}}</td>
+                <td style="width: 105px">{{item.model}}</td>
+                <td style="width: 350px">
                   <div class="percent-item">
-                    80%
+                    {{item.zxd}}%
                     <div class="percent-bar" style="">
-                      <div class="percent-value" style="width:80%"></div>
+                      <div class="percent-value" :style="{'width':`${item.zxd}%`}"></div>
                     </div>
                   </div>
                 </td>
-                <td class="score" style="width:100px;">
-                  <div>100</div>
+                <td class="score" style="width: 100px">
+                  <div>{{item.score}}</div>
                 </td>
                 <td>
-                  <table-line-chart />
+                  <table-line-chart :list='item.futureHealth'/>
                 </td>
                 <td class="item">
-                  <div class="green">优</div>
+                  <div :class="[color(item.clx)]">{{item.clx}}</div>
                 </td>
                 <td class="item">
-                  <div class="purple">优</div>
+                  <div :class="[color(item.fdj)]">{{item.fdj}}</div>
                 </td>
                 <td class="item">
-                  <div class="orange">优</div>
+                  <div :class="[color(item.zz)]">{{item.zz}}</div>
                 </td>
                 <td class="item">
-                  <div class="red">优</div>
+                  <div :class="[color(item.bj)]">{{item.bj}}</div>
                 </td>
                 <td class="item">
-                  <div class="">优</div>
+                  <div :class="[color(item.ph)]">{{item.ph}}</div>
                 </td>
                 <td class="item">
-                  <div class="">优</div>
+                  <div :class="[color(item.jc)]">{{item.jc}}</div>
                 </td>
                 <td class="item">
-                  <div class="">优</div>
+                  <div :class="[color(item.bpq)]">{{item.bpq}}</div>
                 </td>
                 <td class="item">
-                  <div class="">优</div>
+                  <div :class="[color(item.zk)]">{{item.zk}}</div>
                 </td>
               </tr>
             </tbody>
@@ -127,9 +139,40 @@ export default {
         },
       ],
       value1: "",
+      tableData:'',
+      colorval:{
+        '优':'purple',
+        '良':'orange',
+        '差':'red',
+      }
     };
   },
-  created() {},
+  created() {
+    this.search();
+  },
+  methods: {
+    color(val){
+     return this.colorval[val]
+    },
+    async search() {
+      const {data} = await this.API.requestData({
+        subUrl: "powercompare/windfarmAjax",
+      });
+      this.options = data.data
+      this.value1 = data.data[0].id
+      this.searchWindTurbineHealthList()
+    },
+    async searchWindTurbineHealthList(){
+      const {data} = await this.API.requestData({
+        subUrl: "wtHealthList/windTurbineHealthList",
+        method: "POST", 
+        data:{
+          wpId : this.value1
+        }
+      });
+        this.tableData = data.data
+    }
+  },
 };
 </script>
 

src/views/WindSite/pages/Home/Home.vue

@@ -1,4 +1,12 @@
 <template>
+ <div class="btn-group-tabs">
+            <BtnGroup2
+                :btnGroups="btnGroupsss"
+                :rowIndex="rowIndex"
+                :index="selectIndex"
+                @select="select"
+            ></BtnGroup2>
+        </div>
   <div class="wind-site-home">
     <div class="mg-b-16">
       <btn-group-double :btnGroups="btnGroups" :rowIndex="0" :index="1" @select="select" />
@@ -242,11 +250,14 @@ import Panel3 from "../../../../components/coms/panel/panel3.vue";
 import LightMatrix from "./light-matrix.vue";
 import Station from "./Station.vue";
 import WindSiteWeather from "./wind-site-weather.vue";
+
+import BtnGroup2 from "@com/coms/btn/btn-group-double.vue";
+
 export default {
   // 名称
   name: "WindSiteHome",
   // 使用组件
-  components: { WindSiteWeather, Row, Col, Panel, DualPieChart, MultipleLineChart, Panel3, SvgIcon, HoverBarChart, MultipleBarChart, NormalLineChart, LightMatrix, BtnGroupDouble, Station },
+  components: { BtnGroup2, WindSiteWeather, Row, Col, Panel, DualPieChart, MultipleLineChart, Panel3, SvgIcon, HoverBarChart, MultipleBarChart, NormalLineChart, LightMatrix, BtnGroupDouble, Station },
   // 数据
   data() {
     return {
@@ -327,10 +338,76 @@ export default {
           },
         ],
       },
+       selectIndex:0,
+      rowIndex:0,
+      btnGroupsss: [
+                {
+                    icon: "svg-wind-site",
+                    btns: [],
+                },
+                {
+                    icon: "svg-photovoltaic",
+                    btns: [],
+                },
+            ],
     };
   },
   // 函数
   methods: {
+
+
+     getWp(){
+      let that = this;
+      that.API.requestData({
+        method: "GET",
+        subUrl: "powercompare/windfarmAllAjax",
+        success(res) {
+          console.warn(res);
+          let btnGroups = [{
+            icon: "svg-wind-site",
+            btns: []
+          },{
+            icon: "svg-photovoltaic",
+            btns: []
+          }];
+
+          res.data.forEach((ele,index)=>{
+            if(ele.id.indexOf("FDC") !== -1){
+              btnGroups[0].btns.push({
+                text:ele.name,
+                code:ele.id
+              });
+            }else{
+              btnGroups[1].btns.push({
+                text:ele.name,
+                code:ele.id
+              });
+            }
+          });
+
+          that.btnGroupsss=btnGroups;
+          that.renderBtnActiveIndex();
+
+        },
+      });
+    },
+
+    renderBtnActiveIndex(){
+      this.btnGroupsss.forEach((pEle,pIndex)=>{
+        pEle.btns.forEach((cEle,cIndex)=>{
+          if(cEle.code === this.wpId) {
+            this.rowIndex=pIndex;
+            this.selectIndex=cIndex;
+          }
+        });
+      });
+    },
+
+    select(res) {
+      this.$router.replace({
+        path: `/monitor/windsite/home/${res.code}`
+      });
+    },
     // 根据风机状态码返回对应 class
     getColor(fjzt) {
       switch (fjzt) {
@@ -620,6 +697,7 @@ export default {
     let that = this;
     that.wpId = that.$route.params.wpId;
     that.$nextTick(() => {
+    that.getWp();
       that.requestData(false);
       that.timmer = setInterval(() => {
         that.requestData(false);
@@ -638,7 +716,16 @@ export default {
     this.timmer = null;
     this.timmer2 = null;
   },
+  watch:{
+    "$route"(res){
+      console.warn('router变化');
+      this.wpId = res.params.wpId;
+      this.requestData(false);
+      this.renderBtnActiveIndex();
+    }
+  }
 };
+
 </script>
 
 <style lang="less">
@@ -738,7 +825,7 @@ export default {
 
         .value {
           font-size: 12px;
-          padding-right: 16px;
+          padding-right: 0.741vh;
         }
       }
 
@@ -759,4 +846,9 @@ export default {
     }
   }
 }
+
+.btn-group-tabs {
+        display: flex;
+        flex-direction: row;
+    }
 </style>

src/views/layout/Menu.vue

@@ -80,11 +80,11 @@ export default {
               icon: "svg-agc",
               path: "/monitor/agc",
             },
-            // {
-            //   text: "风场",
-            //   icon: "svg-wind-site",
-            //   path: "/monitor/windsite/home",
-            // },
+           {
+              text: "风场",
+              icon: "svg-wind-site",
+              path: "/monitor/windsite/home/MHS_FDC",
+            },
           ],
         },
         {