sisweb/src/views/healthManagement/healthManagement.vue

<template>
  <el-container>
    <template>
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick" style="height: 100%; width: 99.8%">
        <el-tab-pane label="未确认缺陷" name="serial_1">
          <el-button class="qbhl" type="danger" @click="ignore_all_check">全部忽略</el-button>
          <el-button class="qbqr" type="danger" @click="affirm_all_check">全部确认</el-button>
          <el-button class="fjlb" type="danger" @click="fj_all_list">风机列表</el-button>
          <el-row style="width: 100%">
            <el-col :span="2">
              <el-button size="medium" type="primary" icon="el-icon-menu" @click="weekfitness" style="margin: 33px 0px 33px 13px; width: 133px">7天健康趋势</el-button>
              <el-button size="medium" type="primary" icon="el-icon-s-grid" @click="monthfitness" style="margin: 33px 0px 33px 13px; width: 133px">30天健康趋势</el-button>
            </el-col>
            <el-col :span="22" v-loading="loading_line">
              <div class="box">
                <div id="fitnessRegulate" style="width: 100%; height: 300px"></div>
              </div>
            </el-col>
          </el-row>
          <template>
            <el-tabs v-model="contraryName" type="card" @tab-click="contraryClick" style="height: 100%; width: 100%">
              <el-tab-pane label="当日内推荐" name="contrary_1">
                <div class="recommendBox">
                  <div class="recommendItem" v-for="domain in Recommend" :key="domain.key">
                    <div class="inline" style="background:rgb(84, 92, 100);color:#fff;">
                      <div class="l">风机编号</div>
                      <el-tooltip class="item" effect="dark" :content="domain.wtid" placement="top">
                        <p class="to" style="width:50%;text-align:center;">{{domain.wtid}}</p>
                      </el-tooltip>
                      <div class="r">健康报告</div>
                    </div>
                    <div class="inline">
                      <div class="l">推荐理由</div>
                      <div class="r" style="width:60%;">
                        <el-input type="textarea" readonly style="width:100%;" clearable :autosize="false" resize="none"
                          :rows="2" placeholder="请输入内容" v-model="domain.reason">
                        </el-input>
                      </div>
                    </div>
                    <div class="inline">
                      <div class="l">推荐检修时间</div>
                      <div class="r" style="width:60%;">
                        <el-date-picker v-model="domain.createdate" disabled size="mini" style="width:99%" format="MM-dd HH:mm"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </div>
                    </div>
                    <div class="inline">
                      <div class="l">对应风速</div>
                      <div class="r" style="width:60%;">
                        <el-input readonly size="small" v-model="domain.speed"></el-input>
                      </div>
                    </div>
                    <div class="inline">
                      <div class="l">判断时间</div>
                      <div class="r" style="width:60%;">
                        <el-date-picker v-model="domain.recodedate" disabled size="mini" style="width:99%" format="MM-dd HH:mm"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </div>
                    </div>
                    <div class="inline" style="justify-content: space-around;">
                      <div class="l">
                        <el-button icon="el-icon-check" type="primary" size="small" @click="confirpush_check(domain.rid, i)">提交</el-button>
                      </div>
                      <div class="r">
                        <el-button icon="el-icon-close" size="small" @click="ignorepush(domain.rid, i)">忽略</el-button>
                      </div>
                    </div>
                  </div>
                </div>
              </el-tab-pane>
              <el-tab-pane label="三日内推荐" name="contrary_2">
                <div class="recommendBox">
                  <div class="recommendItem" v-for="domain in threeday" :key="domain.key">
                    <div class="inline" style="background:rgb(84, 92, 100);color:#fff;">
                      <div class="l">风机编号</div>
                       <p class="to" style="width:50%;text-align:center;">{{domain.wtid}}</p>
                      <div class="r">健康报告</div>
                    </div>
                    <div class="inline">
                      <div class="l">推荐理由</div>
                      <div class="r" style="width:60%;">
                        <el-input type="textarea" readonly style="width:100%;" clearable :autosize="false" resize="none"
                          :rows="2" placeholder="请输入内容" v-model="domain.reason">
                        </el-input>
                      </div>
                    </div>
                    <div class="inline">
                      <div class="l">推荐检修时间</div>
                      <div class="r" style="width:60%;">
                        <el-date-picker v-model="domain.createdate" disabled size="mini" style="width:99%" format="MM-dd HH:mm"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </div>
                    </div>
                    <div class="inline">
                      <div class="l">对应风速</div>
                      <div class="r" style="width:60%;">
                        <el-input readonly size="small" v-model="domain.speed"></el-input>
                      </div>
                    </div>
                    <div class="inline">
                      <div class="l">判断时间</div>
                      <div class="r" style="width:60%;">
                        <el-date-picker v-model="domain.recodedate" disabled size="mini" style="width:99%" format="MM-dd HH:mm"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </div>
                    </div>
                    <div class="inline" style="justify-content: space-around;">
                      <div class="l">
                        <el-button icon="el-icon-check" type="primary" size="small" @click="confirpush_check(domain.rid, i)">提交</el-button>
                      </div>
                      <div class="r">
                        <el-button icon="el-icon-close" size="small" @click="ignorepush(domain.rid, i)">忽略</el-button>
                      </div>
                    </div>
                  </div>
                </div>
              </el-tab-pane>
              <el-tab-pane label="超三日推荐" name="contrary_3">
                <div class="recommendBox">
                  <div class="recommendItem" v-for="domain in Exceedthreeday" :key="domain.key">
                    <div class="inline" style="background:rgb(84, 92, 100);color:#fff;">
                      <div class="l">风机编号</div>
                      <el-tooltip class="item" effect="dark" :content="domain.wtid" placement="top">
                        <p class="to" style="width:50%;text-align:center;">{{domain.wtid}}</p>
                      </el-tooltip>
                      <div class="r">健康报告</div>
                    </div>
                    <div class="inline">
                      <div class="l">推荐理由</div>
                      <div class="r" style="width:60%;">
                        <el-input type="textarea" readonly style="width:100%;" clearable :autosize="false" resize="none"
                          :rows="2" placeholder="请输入内容" v-model="domain.reason">
                        </el-input>
                      </div>
                    </div>
                    <div class="inline">
                      <div class="l">推荐检修时间</div>
                      <div class="r" style="width:60%;">
                        <el-date-picker v-model="domain.createdate" disabled size="mini" style="width:99%" format="MM-dd HH:mm"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </div>
                    </div>
                    <div class="inline">
                      <div class="l">对应风速</div>
                      <div class="r" style="width:60%;">
                        <el-input readonly size="small" v-model="domain.speed"></el-input>
                      </div>
                    </div>
                    <div class="inline">
                      <div class="l">判断时间</div>
                      <div class="r" style="width:60%;">
                        <el-date-picker v-model="domain.recodedate" disabled size="mini" style="width:99%" format="MM-dd HH:mm"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </div>
                    </div>
                    <div class="inline" style="justify-content: space-around;">
                      <div class="l">
                        <el-button icon="el-icon-check" type="primary" size="small" @click="confirpush_check(domain.rid, i)">提交</el-button>
                      </div>
                      <div class="r">
                        <el-button icon="el-icon-close" size="small" @click="ignorepush(domain.rid, i)">忽略</el-button>
                      </div>
                    </div>
                  </div>
                </div>
              </el-tab-pane>
            </el-tabs>
          </template>
        </el-tab-pane>
        <el-tab-pane label="已确认缺陷" name="serial_2">
          <el-row style="width: 100%">
            <el-col :span="2">
              <el-button size="medium" type="primary" icon="el-icon-menu" @click="weekfitness" style="margin: 33px 0px 33px 13px; width: 133px">7天健康趋势</el-button>
              <el-button size="medium" type="primary" icon="el-icon-s-grid" @click="monthfitness" style="margin: 33px 0px 33px 13px; width: 133px">30天健康趋势</el-button>
            </el-col>
            <el-col :span="22" v-loading="loading_line">
              <div class="box">
                <div id="fitnessRegulate_2" style="width: 100%; height: 300px"></div>
              </div>
            </el-col>
          </el-row>
          <template>
            <el-card style="height: 100%; width: 100%">
              <div class="recommendBox">
                  <div class="recommendItem" v-for="domain in Confirmed" :key="domain.key">
                    <div class="inline" style="background:rgb(84, 92, 100);color:#fff;">
                      <div class="l">风机编号</div>
                      
                        <p class="to" style="width:50%;text-align:center;">{{domain.wtid}}</p>
                      <div class="r">跟踪</div>
                    </div>
                    <div class="inline">
                      <div class="l">推荐理由</div>
                      <div class="r" style="width:60%;">
                        <el-input type="textarea" readonly style="width:100%;" clearable :autosize="false" resize="none"
                          :rows="2" placeholder="请输入内容" v-model="domain.reason">
                        </el-input>
                      </div>
                    </div>
                    <div class="inline">
                      <div class="l">推荐检修时间</div>
                      <div class="r" style="width:60%;">
                        <el-date-picker v-model="domain.createdate" disabled size="mini" style="width:99%" format="MM-dd HH:mm"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </div>
                    </div>
                    <div class="inline">
                      <div class="l">对应风速</div>
                      <div class="r" style="width:60%;">
                        <el-input readonly size="small" v-model="domain.speed"></el-input>
                      </div>
                    </div>
                    <div class="inline">
                      <div class="l">判断时间</div>
                      <div class="r" style="width:60%;">
                        <el-date-picker v-model="domain.recodedate" disabled size="mini" style="width:99%" format="MM-dd HH:mm"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </div>
                    </div>
                  </div>
                </div>
            </el-card>
          </template>
        </el-tab-pane>
        <el-tab-pane label="已分配任务" name="serial_3">
          <el-row>
            <el-card shadow="always">
              <el-form :inline="true" class="demo-form-inline">
                <el-form-item label="风场">
                  <el-select v-model="fc" clearable placeholder="请选择" @change="query1()">
                    <el-option v-for="item in wpIdslist" :key="item.id" :label="item.name" :value="item.id">
                    </el-option>
                  </el-select>
                </el-form-item>

                <el-form-item label="风机">
                  <el-select v-model="fj" placeholder="请选择">
                    <el-option v-for="item in wtIdslist" :key="item.id" :label="item.name" :value="item.id">
                    </el-option>
                  </el-select>
                </el-form-item>

                <el-form-item label="开始日期">
                  <el-date-picker v-model="Date1" value-format="yyyy-MM-dd" type="date" placeholder="选择日期">
                  </el-date-picker>
                </el-form-item>

                <el-form-item label="结束日期">
                  <el-date-picker v-model="Date2" value-format="yyyy-MM-dd" type="date" placeholder="选择日期">
                  </el-date-picker>
                </el-form-item>

                <el-form-item>
                  <el-button type="primary" :plain="true" @click="unfinishedList">查询</el-button>
                </el-form-item>
              </el-form>
            </el-card>
          </el-row>
          <el-card>
            <el-table :data="UnfinishedList" border style="width: 100%; height: 666px">
              <el-table-column label="已分配任务" width="180">
                <el-table-column fixed prop="wfname" label="场站" width="180">
                </el-table-column>
                <el-table-column prop="wtid" label="风机编号" width="180">
                </el-table-column>
                <el-table-column prop="operationdate" label="任务开始时间" :formatter="fm_data" width="210">
                </el-table-column>
                <el-table-column prop="prodtdepttime" label="任务结束时间" :formatter="fm_data" width="210">
                </el-table-column>
                <el-table-column prop="reason" label="检修原因" width="620">
                </el-table-column>
                <el-table-column prop="ismain" label="是否下单" width="150">
                </el-table-column>
                <el-table-column prop="status" label="任务状态" width="150">
                </el-table-column>
                <el-table-column fixed="right" label="操作" width="99">
                  <template slot-scope="scope">
                    <el-button @click="Click_xqgz(scope.row)" size="medium">消缺跟踪</el-button>
                  </template>
                </el-table-column>
              </el-table-column>
            </el-table>
          </el-card>
          <!-- <el-pagination
            style="margin-left: 863px"
            @size-change="handleSizeChange_fy1"
            @current-change="handleCurrentChange_fy1"
            :current-page.sync="currentPage3_fy1"
            :page-size="pagesize_fy1"
            layout="prev, pager, next, jumper"
            :total="pages01_fy1"
          >
          </el-pagination> -->
        </el-tab-pane>
        <el-tab-pane label="已完成任务" name="serial_4">
          <el-row>
            <el-card shadow="always">
              <el-form :inline="true" class="demo-form-inline">
                <el-form-item label="风场">
                  <el-select v-model="fc" clearable placeholder="请选择" @change="query1()">
                    <el-option v-for="item in wpIdslist" :key="item.id" :label="item.name" :value="item.id">
                    </el-option>
                  </el-select>
                </el-form-item>

                <el-form-item label="风机">
                  <el-select v-model="fj" placeholder="请选择">
                    <el-option v-for="item in wtIdslist" :key="item.id" :label="item.name" :value="item.id">
                    </el-option>
                  </el-select>
                </el-form-item>

                <el-form-item label="开始日期">
                  <el-date-picker v-model="Date1" value-format="yyyy-MM-dd" type="date" placeholder="选择日期">
                  </el-date-picker>
                </el-form-item>

                <el-form-item label="结束日期">
                  <el-date-picker v-model="Date2" value-format="yyyy-MM-dd" type="date" placeholder="选择日期">
                  </el-date-picker>
                </el-form-item>

                <el-form-item>
                  <el-button type="primary" :plain="true" @click="complateList">查询</el-button>
                </el-form-item>
              </el-form>
            </el-card>
          </el-row>
          <el-card>
            <el-table :data="FinishedList" border style="width: 100%; height: 666px">
              <el-table-column label="已分配任务" width="180">
                <el-table-column fixed prop="wfname" label="场站" width="180">
                </el-table-column>
                <el-table-column prop="wtid" label="风机编号" width="180">
                </el-table-column>
                <el-table-column prop="operationdate" label="任务开始时间" :formatter="fm_data" width="210">
                </el-table-column>
                <el-table-column prop="prodtdepttime" label="任务结束时间" :formatter="fm_data" width="210">
                </el-table-column>
                <el-table-column prop="reason" label="检修原因" width="521">
                </el-table-column>
                <el-table-column prop="ismain" label="是否下单" width="150">
                </el-table-column>
                <el-table-column prop="status" label="任务状态" width="150">
                </el-table-column>
                <el-table-column fixed="right" label="操作" width="198">
                  <template slot-scope="scope">
                    <el-button @click="Click_xqgz_ywc(scope.row)" size="mini">消缺跟踪</el-button>
                    <el-button @click="Click_lscx_ywc(scope.row)" size="mini">历史查询</el-button>
                  </template>
                </el-table-column>
              </el-table-column>
            </el-table>
          </el-card>
          <!-- <el-pagination
            style="margin-left: 863px"
            @size-change="handleSizeChange_fy2"
            @current-change="handleCurrentChange_fy2"
            :current-page.sync="currentPage3_fy2"
            :page-size="pagesize_fy2"
            layout="prev, pager, next, jumper"
            :total="pages01_fy2"
          >
          </el-pagination> -->
        </el-tab-pane>
      </el-tabs>
      <el-dialog title="消缺跟踪" :visible.sync="dialogTableVisible" width="66%" :before-close="handleClose">
        <el-steps :active="jdt" finish-status="success" simple style="margin-top: 20px">
          <el-step title="流程未启动"></el-step>
          <el-step title="消缺单下达"></el-step>
          <el-step title="消缺处理中"></el-step>
          <el-step title="消缺完成"></el-step>
          <el-step title="消缺验收"></el-step>
        </el-steps>
        <el-form ref="form" label-position="right" :model="ParticularsList" label-width="119px">
          <el-row :gutter="20">
            <el-col span="12">
              <el-form-item label="风场">
                <el-input v-model="ParticularsList.wpName"></el-input>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item label="风机">
                <el-input v-model="ParticularsList.wtId"></el-input>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col span="12">
              <el-form-item label="推荐检修时间" label-width="119px">
                <el-date-picker v-model="ParticularsList.tjss" disabled type="datetime" size="mini" placeholder="选择日期时间">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item label="预计检修风速" label-width="119px">
                <el-input v-model="ParticularsList.tjfs"></el-input>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-form-item label="推荐理由" label-width="119px">
              <el-input type="textarea" v-model="ParticularsList.tjyy"></el-input>
            </el-form-item>
          </el-row>

          <el-row :gutter="20">
            <el-col span="12">
              <el-form-item label="下单时间" label-width="119px">
                <el-date-picker v-model="ParticularsList.prodtdepttime" disabled size="mini" type="datetime"
                  placeholder="选择日期时间">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item label="主要负责人">
                <el-input v-model="ParticularsList.workleader"></el-input>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col span="12">
              <el-form-item label="出发时间" label-width="119px">
                <el-date-picker v-model="ParticularsList.departuretime" disabled size="mini" type="datetime"
                  placeholder="选择日期时间">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item label="到达时间" label-width="119px">
                <el-date-picker v-model="ParticularsList.arrivaltime" disabled size="mini" type="datetime" placeholder="选择日期时间">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-form-item label="排查方法" label-width="119px">
              <el-input type="textarea" v-model="ParticularsList.gzpc"></el-input>
            </el-form-item>
          </el-row>

          <el-row :gutter="20">
            <el-form-item label="处理方法" label-width="119px">
              <el-input type="textarea" v-model="ParticularsList.gzjx"></el-input>
            </el-form-item>
          </el-row>

          <el-row :gutter="20">
            <el-col span="12">
              <el-form-item label="消缺时间" label-width="119px">
                <el-date-picker v-model="ParticularsList.createdate" disabled size="mini" type="datetime" placeholder="选择日期时间">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item label="故障时长" label-width="119px">
                <el-input v-model="ParticularsList.speed"></el-input>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col span="12">
              <el-form-item label="验收人" label-width="119px">
                <el-input v-model="ParticularsList.checkdeptlabornum"></el-input>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item label="验收时间" label-width="119px">
                <el-date-picker v-model="ParticularsList.checktime" disabled size="mini" type="datetime" placeholder="选择日期时间">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-form-item label="验收意见" label-width="119px">
              <el-input type="textarea" v-model="ParticularsList.reason"></el-input>
            </el-form-item>
          </el-row>
        </el-form>
      </el-dialog>

      <el-dialog title="消缺跟踪" :visible.sync="dialogTableVisible_2" width="93%" :before-close="handleClose">
        <el-row>
          <el-col :span="16">
            <el-steps :active="jdt_2" finish-status="success" simple style="margin-top: 20px">
              <el-step title="流程未启动"></el-step>
              <el-step title="消缺单下达"></el-step>
              <el-step title="消缺处理中"></el-step>
              <el-step title="消缺完成"></el-step>
              <el-step title="消缺验收"></el-step>
            </el-steps>
            <el-form ref="form" label-position="right" :model="ParticularsList_2" label-width="119px">
              <el-row :gutter="20">
                <el-col span="12">
                  <el-form-item label="风场">
                    <el-input v-model="ParticularsList_2.wpName"></el-input>
                  </el-form-item>
                </el-col>
                <el-col span="12">
                  <el-form-item label="风机">
                    <el-input v-model="ParticularsList_2.wtId"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>

              <el-row :gutter="20" style="margin-top: 3px">
                <el-col span="12">
                  <el-form-item label="推荐检修时间" label-width="119px">
                    <el-date-picker v-model="ParticularsList_2.tjss" disabled size="mini" type="datetime" placeholder="选择日期时间">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
                <el-col span="12">
                  <el-form-item label="预计检修风速" label-width="119px">
                    <el-input v-model="ParticularsList_2.tjfs"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>

              <el-row :gutter="20" style="margin-top: 3px">
                <el-form-item label="推荐理由" label-width="119px">
                  <el-input type="textarea" v-model="ParticularsList_2.tjyy"></el-input>
                </el-form-item>
              </el-row>

              <el-row :gutter="20" style="margin-top: 3px">
                <el-col span="12">
                  <el-form-item label="下单时间" label-width="119px">
                    <el-date-picker v-model="ParticularsList_2.prodtdepttime" disabled size="mini" type="datetime"
                      placeholder="选择日期时间">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
                <el-col span="12">
                  <el-form-item label="主要负责人">
                    <el-input v-model="ParticularsList_2.workleader"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>

              <el-row :gutter="20" style="margin-top: 3px">
                <el-col span="12">
                  <el-form-item label="出发时间" label-width="119px">
                    <el-date-picker v-model="ParticularsList_2.departuretime" disabled size="mini" type="datetime"
                      placeholder="选择日期时间">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
                <el-col span="12">
                  <el-form-item label="到达时间" label-width="119px">
                    <el-date-picker v-model="ParticularsList_2.arrivaltime" disabled size="mini" type="datetime"
                      placeholder="选择日期时间">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
              </el-row>

              <el-row :gutter="20" style="margin-top: 3px">
                <el-form-item label="排查方法" label-width="119px">
                  <el-input type="textarea" v-model="ParticularsList_2.gzpc"></el-input>
                </el-form-item>
              </el-row>

              <el-row :gutter="20" style="margin-top: 3px">
                <el-form-item label="处理方法" label-width="119px">
                  <el-input type="textarea" v-model="ParticularsList_2.gzjx"></el-input>
                </el-form-item>
              </el-row>

              <el-row :gutter="20" style="margin-top: 3px">
                <el-col span="12">
                  <el-form-item label="消缺时间" label-width="119px">
                    <el-date-picker v-model="ParticularsList_2.repairedtime" disabled size="mini" type="datetime"
                      placeholder="选择日期时间">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
                <el-col span="12">
                  <el-form-item label="故障时长" label-width="119px">
                    <el-input v-model="ParticularsList_2.degradebugtype"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>

              <el-row :gutter="20" style="margin-top: 3px">
                <el-col span="12">
                  <el-form-item label="验收人" label-width="119px">
                    <el-input v-model="ParticularsList_2.checkdeptlabornum"></el-input>
                  </el-form-item>
                </el-col>
                <el-col span="12">
                  <el-form-item label="验收时间" label-width="119px">
                    <el-date-picker v-model="ParticularsList_2.checktime" disabled type="datetime" size="mini"
                      placeholder="选择日期时间">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
              </el-row>

              <el-row :gutter="20" style="margin-top: 3px">
                <el-form-item label="验收意见" label-width="119px">
                  <el-input type="textarea" v-model="ParticularsList_2.checkdeptopinion"></el-input>
                </el-form-item>
              </el-row>
            </el-form>
          </el-col>
          <el-col :span="8">
            <el-form ref="form" label-position="right" :model="ParticularsList_2" label-width="130px">
              <el-row style="margin-top: 21px">
                <el-col :span="6" style="margin-left: 9%">
                  <el-button type="primary" plain class="el-icon-watch-1" @click="shxx(ParticularsList_2.workleader)">手环</el-button>
                </el-col>
                <el-col :span="6">
                  <el-button type="success" plain class="el-icon-map-location" @click="ditu">地图</el-button>
                </el-col>
                <el-col :span="6">
                  <el-button type="warning" plain class="el-icon-wind-power" @click="fjkhd">风机</el-button>
                </el-col>
              </el-row>

              <el-row style="margin: 33px 3px 23px 3px">
                <el-form-item label="任务分配时长">
                  <el-input v-model="ParticularsList_2.rwfpsc" style="width: 60%"></el-input>
                  <span style="margin-left: 23px">分钟</span>
                </el-form-item>
              </el-row>

              <el-row style="margin: 3px 3px 23px 3px">
                <el-form-item label="任务分配平均时长">
                  <el-input v-model="ParticularsList_2.rwfppjsc" style="width: 60%"></el-input>
                  <span style="margin-left: 23px">分钟</span>
                </el-form-item>
              </el-row>

              <el-row style="margin: 3px 3px 23px 3px">
                <el-form-item label="到达现场时长">
                  <el-input v-model="ParticularsList_2.ddxcsc" style="width: 60%"></el-input>
                  <span style="margin-left: 33px">分钟</span>
                </el-form-item>
              </el-row>

              <el-row style="margin: 3px 3px 23px 3px">
                <el-form-item label="到达现场平均时长">
                  <el-input v-model="ParticularsList_2.ddxcpjsc" style="width: 60%"></el-input>
                  <span style="margin-left: 33px">分钟</span>
                </el-form-item>
              </el-row>

              <el-row style="margin: 3px 3px 23px 3px">
                <el-form-item label="缺陷处理时长">
                  <el-input v-model="ParticularsList_2.qxclsc" style="width: 60%"></el-input>
                  <span style="margin-left: 33px">分钟</span>
                </el-form-item>
              </el-row>

              <el-row style="margin: 3px 3px 23px 3px">
                <el-form-item label="缺陷处理平均时长">
                  <el-input v-model="ParticularsList_2.qxclpjsc" style="width: 60%"></el-input>
                  <span style="margin-left: 33px">分钟</span>
                </el-form-item>
              </el-row>

              <el-row style="margin: 3px 3px 23px 3px">
                <el-form-item label="验收时长">
                  <el-input v-model="ParticularsList_2.yssc" style="width: 60%"></el-input>
                  <span style="margin-left: 33px">分钟</span>
                </el-form-item>
              </el-row>

              <el-row style="margin: 3px 3px 23px 3px">
                <el-form-item label="验收平均时长">
                  <el-input v-model="ParticularsList_2.yspjsc" style="width: 60%"></el-input>
                  <span style="margin-left: 33px">分钟</span>
                </el-form-item>
              </el-row>
            </el-form>
          </el-col>
        </el-row>
      </el-dialog>

      <el-dialog title="消缺跟踪" :visible.sync="dialogTableVisible_3" width="66%" :before-close="handleClose">
        <el-steps :active="jdt_3" finish-status="success" simple style="margin-top: 20px">
          <el-step title="流程未启动"></el-step>
          <el-step title="消缺单下达"></el-step>
          <el-step title="消缺处理中"></el-step>
          <el-step title="消缺完成"></el-step>
          <el-step title="消缺验收"></el-step>
        </el-steps>
        <el-form ref="form" label-position="right" :model="ParticularsList_2" label-width="119px">
          <el-row :gutter="20">
            <el-col span="12">
              <el-form-item label="风场">
                <el-input v-model="ParticularsList_2.wpName"></el-input>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item label="风机">
                <el-input v-model="ParticularsList_2.wtId"></el-input>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col span="12">
              <el-form-item label="推荐检修时间" label-width="119px">
                <el-date-picker v-model="ParticularsList_2.tjss" disabled size="mini" type="datetime" placeholder="选择日期时间">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item label="预计检修风速" label-width="119px">
                <el-input v-model="ParticularsList_2.tjfs"></el-input>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-form-item label="推荐理由" label-width="119px">
              <el-input type="textarea" v-model="ParticularsList_2.tjyy"></el-input>
            </el-form-item>
          </el-row>

          <el-row :gutter="20">
            <el-col span="12">
              <el-form-item label="下单时间" label-width="119px">
                <el-date-picker v-model="ParticularsList_2.prodtdepttime" disabled size="mini" type="datetime"
                  placeholder="选择日期时间">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item label="主要负责人">
                <el-input v-model="ParticularsList_2.workleader"></el-input>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col span="12">
              <el-form-item label="出发时间" label-width="119px">
                <el-date-picker v-model="ParticularsList_2.departuretime" disabled size="mini" type="datetime"
                  placeholder="选择日期时间">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item label="到达时间" label-width="119px">
                <el-date-picker v-model="ParticularsList_2.arrivaltime" disabled size="mini" type="datetime"
                  placeholder="选择日期时间">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-form-item label="排查方法" label-width="119px">
              <el-input type="textarea" v-model="ParticularsList_2.gzpc"></el-input>
            </el-form-item>
          </el-row>

          <el-row :gutter="20">
            <el-form-item label="处理方法" label-width="119px">
              <el-input type="textarea" v-model="ParticularsList_2.gzjx"></el-input>
            </el-form-item>
          </el-row>

          <el-row :gutter="20">
            <el-col span="12">
              <el-form-item label="消缺时间" label-width="119px">
                <el-date-picker v-model="ParticularsList_2.repairedtime" disabled size="mini" type="datetime"
                  placeholder="选择日期时间">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item label="故障时长" label-width="119px">
                <el-input v-model="ParticularsList_2.degradebugtype"></el-input>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col span="12">
              <el-form-item label="验收人" label-width="119px">
                <el-input v-model="ParticularsList_2.checkdeptlabornum"></el-input>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item label="验收时间" label-width="119px">
                <el-date-picker v-model="ParticularsList_2.checktime" disabled type="datetime" size="mini" placeholder="选择日期时间">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-form-item label="验收意见" label-width="119px">
              <el-input type="textarea" v-model="ParticularsList_2.checkdeptopinion"></el-input>
            </el-form-item>
          </el-row>
        </el-form>
      </el-dialog>

      <el-dialog title="" :visible.sync="dialogTableVisible_sh" width="66%" :before-close="handleClose">
        <el-card>
          <el-form :inline="true" :model="braceletList_ss" class="demo-form-inline" label-width="83px" :disabled="true">
            <el-row>
              <el-col :span="5" style="border: 1px solid black">
                <el-form-item label="检修人员">
                  <el-input style="width: 99px" v-model="ParticularsList_2.workleader"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5" style="border: 1px solid black">
                <el-form-item label="工作时长">
                  <el-input style="width: 99px" v-model="ParticularsList_2.workHours"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5" style="border: 1px solid black">
                <el-form-item label="工作强度">
                  <el-input style="width: 99px" v-model="braceletList_ss.c5"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5" style="border: 1px solid black">
                <el-form-item label="疲劳度">
                  <el-input style="width: 99px" v-model="braceletList_ss.PLD"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="5" style="border: 1px solid black">
                <el-form-item label="收缩血压">
                  <el-input style="width: 99px" v-model="braceletList_ss.SSXY"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5" style="border: 1px solid black">
                <el-form-item label="舒张血压">
                  <el-input style="width: 99px" v-model="braceletList_ss.SZXY"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5" style="border: 1px solid black">
                <el-form-item label="心跳频率">
                  <el-input style="width: 99px" v-model="braceletList_ss.XTPL"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5" style="border: 1px solid black">
                <el-form-item label="血压">
                  <el-input style="width: 99px" v-model="braceletList_ss.XYND"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </el-card>
        <el-card>
          <el-col :span="22">
            <div class="box">
              <div id="shxq" style="width: 100%; height: 199px"></div>
            </div>
          </el-col>
        </el-card>
        <el-card>
          <el-row>
            <span style="color: #000; font-size: 21px ;margin-left:13px">技能:</span>
          </el-row>
          <el-row>
            <span style="color: #000; font-size: 16px ;margin-left:66px">电力类,机电类</span>
          </el-row>
        </el-card>
      </el-dialog>

      <el-dialog title="" :visible.sync="dialogTableVisible_ls" width="66%" :before-close="handleClose">
        <el-card>
          <div class="tree">
            <div class="l" style="width:33%">
              <el-tree
                node-key="id"
                highlight-current:true
                :data="tree"
                :default-expanded-keys="uu"
                :props="defaultProps"
                accordion
                @node-click="handleNodeClick">
              </el-tree>
            </div>
            <div class="r">
              <el-table
                align:cebter
                border
                header-align:center
                :data="treeData"
                style="width: 100%">
                <el-table-column
                  type="index">
                </el-table-column>
                <el-table-column
                  prop="xqms"
                  label="消缺描述"
                  width="180">
                </el-table-column>
                <el-table-column
                  prop="xqry"
                  label="消缺人员"
                  width="90">
                </el-table-column>
                <el-table-column
                  prop="xqsj"
                  label="消缺时间"
                  width="90">
                </el-table-column>
                <el-table-column
                  prop="ghbj"
                  label="更换部件"
                  width="90">
                </el-table-column>
                <el-table-column
                  prop="ghyy"
                  label="更换原因"
                  width="180">
                </el-table-column>
                <el-table-column
                  prop="ghsl"
                  label="更换数量"
                  width="90">
                </el-table-column>
              </el-table>
              </div>
          </div>
        </el-card>
      </el-dialog>
    </template>
  </el-container>
</template>
<script>
import healthManagement from "@assets/js/healthManagement/healthManagement";
export default healthManagement;
</script>

<style lang="scss" scoped>
@import '@assets/css/healthManagement/healthManagement.scss';
</style>